@charset "UTF-8";
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap; /* or block, swap, fallback, optional */
  src: url("../../../fonts/montserrat/montserrat-medium.woff2") format("woff2"), url("../../../fonts/montserrat/montserrat-medium.woff") format("woff");
  unicode-range: U+000-5FF; /* Latin glyphs */
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap; /* or block, swap, fallback, optional */
  src: url("../../../fonts/montserrat/montserrat-semibold.woff2") format("woff2"), url("../../../fonts/montserrat/montserrat-semibold.woff") format("woff");
  unicode-range: U+000-5FF; /* Latin glyphs */
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap; /* or block, swap, fallback, optional */
  src: url("../../../fonts/montserrat/montserrat-bold.woff2") format("woff2"), url("../../../fonts/montserrat/montserrat-bold.woff") format("woff");
  unicode-range: U+000-5FF; /* Latin glyphs */
}
/* Brand Colors */
/* Theme Colors */
/* Plus Colors */
/* Illustrate AI */
/* UI Colors */
/* Social Colors */
/* Font Sizes */
/* Breakpoints */
/* CDN Path */
/* Logo Paths */
@keyframes tick-slide-up {
  0% {
    top: 0;
    opacity: 1;
  }
  90% {
    top: -50px;
    opacity: 0;
  }
}
@keyframes like-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  90% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes event-hunt-up {
  0% {
    bottom: -50px;
    opacity: 0;
  }
  20% {
    bottom: -1px;
    opacity: 1;
  }
  60% {
    bottom: -1px;
    opacity: 1;
  }
  80% {
    bottom: 50px;
    opacity: 0;
  }
}
@keyframes dollar-event-tick {
  0% {
    top: -40px;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  50% {
    top: 24px;
  }
  90% {
    top: 24px;
    opacity: 0;
  }
}
@keyframes dollar-event-tick-2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes explode-click {
  50% {
    transform: scale(1.8, 1.8);
    opacity: 0;
  }
  99% {
    transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
}
@keyframes copySuccess {
  0% {
    margin-top: 0;
    opacity: 0;
  }
  30% {
    margin-top: -30px;
    opacity: 1;
  }
  70% {
    margin-top: -60px;
    opacity: 0;
  }
}
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul, ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul, ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
  background-color: transparent;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: inline;
  vertical-align: middle;
  border-style: none;
  height: auto;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
dd, h1, h2, h3, h4, h5, h6, label, legend {
  margin-bottom: 0.5rem;
  margin-top: 0;
}
dd.-margin-reset, h1.-margin-reset, h2.-margin-reset, h3.-margin-reset, h4.-margin-reset, h5.-margin-reset, h6.-margin-reset, label.-margin-reset, legend.-margin-reset {
  margin-bottom: 0;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.-u-float-right {
  float: right;
}

.-u-float-left {
  float: left;
}

.-u-clear {
  clear: both;
}

.-u-align-center {
  text-align: center;
}

.-u-align-left {
  text-align: left;
}

.-u-align-right {
  text-align: right;
}

.-u-padded-0 {
  padding: 0 !important;
}

.-u-padded-5 {
  padding: 5px !important;
}

.-u-padded-10 {
  padding: 10px !important;
}

.-u-padded-15 {
  padding: 15px !important;
}

.-u-padded-20 {
  padding: 20px !important;
}

.-u-top-0 {
  margin-top: 0 !important;
}

.-u-top-5 {
  margin-top: 5px !important;
}

.-u-top-10 {
  margin-top: 10px !important;
}

.-u-top-15 {
  margin-top: 15px !important;
}

.-u-top-20 {
  margin-top: 20px !important;
}

.-u-top-30 {
  margin-top: 30px !important;
}

.-u-top-40 {
  margin-top: 40px !important;
}

.-u-bottom-0 {
  margin-bottom: 0 !important;
}

.-u-bottom-5 {
  margin-bottom: 5px !important;
}

.-u-bottom-10 {
  margin-bottom: 10px !important;
}

.-u-bottom-15 {
  margin-bottom: 15px !important;
}

.-u-bottom-20 {
  margin-bottom: 20px !important;
}

.-u-bottom-30 {
  margin-bottom: 30px !important;
}

.-u-bottom-40 {
  margin-bottom: 40px !important;
}

.m-0 {
  margin: 0 !important;
}

.clip-text, .upcoming-plus-products h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

.grecaptcha-privacy {
  font-size: 12px;
  color: #7f7f7f;
}
.grecaptcha-privacy.-popup-msg {
  text-align: center;
  margin: 10px 0 20px 0;
}

.disabled-link {
  pointer-events: none;
}

body.popup-overflow, body.noScroll {
  overflow: auto;
}
body.noScrollForce {
  height: 100vh;
  overflow-y: hidden;
}

.r-float {
  float: right;
}

.l-float {
  float: left;
}

.r-float-i {
  float: right !important;
}

.l-float-1 {
  float: left !important;
}

.clear {
  clear: both;
}

.c-align {
  text-align: center;
}

.l-align {
  text-align: left;
}

.r-align {
  text-align: right;
}

.full-height {
  height: 100%;
}

.full-width {
  width: 100%;
}

.margin-reset {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.padding-reset {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.margin-auto {
  margin-left: auto;
  margin-right: auto;
}

.padded-30 {
  padding: 30px;
}

.padded-20 {
  padding: 20px !important;
}

.padded-15 {
  padding: 15px !important;
}

.padded-10 {
  padding: 10px !important;
}

.padded-5 {
  padding: 5px !important;
}

.padded-0 {
  padding: 0 !important;
}

.top-0 {
  margin-top: 0 !important;
}

.top-5 {
  margin-top: 5px !important;
}

.top-10 {
  margin-top: 10px !important;
}

.top-15 {
  margin-top: 15px !important;
}

.top-20 {
  margin-top: 20px !important;
}

.top-30 {
  margin-top: 30px !important;
}

.top-40 {
  margin-top: 40px !important;
}

.bottom-40 {
  margin-bottom: 40px !important;
}

.bottom-30 {
  margin-bottom: 30px !important;
}

.bottom-20 {
  margin-bottom: 20px !important;
}

.bottom-15 {
  margin-bottom: 15px !important;
}

.bottom-10 {
  margin-bottom: 10px !important;
}

.bottom-0 {
  margin-bottom: 0px !important;
}

@media (max-width: 991px) {
  .bottom-sm-1 {
    margin-bottom: 1px !important;
  }
  .bottom-sm-10 {
    margin-bottom: 10px !important;
  }
  .bottom-sm-15 {
    margin-bottom: 15px !important;
  }
  .bottom-sm-20 {
    margin-bottom: 20px !important;
  }
  .bottom-sm-30 {
    margin-bottom: 30px !important;
  }
  .bottom-sm-40 {
    margin-bottom: 40px !important;
  }
  .bottom-sm-60 {
    margin-bottom: 60px !important;
  }
}
.hor-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.hor-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.hor-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.hor-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.width-15 {
  width: 15% !important;
}

.width-20 {
  width: 20% !important;
}

.width-35 {
  width: 35% !important;
}

.width-50 {
  width: 50% !important;
}

.width-80 {
  width: 80% !important;
}

.width-100 {
  width: 100% !important;
}

.dashed-bottom-2 {
  border-bottom: 2px dashed #eee;
}

.solid-bottom-1 {
  border-bottom: 1px solid #eee;
}

.solid-top-1 {
  border-top: 1px solid #eee;
}

.block-ele {
  display: block;
}

.inline-block-ele {
  display: inline-block !important;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-25 {
  opacity: 0.25;
}

.relative {
  position: relative;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
}

.left-col-reset {
  padding-left: 0 !important;
}
@media (min-width: 992px) {
  .left-col-reset-md {
    padding-left: 0 !important;
  }
}

.right-col-reset {
  padding-right: 0 !important;
}
@media (min-width: 992px) {
  .right-col-reset-md {
    padding-right: 0 !important;
  }
}

.body-text {
  hyphens: auto;
  word-break: break-word;
}
.body-text__no-hyphens {
  hyphens: none;
  word-break: normal;
}

.collapse-hidden {
  display: none;
}

.table-vert-align > tbody > tr > td {
  vertical-align: middle !important;
}

.white-box {
  background-color: white;
  padding: 10px;
}
.white-box.extra-padding {
  padding: 20px 10px;
}
.white-box.extra-padding-all {
  padding: 20px;
}
.white-box.shadow-box {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
.white-box hr {
  border-color: #ddd;
}

.main-box-shadow {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}

.light-grey-box {
  background-color: #ededed;
}

.divider-bottom {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.clear-after:after {
  content: "";
  display: table;
  clear: both;
}

.svg, .popup-svg {
  display: none;
}
.svg.replaced-svg, .popup-svg.replaced-svg {
  display: inline-block;
}

.change-style {
  top: 0;
  font-size: 14px;
}

@media (max-width: 991px) {
  .row-flex-wrap [class*=col-].-product-name-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .row-flex-wrap [class*=col-].-product-name-col .plus-tag {
    top: 0;
    margin: 0.5rem 0;
  }
}
@media (min-width: 992px) {
  .row-flex-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .row-flex-wrap [class*=col-] {
    display: flex;
    flex-direction: column;
  }
  .row-flex-wrap [class*=col-].-product-name-col {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .row-flex-wrap [class*=col-].-product-name-col .product-name {
    word-break: break-word;
  }
  .row-flex-wrap [class*=col-].-product-name-col .plus-tag {
    top: 0 !important;
    white-space: nowrap;
  }
  .row-flex-wrap .v-center {
    justify-content: center;
  }
  .row-flex-wrap .h-center {
    align-items: center;
  }
  .row-flex-wrap .h-right {
    align-items: flex-end;
  }
}
.display_none {
  display: none;
}
.display_block {
  display: block;
}
.display_contents {
  display: contents;
}

.-hidden {
  display: none;
}

.red-text {
  color: #e9444a;
}

.grey-text {
  color: #999;
}

.green-text {
  color: #5ac651;
}

.yellow-text {
  color: #ffb400;
}

.blue-text {
  color: #1c9cd2;
}

.orange-text {
  color: #f7941d;
}

.grey-text {
  color: #999;
}

.white-text {
  color: white;
}

.black-text {
  color: black;
}

.plus-text {
  color: #ef9f1f;
}

.fb-text {
  color: #ff0039 !important;
}

.db-text {
  color: #4cc5fb !important;
}

.strikeout {
  text-decoration: line-through !important;
}

.underline {
  text-decoration: underline !important;
}

.no-underline {
  text-decoration: none !important;
}

.bold {
  font-weight: bold !important;
}

.regular {
  font-weight: 500 !important;
}

.thin {
  font-weight: 400 !important;
}

.wrap-text {
  word-wrap: break-word;
}

.text-small-3 {
  font-size: 0.7em;
}

.text-small-2 {
  font-size: 0.8em;
}

.text-small-1 {
  font-size: 0.9em;
}

.text-big-1 {
  font-size: 1.1em;
}

.text-big-2 {
  font-size: 1.2em;
}

.text-big-3 {
  font-size: 1.3em;
}

.text-big-4 {
  font-size: 1.4em;
}

.white-link, .blue-link, .red-link, .black-link {
  cursor: pointer;
}

.white-link {
  color: white;
  cursor: pointer;
}
.white-link:hover, .white-link:active, .white-link:visited {
  color: white;
}

.blue-link {
  color: #1c9cd2;
  cursor: pointer;
}
.blue-link:hover {
  color: black;
  text-decoration: none;
}

.red-link {
  color: #e9444a;
  cursor: pointer;
}
.red-link:hover {
  color: black;
  text-decoration: none;
}

.yellow-link {
  color: #ffb400;
  cursor: pointer;
}
.yellow-link:hover {
  color: black;
  text-decoration: none;
}

.red-link {
  color: #e9444a;
}
.red-link:hover {
  color: black;
}

.black-link {
  color: black;
}
.black-link:hover {
  color: black;
}

.grey-link {
  color: #7f7f7f;
  cursor: pointer;
}
.grey-link:hover {
  color: #000000;
}

.plus-orange-link {
  color: #ef9f1f;
  cursor: pointer;
}
.plus-orange-link:hover {
  color: white;
}

.icn-left {
  margin-left: 5px;
}

.icn-right {
  margin-right: 5px;
}

p.no-margin {
  margin: 0 !important;
}

h3 a,
h3 a:hover,
h3 a:active {
  color: rgb(51, 51, 51);
}

.hor-list, .purchases-tab-menu, .plus-banner-plus .plus-perks-list {
  padding: 0;
  margin: 0;
}
.hor-list li, .purchases-tab-menu li, .plus-banner-plus .plus-perks-list li {
  vertical-align: middle;
  display: inline-block;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.basic-list, .files-container ul, .pagination-block-component, .plus-products-download-list {
  padding: 0;
  margin: 0;
}
.basic-list li, .files-container ul li, .pagination-block-component li, .plus-products-download-list li {
  list-style-type: none;
  display: block;
  padding: 0;
  margin: 0;
}

.line-padded-list li {
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}
.line-padded-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.line-padded-list.darker-border li {
  border-color: #ddd;
}

.vertical-align, .cropUpload .cropUploadClickable .cropUploadText, .purchase-licence-btn span, .purchase-licence-btn strong, .purchase-licence-btn, .plus-products-site-toggle a img {
  height: 100%;
  align-items: center;
  display: inline-flex;
}

.horizontal-align {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.vert-hori-align {
  transform: translateY(-50%) translateX(-50%);
  top: 50%;
  left: 50%;
  position: absolute;
}

.basic-shadow {
  box-shadow: 0 0 43px -10px rgba(0, 0, 0, 0.2);
}

.res-hide {
  display: inline-block;
}

.res-show {
  display: none;
}

.res-hide-block {
  display: block;
}

.stacktable.large-only {
  display: table;
}

.stacktable.small-only {
  display: none;
}

@media (max-width: 414px) {
  .res-hide, .res-hide-block {
    display: none !important;
  }
  .res-center {
    text-align: center !important;
  }
  .res-left {
    text-align: left !important;
  }
  .res-right {
    text-align: right !important;
  }
  .res-show {
    display: inline-block;
  }
  .res-show.res-block {
    display: block;
  }
  .res-inline {
    display: inline !important;
  }
  .row-left-reset {
    margin-left: -15px;
    margin-right: -15px;
  }
  .res-full-width,
  .-res-full-width {
    width: 100% !important;
  }
  .bottom-margin-reset {
    margin-bottom: 0 !important;
  }
  .top-margin-reset {
    margin-top: 0 !important;
  }
  .vertical-align-reset {
    transform: translateY(0%) !important;
    top: 0 !important;
  }
  .padded-20.res-padding-reduce {
    padding: 10px !important;
  }
  .stacktable.large-only {
    display: none;
  }
  .stacktable.small-only {
    display: table;
  }
}
@media (max-width: 767px) {
  .tablet-center {
    text-align: center !important;
  }
}
@media (max-width: 414px) {
  .vertical-align-reset-sm {
    transform: translateY(0%) !important;
    top: 0 !important;
  }
}
.rounded-border-box {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 15px;
}

/* Reusable components */
.rounded-border-box-darker {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
}

.overflow-auto {
  overflow: auto;
}

@media (max-width: 767px) {
  .table-stacked {
    display: block;
    width: 100%;
  }
  .table-stacked caption, .table-stacked thead, .table-stacked tbody, .table-stacked tfoot, .table-stacked th, .table-stacked tr, .table-stacked td {
    display: block;
    width: 100%;
  }
}

.fontbundles-theme {
  --swiper-theme-color: #f866a0;
  /* Common Classes */
  /* Mixins */
  /* Forms */
  /* pagination */
  /* Menus */
  /* Embedded-links */
  /* Product Tiles */
  /* Header */
  /* License */
  /* Youtube */
  /* Comments */
  /* Homepage */
  /* Products */
  /*.bundle-featured-banner { 
     background: linear-gradient(134deg, rgba($fontBundlesTheme, 0.1) 0%, rgba(255,255,255,1) 50%);
  } */
  /* Free products */
  /* Search */
  /* Login / Register */
}
.fontbundles-theme .-theme-bg {
  background-color: #f866a0;
}
.fontbundles-theme .-theme-bg-light {
  background-color: rgb(254.69375, 248.30625, 250.84375);
}
.fontbundles-theme .-theme-color, .fontbundles-theme .my-account__content__nav__item.active .my-account__content__nav__icon, .my-account__content__nav__item.active .fontbundles-theme .my-account__content__nav__icon,
.fontbundles-theme .my-account__content__nav__item.active .my-account__content__nav__link,
.my-account__content__nav__item.active .fontbundles-theme .my-account__content__nav__link, .fontbundles-theme .my-account .delete-account-info a, .my-account .delete-account-info .fontbundles-theme a, .fontbundles-theme input.checkbox-input:checked + label:before {
  color: #f866a0;
}
.fontbundles-theme .-theme-border {
  border-color: #f866a0;
}
.fontbundles-theme .-theme-border-light {
  border-color: rgb(254.69375, 248.30625, 250.84375);
}
.fontbundles-theme .-theme-link, .fontbundles-theme .pua-page__content-container .-pua-link a, .pua-page__content-container .-pua-link .fontbundles-theme a {
  color: #f866a0;
  cursor: pointer;
}
.fontbundles-theme .-theme-hover-link:hover {
  color: #f866a0;
  cursor: pointer;
}
.fontbundles-theme .-btn-solid-theme {
  background-color: #f866a0;
  border: 1px solid #f866a0;
  color: white;
}
.fontbundles-theme .-btn-solid-theme:hover:not(.-no-hover), .fontbundles-theme .-btn-solid-theme:focus:not(.-no-hover), .fontbundles-theme .-btn-solid-theme.-btn-active:not(.-no-hover), .fontbundles-theme .-btn-solid-theme.-active:not(.-no-hover) {
  background-color: rgb(245.76875, 53.23125, 129.71875);
  border: 1px solid rgb(245.76875, 53.23125, 129.71875);
  color: white;
}
.fontbundles-theme .-btn-solid-theme svg path {
  fill: white;
}
.fontbundles-theme .-btn-outline-theme {
  background-color: transparent;
  border: 1px solid rgb(249.561875, 136.138125, 181.196875);
  color: rgb(249.561875, 136.138125, 181.196875);
}
.fontbundles-theme .-btn-outline-theme:hover:not(.-no-hover), .fontbundles-theme .-btn-outline-theme:focus:not(.-no-hover), .fontbundles-theme .-btn-outline-theme.-btn-active:not(.-no-hover), .fontbundles-theme .-btn-outline-theme.-active:not(.-no-hover) {
  border: 1px solid rgb(246.438125, 67.861875, 138.803125);
  color: rgb(246.438125, 67.861875, 138.803125);
}
.fontbundles-theme .-btn-outline-theme svg path {
  fill: rgb(246.438125, 67.861875, 138.803125);
}
.fontbundles-theme .-btn-hybrid-theme {
  background-color: transparent;
  border: 1px solid #f866a0;
  color: #f866a0;
}
.fontbundles-theme .-btn-hybrid-theme:hover:not(.-no-hover), .fontbundles-theme .-btn-hybrid-theme:focus:not(.-no-hover), .fontbundles-theme .-btn-hybrid-theme.-btn-active:not(.-no-hover), .fontbundles-theme .-btn-hybrid-theme.-active:not(.-no-hover) {
  background-color: #f866a0;
  border: 1px solid #f866a0;
  color: white;
}
.fontbundles-theme .-btn-hybrid-theme svg path {
  fill: white;
}
.fontbundles-theme .-alert-theme {
  background-color: rgb(253.578125, 223.921875, 235.703125);
  color: #f866a0;
}
.fontbundles-theme .-alert-theme strong {
  display: inline-block;
  margin-right: 0.5rem;
}
.fontbundles-theme .-alert-theme a {
  color: rgb(245.76875, 53.23125, 129.71875);
}
.fontbundles-theme .-alert-theme a:hover {
  color: rgb(212.765625, 9.734375, 90.390625);
}
.fontbundles-theme .custom-control-container input:checked ~ .custom-control-checkbox,
.fontbundles-theme .custom-control-container input:checked ~ .custom-control-checkmark {
  background-color: #f866a0;
}
.fontbundles-theme .custom-control-container input:checked ~ .custom-control-radio {
  background-color: #f866a0;
}
.fontbundles-theme .custom-control-container .custom-control-radio::after {
  background-color: #f866a0;
}
.fontbundles-theme .pagination-component li a.active, .fontbundles-theme .pagination-component li span.active {
  background-color: #f866a0;
  border: 1px solid #f866a0;
}
.fontbundles-theme .pagination-component li.active a {
  background-color: #f866a0;
}
.fontbundles-theme .spaced-tab-menu__link.unlimited-orange-spaced-tab {
  color: #E99B22;
}
.fontbundles-theme .spaced-tab-menu__link.-active, .fontbundles-theme .spaced-tab-menu__link:hover {
  color: #f866a0;
  border-bottom: 2px solid #f866a0;
}
.fontbundles-theme .spaced-tab-menu__link.-active.unlimited-orange-spaced-tab.-active, .fontbundles-theme .spaced-tab-menu__link.-active.unlimited-orange-spaced-tab:hover, .fontbundles-theme .spaced-tab-menu__link:hover.unlimited-orange-spaced-tab.-active, .fontbundles-theme .spaced-tab-menu__link:hover.unlimited-orange-spaced-tab:hover {
  color: #E99B22;
  border-bottom: 2px solid #E99B22;
}
.fontbundles-theme .spaced-tab-menu__link.-plus.-active, .fontbundles-theme .spaced-tab-menu__link.-plus:hover {
  color: #ef9f1f;
  border-bottom: 2px solid #ef9f1f;
}
.fontbundles-theme .embedded-links a:not(.-btn-hybrid-theme):not(.ql-content-menu__link):not(.btn-primary) {
  color: #f866a0 !important;
  cursor: pointer;
}
.fontbundles-theme .embedded-links a:not(.-btn-hybrid-theme):not(.ql-content-menu__link):not(.btn-primary):hover {
  color: #000000;
}
.fontbundles-theme .details__add-cart {
  background-color: #f866a0;
}
.fontbundles-theme .details__add-cart:hover:not(.active) {
  background-color: rgb(245.76875, 53.23125, 129.71875);
}
.fontbundles-theme .header-results mark {
  color: #f866a0;
}
.fontbundles-theme .header-search__input:focus {
  box-shadow: 0 0 0 2px #f866a0;
}
.fontbundles-theme .site-header__category-link:hover, .fontbundles-theme .site-header__category-link.-open {
  color: #f866a0;
}
.fontbundles-theme .footer-currency__block.-selected {
  color: #f866a0;
}
.fontbundles-theme .footer-currency__block.-selected .footer-currency__circle {
  background-color: #f866a0;
}
.fontbundles-theme .header-cart__no-products {
  background: url("https://fbcd.co/images/pages/header/header-empty-cart-fb-1.0.min.png") no-repeat center 50px;
}
.fontbundles-theme .cart-item__dollar-deal-icon {
  background: #fff url("https://fbcd.co/images/icons/header/dollar-deal-icon-fb-1.0-min.svg") no-repeat 50% 50%/13px;
  border: 1px solid #f866a0;
}
.fontbundles-theme .cart-item__action-btn.-edit {
  background: rgb(253.80125, 228.79875, 238.73125);
  color: #f866a0;
}
.fontbundles-theme .cart-item__action-btn.-edit:hover {
  background: rgb(252.90875, 209.29125, 226.61875);
}
.fontbundles-theme .cart-item__action-btn.-delete {
  background: #f866a0;
}
.fontbundles-theme .cart-item__action-btn.-delete:hover, .fontbundles-theme .cart-item__action-btn.-delete.-disable {
  background: rgb(251.346875, 175.153125, 205.421875);
}
.fontbundles-theme .header-sites__internal-block.-designer {
  background: url("https://fbcd.co/images/pages/header/header-designer-banner-fb-1.2.png") no-repeat top left/100% auto;
}
.fontbundles-theme .header-sites__internal-block.-affiliate {
  color: #f866a0;
  background: url("https://fbcd.co/images/pages/header/header-affiliates-banner-fb-1.1.png") no-repeat top left/100% auto;
}
.fontbundles-theme .license-modal__flex-col.-selected .license-modal__info-box {
  background-color: #f866a0;
  box-shadow: 0 10px 10px 0 rgba(248, 102, 160, 0.15);
}
.fontbundles-theme .license-modal__flex-col.-selected .license-modal__selected-text {
  color: #f866a0;
}
.fontbundles-theme .youtube-container__cover:before {
  background-color: #f866a0;
}
.fontbundles-theme .youtube-container__cover:hover:before {
  background-color: rgb(245.76875, 53.23125, 129.71875);
}
.fontbundles-theme .user-comment__vip-label.-technical-specialist {
  border: 1px solid #f866a0;
  color: #f866a0;
}
.fontbundles-theme .user-comment__action-btn.-active .user-comment__action-icn {
  color: #f866a0;
}
.fontbundles-theme .homepage-header {
  background: linear-gradient(90deg, #FFE4EE 0%, rgb(255, 245, 249) 50%, #FFE4EE 100%);
}
@media (max-width: 767px) {
  .fontbundles-theme .homepage-header {
    background: linear-gradient(50deg, #FFE4EE 0%, rgb(255, 245, 249) 50%, #FFE4EE 100%);
  }
}
.fontbundles-theme .homepage-header__big-title .u:after {
  background: #f866a0;
}
.fontbundles-theme .image-gallery__thumbnail-container.-active:after {
  box-shadow: 0 0 0 2px #f866a0;
}
@media (max-width: 414px) {
  .fontbundles-theme .fi-banner__wrapper {
    background-color: #f866a0;
  }
}
.fontbundles-theme .cat-filters__link.-active {
  color: #f866a0;
}
.fontbundles-theme .search-filters__tag.active, .fontbundles-theme .search-filters__tag:hover {
  background-color: #f866a0;
}
.fontbundles-theme .search-filters__tag.active:hover {
  background-color: rgb(245.76875, 53.23125, 129.71875);
}
.fontbundles-theme .security-layout {
  background-color: #f866a0;
  background-image: url("https://fbcd.co/images/pages/register/fb-register-background-x1-1.0.jpg");
}
@media (min-width: 415px) {
  .fontbundles-theme .security-layout {
    background-image: -webkit-image-set(url("https://fbcd.co/images/pages/register/fb-register-background-x1-1.0.jpg") 1x, url("https://fbcd.co/images/pages/register/fb-register-background-x2-1.0.jpg") 2x);
    background-image: image-set(url("https://fbcd.co/images/pages/register/fb-register-background-x1-1.0.jpg") 1x, url("https://fbcd.co/images/pages/register/fb-register-background-x2-1.0.jpg") 2x);
  }
}
.fontbundles-theme .subscribe-form {
  background-image: url("https://fbcd.co/images/pages/collections/subscribe-bg-fb-1.0.jpg");
}
.fontbundles-theme .more-products__bg {
  background-image: url("https://fbcd.co/images/pages/collections/upsell-bg-fb-1.0.jpg");
}
@media (max-width: 990px) {
  .fontbundles-theme .more-products__bg {
    background-image: none;
  }
  .fontbundles-theme .more-products__wrapper {
    border-radius: 0 60px 0 60px;
    background-image: url("https://fbcd.co/images/pages/collections/upsell-bg-mobile-fb-1.0.jpg");
  }
}
.fontbundles-theme .fbb.-visible .fbb__content {
  box-shadow: 0 0 1rem rgba(248, 102, 160, 0.4);
}
.fontbundles-theme .my-account .multi-select-menu__search:focus {
  border-color: #f866a0;
}
.fontbundles-theme .my-account .multi-select-menu__selector:hover {
  border-color: #f866a0;
}
.fontbundles-theme .my-account .multi-select-menu__item.--active {
  background-color: #f866a0;
}

.designbundles-theme {
  --swiper-theme-color: #4cc5fb;
  /* Common Classes */
  /* Mixins */
  /* Forms */
  /* Pagination */
  /* Menus */
  /* Embedded-links */
  /* Product Tiles */
  /* Header */
  /* License */
  /* Youtube */
  /* Comments */
  /* Homepage */
  /* Products */
  /* .bundle-featured-banner { 
     background: linear-gradient(134deg, rgba($designBundlesTheme, 0.1) 0%, rgba(255,255,255,1) 50%);
  } */
  /* Free products */
  /* Search */
  /* Login / Register */
}
.designbundles-theme .-theme-bg {
  background-color: #4cc5fb;
}
.designbundles-theme .-theme-bg-light {
  background-color: rgb(225.6557377049, 245.4918032787, 254.3442622951);
}
.designbundles-theme .-theme-color, .designbundles-theme .my-account__content__nav__item.active .my-account__content__nav__icon, .my-account__content__nav__item.active .designbundles-theme .my-account__content__nav__icon,
.designbundles-theme .my-account__content__nav__item.active .my-account__content__nav__link,
.my-account__content__nav__item.active .designbundles-theme .my-account__content__nav__link, .designbundles-theme .my-account .delete-account-info a, .my-account .delete-account-info .designbundles-theme a, .designbundles-theme input.checkbox-input:checked + label:before {
  color: #4cc5fb;
}
.designbundles-theme .-theme-border {
  border-color: #4cc5fb;
}
.designbundles-theme .-theme-border-light {
  border-color: rgb(225.6557377049, 245.4918032787, 254.3442622951);
}
.designbundles-theme .-theme-link, .designbundles-theme .pua-page__content-container .-pua-link a, .pua-page__content-container .-pua-link .designbundles-theme a {
  color: #4cc5fb;
  cursor: pointer;
}
.designbundles-theme .-theme-hover-link:hover {
  color: #4cc5fb;
  cursor: pointer;
}
.designbundles-theme .-btn-solid-theme {
  background-color: #4cc5fb;
  border: 1px solid #4cc5fb;
  color: white;
}
.designbundles-theme .-btn-solid-theme:hover:not(.-no-hover), .designbundles-theme .-btn-solid-theme:focus:not(.-no-hover), .designbundles-theme .-btn-solid-theme.-btn-active:not(.-no-hover), .designbundles-theme .-btn-solid-theme.-active:not(.-no-hover) {
  background-color: rgb(26.1147540984, 180.8360655738, 249.8852459016);
  border: 1px solid rgb(26.1147540984, 180.8360655738, 249.8852459016);
  color: white;
}
.designbundles-theme .-btn-solid-theme svg path {
  fill: white;
}
.designbundles-theme .-btn-outline-theme {
  background-color: transparent;
  border: 1px solid rgb(110.9196721311, 208.3147540984, 251.7803278689);
  color: rgb(110.9196721311, 208.3147540984, 251.7803278689);
}
.designbundles-theme .-btn-outline-theme:hover:not(.-no-hover), .designbundles-theme .-btn-outline-theme:focus:not(.-no-hover), .designbundles-theme .-btn-outline-theme.-btn-active:not(.-no-hover), .designbundles-theme .-btn-outline-theme.-active:not(.-no-hover) {
  border: 1px solid rgb(41.0803278689, 185.6852459016, 250.2196721311);
  color: rgb(41.0803278689, 185.6852459016, 250.2196721311);
}
.designbundles-theme .-btn-outline-theme svg path {
  fill: rgb(41.0803278689, 185.6852459016, 250.2196721311);
}
.designbundles-theme .-btn-hybrid-theme {
  background-color: transparent;
  border: 1px solid #4cc5fb;
  color: #4cc5fb;
}
.designbundles-theme .-btn-hybrid-theme:hover:not(.-no-hover), .designbundles-theme .-btn-hybrid-theme:focus:not(.-no-hover), .designbundles-theme .-btn-hybrid-theme.-btn-active:not(.-no-hover), .designbundles-theme .-btn-hybrid-theme.-active:not(.-no-hover) {
  background-color: #4cc5fb;
  border: 1px solid #4cc5fb;
  color: white;
}
.designbundles-theme .-btn-hybrid-theme svg path {
  fill: white;
}
.designbundles-theme .-alert-theme {
  background-color: rgb(225.6557377049, 245.4918032787, 254.3442622951);
  color: #4cc5fb;
}
.designbundles-theme .-alert-theme strong {
  display: inline-block;
  margin-right: 0.5rem;
}
.designbundles-theme .-alert-theme a {
  color: rgb(26.1147540984, 180.8360655738, 249.8852459016);
}
.designbundles-theme .-alert-theme a:hover {
  color: rgb(4.3606557377, 136.2704918033, 195.1393442623);
}
.designbundles-theme .custom-control-container input:checked ~ .custom-control-checkbox,
.designbundles-theme .custom-control-container input:checked ~ .custom-control-checkmark {
  background-color: #4cc5fb;
}
.designbundles-theme .custom-control-container input:checked ~ .custom-control-radio {
  background-color: #4cc5fb;
}
.designbundles-theme .custom-control-container .custom-control-radio::after {
  background-color: #4cc5fb;
}
.designbundles-theme .pagination-component li a.active, .designbundles-theme .pagination-component li span.active {
  background-color: #4cc5fb;
  border: 1px solid #4cc5fb;
}
.designbundles-theme .pagination-component li.active a {
  background-color: #4cc5fb;
}
.designbundles-theme .spaced-tab-menu__link.unlimited-orange-spaced-tab {
  color: #E99B22;
}
.designbundles-theme .spaced-tab-menu__link.-active, .designbundles-theme .spaced-tab-menu__link:hover {
  color: #4cc5fb;
  border-bottom: 2px solid #4cc5fb;
}
.designbundles-theme .spaced-tab-menu__link.-active.unlimited-orange-spaced-tab.-active, .designbundles-theme .spaced-tab-menu__link.-active.unlimited-orange-spaced-tab:hover, .designbundles-theme .spaced-tab-menu__link:hover.unlimited-orange-spaced-tab.-active, .designbundles-theme .spaced-tab-menu__link:hover.unlimited-orange-spaced-tab:hover {
  color: #E99B22;
  border-bottom: 2px solid #E99B22;
}
.designbundles-theme .embedded-links a:not(.-btn-hybrid-theme):not(.ql-content-menu__link):not(.btn-primary) {
  color: #4cc5fb !important;
  cursor: pointer;
}
.designbundles-theme .embedded-links a:not(.-btn-hybrid-theme):not(.ql-content-menu__link):not(.btn-primary):hover {
  color: #000000;
}
.designbundles-theme .details__add-cart {
  background-color: #4cc5fb;
}
.designbundles-theme .details__add-cart:hover:not(.active) {
  background-color: rgb(26.1147540984, 180.8360655738, 249.8852459016);
}
.designbundles-theme .header-results mark {
  color: #4cc5fb;
}
.designbundles-theme .header-search__input:focus {
  box-shadow: 0 0 0 2px #4cc5fb;
}
.designbundles-theme .site-header__category-link:hover, .designbundles-theme .site-header__category-link.-open {
  color: #4cc5fb;
}
.designbundles-theme .footer-currency__block.-selected {
  color: #4cc5fb;
}
.designbundles-theme .footer-currency__block.-selected .footer-currency__circle {
  background-color: #4cc5fb;
}
.designbundles-theme .cart-item__dollar-deal-icon {
  background: #fff url("https://fbcd.co/images/icons/header/dollar-deal-icon-db-1.0.svg") no-repeat 50% 50%/13px;
  border: 1px solid #4cc5fb;
}
.designbundles-theme .header-cart__no-products {
  background: url("https://fbcd.co/images/pages/header/header-empty-cart-db-1.0.min.png") no-repeat center 50px;
}
.designbundles-theme .cart-item__action-btn.-edit {
  background: rgb(225.6557377049, 245.4918032787, 254.3442622951);
  color: #4cc5fb;
}
.designbundles-theme .cart-item__action-btn.-edit:hover {
  background: rgb(210.6901639344, 240.6426229508, 254.0098360656);
}
.designbundles-theme .cart-item__action-btn.-delete {
  background: #4cc5fb;
}
.designbundles-theme .cart-item__action-btn.-delete:hover, .designbundles-theme .cart-item__action-btn.-delete.-disable {
  background: rgb(150.8278688525, 221.2459016393, 252.6721311475);
}
.designbundles-theme .header-sites__internal-block.-designer {
  background: url("https://fbcd.co/images/pages/header/header-designer-banner-db-1.5.png") no-repeat top left/100% auto;
}
.designbundles-theme .header-sites__internal-block.-affiliate {
  color: #4cc5fb;
  background: url("https://fbcd.co/images/pages/header/header-affiliates-banner-db-1.1.png") no-repeat top left/100% auto;
}
.designbundles-theme .license-modal__flex-col.-selected .license-modal__info-box {
  background-color: #4cc5fb;
  box-shadow: 0 10px 10px 0 rgba(76, 197, 251, 0.15);
}
.designbundles-theme .license-modal__flex-col.-selected .license-modal__selected-text {
  color: #4cc5fb;
}
.designbundles-theme .youtube-container__cover:before {
  background-color: #4cc5fb;
}
.designbundles-theme .youtube-container__cover:hover:before {
  background-color: rgb(26.1147540984, 180.8360655738, 249.8852459016);
}
.designbundles-theme .user-comment__vip-label.-technical-specialist {
  border: 1px solid #4cc5fb;
  color: #4cc5fb;
}
.designbundles-theme .user-comment__action-btn.-active .user-comment__action-icn {
  color: #4cc5fb;
}
.designbundles-theme .homepage-header {
  background: linear-gradient(90deg, #CEF0FF 0%, #ECF9FF 50%, #CEF0FF 100%);
}
@media (max-width: 767px) {
  .designbundles-theme .homepage-header {
    background: linear-gradient(50deg, #CEF0FF 0%, #ECF9FF 50%, #CEF0FF 100%);
  }
}
.designbundles-theme .homepage-header__big-title .u:after {
  background: #4cc5fb;
}
.designbundles-theme .image-gallery__thumbnail-container.-active:after {
  box-shadow: 0 0 0 2px #4cc5fb;
}
@media (max-width: 414px) {
  .designbundles-theme .fi-banner__wrapper {
    background-color: #4cc5fb;
  }
}
.designbundles-theme .cat-filters__link.-active {
  color: #4cc5fb;
}
.designbundles-theme .search-filters__tag.active, .designbundles-theme .search-filters__tag:hover {
  background-color: #4cc5fb;
}
.designbundles-theme .search-filters__tag.active:hover {
  background-color: rgb(26.1147540984, 180.8360655738, 249.8852459016);
}
.designbundles-theme .security-layout {
  background-color: #4cc5fb;
  background-image: url("https://fbcd.co/images/pages/register/db-register-background-x1-1.1.jpg");
}
@media (min-width: 415px) {
  .designbundles-theme .security-layout {
    background-image: -webkit-image-set(url("https://fbcd.co/images/pages/register/db-register-background-x1-1.1.jpg") 1x, url("https://fbcd.co/images/pages/register/db-register-background-x2-1.1.jpg") 2x);
    background-image: image-set(url("https://fbcd.co/images/pages/register/db-register-background-x1-1.1.jpg") 1x, url("https://fbcd.co/images/pages/register/db-register-background-x2-1.1.jpg") 2x);
  }
}
.designbundles-theme .subscribe-form {
  background-image: url("https://fbcd.co/images/pages/collections/subscribe-bg-db-1.0.jpg");
}
.designbundles-theme .more-products__bg {
  background-image: url("https://fbcd.co/images/pages/collections/upsell-bg-db-1.0.jpg");
}
@media (max-width: 990px) {
  .designbundles-theme .more-products__bg {
    background-image: none;
  }
  .designbundles-theme .more-products__wrapper {
    border-radius: 0 60px 0 60px;
    background-image: url("https://fbcd.co/images/pages/collections/upsell-bg-mobile-db-1.0.jpg");
  }
}
.designbundles-theme .fbb.-visible .fbb__content {
  box-shadow: 0 0 1rem rgba(76, 197, 251, 0.4);
}
.designbundles-theme .my-account .multi-select-menu__search:focus {
  border-color: #4cc5fb;
}
.designbundles-theme .my-account .multi-select-menu__selector:hover {
  border-color: #4cc5fb;
}
.designbundles-theme .my-account .multi-select-menu__item.--active {
  background-color: #4cc5fb;
}

.file-format {
  height: 44px;
  width: 44px;
  display: inline-block;
  background: url("https://fbcd.co/images/icons/uploader/file-formats-sprite-update.svg") no-repeat center;
  background-size: 220px 132px;
}
.file-format.ai {
  background-position: 0 0;
}
.file-format.eps {
  background-position: -44px 0;
}
.file-format.svg {
  background-position: -88px 0;
}
.file-format.pdf {
  background-position: -132px 0;
}
.file-format.zip {
  background-position: -176px 0;
}
.file-format.otf {
  background-position: 0 -44px;
}
.file-format.ttf {
  background-position: -44px-44px;
}
.file-format.woff {
  background-position: -88px-44px;
}
.file-format.psd {
  background-position: -132px-44px;
}
.file-format.pat {
  background-position: -176px-44px;
}
.file-format.png {
  background-position: 0 -88px;
}
.file-format.jpg, .file-format.jpeg {
  background-position: -44px -88px;
}
.file-format.tiff, .file-format.tif {
  background-position: -88px -88px;
}

.store-social-icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  background: url("https://fbcd.co/images/icons/store_settings_social_logos_1.8.svg") no-repeat center;
  background-size: 180px 40px;
}
.store-social-icon.-website {
  background-position: 0 -20px;
}
.store-social-icon.-website.-active, .store-social-icon.-website.-on-hover:hover {
  background-position: 0 0;
}
.store-social-icon.-facebook {
  background-position: -21px -20px;
}
.store-social-icon.-facebook.-active, .store-social-icon.-facebook.-on-hover:hover {
  background-position: -21px 0;
}
.store-social-icon.-twitter {
  background-position: -41px -20px;
}
.store-social-icon.-twitter.-active, .store-social-icon.-twitter.-on-hover:hover {
  background-position: -41px 0;
}
.store-social-icon.-instagram {
  background-position: -61px -20px;
}
.store-social-icon.-instagram.-active, .store-social-icon.-instagram.-on-hover:hover {
  background-position: -61px 0;
}
.store-social-icon.-pinterest {
  background-position: -81px -20px;
}
.store-social-icon.-pinterest.-active, .store-social-icon.-pinterest.-on-hover:hover {
  background-position: -81px 0;
}
.store-social-icon.-dribbble {
  background-position: -101px -20px;
}
.store-social-icon.-dribbble.-active, .store-social-icon.-dribbble.-on-hover:hover {
  background-position: -101px 0;
}
.store-social-icon.-behance {
  background-position: -121px -20px;
}
.store-social-icon.-behance.-active, .store-social-icon.-behance.-on-hover:hover {
  background-position: -121px 0;
}
.store-social-icon.-youtube {
  background-position: -141px -20px;
}
.store-social-icon.-youtube.-active, .store-social-icon.-youtube.-on-hover:hover {
  background-position: -141px 0;
}
.store-social-icon.-tiktok {
  background-position: -161px -20px;
}
.store-social-icon.-tiktok.-active, .store-social-icon.-tiktok.-on-hover:hover {
  background-position: -161px 0;
}

.noty_message .noty_text {
  position: relative;
  height: 100%;
  display: block;
}
.noty_message .noty_text .noty-icon {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 6px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.noty_message .noty_text .noty-txt {
  padding: 10px 0;
  margin-left: 50px;
  display: inline-block;
  font-weight: normal;
}

.new-modal-popup {
  border-radius: 8px !important;
  border: 0;
}
.new-modal-popup .modal-header {
  text-align: left;
  color: white;
  background-color: #2f2f2f;
}
.new-modal-popup .modal-header h4 {
  display: inline-block;
  float: left;
}
.new-modal-popup .modal-rating-display {
  margin-top: 10px;
  float: right;
  display: inline-block;
}
.new-modal-popup .close-modal {
  position: absolute;
  width: 40px;
  height: 40px;
  background: url("https://fbcd.co/images/icons/cross.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  top: -10px;
  right: -40px;
  cursor: pointer;
}
.new-modal-popup .close-modal:hover {
  opacity: 0.8;
}
@media (max-width: 767px) {
  .new-modal-popup .close-modal {
    right: 0;
    top: 0;
    background-color: #2f2f2f;
    border-radius: 50%;
  }
}

.modal-backdrop.in {
  opacity: 0.65;
}

.cookie-alert {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.9);
  bottom: 20px;
  max-width: 90%;
  width: 730px;
  transform: translateX(-50%);
  left: 50%;
  z-index: 99999;
  text-align: left;
  color: white;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
}
.cookie-alert button, .cookie-alert .termsButton {
  padding: 15px 25px;
  margin-top: 8px;
  margin-left: 25px;
  backface-visibility: hidden;
}
.cookie-alert button {
  padding-top: 0;
  padding-bottom: 0;
  width: 91px;
}
.cookie-alert .termsButton {
  padding: 25px;
}
@media (max-width: 414px) {
  .cookie-alert .cookie-text h5 {
    height: 44px;
  }
  .cookie-alert .cookie-text p {
    min-height: 92px;
  }
  .cookie-alert .cookie-text p a {
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .cookie-alert {
    height: 170px;
    max-width: 100%;
    bottom: 0;
  }
}

.custom-popup-bg {
  background-color: rgba(0, 0, 0, 0.95);
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
  left: 0;
  position: fixed;
  z-index: 10010;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.custom-popup-bg .custom-popup-box {
  background-color: #f5f5f5;
  font-weight: bold;
  margin: 0 auto;
  margin-top: -100%;
  border-radius: 3px;
  text-align: center;
  padding-bottom: 80px;
  position: relative;
  z-index: 2;
  margin-bottom: 50px;
}
.custom-popup-bg .custom-popup-box.text-footer {
  padding-bottom: 60px;
}
.custom-popup-bg .custom-popup-box.text-footer .popup_alert {
  padding-bottom: 20px;
}
.custom-popup-bg .custom-popup-box.space-footer {
  padding-bottom: 20px;
}
.custom-popup-bg .custom-popup-box.no-footer {
  padding-bottom: 0;
}
.custom-popup-bg .custom-popup-box .popup-close-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  z-index: 100;
  cursor: pointer;
  transition: all 100ms ease-in-out;
  opacity: 0.4;
  background-size: 100%;
  background-image: url("https://fbcd.co/images/icons/cross-black.svg");
}
.custom-popup-bg .custom-popup-box .popup-close-icon:hover {
  opacity: 0.8;
}
.custom-popup-bg .custom-popup-box .popup-close-icon.light-close-icon {
  background-image: url("https://fbcd.co/images/icons/cross.svg");
}
.custom-popup-bg .custom-popup-box.displayed {
  margin-top: 140px;
  display: block;
}
.custom-popup-bg .custom-popup-box .custom-popup-inner {
  padding: 20px;
  position: relative;
}
.custom-popup-bg .custom-popup-box .custom-popup-inner h1 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
  line-height: 1.25;
}
.custom-popup-bg .custom-popup-box .custom-popup-inner p {
  font-weight: 400;
  margin: 30px auto 0 auto;
  width: 84%;
}
.custom-popup-bg .custom-popup-box .custom-popup-inner p.half-margin {
  margin: 20px auto 0 auto;
}
.custom-popup-bg .custom-popup-box .custom-popup-inner ul li {
  padding: 2px 0;
  font-weight: 400;
}
.custom-popup-bg .custom-popup-box .custom-popup-inner ul li.select2-selection__choice {
  padding: 0 5px;
}
.custom-popup-bg .custom-popup-box .custom-popup-inner form {
  padding-bottom: 0 !important;
}
.custom-popup-bg .custom-popup-box .custom-popup-inner .select-box {
  padding: 0 20px;
}
.custom-popup-bg .custom-popup-box .custom-popup-inner input, .custom-popup-bg .custom-popup-box .custom-popup-inner textarea {
  font-weight: 400;
}
.custom-popup-bg .custom-popup-box .custom-popup-inner.no-padding {
  padding: 0;
}
.custom-popup-bg .custom-popup-box .custom-popup-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 20px;
}
.custom-popup-bg .custom-popup-box .custom-popup-footer .button-wrapper {
  width: 80%;
  margin: auto;
  margin-bottom: 20px;
}
.custom-popup-bg .custom-popup-box .custom-popup-footer .custom-popup-close-btn {
  margin-bottom: 20px;
  width: 50%;
}
.custom-popup-bg .custom-popup-box .custom-popup-footer .text-footer {
  padding: 40px 0 20px 0;
}
.custom-popup-bg .custom-popup-box .custom-popup-pp {
  font-weight: 300;
  font-size: 0.8em;
  margin: 10px 0 0 0;
  display: block;
  width: 100%;
  float: left;
  text-align: center;
}
.custom-popup-bg .custom-popup-box .success-msg {
  color: #5ac651;
  font-size: 20px;
  margin-top: 40px;
  background-color: rgb(217.5, 242.0454545455, 215.4545454545);
  padding: 20px;
}
.custom-popup-bg .custom-popup-box .success-msg i {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .custom-popup-bg .custom-popup-box {
    width: 90%;
    margin: 70px 5%;
  }
}
@media (max-width: 414px) {
  .custom-popup-bg .custom-popup-box h1 {
    margin-top: 30px;
    font-size: 1.8em;
    line-height: 140%;
  }
  .custom-popup-bg .custom-popup-box h4 {
    line-height: 130%;
  }
  .custom-popup-bg .custom-popup-box form {
    padding: 0 !important;
  }
  .custom-popup-bg .custom-popup-box .select-box {
    padding: 0 0 20px !important;
  }
  .custom-popup-bg .custom-popup-box.displayed {
    margin-top: 90px;
    margin-bottom: 30px;
  }
  .custom-popup-bg .custom-popup-box .custom-popup-inner input[type=text] {
    width: 100%;
    padding: 15px;
  }
  .custom-popup-bg .custom-popup-box .success-msg {
    font-size: 16px;
    margin-top: 20px;
  }
  .custom-popup-bg .custom-popup-box .custom-popup-footer .button-wrapper {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .custom-popup-bg .custom-popup-box .custom-popup-footer .button-wrapper input[type=button], .custom-popup-bg .custom-popup-box .custom-popup-footer .button-wrapper input[type=submit] {
    font-size: 13px;
    width: 100%;
    margin: 0 -20px;
  }
}
.custom-popup-bg .popup_alert {
  font-size: 22px;
  padding-left: 60px;
  color: #5ac651;
  font-weight: 400;
}
@media (max-width: 414px) {
  .custom-popup-bg .popup_alert {
    padding: 10px 20px 0;
  }
}
.custom-popup-bg .green-text-success {
  font-size: 22px;
  margin: 0;
  margin: 20px 0;
  color: rgb(50.5714285714, 133.3246753247, 43.6753246753);
}

.email-validation-p1 {
  font-size: 24px;
  position: absolute;
  margin: 58px 0 0 -45px;
}
.email-validation-p1.fa-times {
  color: #e9444a;
}
.email-validation-p1.fa-check {
  color: #5ac651;
}
@media (max-width: 414px) {
  .email-validation-p1 {
    margin: 38px 0 0 -36px;
    font-size: 20px;
  }
}

.sticky-link {
  text-decoration: none;
  color: #fff;
}

.sticky-chat {
  transition: bottom ease 200ms;
  background: #15a7ff;
  display: inline-block;
  position: fixed;
  color: #fff;
  font-weight: bold;
  bottom: 0;
  left: 10px;
  z-index: 999;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
}
.sticky-chat .sticky-chat-icon {
  padding: 6px 8px 4px 8px;
  display: inline-block;
  background: #0293ea;
  bottom: 0;
  float: left;
  border-top-left-radius: 5px;
}
.sticky-chat .sticky-chat-text {
  margin: 6px 20px 4px 20px;
  display: inline-block;
  float: left;
}

.-userflow-active .sticky-chat {
  bottom: -50px;
}

.alert-contact-us {
  margin: 30px 20px 10px 20px;
}

.email-suggestion-popup {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-top: 10px;
  padding: 10px 50px 8px 15px;
  font-size: 0.8em;
  z-index: 10000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.email-suggestion-popup span.icon-mailcheck {
  margin-right: 10px;
  color: #444;
}
.email-suggestion-popup span.icon-mailcheck i {
  margin: 0px 10px 0 0;
  font-size: 1.3em;
  color: #e9444a;
  float: left;
}
.email-suggestion-popup strong {
  text-decoration: underline;
  color: #000;
}
.email-suggestion-popup:hover {
  background-color: #f5f5f5;
}
.email-suggestion-popup .close-mailcheck {
  border-left: 1px solid #ddd;
  color: #000;
  padding: 10px 12px;
  position: absolute;
  top: 0;
  right: 0;
}
.collect-data-popup {
  padding-bottom: 0 !important;
}
.collect-data-popup .form-group {
  margin-bottom: 10px;
}
.collect-data-popup .radio {
  margin-top: 5px;
}

.modal-1000 {
  max-width: 1000px;
  width: 100%;
}

.tooltip {
  position: absolute;
  z-index: 1000003;
  display: block;
  margin: 0;
  font-size: 1.2rem;
  word-wrap: break-word;
  opacity: 0;
  transition: opacity 100ms;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.tooltip.bs-tooltip-bottom {
  padding: 0.4rem 0;
  margin-top: 0.5rem;
}
.tooltip.bs-tooltip-bottom .arrow {
  top: 0;
}
.tooltip.bs-tooltip-bottom .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000000;
}
.tooltip.bs-tooltip-top {
  padding: 0.4rem 0;
  margin-bottom: 0.5rem;
}
.tooltip.bs-tooltip-top .arrow {
  bottom: 0;
}
.tooltip.bs-tooltip-top .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000000;
}
.tooltip.bs-tooltip-right {
  padding: 0 0.4rem;
  margin-left: 0.5rem;
}
.tooltip.bs-tooltip-right .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.tooltip.bs-tooltip-right .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000000;
}
.tooltip.bs-tooltip-left {
  padding: 0 0.4rem;
  margin-right: 0.5rem;
}
.tooltip.bs-tooltip-left .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.tooltip.bs-tooltip-left .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000000;
}

/*
.bs-tooltip-auto {
    &[x-placement^="top"] {
        @extend .bs-tooltip-top;
    }
    &[x-placement^="right"] {
        @extend .bs-tooltip-right;
    }
    &[x-placement^="bottom"] {
        @extend .bs-tooltip-bottom;
    }
    &[x-placement^="left"] {
        @extend .bs-tooltip-left;
    }
}*/
.tooltip-inner {
  max-width: 200px;
  padding: 0.4rem 0.8rem;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 3px;
}

.popover-share {
  font-weight: bold;
  padding: 8px;
  font-size: 13px;
  display: none;
  background-color: #fff;
  color: #999;
  border: 0;
  border-radius: 3px;
  width: 100%;
  right: 10px !important;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);
  max-width: 400px;
  z-index: 10101;
}
.popover-share:after {
  position: absolute;
  right: 0;
  top: calc(50% - 6px);
  width: 12px;
  height: 12px;
  content: "";
  background-color: #ffffff;
  transform: rotate(45deg);
}
.popover-share[data-popper-placement^=top]:after {
  right: calc(50% - 6px);
  top: calc(100% - 6px);
}
.popover-share[data-popper-placement^=bottom]:after {
  right: calc(50% - 6px);
  top: -6px;
}
.popover-share[data-popper-placement^=right]:after {
  right: calc(100% - 6px);
}
.popover-share__links {
  display: flex;
  margin-bottom: 8px;
}
.popover-share__links a {
  flex: 1 1 auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.popover-share__links a + a {
  margin-left: 8px;
}
.popover-share__links a i {
  margin-right: 5px;
  margin-bottom: 2px;
}
.popover-share.show {
  display: block;
}

/**
  TABLE OF CONTENTS

  1. Vars
  2. Selected item
  3. Input
  4. Dropdown
  5. Flag
    5.1 US
    5.2 UK
    5.3 Canada
  6. Name
  7. Dial
  XX. Container
    XX.1 Small
    XX.2 Normal
    XX.3 Large
  xx. Theme settings
 */
/**
  1. Vars
 */
.phone-selector {
  /**
    2. Selected item
   */
  /**
    3. Input
   */
  /**
    4. Dropdown
   */
  /**
    xx. Item
   */
  /**
    XX. Container
   */
}
.phone-selector__selected {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.phone-selector__selected:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(5px, -50%);
}
.phone-selector__selected.-expanded:after {
  content: "\f106";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.phone-selector__input {
  position: relative;
  z-index: 1;
}
.phone-selector__dropdown {
  padding: 8px;
  margin-left: -12px;
  top: 50%;
  position: absolute;
  z-index: 3;
  display: none;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.phone-selector__container {
  /**
    5. Flag
   */
  /**
    6. Name
   */
  /**
    7. Dial
   */
}
.phone-selector__container .flag {
  display: inline-block;
  background-size: contain;
  /**
    5.1 US
   */
  /**
    5.2 UK
   */
  /**
    5.3 Canada
   */
}
.phone-selector__container .flag.-us {
  background-color: transparent;
  background-image: url("https://fbcd.co/images/icons/sms-flags/united-states.svg");
}
.phone-selector__container .flag.-uk {
  background-color: transparent;
  background-image: url("https://fbcd.co/images/icons/sms-flags/united-kingdom.svg");
}
.phone-selector__container .flag.-ca {
  background-color: transparent;
  background-image: url("https://fbcd.co/images/icons/sms-flags/canada.svg");
}
.phone-selector__container .flag.-au {
  background-color: transparent;
  background-image: url("https://fbcd.co/images/icons/sms-flags/australia.svg");
}
.phone-selector__container .name {
  margin: 0 8px;
}
.phone-selector__container .dial {
  color: #7f7f7f;
}
.phone-selector__item {
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 4px;
  padding-right: 8px;
  transition: background-color 200ms ease;
  cursor: pointer;
  white-space: nowrap;
}
.phone-selector__item:hover {
  background-color: #ebebeb;
}
.phone-selector__item + .phone-selector__item {
  margin-top: 4px;
}
.phone-selector__container {
  position: relative;
  /**
    XX.1 Small
   */
  /**
    XX.2 Normal
   */
  /**
    XX.3 Large
   */
}
.phone-selector__container.-small .flag {
  width: 20px;
  height: 20px;
}
.phone-selector__container.-small .phone-selector__dropdown {
  transform: translateY(10px);
  left: 10px;
}
.phone-selector__container.-small .phone-selector__selected {
  left: 10px;
  width: 20px;
}
.phone-selector__container.-small .phone-selector__input {
  padding-left: 52px !important;
}
.phone-selector__container.-normal .flag {
  width: 24px;
  height: 24px;
}
.phone-selector__container.-normal .phone-selector__dropdown {
  transform: translateY(12px);
  left: 12px;
}
.phone-selector__container.-normal .phone-selector__selected {
  left: 12px;
  width: 24px;
}
.phone-selector__container.-normal .phone-selector__input {
  padding-left: 60px !important;
}
.phone-selector__container.-large .flag {
  width: 40px;
  height: 40px;
}
.phone-selector__container.-large .phone-selector__dropdown {
  transform: translateY(20px);
  left: 15px;
}
.phone-selector__container.-large .phone-selector__selected {
  left: 15px;
  width: 40px;
}
.phone-selector__container.-large .phone-selector__input {
  padding-left: 82px !important;
}

/**
  xx. Theme settings
 */
.fontbundles-theme .phone-selector__item.-active {
  background-color: #f866a0;
}
.fontbundles-theme .phone-selector__item.-active .name,
.fontbundles-theme .phone-selector__item.-active .dial {
  color: #ffffff !important;
}

.designbundles-theme .phone-selector__item.-active {
  background-color: #4cc5fb;
}
.designbundles-theme .phone-selector__item.-active .name,
.designbundles-theme .phone-selector__item.-active .dial {
  color: #ffffff !important;
}

/**
  TABLE OF CONTENTS

  1. Vars
  2. Selected item
  3. Input
  4. Dropdown
  5. Flag
    5.1 US
    5.2 UK
    5.3 Canada
  6. Name
  7. Dial
  XX. Container
    XX.1 Small
    XX.2 Normal
    XX.3 Large
  xx. Theme settings
 */
/**
  1. Vars
 */
.phoneCountryCode {
  /**
    2. Selected item
   */
  /**
    3. Input
   */
  /**
    4. Dropdown
   */
  /**
    xx. Item
   */
  /**
    XX. Container
   */
}
.phoneCountryCode__code {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.phoneCountryCode__selected {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.phoneCountryCode__selected:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(5px, -50%) rotate(0deg);
  transition: transform 200ms ease;
}
.phoneCountryCode__selected.-expanded:after {
  transform: translate(5px, -50%) rotate(180deg);
}
.phoneCountryCode__input {
  position: relative;
  z-index: 1;
}
.phoneCountryCode__hidden {
  visibility: hidden;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  border: none !important;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.phoneCountryCode__dropdown {
  padding: 8px;
  margin-left: -12px;
  top: 50%;
  position: absolute;
  z-index: 3;
  display: none;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  max-height: 200px;
  overflow: auto;
}
.phoneCountryCode__container {
  /**
    5. Flag
   */
  /**
    6. Name
   */
  /**
    7. Dial
   */
}
.phoneCountryCode__container .flag {
  display: inline-block;
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.phoneCountryCode__container .flag img {
  border: 1px solid #ebebeb;
}
.phoneCountryCode__container .name {
  margin: 0 8px;
}
.phoneCountryCode__container .dial {
  color: #7f7f7f;
}
.phoneCountryCode__item {
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 4px;
  padding-right: 8px;
  transition: background-color 200ms ease;
  cursor: pointer;
  white-space: nowrap;
}
.phoneCountryCode__item:hover {
  background-color: #ebebeb;
}
.phoneCountryCode__item + .phoneCountryCode__item {
  margin-top: 4px;
}
.phoneCountryCode__container {
  position: relative;
  width: 100%;
  /**
    XX.1 Small
   */
  /**
    XX.2 Normal
   */
  /**
    XX.3 Large
   */
}
.phoneCountryCode__container.-small .flag {
  width: 20px;
}
.phoneCountryCode__container.-small .phoneCountryCode__dropdown {
  transform: translateY(10px);
  left: 10px;
}
.phoneCountryCode__container.-small .phoneCountryCode__selected {
  left: 10px;
  width: 20px;
}
.phoneCountryCode__container.-small .phoneCountryCode__input {
  padding-left: 52px;
}
.phoneCountryCode__container.-normal .flag {
  width: 24px;
}
.phoneCountryCode__container.-normal .phoneCountryCode__dropdown {
  transform: translateY(12px);
  left: 12px;
}
.phoneCountryCode__container.-normal .phoneCountryCode__selected {
  left: 12px;
  width: 24px;
}
.phoneCountryCode__container.-normal .phoneCountryCode__code {
  left: 58px;
}
.phoneCountryCode__container.-normal .phoneCountryCode__input {
  padding-left: 60px;
}
.phoneCountryCode__container.-large .flag {
  width: 40px;
}
.phoneCountryCode__container.-large .phoneCountryCode__dropdown {
  transform: translateY(20px);
  left: 15px;
}
.phoneCountryCode__container.-large .phoneCountryCode__selected {
  left: 15px;
  width: 40px;
}
.phoneCountryCode__container.-large .phoneCountryCode__input {
  padding-left: 82px;
}
.phoneCountryCode__block {
  position: relative;
  width: 100%;
}

/**
  xx. Theme settings
 */
.fontbundles-theme .phoneCountryCode__item.-active {
  background-color: #f866a0;
}
.fontbundles-theme .phoneCountryCode__item.-active .name,
.fontbundles-theme .phoneCountryCode__item.-active .dial {
  color: #ffffff !important;
}

.designbundles-theme .phoneCountryCode__item.-active {
  background-color: #4cc5fb;
}
.designbundles-theme .phoneCountryCode__item.-active .name,
.designbundles-theme .phoneCountryCode__item.-active .dial {
  color: #ffffff !important;
}

.loader-three-circles {
  width: 28px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fba24c;
  transform-origin: top;
  display: grid;
  animation: three-circles-spin-1 1s infinite linear;
}
.loader-three-circles::before, .loader-three-circles::after {
  content: "";
  grid-area: 1/1;
  background: #fbe94c;
  border-radius: 50%;
  transform-origin: top;
  animation: inherit;
  animation-name: three-circles-spin-2;
}
.loader-three-circles::after {
  background: #4cc5fb;
  --s:180deg;
}

@keyframes three-circles-spin-1 {
  0%, 20% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes three-circles-spin-2 {
  50% {
    transform: rotate(var(--s, 90deg));
  }
  100% {
    transform: rotate(0);
  }
}
/*
 *  Circle Pulse Animation
 */
.circle-pulse {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 20px;
}
.circle-pulse:before {
  content: "";
  position: relative;
  display: block;
  width: 250%;
  height: 250%;
  box-sizing: border-box;
  margin-left: -75%;
  margin-top: -75%;
  border-radius: 45px;
  background-color: #094731;
  animation: circle-pulse 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.circle-pulse:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #094731;
  border-radius: 50px;
  animation: circle-pulse-scale 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@keyframes circle-pulse {
  0% {
    transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@keyframes circle-pulse-scale {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  4%, 46% {
    transform: translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
.slideDownFromCurrent {
  animation: slideDownFromCurrent 0.4s ease-in-out forwards;
}

@keyframes slideDownFromCurrent {
  0% {
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
/**
 * ----------------------------------------
 * animation wobble-hor-top
 * ----------------------------------------
 */
.wobble-hor-top {
  animation: wobble-hor-top 0.8s both;
}

@keyframes wobble-hor-top {
  0%, 100% {
    transform: translateX(0%);
    transform-origin: 50% 50%;
  }
  15% {
    transform: translateX(-7px) rotate(4deg);
  }
  30% {
    transform: translateX(7px) rotate(-4deg);
  }
  45% {
    transform: translateX(-5px) rotate(2.6deg);
  }
  60% {
    transform: translateX(4px) rotate(-1.4deg);
  }
  75% {
    transform: translateX(-2px) rotate(1.2deg);
  }
}
.fadeIn {
  opacity: 1 !important;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
.ap-btn {
  outline: none !important;
  border: none;
  padding: 15px 25px;
  border-radius: 50px;
  font-weight: 600;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 2;
  width: 110px;
}
.ap-btn:hover {
  cursor: pointer;
}
.ap-btn:hover > a {
  text-decoration: initial !important;
}
.ap-btn__text {
  transition: 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
}
.ap-btn__orange {
  background-color: orange;
  color: white;
}
.ap-btn__orange:hover {
  background-color: #e79807;
}
.ap-btn.loading {
  pointer-events: none;
  background-color: #ffd27f;
}
.ap-btn.success {
  background-color: #40c756;
  width: 40px;
  pointer-events: none;
}
.ap-btn.success .ap-btn--success {
  left: 50%;
  opacity: 1;
  background-color: initial;
}
.ap-btn.success .btn-text {
  left: -70%;
  opacity: 0;
}
.ap-btn.success .icon-tick {
  left: 50%;
}
.ap-btn.error {
  background-color: #fd4e48;
  width: 40px;
}
.ap-btn.error .ap-btn--error {
  left: 50%;
  opacity: 1;
  background-color: initial;
  pointer-events: none;
}
.ap-btn.error .btn-text {
  left: -70%;
  opacity: 0;
}
.ap-btn.error .icon-cross {
  left: 50%;
}

.icon-tick, .icon-cross {
  position: absolute;
  top: 50%;
  left: 150%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}

.icon-tick {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.icon-tick::before, .icon-tick::after {
  content: "";
  position: absolute;
  background-color: white;
  border-radius: 50px;
  transform-origin: left center;
  height: 10%;
}
.icon-tick::before {
  width: 100%;
  top: 89%;
  left: 29%;
  transform: rotate(309deg);
}
.icon-tick::after {
  width: 47%;
  top: 55%;
  left: 0;
  transform: rotate(45deg);
}

.icon-cross {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon-cross::before, .icon-cross::after {
  content: "";
  position: absolute;
  background-color: white;
  border-radius: 50px;
  width: 100%;
  height: 10%;
  transform-origin: center;
  top: 50%;
  left: 0;
}
.icon-cross::before {
  transform: rotate(45deg);
}
.icon-cross::after {
  transform: rotate(-45deg);
}

.btn-switch {
  width: 240px;
  height: 50px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px;
  text-align: center;
  font-weight: 600;
  border-radius: 5px;
}
.btn-switch::before {
  content: "";
  width: calc(50% - 5px);
  height: calc(100% - 5px * 2);
  background: orange;
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  border-radius: 3px;
  z-index: 2;
  transition: 0.3s;
}
.btn-switch__text {
  flex: 1;
  max-width: 50%;
  margin: 0;
  color: #333333;
  z-index: 3;
  transition: 0.3s;
}
.btn-switch__text:hover {
  cursor: pointer;
}
.btn-switch--orange {
  background-color: white;
}
.btn-switch--orange > :first-child {
  color: white;
}
.btn-switch--orange > :first-child:hover {
  cursor: initial;
  pointer-events: none;
}
.btn-switch.active::before {
  left: 50%;
}
.btn-switch.active > :first-child {
  color: #333333;
}
.btn-switch.active > :last-child {
  color: white;
}
.btn-switch.active > :last-child:hover {
  cursor: initial;
  pointer-events: none;
}

.section-divider {
  border-top: 1px solid #ebebeb;
  padding-top: 40px;
}

.section-divider-no-pad {
  border-top: 1px solid #ebebeb;
}

.section-container {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 40px 0;
}

.white-shadow-box {
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #f6f6f6;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05), 0 0 3px rgba(0, 0, 0, 0.0005);
}

.breadcrumbs-component {
  margin-bottom: 15px;
}
.breadcrumbs-component li {
  padding: 0 12px 0 0;
}
@media (max-width: 991px) {
  .breadcrumbs-component li a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: inline-block;
  }
}
.breadcrumbs-component li span.grey-text {
  word-break: break-word;
}
.breadcrumbs-component i {
  opacity: 0.5;
}
@media (max-width: 767px) {
  .breadcrumbs-component li {
    padding: 0 8px 0 0;
  }
}

.pagination-component {
  margin: 20px 0 40px 0;
}
.pagination-component.-no-margin {
  margin: 0;
}
.pagination-component ul {
  list-style-type: none;
  padding: 0;
  display: inline-block;
}
.pagination-component li {
  display: inline-block;
}
.pagination-component li a, .pagination-component li span {
  width: 35px;
  height: 35px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  color: #999999;
  margin-left: 5px;
  text-decoration: none;
  border-radius: 50%;
  transition: all 150ms;
  border: 1px solid #ebebeb;
  line-height: 100%;
  cursor: pointer;
}
.pagination-component li a.empty-cell, .pagination-component li span.empty-cell {
  cursor: default;
  border: 0;
}
.pagination-component li a.text-cell, .pagination-component li span.text-cell {
  width: auto;
  padding: 8px 10px;
  border-radius: 4px;
}
.pagination-component li a:hover:not(.empty-cell):not(.active), .pagination-component li span:hover:not(.empty-cell):not(.active) {
  background-color: #ebebeb;
  color: #5c5b69;
}
.pagination-component li a.active, .pagination-component li span.active {
  color: white !important;
}
.pagination-component li.active a {
  color: white !important;
}
.pagination-component .ais-pagination--item__disabled {
  display: none;
}
.pagination-component__page-selector {
  display: inline-flex;
  align-items: center;
  color: #7f7f7f;
  margin-left: 30px;
}
.pagination-component__page-input {
  max-width: 70px;
  margin: 0 10px;
}
@media (max-width: 414px) {
  .pagination-component {
    font-size: 1.2rem;
    font-weight: 600;
  }
}
.pagination-component__container.-new-products {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .pagination-component__container.-new-products {
    flex-direction: column;
    align-items: flex-end;
  }
}
.pagination-component__container.-new-products .pagination-component {
  margin-bottom: 0;
}
.pagination-component__container.-new-products .pagination-component__page-selector {
  margin-bottom: 40px;
}

.countdown-component {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  max-width: 290px;
  margin: auto;
}
.countdown-component__box {
  width: 60px;
  height: 60px;
  padding-top: 2px;
  border-radius: 4px;
  background-color: rgb(237.55, 237.55, 237.55);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-bottom: 4px solid rgb(229.9, 229.9, 229.9);
}
.countdown-component__timer {
  font-size: 2.6rem;
  color: #5c5b69;
}
.countdown-component__text {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #7f7f7f;
  font-size: 1.2rem;
  font-weight: 600;
}
.countdown-component .fa-cog {
  font-size: 1.3rem;
  color: #999999;
}

.youtube-container__wrapper {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.youtube-container__cover {
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px 20px;
  text-align: center;
  cursor: pointer;
}
.youtube-container__cover:before {
  content: "";
  width: 100px;
  border-radius: 200px;
  height: 100px;
  display: inline-block;
  background-image: url("https://fbcd.co/images/icons/play-button.svg");
  background-repeat: no-repeat;
  background-position: 53% center;
  background-size: 40%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
}
.youtube-container__caption {
  margin-top: 10px;
  color: #7f7f7f;
}
.youtube-container.-small-video .youtube-container__cover::before {
  width: 50px;
  height: 50px;
}
@media (max-width: 767px) {
  .youtube-container .youtube-container__cover::before {
    width: 50px;
    height: 50px;
  }
}
.youtube-container__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.share-container {
  display: flex;
  justify-content: space-between;
  align-items: center !important;
}
.share-container__url-input {
  width: calc(100% - 120px) !important;
  position: relative;
}
.share-container__url-input button {
  display: none;
}
.share-container__url-input.-regular {
  width: calc(100% - 140px) !important;
}
.share-container__url-input.-with-copy input {
  padding-right: 36px;
}
.share-container__url-input.-with-copy button {
  display: block;
}
.share-container__copy {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 18px;
  width: 27px;
  height: 27px;
}
.share-container__copy i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.share-container__copy:hover {
  opacity: 0.7;
}

.pua-badge {
  background: #1ea4f3 url("https://fbcd.co/images/icons/tick_2.svg") no-repeat center/50%;
  border-radius: 50px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.pua-badge.-large-pua {
  width: 24px;
  height: 24px;
  background-position: 50% 55%;
}

.fb-scrollbar {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
  scrollbar-base-color: #888888;
  scrollbar-face-color: #888888;
  scrollbar-track-color: #F5F5F5;
  scrollbar-arrow-color: #F5F5F5;
  scrollbar-color: rgba(0, 0, 0, 0.3);
  scrollbar-width: 7px;
}
.fb-scrollbar::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.fb-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 7px;
}
.fb-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: rgba(0, 0, 0, 0.3);
  outline: none;
}

.-loading-dots {
  position: relative;
  min-height: 40px;
}
.-loading-dots:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: no-repeat url("https://fbcd.co/images/icons/loading/loading-dots-dark-1.0.svg") center/100px;
}
.-loading-dots.-light-dots:before {
  background: no-repeat url("https://fbcd.co/images/icons/loading/loading-dots-light-1.0.svg") center/100px;
}

.-tile-backdrop {
  position: relative;
  padding-top: 66.47%;
  width: 100%;
  background-color: #ebebeb;
}
.-tile-backdrop img:first-child {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.-loading-overlay {
  position: relative;
}
.-loading-overlay:before {
  z-index: 1000;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

.full-screen-cover {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.full-screen-cover * {
  color: #ffffff;
}
.full-screen-cover.-show {
  display: flex;
}
.full-screen-cover__header {
  font-weight: bold;
  font-size: 30px;
}
.full-screen-cover__sub-header {
  font-size: 20px;
  font-weight: 600;
}
.full-screen-cover__loader {
  width: 100px;
  display: inline-block;
}

.text-expand {
  position: relative;
  overflow: hidden;
}
.text-expand__container {
  max-height: 110px;
  position: relative;
  overflow: hidden;
}
.text-expand__container:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 80%, white 100%);
}
.text-expand__expand-link {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.text-expand__expand-link .-theme-link, .text-expand__expand-link .pua-page__content-container .-pua-link a, .pua-page__content-container .-pua-link .text-expand__expand-link a {
  cursor: pointer;
}
.text-expand.-expanded {
  max-height: none;
}
.text-expand.-expanded .text-expand__container {
  max-height: none;
  padding-bottom: 35px;
}
.text-expand.-expanded .text-expand__container:before {
  opacity: 0 !important;
  visibility: hidden;
}
.text-expand.-expanded .text-expand__expand-link {
  top: auto;
  bottom: 0;
}
.text-expand.-collection {
  max-height: inherit;
}
@media (max-width: 414px) {
  .text-expand__container::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%);
  }
}

.admin-toolbar {
  color: #ffffff;
  padding: 15px;
  margin-top: 10px;
}
.admin-toolbar > .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .admin-toolbar > .container.-vertical-layout {
    flex-direction: column;
    align-items: stretch;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .admin-toolbar > .container.-vertical-layout {
    flex-direction: column;
    align-items: stretch;
  }
}
.admin-toolbar__flex-heading {
  font-weight: 600;
  margin-right: 20px;
  text-decoration: underline;
  white-space: nowrap;
}
.admin-toolbar__flex-actions {
  flex: 1 1 auto;
}
.admin-toolbar__flex-actions .btn-primary {
  margin: 5px 10px 5px 0;
}
.admin-toolbar__flex-actions-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 414px) {
  .admin-toolbar__flex-actions-wrapper {
    align-items: flex-start;
    flex-direction: column;
  }
}
.admin-toolbar__flex-info {
  display: flex;
}
@media (max-width: 414px) {
  .admin-toolbar__flex-info {
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .admin-toolbar__flex-info.-vertical-layout {
    margin-top: 1rem;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .admin-toolbar__flex-info.-vertical-layout {
    margin-top: 1rem;
  }
}
.admin-toolbar__flex_block {
  display: flex;
}
.admin-toolbar__info-block {
  margin-left: 20px;
  word-break: break-word;
}
.admin-toolbar__info-block:first-child {
  margin-left: 0;
}
.admin-toolbar__info-block.-with-tooltip {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
}
@media (max-width: 414px) {
  .admin-toolbar__info-block.-with-inline {
    width: 100%;
  }
  .admin-toolbar__info-block {
    margin-left: 0;
    margin-top: 1rem;
    width: 50%;
  }
}
.admin-toolbar__info-header {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  opacity: 0.4;
}
.admin-toolbar__info-header.-with-inline {
  display: initial;
}
.admin-toolbar.-site-admin {
  background-color: #5a69ae;
}
.admin-toolbar.-disabled-toolbar {
  background-color: #fd4e48;
  position: relative;
  padding: 10px 10px 35px 10px;
}
.admin-toolbar__footer {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .admin-toolbar__flex-info {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 414px) {
  .admin-toolbar__flex-actions {
    width: 100%;
    margin-top: 20px;
  }
}

.embedded-markup {
  color: #5c5b69;
  line-height: 180%;
  word-break: break-word;
}
.embedded-markup *, .embedded-markup p, .embedded-markup li {
  color: #5c5b69;
  line-height: 180%;
}
.embedded-markup pre {
  white-space: pre-wrap;
}
.embedded-markup h2 {
  margin: 20px 0;
}
.embedded-markup h3 {
  margin: 15px 0;
}
.embedded-markup ul {
  list-style-type: disc;
  padding-left: 15px;
  margin: 15px 0;
}
.embedded-markup li {
  margin-bottom: 8px;
  padding-left: 4px;
}
.embedded-markup table, .embedded-markup img {
  margin-bottom: 20px;
}
.embedded-markup table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.embedded-markup table td, .embedded-markup table th {
  border: 1px solid #ddd;
  text-align: left;
  padding: 7px 15px;
}
.embedded-markup ol {
  counter-reset: item 0;
  list-style: none;
}
.embedded-markup ol > li:before {
  counter-increment: item;
  margin-right: 5px;
  content: counter(item) ".";
  display: inline-block;
}

.accord-header {
  padding: 20px 0;
  cursor: pointer;
  text-align: left;
  display: flex;
  align-items: center;
  position: relative;
}
.accord-header.accord-no-padding {
  padding: 0;
}
.accord-header span, .accord-header strong {
  max-width: 80%;
  display: inline-block;
}
.accord-header i.chevron {
  width: 12px;
  height: 12px;
  background-image: url("https://fbcd.co/images/icons/down-arrow-black.svg");
  background-size: 100%;
  display: inline-block;
  transform: rotate(180deg);
  transition: all 150ms ease-in-out;
  position: absolute;
  right: 0;
  top: calc(50% - 6px);
  opacity: 0.3;
  margin-top: 1px;
  background-position: center;
}
.accord-header:hover i.chevron {
  opacity: 1;
}
.accord-header.active i.chevron {
  transform: rotate(0deg);
  opacity: 1;
}

h1, .-h1-look {
  font-size: 2.8rem;
  font-weight: bold;
  color: #000000;
}

h2, .-h2-look {
  font-size: 1.8rem;
  font-weight: bold;
  color: #000000;
}

h3, .-h3-look {
  font-size: 1.6rem;
  font-weight: 600;
  color: #000000;
}
h3.-underline, .-h3-look.-underline {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 6px;
}

h4 {
  font-size: 1.4rem;
  font-weight: 600;
  color: #000000;
}
h4.-underline {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 4px;
}

h5 {
  font-size: 1.2rem;
  font-weight: 600;
}

p, .para {
  line-height: 180%;
  margin-top: 0;
  margin-bottom: 1rem;
}

a {
  color: #000000;
  transition: all 0.1s;
  cursor: pointer;
}
a:hover {
  color: #000000;
  text-decoration: underline;
}

.-link-white {
  color: rgba(255, 255, 255, 0.9) !important;
  cursor: pointer;
}
.-link-white:hover, .-link-white:active, .-link-white:visited {
  color: #ffffff !important;
}

.-link-solid-white {
  color: #ffffff !important;
  cursor: pointer;
}
.-link-solid-white:hover, .-link-solid-white:active, .-link-solid-white:visited {
  color: #ffffff !important;
}

.-link-green {
  color: #40c756 !important;
  cursor: pointer;
}
.-link-green:hover, .-link-green:active, .-link-green:visited {
  color: #000000 !important;
}

.-link-red {
  color: #fd4e48 !important;
  cursor: pointer;
}
.-link-red:hover, .-link-red:active, .-link-red:visited {
  color: #000000 !important;
}

.-link-orange {
  color: #ffa200 !important;
  cursor: pointer;
}
.-link-orange:hover, .-link-orange:active, .-link-orange:visited {
  color: #000000 !important;
}

.-link-grey {
  color: #999999 !important;
  cursor: pointer;
}
.-link-grey:hover, .-link-grey:active, .-link-grey:visited {
  color: #cccccc !important;
}

.-link-plus {
  color: #ef9f1f !important;
  cursor: pointer;
}
.-link-plus:hover, .-link-plus:active, .-link-plus:visited {
  color: #000000 !important;
}

.-text-white {
  color: #ffffff !important;
}

.-text-black {
  color: #000000 !important;
}

.-text-green {
  color: #40c756 !important;
}

.-text-red {
  color: #fd4e48 !important;
}

.-text-orange {
  color: #ffa200 !important;
}

.-text-grey {
  color: #999999 !important;
}

.-text-dark-grey {
  color: #5c5b69 !important;
}

.-text-facebook {
  color: #365397 !important;
}

.-text-twitter {
  color: #00a9f1 !important;
}

.-text-pinterest {
  color: #ce1a19 !important;
}

.-text-youtube {
  color: #ff3333 !important;
}

.-text-plus {
  color: #ef9f1f !important;
}

.-text-plus-light {
  color: #ffa200 !important;
}

.-disabled {
  color: #999999 !important;
  cursor: default;
}
.-disabled:hover {
  color: #999999 !important;
}

.-t-strikeout {
  text-decoration: line-through !important;
}

.-t-underline {
  text-decoration: underline !important;
}

.-t-no-underline {
  text-decoration: none !important;
}

.-t-bold {
  font-weight: bold !important;
}

.-t-semibold {
  font-weight: 600 !important;
}

.-t-regular {
  font-weight: 500 !important;
}

.-t-upper {
  text-transform: uppercase !important;
}

.-t-dec-3 {
  font-size: 1rem;
}

.-t-dec-2 {
  font-size: 1.1rem;
}

.-t-dec-1 {
  font-size: 1.2rem;
}

.-t-base {
  font-size: 1.3rem !important;
}

.-t-inc-1 {
  font-size: 1.4rem;
}

.-t-inc-2 {
  font-size: 1.5rem;
}

.-t-inc-3 {
  font-size: 1.6rem;
}

.-t-inc-4 {
  font-size: 1.8rem;
}

.-t-inc-em-1 {
  font-size: 1.3em;
}

.-t-left {
  text-align: left;
}

.-t-center {
  text-align: center;
}

.-t-right {
  text-align: right;
}

hr {
  border: 0;
  border-top: 1px solid #ebebeb;
  padding: 0;
}

.-text-plus-gradient {
  background: linear-gradient(to right, #efab00, #eb850f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.-text-illustrateai-gradient {
  background: linear-gradient(90deg, #44abf3 18.95%, #db73ff 91.96%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-primary, .btn-secondary {
  -webkit-appearance: none;
  user-select: none;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
}
.btn-primary.-btn-icon-left i, .btn-secondary.-btn-icon-left i {
  margin-right: 7px;
  margin-left: -3px;
}
.btn-primary.-btn-icon-right i, .btn-secondary.-btn-icon-right i {
  margin-left: 7px;
  margin-right: -3px;
}
.btn-primary + .btn-primary:not(.-btn-no-margin), .btn-primary + .btn-secondary:not(.-btn-no-margin), .btn-secondary + .btn-primary:not(.-btn-no-margin), .btn-secondary + .btn-secondary:not(.-btn-no-margin) {
  margin-left: 10px;
}
.btn-primary:disabled[disabled], .btn-primary.-btn-disabled, .btn-primary.-disabled, .btn-secondary:disabled[disabled], .btn-secondary.-btn-disabled, .btn-secondary.-disabled {
  background: rgb(229.5, 229.5, 229.5) none;
  border: 1px solid rgb(229.5, 229.5, 229.5);
  color: #999999;
  cursor: default;
}
.btn-primary:disabled[disabled]:hover, .btn-primary.-btn-disabled:hover, .btn-primary.-disabled:hover, .btn-secondary:disabled[disabled]:hover, .btn-secondary.-btn-disabled:hover, .btn-secondary.-disabled:hover {
  background-color: rgb(229.5, 229.5, 229.5);
  border: 1px solid rgb(229.5, 229.5, 229.5);
  color: #999999;
}
.btn-primary.-btn-block, .btn-secondary.-btn-block {
  display: block;
  width: 100%;
}

.btn-primary {
  height: 40px;
  padding: 10px 30px;
  border-radius: 50px;
  line-height: 18px;
  color: #5c5b69;
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  font-size: 1.4rem;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-primary:hover, .btn-primary:focus {
  text-decoration: none;
  outline: none;
}
.btn-primary.-btn-default {
  cursor: default;
}
.btn-primary.-btn-xtra-small {
  padding: 3px 10px;
  font-size: 1.1rem;
  height: 25px;
  font-weight: 600;
}
.btn-primary.-btn-xtra-xtra-small {
  padding: 3px 5px;
  font-size: 1rem;
  height: 25px;
  font-weight: 600;
}
.btn-primary.-btn-small {
  padding: 6px 15px;
  font-size: 1.2rem;
  height: 32px;
}
.btn-primary.-btn-large {
  padding: 13px 43px;
  font-size: 1.3rem;
  height: 45px;
}
.btn-primary.-btn-circle {
  width: 40px;
  padding: 0;
}
.btn-primary.-btn-circle > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.btn-primary.-pointer-events-none {
  pointer-events: none;
}

.btn-secondary {
  height: 33px;
  padding: 7px 14px;
  border-radius: 6px;
  background-color: transparent;
  border: 1px solid #ebebeb;
  color: #7f7f7f;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  line-height: 1.45;
  text-decoration: none;
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}
.btn-secondary:hover {
  border: 1px solid #cccccc;
  color: #7f7f7f;
  text-decoration: none;
  outline: none;
}
.btn-secondary:focus, .btn-secondary.-btn-active {
  border: 1px solid #999999;
  color: #5c5b69;
  outline: none;
}
.btn-secondary.-btn-sm {
  padding: 5px 13px;
  font-size: 1rem;
  height: 30px;
  border-radius: 4px;
}
.btn-secondary.-btn-square {
  width: 33px;
  padding: 7px 0;
}
.btn-secondary.-btn-square > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.4rem;
}
.btn-secondary.-btn-square.-regular {
  width: 40px;
  height: 40px;
}
.btn-secondary.-btn-large {
  font-size: 1.4rem;
  height: auto;
  padding: 10px 20px;
}
.btn-secondary.-btn-xtra-large {
  font-size: 1.8rem;
  height: auto;
  padding: 15px 50px;
  border-width: 2px !important;
}
.btn-secondary.-btn-large-square {
  border-radius: 0;
  margin-bottom: 12px;
  display: block;
  width: 100%;
}
.btn-secondary.blue-bordered-button {
  border: 1px solid #1c9cd2;
  color: #1c9cd2;
}
.btn-secondary.blue-bordered-button a {
  color: #1c9cd2;
}
.btn-secondary.blue-bordered-button:hover, .btn-secondary.blue-bordered-button.active, .btn-secondary.blue-bordered-button[aria-expanded=true] {
  background-color: #1c9cd2;
  color: white;
}
.btn-secondary.blue-bordered-button:hover:hover a, .btn-secondary.blue-bordered-button.active:hover a, .btn-secondary.blue-bordered-button[aria-expanded=true]:hover a {
  color: white;
}
.btn-secondary.blue-bordered-button:disabled[disabled], .btn-secondary.blue-bordered-button:disabled[disabled]:hover {
  background-color: transparent;
  border-color: #999;
  color: #999;
}
.btn-secondary.yellow-bordered-button {
  border: 1px solid #ffb400;
  color: #ffb400;
}
.btn-secondary.yellow-bordered-button a {
  color: #ffb400;
}
.btn-secondary.yellow-bordered-button:hover, .btn-secondary.yellow-bordered-button.active, .btn-secondary.yellow-bordered-button[aria-expanded=true] {
  background-color: #ffb400;
  color: white;
}
.btn-secondary.yellow-bordered-button:hover:hover a, .btn-secondary.yellow-bordered-button.active:hover a, .btn-secondary.yellow-bordered-button[aria-expanded=true]:hover a {
  color: white;
}
.btn-secondary.yellow-bordered-button:disabled[disabled], .btn-secondary.yellow-bordered-button:disabled[disabled]:hover {
  background-color: transparent;
  border-color: #999;
  color: #999;
}
.btn-secondary.iai-green-bordered-button {
  border: 1px solid #23C16B;
  color: #23C16B;
}
.btn-secondary.iai-green-bordered-button a {
  color: #23C16B;
}
.btn-secondary.iai-green-bordered-button:hover, .btn-secondary.iai-green-bordered-button.active, .btn-secondary.iai-green-bordered-button[aria-expanded=true] {
  background-color: #23C16B;
  color: white;
}
.btn-secondary.iai-green-bordered-button:hover:hover a, .btn-secondary.iai-green-bordered-button.active:hover a, .btn-secondary.iai-green-bordered-button[aria-expanded=true]:hover a {
  color: white;
}
.btn-secondary.iai-green-bordered-button:disabled[disabled], .btn-secondary.iai-green-bordered-button:disabled[disabled]:hover {
  background-color: transparent;
  border-color: #999;
  color: #999;
}
.btn-secondary.light-blue-solid {
  background-color: #e8f8ff;
  border: 1px solid #e8f8ff;
  color: #57bdea;
}
.btn-secondary.light-blue-solid.shadow-btn {
  box-shadow: 0 0 20px white;
}
.btn-secondary.light-blue-solid a {
  color: #57bdea;
}
.btn-secondary.light-blue-solid:hover, .btn-secondary.light-blue-solid.active, .btn-secondary.light-blue-solid[aria-expanded=true] {
  background-color: rgb(181, 232.4782608696, 255);
  border: 1px solid rgb(181, 232.4782608696, 255);
  color: #57bdea;
}
.btn-secondary.light-blue-solid:hover a, .btn-secondary.light-blue-solid.active a, .btn-secondary.light-blue-solid[aria-expanded=true] a {
  color: #57bdea;
}
.btn-secondary.light-blue-solid:disabled[disabled], .btn-secondary.light-blue-solid:disabled[disabled]:hover {
  background-color: #999;
  border-color: #999;
}
.btn-secondary.light-blue-solid:disabled[disabled].shadow-btn, .btn-secondary.light-blue-solid:disabled[disabled]:hover.shadow-btn {
  box-shadow: 0 0 20px #cccccc;
}

.-btn-processing, .-btn-processing-dark {
  position: relative;
  color: transparent !important;
  pointer-events: none;
  background-image: none !important;
}
.-btn-processing:hover, .-btn-processing:focus, .-btn-processing-dark:hover, .-btn-processing-dark:focus {
  color: transparent !important;
}
.-btn-processing:before, .-btn-processing-dark:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.-btn-processing::before {
  background: url("https://fbcd.co/images/icons/loading-icon-10.min.svg") no-repeat 50%/20px;
}

.-btn-processing-dark::before {
  background: url("https://fbcd.co/images/icons/loading-icon-10-dark.svg") no-repeat 50%/20px;
}

.-btn-solid-white {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #5c5b69;
}
.-btn-solid-white:hover:not(.-no-hover), .-btn-solid-white:focus:not(.-no-hover), .-btn-solid-white.-btn-active:not(.-no-hover), .-btn-solid-white.-active:not(.-no-hover) {
  background-color: rgb(229.5, 229.5, 229.5);
  border: 1px solid rgb(229.5, 229.5, 229.5);
  color: #5c5b69;
}
.-btn-solid-white svg path {
  fill: #5c5b69;
}

.-btn-outline-white {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}
.-btn-outline-white:hover:not(.-no-hover), .-btn-outline-white:focus:not(.-no-hover), .-btn-outline-white.-btn-active:not(.-no-hover), .-btn-outline-white.-active:not(.-no-hover) {
  border: 1px solid rgb(237.15, 237.15, 237.15);
  color: rgb(237.15, 237.15, 237.15);
}
.-btn-outline-white svg path {
  fill: rgb(237.15, 237.15, 237.15);
}

.-btn-hybrid-white {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.-btn-hybrid-white:hover:not(.-no-hover), .-btn-hybrid-white:focus:not(.-no-hover), .-btn-hybrid-white.-btn-active:not(.-no-hover), .-btn-hybrid-white.-active:not(.-no-hover) {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #5c5b69;
}
.-btn-hybrid-white svg path {
  fill: #5c5b69;
}

.-btn-solid-orange {
  background-color: #ffa200;
  border: 1px solid #ffa200;
  color: white;
}
.-btn-solid-orange:hover:not(.-no-hover), .-btn-solid-orange:focus:not(.-no-hover), .-btn-solid-orange.-btn-active:not(.-no-hover), .-btn-solid-orange.-active:not(.-no-hover) {
  background-color: rgb(204, 129.6, 0);
  border: 1px solid rgb(204, 129.6, 0);
  color: white;
}
.-btn-solid-orange svg path {
  fill: white;
}

.-btn-outline-orange {
  background-color: transparent;
  border: 1px solid rgb(255, 175.02, 35.7);
  color: rgb(255, 175.02, 35.7);
}
.-btn-outline-orange:hover:not(.-no-hover), .-btn-outline-orange:focus:not(.-no-hover), .-btn-outline-orange.-btn-active:not(.-no-hover), .-btn-outline-orange.-active:not(.-no-hover) {
  border: 1px solid rgb(219.3, 139.32, 0);
  color: rgb(219.3, 139.32, 0);
}
.-btn-outline-orange svg path {
  fill: rgb(219.3, 139.32, 0);
}

.-btn-hybrid-orange {
  background-color: transparent;
  border: 1px solid #ffa200;
  color: #ffa200;
}
.-btn-hybrid-orange:hover:not(.-no-hover), .-btn-hybrid-orange:focus:not(.-no-hover), .-btn-hybrid-orange.-btn-active:not(.-no-hover), .-btn-hybrid-orange.-active:not(.-no-hover) {
  background-color: #ffa200;
  border: 1px solid #ffa200;
  color: white;
}
.-btn-hybrid-orange svg path {
  fill: white;
}

.-btn-solid-green {
  background-color: #40c756;
  border: 1px solid #40c756;
  color: white;
}
.-btn-solid-green:hover:not(.-no-hover), .-btn-solid-green:focus:not(.-no-hover), .-btn-solid-green.-btn-active:not(.-no-hover), .-btn-solid-green.-active:not(.-no-hover) {
  background-color: rgb(48.0647773279, 163.9352226721, 66.9473684211);
  border: 1px solid rgb(48.0647773279, 163.9352226721, 66.9473684211);
  color: white;
}
.-btn-solid-green svg path {
  fill: white;
}

.-btn-outline-green {
  background-color: transparent;
  border: 1px solid rgb(91.6060728745, 207.0939271255, 110.4263157895);
  color: rgb(91.6060728745, 207.0939271255, 110.4263157895);
}
.-btn-outline-green:hover:not(.-no-hover), .-btn-outline-green:focus:not(.-no-hover), .-btn-outline-green.-btn-active:not(.-no-hover), .-btn-outline-green.-active:not(.-no-hover) {
  border: 1px solid rgb(51.5336032389, 175.7663967611, 71.7789473684);
  color: rgb(51.5336032389, 175.7663967611, 71.7789473684);
}
.-btn-outline-green svg path {
  fill: rgb(51.5336032389, 175.7663967611, 71.7789473684);
}

.-btn-hybrid-green {
  background-color: transparent;
  border: 1px solid #40c756;
  color: #40c756;
}
.-btn-hybrid-green:hover:not(.-no-hover), .-btn-hybrid-green:focus:not(.-no-hover), .-btn-hybrid-green.-btn-active:not(.-no-hover), .-btn-hybrid-green.-active:not(.-no-hover) {
  background-color: #40c756;
  border: 1px solid #40c756;
  color: white;
}
.-btn-hybrid-green svg path {
  fill: white;
}

.-btn-solid-red {
  background-color: #fd4e48;
  border: 1px solid #fd4e48;
  color: white;
}
.-btn-solid-red:hover:not(.-no-hover), .-btn-solid-red:focus:not(.-no-hover), .-btn-solid-red.-btn-active:not(.-no-hover), .-btn-solid-red.-active:not(.-no-hover) {
  background-color: rgb(252.4486486486, 29.2054054054, 21.5513513514);
  border: 1px solid rgb(252.4486486486, 29.2054054054, 21.5513513514);
  color: white;
}
.-btn-solid-red svg path {
  fill: white;
}

.-btn-outline-red {
  background-color: transparent;
  border: 1px solid rgb(253.3859459459, 112.1562162162, 107.3140540541);
  color: rgb(253.3859459459, 112.1562162162, 107.3140540541);
}
.-btn-outline-red:hover:not(.-no-hover), .-btn-outline-red:focus:not(.-no-hover), .-btn-outline-red.-btn-active:not(.-no-hover), .-btn-outline-red.-active:not(.-no-hover) {
  border: 1px solid rgb(252.6140540541, 43.8437837838, 36.6859459459);
  color: rgb(252.6140540541, 43.8437837838, 36.6859459459);
}
.-btn-outline-red svg path {
  fill: rgb(252.6140540541, 43.8437837838, 36.6859459459);
}

.-btn-hybrid-red {
  background-color: transparent;
  border: 1px solid #fd4e48;
  color: #fd4e48;
}
.-btn-hybrid-red:hover:not(.-no-hover), .-btn-hybrid-red:focus:not(.-no-hover), .-btn-hybrid-red.-btn-active:not(.-no-hover), .-btn-hybrid-red.-active:not(.-no-hover) {
  background-color: #fd4e48;
  border: 1px solid #fd4e48;
  color: white;
}
.-btn-hybrid-red svg path {
  fill: white;
}

.-btn-solid-pink {
  background-color: #f866a0;
  border: 1px solid #f866a0;
  color: white;
}
.-btn-solid-pink:hover:not(.-no-hover), .-btn-solid-pink:focus:not(.-no-hover), .-btn-solid-pink.-btn-active:not(.-no-hover), .-btn-solid-pink.-active:not(.-no-hover) {
  background-color: rgb(245.76875, 53.23125, 129.71875);
  border: 1px solid rgb(245.76875, 53.23125, 129.71875);
  color: white;
}
.-btn-solid-pink svg path {
  fill: white;
}

.-btn-outline-pink {
  background-color: transparent;
  border: 1px solid rgb(249.561875, 136.138125, 181.196875);
  color: rgb(249.561875, 136.138125, 181.196875);
}
.-btn-outline-pink:hover:not(.-no-hover), .-btn-outline-pink:focus:not(.-no-hover), .-btn-outline-pink.-btn-active:not(.-no-hover), .-btn-outline-pink.-active:not(.-no-hover) {
  border: 1px solid rgb(246.438125, 67.861875, 138.803125);
  color: rgb(246.438125, 67.861875, 138.803125);
}
.-btn-outline-pink svg path {
  fill: rgb(246.438125, 67.861875, 138.803125);
}

.-btn-hybrid-pink {
  background-color: transparent;
  border: 1px solid #f866a0;
  color: #f866a0;
}
.-btn-hybrid-pink:hover:not(.-no-hover), .-btn-hybrid-pink:focus:not(.-no-hover), .-btn-hybrid-pink.-btn-active:not(.-no-hover), .-btn-hybrid-pink.-active:not(.-no-hover) {
  background-color: #f866a0;
  border: 1px solid #f866a0;
  color: white;
}
.-btn-hybrid-pink svg path {
  fill: white;
}

.-btn-solid-light-grey {
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  color: "#000000";
}
.-btn-solid-light-grey:hover:not(.-no-hover), .-btn-solid-light-grey:focus:not(.-no-hover), .-btn-solid-light-grey.-btn-active:not(.-no-hover), .-btn-solid-light-grey.-active:not(.-no-hover) {
  background-color: rgb(209.5, 209.5, 209.5);
  border: 1px solid rgb(209.5, 209.5, 209.5);
  color: "#000000";
}
.-btn-solid-light-grey svg path {
  fill: "#000000";
}

.-btn-outline-light-grey {
  background-color: transparent;
  border: 1px solid rgb(221.85, 221.85, 221.85);
  color: rgb(252.85, 252.85, 252.85);
}
.-btn-outline-light-grey:hover:not(.-no-hover), .-btn-outline-light-grey:focus:not(.-no-hover), .-btn-outline-light-grey.-btn-active:not(.-no-hover), .-btn-outline-light-grey.-active:not(.-no-hover) {
  border: 1px solid rgb(186.15, 186.15, 186.15);
  color: rgb(217.15, 217.15, 217.15);
}
.-btn-outline-light-grey svg path {
  fill: rgb(217.15, 217.15, 217.15);
}

.-btn-hybrid-light-grey {
  background-color: transparent;
  border: 1px solid #cccccc;
  color: #ebebeb;
}
.-btn-hybrid-light-grey:hover:not(.-no-hover), .-btn-hybrid-light-grey:focus:not(.-no-hover), .-btn-hybrid-light-grey.-btn-active:not(.-no-hover), .-btn-hybrid-light-grey.-active:not(.-no-hover) {
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  color: "#000000";
}
.-btn-hybrid-light-grey svg path {
  fill: "#000000";
}

.-btn-solid-medium-grey {
  background-color: #999999;
  border: 1px solid #999999;
  color: white;
}
.-btn-solid-medium-grey:hover:not(.-no-hover), .-btn-solid-medium-grey:focus:not(.-no-hover), .-btn-solid-medium-grey.-btn-active:not(.-no-hover), .-btn-solid-medium-grey.-active:not(.-no-hover) {
  background-color: rgb(127.5, 127.5, 127.5);
  border: 1px solid rgb(127.5, 127.5, 127.5);
  color: white;
}
.-btn-solid-medium-grey svg path {
  fill: white;
}

.-btn-outline-medium-grey {
  background-color: transparent;
  border: 1px solid rgb(221.85, 221.85, 221.85);
  color: rgb(170.85, 170.85, 170.85);
}
.-btn-outline-medium-grey:hover:not(.-no-hover), .-btn-outline-medium-grey:focus:not(.-no-hover), .-btn-outline-medium-grey.-btn-active:not(.-no-hover), .-btn-outline-medium-grey.-active:not(.-no-hover) {
  border: 1px solid rgb(186.15, 186.15, 186.15);
  color: rgb(135.15, 135.15, 135.15);
}
.-btn-outline-medium-grey svg path {
  fill: rgb(135.15, 135.15, 135.15);
}

.-btn-hybrid-medium-grey {
  background-color: transparent;
  border: 1px solid #cccccc;
  color: #999999;
}
.-btn-hybrid-medium-grey:hover:not(.-no-hover), .-btn-hybrid-medium-grey:focus:not(.-no-hover), .-btn-hybrid-medium-grey.-btn-active:not(.-no-hover), .-btn-hybrid-medium-grey.-active:not(.-no-hover) {
  background-color: #999999;
  border: 1px solid #999999;
  color: white;
}
.-btn-hybrid-medium-grey svg path {
  fill: white;
}

.-btn-solid-dark-grey {
  background-color: #7f7f7f;
  border: 1px solid #7f7f7f;
  color: white;
}
.-btn-solid-dark-grey:hover:not(.-no-hover), .-btn-solid-dark-grey:focus:not(.-no-hover), .-btn-solid-dark-grey.-btn-active:not(.-no-hover), .-btn-solid-dark-grey.-active:not(.-no-hover) {
  background-color: rgb(101.5, 101.5, 101.5);
  border: 1px solid rgb(101.5, 101.5, 101.5);
  color: white;
}
.-btn-solid-dark-grey svg path {
  fill: white;
}

.-btn-outline-dark-grey {
  background-color: transparent;
  border: 1px solid rgb(144.85, 144.85, 144.85);
  color: rgb(144.85, 144.85, 144.85);
}
.-btn-outline-dark-grey:hover:not(.-no-hover), .-btn-outline-dark-grey:focus:not(.-no-hover), .-btn-outline-dark-grey.-btn-active:not(.-no-hover), .-btn-outline-dark-grey.-active:not(.-no-hover) {
  border: 1px solid rgb(109.15, 109.15, 109.15);
  color: rgb(109.15, 109.15, 109.15);
}
.-btn-outline-dark-grey svg path {
  fill: rgb(109.15, 109.15, 109.15);
}

.-btn-hybrid-dark-grey {
  background-color: transparent;
  border: 1px solid #7f7f7f;
  color: #7f7f7f;
}
.-btn-hybrid-dark-grey:hover:not(.-no-hover), .-btn-hybrid-dark-grey:focus:not(.-no-hover), .-btn-hybrid-dark-grey.-btn-active:not(.-no-hover), .-btn-hybrid-dark-grey.-active:not(.-no-hover) {
  background-color: #7f7f7f;
  border: 1px solid #7f7f7f;
  color: white;
}
.-btn-hybrid-dark-grey svg path {
  fill: white;
}

.-btn-solid-facebook {
  background-color: #365397;
  border: 1px solid #365397;
  color: white;
}
.-btn-solid-facebook:hover:not(.-no-hover), .-btn-solid-facebook:focus:not(.-no-hover), .-btn-solid-facebook.-btn-active:not(.-no-hover), .-btn-solid-facebook.-active:not(.-no-hover) {
  background-color: rgb(40.5658536585, 62.3512195122, 113.4341463415);
  border: 1px solid rgb(40.5658536585, 62.3512195122, 113.4341463415);
  color: white;
}
.-btn-solid-facebook svg path {
  fill: white;
}

.-btn-outline-facebook {
  background-color: transparent;
  border: 1px solid rgb(63.403902439, 97.4541463415, 177.296097561);
  color: rgb(63.403902439, 97.4541463415, 177.296097561);
}
.-btn-outline-facebook:hover:not(.-no-hover), .-btn-outline-facebook:focus:not(.-no-hover), .-btn-outline-facebook.-btn-active:not(.-no-hover), .-btn-outline-facebook.-active:not(.-no-hover) {
  border: 1px solid rgb(44.596097561, 68.5458536585, 124.703902439);
  color: rgb(44.596097561, 68.5458536585, 124.703902439);
}
.-btn-outline-facebook svg path {
  fill: rgb(44.596097561, 68.5458536585, 124.703902439);
}

.-btn-hybrid-facebook {
  background-color: transparent;
  border: 1px solid #365397;
  color: #365397;
}
.-btn-hybrid-facebook:hover:not(.-no-hover), .-btn-hybrid-facebook:focus:not(.-no-hover), .-btn-hybrid-facebook.-btn-active:not(.-no-hover), .-btn-hybrid-facebook.-active:not(.-no-hover) {
  background-color: #365397;
  border: 1px solid #365397;
  color: white;
}
.-btn-hybrid-facebook svg path {
  fill: white;
}

.-btn-solid-twitter {
  background-color: #00a9f1;
  border: 1px solid #00a9f1;
  color: white;
}
.-btn-solid-twitter:hover:not(.-no-hover), .-btn-solid-twitter:focus:not(.-no-hover), .-btn-solid-twitter.-btn-active:not(.-no-hover), .-btn-solid-twitter.-active:not(.-no-hover) {
  background-color: rgb(0, 133.2365145228, 190);
  border: 1px solid rgb(0, 133.2365145228, 190);
  color: white;
}
.-btn-solid-twitter svg path {
  fill: white;
}

.-btn-outline-twitter {
  background-color: transparent;
  border: 1px solid rgb(21.7, 185.3004149378, 255);
  color: rgb(21.7, 185.3004149378, 255);
}
.-btn-outline-twitter:hover:not(.-no-hover), .-btn-outline-twitter:focus:not(.-no-hover), .-btn-outline-twitter.-btn-active:not(.-no-hover), .-btn-outline-twitter.-active:not(.-no-hover) {
  border: 1px solid rgb(0, 143.965560166, 205.3);
  color: rgb(0, 143.965560166, 205.3);
}
.-btn-outline-twitter svg path {
  fill: rgb(0, 143.965560166, 205.3);
}

.-btn-hybrid-twitter {
  background-color: transparent;
  border: 1px solid #00a9f1;
  color: #00a9f1;
}
.-btn-hybrid-twitter:hover:not(.-no-hover), .-btn-hybrid-twitter:focus:not(.-no-hover), .-btn-hybrid-twitter.-btn-active:not(.-no-hover), .-btn-hybrid-twitter.-active:not(.-no-hover) {
  background-color: #00a9f1;
  border: 1px solid #00a9f1;
  color: white;
}
.-btn-hybrid-twitter svg path {
  fill: white;
}

.-btn-solid-pinterest {
  background-color: #ce1a19;
  border: 1px solid #ce1a19;
  color: white;
}
.-btn-solid-pinterest:hover:not(.-no-hover), .-btn-solid-pinterest:focus:not(.-no-hover), .-btn-solid-pinterest.-btn-active:not(.-no-hover), .-btn-solid-pinterest.-active:not(.-no-hover) {
  background-color: rgb(160.5194805195, 20.2597402597, 19.4805194805);
  border: 1px solid rgb(160.5194805195, 20.2597402597, 19.4805194805);
  color: white;
}
.-btn-solid-pinterest svg path {
  fill: white;
}

.-btn-outline-pinterest {
  background-color: transparent;
  border: 1px solid rgb(228.6688311688, 39.0844155844, 38.0311688312);
  color: rgb(228.6688311688, 39.0844155844, 38.0311688312);
}
.-btn-outline-pinterest:hover:not(.-no-hover), .-btn-outline-pinterest:focus:not(.-no-hover), .-btn-outline-pinterest.-btn-active:not(.-no-hover), .-btn-outline-pinterest.-active:not(.-no-hover) {
  border: 1px solid rgb(174.1636363636, 21.9818181818, 21.1363636364);
  color: rgb(174.1636363636, 21.9818181818, 21.1363636364);
}
.-btn-outline-pinterest svg path {
  fill: rgb(174.1636363636, 21.9818181818, 21.1363636364);
}

.-btn-hybrid-pinterest {
  background-color: transparent;
  border: 1px solid #ce1a19;
  color: #ce1a19;
}
.-btn-hybrid-pinterest:hover:not(.-no-hover), .-btn-hybrid-pinterest:focus:not(.-no-hover), .-btn-hybrid-pinterest.-btn-active:not(.-no-hover), .-btn-hybrid-pinterest.-active:not(.-no-hover) {
  background-color: #ce1a19;
  border: 1px solid #ce1a19;
  color: white;
}
.-btn-hybrid-pinterest svg path {
  fill: white;
}

.-btn-solid-linkedin {
  background-color: #2867b2;
  border: 1px solid #2867b2;
  color: white;
}
.-btn-solid-linkedin:hover:not(.-no-hover), .-btn-solid-linkedin:focus:not(.-no-hover), .-btn-solid-linkedin.-btn-active:not(.-no-hover), .-btn-solid-linkedin.-active:not(.-no-hover) {
  background-color: rgb(30.6422018349, 78.9036697248, 136.3577981651);
  border: 1px solid rgb(30.6422018349, 78.9036697248, 136.3577981651);
  color: white;
}
.-btn-solid-linkedin svg path {
  fill: white;
}

.-btn-outline-linkedin {
  background-color: transparent;
  border: 1px solid rgb(46.5504587156, 119.8674311927, 207.1495412844);
  color: rgb(46.5504587156, 119.8674311927, 207.1495412844);
}
.-btn-outline-linkedin:hover:not(.-no-hover), .-btn-outline-linkedin:focus:not(.-no-hover), .-btn-outline-linkedin.-btn-active:not(.-no-hover), .-btn-outline-linkedin.-active:not(.-no-hover) {
  border: 1px solid rgb(33.4495412844, 86.1325688073, 148.8504587156);
  color: rgb(33.4495412844, 86.1325688073, 148.8504587156);
}
.-btn-outline-linkedin svg path {
  fill: rgb(33.4495412844, 86.1325688073, 148.8504587156);
}

.-btn-hybrid-linkedin {
  background-color: transparent;
  border: 1px solid #2867b2;
  color: #2867b2;
}
.-btn-hybrid-linkedin:hover:not(.-no-hover), .-btn-hybrid-linkedin:focus:not(.-no-hover), .-btn-hybrid-linkedin.-btn-active:not(.-no-hover), .-btn-hybrid-linkedin.-active:not(.-no-hover) {
  background-color: #2867b2;
  border: 1px solid #2867b2;
  color: white;
}
.-btn-hybrid-linkedin svg path {
  fill: white;
}

.-btn-solid-paypal {
  background-color: #003087;
  border: 1px solid #003087;
  color: white;
}
.-btn-solid-paypal:hover:not(.-no-hover), .-btn-solid-paypal:focus:not(.-no-hover), .-btn-solid-paypal.-btn-active:not(.-no-hover), .-btn-solid-paypal.-active:not(.-no-hover) {
  background-color: rgb(0, 29.8666666667, 84);
  border: 1px solid rgb(0, 29.8666666667, 84);
  color: white;
}
.-btn-solid-paypal svg path {
  fill: white;
}

.-btn-outline-paypal {
  background-color: transparent;
  border: 1px solid rgb(0, 60.6933333333, 170.7);
  color: rgb(0, 60.6933333333, 170.7);
}
.-btn-outline-paypal:hover:not(.-no-hover), .-btn-outline-paypal:focus:not(.-no-hover), .-btn-outline-paypal.-btn-active:not(.-no-hover), .-btn-outline-paypal.-active:not(.-no-hover) {
  border: 1px solid rgb(0, 35.3066666667, 99.3);
  color: rgb(0, 35.3066666667, 99.3);
}
.-btn-outline-paypal svg path {
  fill: rgb(0, 35.3066666667, 99.3);
}

.-btn-hybrid-paypal {
  background-color: transparent;
  border: 1px solid #003087;
  color: #003087;
}
.-btn-hybrid-paypal:hover:not(.-no-hover), .-btn-hybrid-paypal:focus:not(.-no-hover), .-btn-hybrid-paypal.-btn-active:not(.-no-hover), .-btn-hybrid-paypal.-active:not(.-no-hover) {
  background-color: #003087;
  border: 1px solid #003087;
  color: white;
}
.-btn-hybrid-paypal svg path {
  fill: white;
}

.-btn-solid-plus {
  background: linear-gradient(to right, #EFAB00, #EB850F);
  color: #ffffff;
  height: 42px;
  border-color: transparent;
  position: relative;
  overflow: hidden;
}
.-btn-solid-plus:before {
  z-index: -100;
  background: linear-gradient(to right, rgb(255, 192.4058577406, 35), rgb(242.46, 157.188, 58.54));
  inset: 0;
  position: absolute;
  opacity: 0;
  transition: opacity 200ms ease;
  content: "";
}
.-btn-solid-plus:hover:not(.-no-hover), .-btn-solid-plus:focus:not(.-no-hover), .-btn-solid-plus.-btn-active:not(.-no-hover), .-btn-solid-plus.-active:not(.-no-hover) {
  color: #ffffff;
  border-color: transparent;
  background: linear-gradient(to right, rgb(255, 192.4058577406, 35), rgb(242.46, 157.188, 58.54));
}
.-btn-solid-plus:hover:not(.-no-hover):before, .-btn-solid-plus:focus:not(.-no-hover):before, .-btn-solid-plus.-btn-active:not(.-no-hover):before, .-btn-solid-plus.-active:not(.-no-hover):before {
  opacity: 1;
}
.-btn-solid-plus.-h-reset {
  height: auto;
}

.-atc-button {
  background-image: url("https://fbcd.co/images/icons/add-to-cart-basket-1.0.svg");
  background-size: 22px;
  background-position: calc(100% - 15px) 50%;
}
.-atc-button.active:not(.-fbb) {
  background-color: #40c756 !important;
  border: 1px solid #40c756 !important;
  color: white !important;
}
.-atc-button i {
  display: none;
}

.input-group, .checkout-row__addons .addons__row .col1 {
  padding: 1rem 0;
  position: relative;
  display: flex;
  align-content: baseline;
  flex-flow: row wrap;
}
.input-group label:not(.custom-control-container), .checkout-row__addons .addons__row .col1 label:not(.custom-control-container) {
  display: inline-block;
  font-weight: 600;
  cursor: pointer;
  font-size: 1.2rem;
  color: #5c5b69;
}
.input-group label:not(.custom-control-container) .red, .checkout-row__addons .addons__row .col1 label:not(.custom-control-container) .red {
  color: #fd4e48;
}
.input-group label:not(.custom-control-container):hover, .checkout-row__addons .addons__row .col1 label:not(.custom-control-container):hover {
  color: #000000;
}
.input-group .helper, .checkout-row__addons .addons__row .col1 .helper {
  font-size: 1.1rem;
  margin-top: 0.5rem;
  display: inline-block;
  color: #999999;
}
.input-group .helper.-error-helper, .checkout-row__addons .addons__row .col1 .helper.-error-helper {
  color: #fd4e48;
}
.input-group__clear-wrapper {
  border: 1px solid transparent;
  position: relative;
  flex: 1;
}
.input-group__clear-wrapper .basic-input {
  padding-right: 35px;
}
.input-group.-control-input, .checkout-row__addons .addons__row .-control-input.col1 {
  margin: 2rem 0;
}
.input-group.-control-input label, .checkout-row__addons .addons__row .-control-input.col1 label {
  margin-bottom: 0;
}
.input-group.-counter-container, .checkout-row__addons .addons__row .-counter-container.col1 {
  justify-content: space-between;
}
.input-group .error-feedback, .checkout-row__addons .addons__row .col1 .error-feedback {
  display: inline-block;
  font-size: 1.1rem;
  margin-top: 0.5rem;
  color: #fd4e48;
  flex: 1;
  flex-basis: 100%;
}
.input-group.-inline-control-inputs, .checkout-row__addons .addons__row .-inline-control-inputs.col1 {
  display: flex;
  margin: 2rem 0;
}
.input-group.-inline-control-inputs > label, .checkout-row__addons .addons__row .-inline-control-inputs.col1 > label {
  margin-right: 3rem;
  margin-bottom: 0;
}
.input-group.-inline-control-inputs > label:last-child, .checkout-row__addons .addons__row .-inline-control-inputs.col1 > label:last-child {
  margin-right: 0;
}
.input-group.-input-button-group, .checkout-row__addons .addons__row .-input-button-group.col1 {
  display: flex;
  align-items: stretch;
}
.input-group.-input-button-group .basic-input, .checkout-row__addons .addons__row .-input-button-group.col1 .basic-input {
  flex: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.-input-button-group .btn-secondary, .checkout-row__addons .addons__row .-input-button-group.col1 .btn-secondary {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: auto;
}
.input-group .input-label-group, .checkout-row__addons .addons__row .col1 .input-label-group {
  display: flex;
}
.input-group .input-label-group .block-label, .checkout-row__addons .addons__row .col1 .input-label-group .block-label {
  height: 43px;
  padding: 1.2rem 2rem;
  background-color: #cccccc;
  border: 1px solid #cccccc;
  color: #7f7f7f;
  display: inline-block;
  border-radius: 4px 0 0 4px;
  white-space: nowrap;
}
.input-group .input-label-group .basic-input, .checkout-row__addons .addons__row .col1 .input-label-group .basic-input {
  border-radius: 0 4px 4px 0;
}
.input-group.-inline-group, .checkout-row__addons .addons__row .col1 {
  display: flex;
  align-items: center;
}
.input-group.-inline-group label, .checkout-row__addons .addons__row .col1 label {
  white-space: nowrap;
  margin: 0 20px 0 0;
  flex: 0;
}
.input-group.-inline-group .basic-input, .checkout-row__addons .addons__row .col1 .basic-input {
  flex: 1;
}
@media (max-width: 414px) {
  .input-group.-inline-group, .checkout-row__addons .addons__row .col1 {
    width: 100%;
    flex-wrap: wrap;
  }
  .input-group.-inline-group label, .checkout-row__addons .addons__row .col1 label {
    width: 100%;
    margin-bottom: 5px;
  }
}
.input-group.-input-group-error label:not(.custom-control-container), .checkout-row__addons .addons__row .-input-group-error.col1 label:not(.custom-control-container), .input-group.-input-group-error .error-input:not(input):not(select):not(textarea), .checkout-row__addons .addons__row .-input-group-error.col1 .error-input:not(input):not(select):not(textarea) {
  color: #fd4e48;
}
.input-group.-input-group-error .basic-input, .checkout-row__addons .addons__row .-input-group-error.col1 .basic-input,
.input-group.-input-group-error .input-group-addon,
.checkout-row__addons .addons__row .-input-group-error.col1 .input-group-addon {
  border: 1px solid #fd4e48;
}
.input-group.-input-group-error .error-input:not(input):not(select):not(textarea), .checkout-row__addons .addons__row .-input-group-error.col1 .error-input:not(input):not(select):not(textarea) {
  font-size: 1.1rem;
  margin-top: 5px;
  margin-bottom: 10px;
}
.input-group-addon {
  border: 1px solid #cccccc;
  border-radius: 6px;
  height: 40px;
  line-height: 3.5rem;
  padding: 0 0.1rem 0 1.2rem;
  display: flex;
  flex: 0;
  align-items: center;
}
.input-group-addon:first-child {
  border-right: 0 !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon + .basic-input {
  border-left: 0 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  flex: 1;
}
.input-group-addon span.fa {
  opacity: 0.3;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10 IE11 */
  .input-group.-inline-group label, .checkout-row__addons .addons__row .col1 label {
    flex: none;
  }
}
.inline-form-group .input-group, .inline-form-group .checkout-row__addons .addons__row .col1, .checkout-row__addons .addons__row .inline-form-group .col1 {
  margin: 1rem 0;
}
.inline-form-group .input-group label, .inline-form-group .checkout-row__addons .addons__row .col1 label, .checkout-row__addons .addons__row .inline-form-group .col1 label {
  margin-bottom: 0;
  min-height: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.inline-form-group .input-group .helper, .inline-form-group .checkout-row__addons .addons__row .col1 .helper, .checkout-row__addons .addons__row .inline-form-group .col1 .helper {
  margin-top: 5px;
}
@media (max-width: 414px) {
  .inline-form-group .input-group, .inline-form-group .checkout-row__addons .addons__row .col1, .checkout-row__addons .addons__row .inline-form-group .col1 {
    min-height: 20px;
  }
}

.basic-input {
  font-size: 1.3rem;
  font-weight: 500;
  font-family: inherit;
  padding: 1rem 1.1rem;
  border-radius: 6px;
  background-color: transparent;
  border: 1px solid #cccccc;
  color: #5c5b69;
  width: 100%;
  display: inline-block;
  transition: background-color, border 0.2s;
  height: 40px;
}
.basic-input:focus {
  outline: 0;
  border: 1px solid #7f7f7f;
}
.basic-input::webkit-input-placeholder {
  color: #999999;
}
.basic-input:disabled, .basic-input[readonly] {
  background-color: #ebebeb;
}
.basic-input.-small-input {
  font-size: 1.2rem;
  padding: 0.9em 1.1em;
  max-height: 33px;
  height: 33px;
}
.basic-input.-processing {
  background: url("https://fbcd.co/images/icons/loading-icon-10-dark.svg") no-repeat calc(100% - 12px)/20px;
}
.basic-input.-search-input {
  font-size: 1.4rem;
  padding-left: 45px;
  padding-right: 35px;
  background: url("https://fbcd.co/images/icons/search-black.svg") no-repeat 13px 50%/15px 15px;
}
.basic-input.-search-input.-category {
  border: 0;
}
.basic-input.-bg-white {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
.basic-input + .error-input {
  width: 100%;
}

button[type=reset] {
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: 12px;
  color: #666;
  border: 0;
  display: none;
  padding: 0 5px;
  border-radius: 50%;
  background-color: #fff;
  transition: background 200ms;
  outline: none;
  font-size: 2.5em;
  margin: 6px;
  line-height: 0.6em;
  cursor: pointer;
}
button[type=reset]:hover {
  background-color: #eee;
}

input:valid ~ button[type=reset] {
  display: block;
}

input.checkbox-input {
  position: absolute;
  left: -6000px;
}
input.checkbox-input + label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
input.checkbox-input + label:before {
  font-family: FontAwesome;
  margin-right: 1rem;
  font-size: 2rem;
  opacity: 0.25;
  transition: opacity 200ms ease;
}
input.checkbox-input:checked + label:before {
  opacity: 1;
}
input.checkbox-input[type=checkbox] + label:before {
  content: "\f04d";
}
input.checkbox-input[type=checkbox]:checked + label:before {
  content: "\f14a";
}
input.checkbox-input[type=radio] + label:before {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
input.checkbox-input[type=radio]:checked + label:before {
  content: "\f192";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.select-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: rgba(0, 0, 0, 0);
  background-position-x: calc(100% - 15px);
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("https://fbcd.co/images/icons/down-arrow-black.svg");
  background-size: 20px 10px;
  background-origin: padding-box;
  background-clip: border-box;
  padding: 0 40px 0 1.5rem;
  cursor: pointer;
}
.select-input::-ms-expand {
  display: none;
}
.select-input.-small-input {
  padding: 0 40px 0 15px;
  background-size: 15px 7px;
}

.textarea-input {
  resize: vertical;
  min-height: 100px;
}
.textarea-input.-small-textarea {
  min-height: 70px;
}
.textarea-input.-large-textarea {
  min-height: 150px;
}

.custom-control-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  user-select: none;
}
.custom-control-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-control-container input:checked ~ .custom-control-checkbox:after, .custom-control-container input:checked ~ .custom-control-checkmark:after {
  display: block;
}
.custom-control-container input:checked ~ .custom-control-radio:after {
  display: block;
}
.custom-control-container .custom-control-label {
  font-weight: 400;
  position: relative;
  font-size: 13px;
  line-height: 180%;
}
.custom-control-container .custom-control-checkbox,
.custom-control-container .custom-control-checkmark {
  pointer-events: all;
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #ebebeb;
  border-radius: 3px;
}
.custom-control-container .custom-control-checkbox:after,
.custom-control-container .custom-control-checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.custom-control-container .custom-control-checkbox.multi-line-label,
.custom-control-container .custom-control-checkmark.multi-line-label {
  top: 2px;
}
.custom-control-container .custom-control-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #ebebeb;
  border-radius: 50%;
}
.custom-control-container .custom-control-radio:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 5px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px white;
}
.custom-control-container .custom-control-right {
  color: #000000;
  font-weight: 600;
  margin-top: 3px;
  font-size: 11px;
  float: right;
}
.custom-control-container:hover input ~ .custom-control-checkbox, .custom-control-container:hover input ~ .custom-control-radio {
  background-color: #ebebeb;
}
.custom-control-container .helper {
  display: block;
  margin-top: 10px;
}

.clear-input-btn {
  position: absolute;
  background: url("https://fbcd.co/images/icons/input-clear-btn.svg") no-repeat center/50%;
  width: 20px;
  height: 20px;
  right: 12px;
  cursor: pointer;
  opacity: 0.4;
  display: none;
  top: 50%;
  transform: translateY(-50%);
}
.clear-input-btn:hover {
  opacity: 1;
}

.show-password-container {
  justify-content: space-between;
}

.show-password-helper {
  position: absolute;
  right: 0;
  color: #999999;
  cursor: pointer;
  line-height: 20px;
  font-size: 1.1rem;
  user-select: none;
}
.show-password-helper.-active {
  color: #40c756;
}
.show-password-helper.-active:before {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.show-password-helper:before {
  margin-right: 5px;
}
.show-password-helper:not(.-active):before {
  width: 12px;
  height: 12px;
  content: "";
  display: inline-block;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #cccccc;
  margin-bottom: -2px;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 2rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: all 225ms;
  transform: translate(0, -50px);
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 2rem * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 2rem * 2);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 2rem * 2);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 2rem * 2);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  background-color: #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border-radius: 10px;
  outline: 0;
}
.modal-content.-transparent {
  background-color: transparent;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 992px) {
  .modal-dialog {
    max-width: 500px;
    margin: 2rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 2rem * 2);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 2rem * 2);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 2rem * 2);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 2rem * 2);
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
.bs-modal {
  z-index: 1000002;
}
.bs-modal__content {
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
  pointer-events: auto;
}
@media (max-width: 767px) {
  .bs-modal__content {
    padding-left: 0;
    padding-right: 0;
  }
}
.bs-modal__content.-allow-overflow {
  overflow: initial;
}
.bs-modal__header {
  background-color: #ffffff;
  min-height: 70px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.03);
  display: flex;
  align-items: center;
  padding-left: 30px;
  font-size: 1.6rem;
  font-weight: 600;
  position: relative;
  padding-right: 67px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .bs-modal__header {
    height: 10px;
  }
}
@media (max-width: 414px) {
  .bs-modal__header {
    font-size: 1.3rem;
  }
}
.bs-modal__header-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background: url("https://fbcd.co/images/icons/cross-black-thick.svg") no-repeat center/10px;
  opacity: 0.4;
  cursor: pointer;
  border-radius: 50px;
  transition: all 100ms;
  background-color: transparent;
}
.bs-modal__header-close:hover {
  background-color: #ebebeb;
}
.bs-modal__footer {
  min-height: 70px;
  padding: 20px 0;
  border-top: 1px solid #ebebeb;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: space-around;
}
.bs-modal__footer.-right-align {
  justify-content: flex-end;
  padding-right: 20px;
}
.bs-modal__footer-link {
  display: inline-block;
  border-radius: 50px;
  cursor: pointer;
  font-weight: bold;
  padding: 12px 20px 9px;
}
.bs-modal__footer-link:hover {
  background-color: #ebebeb;
}
.bs-modal__form-wrapper {
  padding: 10px 20px 0 20px;
}
.bs-modal__alerts {
  margin: 10px 0 -10px 0;
}

.lg-on .bs-modal {
  z-index: 1000;
}

.modal-button-close, .prompt-button-close {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  top: -5px;
  right: -5px;
  cursor: pointer;
  transform: scale(1);
  transition: all 100ms;
  transform-origin: 50% 50%;
}
.modal-button-close:after, .prompt-button-close:after {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("https://fbcd.co/images/icons/cross-black-thick.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 100ms;
}
.modal-button-close:hover, .prompt-button-close:hover {
  transform: scale(1.15);
}
.modal-button-close:hover:after, .prompt-button-close:hover:after {
  transform: translate(-50%, -50%) scale(0.8695652174);
}
.modal-button-close.-small, .prompt-button-close.-small {
  width: 30px;
  height: 30px;
}
.modal-button-close.-small:after, .prompt-button-close.-small:after {
  background-size: 10px;
}

.alert {
  position: relative;
  padding: 1.2rem 1.7rem;
  margin-bottom: 1rem;
  border-radius: 4px;
  justify-content: space-between;
}
.alert a {
  text-decoration: underline;
}
.alert .alert-close {
  min-height: 100%;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
  font-size: 18px;
  cursor: pointer;
}
.alert .alert-close:before {
  content: "\f057";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  line-height: 50%;
}
.alert .alert-close:hover {
  opacity: 1;
}

.-alert-success {
  background-color: rgb(229.636437247, 247.563562753, 232.5578947368);
  color: #40c756;
}
.-alert-success strong {
  display: inline-block;
  margin-right: 0.5rem;
}
.-alert-success a {
  color: rgb(48.0647773279, 163.9352226721, 66.9473684211);
}
.-alert-success a:hover {
  color: rgb(30.7206477733, 104.7793522267, 42.7894736842);
}

.-alert-error {
  background-color: rgb(254.7643243243, 234.1427027027, 233.4356756757);
  color: #fd4e48;
}
.-alert-error strong {
  display: inline-block;
  margin-right: 0.5rem;
}
.-alert-error a {
  color: rgb(252.4486486486, 29.2054054054, 21.5513513514);
}
.-alert-error a:hover {
  color: rgb(195.3648648649, 8.5405405405, 2.1351351351);
}

.-alert-danger {
  background-color: rgb(254.7643243243, 234.1427027027, 233.4356756757);
  color: #fd4e48;
}
.-alert-danger strong {
  display: inline-block;
  margin-right: 0.5rem;
}
.-alert-danger a {
  color: rgb(252.4486486486, 29.2054054054, 21.5513513514);
}
.-alert-danger a:hover {
  color: rgb(195.3648648649, 8.5405405405, 2.1351351351);
}

.-alert-warning {
  background-color: rgb(255, 240.12, 214.2);
  color: #ffa200;
}
.-alert-warning strong {
  display: inline-block;
  margin-right: 0.5rem;
}
.-alert-warning a {
  color: rgb(204, 129.6, 0);
}
.-alert-warning a:hover {
  color: rgb(127.5, 81, 0);
}

.-alert-info {
  background-color: rgb(233.3544303797, 246.2455696203, 253.8455696203);
  color: #1ea4f3;
}
.-alert-info strong {
  display: inline-block;
  margin-right: 0.5rem;
}
.-alert-info a {
  color: rgb(11.2405063291, 136.7594936709, 210.7594936709);
}
.-alert-info a:hover {
  color: rgb(7.3670886076, 89.6329113924, 138.1329113924);
}

.security-layout .alert strong {
  margin-right: 0.5rem;
}
.security-layout .alert.-alert-error {
  background-color: #ffffff;
}

.callout-alert {
  top: 20px;
  right: 20px;
  position: fixed;
  width: 310px;
  height: auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
  z-index: 10000000;
}
.callout-alert__item {
  overflow: hidden;
  margin: 6px 0px;
  position: relative;
  background-color: #000000;
  color: #ffffff;
  width: 310px;
  cursor: pointer;
  min-height: 65px;
  padding: 1rem 1.25rem;
  padding-right: 3rem;
  border-radius: 5px;
  display: flex;
  align-items: center;
  transition: all 500ms ease-in-out 0s;
}
.callout-alert__item.-show {
  transform: translateY(0px);
  opacity: 1;
}
.callout-alert__item.-hide {
  transform: translateY(-60px);
  opacity: 0;
}
.callout-alert__item.-success {
  background-color: #40c756;
  color: white;
}
.callout-alert__item.-error {
  background-color: #fd4e48;
  color: white;
}
.callout-alert__item.-info {
  background-color: #1ea4f3;
  color: white;
}
.callout-alert__progress {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 4px;
  width: 100%;
  background-color: rgb(0, 0, 0);
  opacity: 0.2;
  transition: width 3000ms linear 0s;
}
.callout-alert__close {
  position: absolute;
  right: 15px;
  top: 10px;
}
.callout-alert__icon {
  font-size: 2.2rem;
  margin-right: 20px;
}
.callout-alert__text {
  line-height: 150%;
}

.dropzone-parent {
  position: relative;
  background-color: white;
  width: 90%;
  margin: 20px auto;
  border: 1px dashed rgb(105, 196.4285714286, 235);
  transition: all 150ms ease-in-out;
}
.dropzone-parent:hover {
  border: 1px dashed #1c9cd2;
}
.dropzone-parent.dropzone-error {
  border: 1px dashed #e9444a;
  background-color: rgb(251.7894736842, 227.7105263158, 228.5861244019);
}
.dropzone-parent .dropzone-label {
  font-size: 0.8em;
  text-align: center;
  font-weight: 600;
  padding: 0 15px;
  transform: translateY(-50%) translateX(-50%);
  top: calc(50% - 15px);
  left: 50%;
  position: absolute;
  z-index: 2;
  width: 100%;
}
.dropzone-parent .dropzone-layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  cursor: pointer;
}
.dropzone-parent .dropzone-button {
  font-size: 0.9em;
  position: absolute;
  bottom: 10px;
  transform: translateX(-50%);
  left: 50%;
  z-index: 4;
  min-width: 140px;
}
.dropzone-parent .dropzone-loading {
  transform: translateY(-50%) translateX(-50%);
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 2;
}
.dropzone-parent .dropzone-image-preview {
  width: 100%;
  z-index: 2;
}
.dropzone-parent .dropzone-progress-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 3;
  transition: all 150ms ease-in-out;
}
.dropzone-parent .dropzone-progress-overlay.gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+60,000000+100&0+41,0.6+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 41%, rgba(0, 0, 0, 0.19) 60%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 41%, rgba(0, 0, 0, 0.19) 60%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 41%, rgba(0, 0, 0, 0.19) 60%, rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#99000000", GradientType=0); /* IE6-9 */
}
.dropzone-parent .dropzone-preview-template {
  height: 100%;
}
.dropzone-parent .dropzone-progress {
  width: 120px;
  height: 6px;
  background-color: black;
  border-radius: 10px;
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  top: 50%;
  left: 50%;
  overflow: hidden;
  z-index: 4;
}
.dropzone-parent .dropzone-progress span {
  height: 6px;
  background: #f79d00; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #64f38c, #f79d00); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #64f38c, #f79d00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  position: absolute;
  top: 0;
  left: 0;
}
.dropzone-parent .dropzone-response-mark {
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 4;
  transform: translateX(-50%);
  bottom: 10%;
  left: 50%;
  transition: all 400ms ease-in-out;
  opacity: 0;
}
.dropzone-parent .dropzone-response-mark.displayed {
  animation: confirm-up 4s 1;
}
@keyframes confirm-up {
  0% {
    bottom: 10%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  50% {
    bottom: 35%;
    opacity: 1;
  }
  70% {
    bottom: 35%;
    opacity: 0;
  }
}

.rating-stars {
  display: inline-flex;
  font-size: 1.4rem;
  align-items: center;
}
.rating-stars__icon {
  margin-right: 3px;
  position: relative;
}
.rating-stars__icon:before {
  color: #ebebeb;
  content: "\f005";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.rating-stars__icon:after {
  color: #ffa200;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.rating-stars__icon.-full::after {
  color: #ffa200;
  content: "\f005";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.rating-stars__icon.-half::after {
  content: "\f089";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.rating-stars__number {
  font-weight: 600;
  margin: 0 5px;
}

.ratings-stats {
  padding-bottom: 25px;
  border-bottom: 1px solid #ebebeb;
}
.ratings-stats__average {
  font-size: 3.4rem;
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
  min-width: 50px;
}
.ratings-stats__total-reviews {
  font-weight: 600;
  color: #999999;
  margin-left: 4px;
}
.ratings-stats__row {
  display: flex;
  align-items: center;
  font-weight: 600;
  height: 17px;
  margin: 8px 0;
}
.ratings-stats__row .ratings-stats__label {
  width: 40px;
  cursor: pointer;
}
.ratings-stats__row .ratings-stats__label:after {
  float: right;
  color: #ffa200;
  content: "\f005";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.ratings-stats__row .ratings-stats__bar {
  flex: 1 1 auto;
  background-color: #ebebeb;
  border-radius: 10px;
  height: 9px;
  overflow: hidden;
  margin: 0 10px;
}
.ratings-stats__row .ratings-stats__bar .ratings-stats__bar-fill {
  background-color: #ffa200;
  height: 100%;
  display: block;
}
.ratings-stats__row .ratings-stats__count {
  color: #999999;
  min-width: 24px;
  text-align: left;
}
.ratings-stats__row.-no-ratings .ratings-stats__label {
  cursor: default;
}
.ratings-stats__row.-no-ratings .ratings-stats__label:after {
  color: #ebebeb;
}
.ratings-stats__row:hover:not(.-no-ratings), .ratings-stats__row.-selected {
  cursor: pointer;
}
.ratings-stats__row:hover:not(.-no-ratings) .ratings-stats__label, .ratings-stats__row.-selected .ratings-stats__label {
  text-decoration: underline;
}
.ratings-stats__row:hover:not(.-no-ratings) .ratings-stats__label:after, .ratings-stats__row.-selected .ratings-stats__label:after {
  color: rgb(219.3, 139.32, 0);
  text-decoration: none;
}
.ratings-stats__row:hover:not(.-no-ratings) .ratings-stats__bar, .ratings-stats__row.-selected .ratings-stats__bar {
  background-color: rgb(217.15, 217.15, 217.15);
  cursor: pointer;
}
.ratings-stats__row:hover:not(.-no-ratings) .ratings-stats__bar-fill, .ratings-stats__row.-selected .ratings-stats__bar-fill {
  background-color: rgb(219.3, 139.32, 0);
}

.rating-comment {
  display: flex;
  margin-top: 30px;
  position: relative;
}
.rating-comment__flex-avatar {
  margin-right: 15px;
}
.rating-comment__flex-content {
  flex: 1 0 0;
}
.rating-comment__flex-content .rating-comment__name {
  font-weight: bold;
}
.rating-comment__flex-content .rating-comment__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rating-comment__flex-content .rating-comment__date {
  color: #999999;
  font-size: 1.2rem;
  display: inline-block;
}
.rating-comment__flex-content .rating-comment__message {
  font-size: 1.2rem;
  color: #000000;
  margin: 12px 0 6px 0;
  font-weight: 600;
  display: inline-block;
  word-break: break-word;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .rating-comment__flex-content .rating-comment__message {
    /* IE10 IE11 */
    word-break: break-all;
  }
}
.rating-comment__flex-product-block {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.rating-comment__flex-product-block .rating-comment__product-img {
  width: 60px;
  border-radius: 4px;
  margin-right: 12px;
}
.rating-comment__flex-product-block .rating-comment__product-name {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  color: #5c5b69;
  text-decoration: underline;
  word-break: break-word;
}
.rating-comment__flex-product-block .rating-comment__product-name:hover {
  color: #000000;
}
.rating-comment__review-upload-wrapper {
  margin: 10px 0 20px 0;
  cursor: pointer;
  max-width: 140px;
}
.rating-comment__review-upload-wrapper .rating-comment__review-upload-img {
  width: 100%;
  border-radius: 4px;
  transform: scale(1);
  transition: all 100ms;
  opacity: 1;
}
.rating-comment__review-upload-wrapper:hover .rating-comment__review-upload-img {
  transform: scale(1.03);
  opacity: 0.9;
}
.rating-comment__admin-hide {
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 1rem;
  font-weight: 600;
  z-index: 11;
}
.rating-comment.-post-hidden:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
}

.avatar-badge-group {
  position: relative;
}
.avatar-badge-group__avatar {
  width: 40px;
  border-radius: 50%;
  border: 1px solid #ebebeb;
}
.avatar-badge-group__badge {
  width: 16px;
  position: absolute;
  bottom: 0;
  right: -4px;
}

.verified-purchase-badge {
  color: #40c756;
  margin-left: 3px;
  width: 15px;
  height: 15px;
  display: inline-block;
  background: url("https://fbcd.co/images/icons/verified-buyer.min.svg") no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: -2px;
}

.ratings-modal .modal-header {
  text-align: center;
  display: flex;
  align-items: center;
  border-radius: 8px 8px 0 0;
  background-image: url("https://fbcd.co/images/rating-background.min.jpg");
  background-position: center;
  background-repeat: no-repeat;
  padding: 10px 20px;
}
.ratings-modal .modal-header h3 {
  font-size: 48px;
  display: block;
  float: none;
  margin: 0 0 5px 0;
  color: #ffffff;
}
@media (max-width: 414px) {
  .ratings-modal .modal-header h3 {
    font-size: 30px;
    margin-top: 15px;
  }
}
.ratings-modal .modal-header h3 + p {
  font-size: 22px;
}
@media (max-width: 414px) {
  .ratings-modal .modal-header h3 + p {
    font-size: 16px;
  }
}
.ratings-modal .modal-header h4 {
  font-size: 34px;
  display: block;
  float: none;
  margin: 0 0 5px 0;
  color: #ffffff;
}
.ratings-modal .modal-header p {
  font-size: 16px;
}
.ratings-modal .modal-header .subtitle {
  margin-bottom: 30px;
}
.ratings-modal .modal-header .star-title {
  margin-bottom: 5px;
}
.ratings-modal .modal-header .rating .starrr a {
  font-size: 30px !important;
  color: white !important;
  width: 35px;
  position: relative;
  height: 30px;
  overflow: hidden;
}
.ratings-modal .modal-header .rating .starrr a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ratings-modal .modal-header .rating .starrr a:hover {
  text-decoration: none;
}
.ratings-modal .modal-body {
  padding: 30px;
}
.ratings-modal .modal-body p.note {
  color: #999;
}
.ratings-modal .modal-footer {
  border: none;
  padding: 0 30px 30px 30px;
  text-align: left;
}

.review_rating .starrr a {
  color: #ffb400;
  width: 15px;
  display: inline-block;
  position: relative;
  height: 15px;
  overflow: hidden;
}
.review_rating .starrr a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.review_rating .starrr a.fa-star:hover {
  text-decoration: none;
}

.preload-spinner {
  width: 80px;
  height: 80px;
  padding-top: 23px;
  background-position: center;
  margin: auto;
  background-repeat: no-repeat;
  background-image: url("https://fbcd.co/images/icons/loading_small.gif");
  opacity: 0.5;
}

.search-bar {
  padding: 7px;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  border-radius: 10px;
  background-color: #ffffff;
  transition: all 200ms ease;
}
@media (max-width: 414px) {
  .search-bar {
    flex-direction: column;
    align-items: stretch;
    padding: 0 7px;
  }
}
.search-bar__clear-btn {
  position: absolute;
  background: url("https://fbcd.co/images/icons/input-clear-btn.svg") no-repeat center/50%;
  width: 20px;
  height: 20px;
  right: 12px;
  cursor: pointer;
  opacity: 0.4;
  display: none;
  top: 50%;
  transform: translateY(-50%);
}
.search-bar__sorting {
  display: none;
}
@media (max-width: 414px) {
  .search-bar__sorting {
    margin-top: 5px;
    border-top: 1px solid #ebebeb;
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media (min-width: 415px) {
  .search-bar__sorting {
    border-left: 2px solid #ebebeb;
    height: 30px;
    padding-top: 0.5rem;
    padding-left: 20px;
  }
}
@media (max-width: 414px) {
  .search-bar__sorting .no-bs__dropdown__list {
    left: -15px !important;
    right: -15px !important;
    top: calc(100% + 3px);
  }
}
.search-bar__sorting-btn {
  display: flex;
  background-color: transparent;
  border: 0;
  white-space: nowrap;
  align-items: center;
  margin-right: 1rem;
  cursor: pointer;
}
.search-bar__sorting-btn[aria-expanded=true] {
  background-color: transparent !important;
}
.search-bar__sorting-btn:active {
  background-color: transparent !important;
}
.search-bar__sorting-btn:after {
  margin-left: 1rem !important;
  width: 15px !important;
  height: 6px !important;
}
@media (max-width: 414px) {
  .search-bar__sorting-btn {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    margin-right: 0;
    justify-content: space-between;
  }
}
.search-bar__input {
  border: 0;
}
.search-bar__input:focus {
  border: 0;
}
.search-bar__input-wrapper {
  border: 0;
  flex-grow: 1;
  position: relative;
}
@media (max-width: 414px) {
  .search-bar__input-wrapper {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.search-bar.-focus {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.6), 0 5px 10px rgba(0, 0, 0, 0.2);
}

.fixed-panel-component {
  position: fixed !important;
  top: 190px;
  right: 0;
  transform: translateX(100%);
  max-height: 600px;
  z-index: 1002;
}
@media (max-width: 414px) {
  .fixed-panel-component {
    width: 100%;
    right: -100%;
  }
}
.fixed-panel-component:not(.sc__wrapper) {
  width: 420px;
}
.fixed-panel-component.open {
  animation-duration: 490ms;
  animation-name: slideIn;
  transform: translateX(0);
}
.fixed-panel-component.close {
  animation-duration: 490ms;
  animation-name: slideOut;
  transform: translateX(100%);
}
.fixed-panel-component .fixed-panel-toggle {
  width: 68px;
  height: 78px;
  position: absolute;
  left: -68px;
  top: -5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;
  cursor: pointer;
}

@keyframes slideIn {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideOut {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.sc__content {
  z-index: 1002;
  display: flex;
  align-items: flex-start;
  position: absolute;
  left: 0;
  top: 20%;
  transform: translateX(0);
  min-height: 70px;
  transition: transform 200ms ease;
}
@media (max-width: 991px) and (orientation: landscape) {
  .sc__content {
    top: 50% !important;
    transform: translateY(-50%);
  }
}
.sc__container {
  display: flex;
}
.sc__container .headerDropdownMenu {
  display: block !important;
  width: 100%;
  margin-top: 1px;
  position: relative;
  border: 0;
  border-radius: 0;
}
.sc__container .cart-item .-theme-color, .sc__container .cart-item .my-account__content__nav__item.active .my-account__content__nav__icon, .my-account__content__nav__item.active .sc__container .cart-item .my-account__content__nav__icon,
.sc__container .cart-item .my-account__content__nav__item.active .my-account__content__nav__link,
.my-account__content__nav__item.active .sc__container .cart-item .my-account__content__nav__link, .sc__container .cart-item .my-account .delete-account-info a, .my-account .delete-account-info .sc__container .cart-item a, .sc__container .cart-item input.checkbox-input:checked + label:before {
  color: #5c5b69 !important;
}
.sc__container .cart-item__discounted-price {
  color: red;
}
.sc__container .cart-item__info-flex {
  margin-bottom: 2px;
}
.sc__container .header-cart__header {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 15px;
}
@media (max-width: 991px) and (orientation: landscape) {
  .sc__container .header-cart__body-scroll {
    max-height: 155px !important;
  }
}
.sc__container .header-cart__dropdown {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.sc__container .header-cart__checkout-row {
  margin-left: 15px;
  margin-top: 0;
  display: flex;
  flex-direction: row-reverse;
}
.sc__container .header-cart__checkout-btn + .header-cart__checkout-btn {
  margin-right: 10px;
}
.sc__container .header-cart__checkout-btn:after {
  display: none;
}
.sc__container .header-cart__plus-ribbon span.membership-part {
  display: inline;
}
.sc__toggle {
  top: 0 !important;
  margin-top: 1px;
  cursor: pointer;
  width: 70px;
  height: 70px;
  transition: transform 200ms ease;
  transform: translateX(100%);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.sc__toggle:before {
  display: inline-flex;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("https://fbcd.co/images/icons/header/header-cart-icon-white.min.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 6px;
  margin-top: 5px;
}
.sc__wrapper {
  width: 400px;
  z-index: 1002;
}
@media (max-width: 991px) {
  .sc__wrapper {
    display: none !important;
  }
}
.sc__wrapper.-visible .sc__toggle {
  transform: translateX(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
@media screen and (max-height: 680px) {
  .sc__wrapper.-free-fix {
    top: 130px;
  }
}
@media (max-width: 991px) and (orientation: landscape) {
  .sc__wrapper.-free-fix .sc__toggle {
    top: 170px !important;
  }
}
.sc__wrapper.-free-fix.open {
  z-index: 2010;
}

.backdrop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 200ms ease;
  z-index: 101;
}
@media (min-width: 992px) {
  .backdrop {
    z-index: 1001;
  }
}
.backdrop.-visible {
  opacity: 1;
}

.mspb {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
@media (max-width: 414px) {
  .mspb.-preferences-setup .btn-primary {
    width: 100%;
    white-space: inherit;
    height: auto;
  }
}
.mspb.-preferences-setup .icons {
  display: flex;
  justify-content: center;
}
.mspb.-preferences-setup .icons li + li {
  margin-left: 1rem;
}
.mspb__step {
  margin: 40px;
}
@media (max-width: 414px) {
  .mspb__step {
    margin: 40px 20px;
  }
}
.mspb__controls {
  display: inline-flex;
}
.mspb__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin: 0 40px 40px 40px;
}
@media (max-width: 414px) {
  .mspb__nav {
    margin: 0 20px 40px 20px;
  }
}
.mspb__nav-btn {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
.mspb__nav-btn:not(:last-child) {
  margin-right: 1rem;
}

.gdpr__sign-up-btn {
  flex-shrink: 0;
}
.gdpr__sign-up-row {
  background-color: #222;
  color: white;
  text-align: center;
  padding: 50px 0;
}
.gdpr__sign-up-row .gdpr__sign-up-wrapper {
  width: 50%;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gdpr__sign-up-row .gdpr__sign-up-form {
  display: flex;
  padding: 20px;
  margin: 10px 0;
  justify-content: space-between;
}
.gdpr__sign-up-row .gdpr__sign-up-input {
  background-color: white;
  height: 45px;
  margin-right: 20px;
  font-size: 1.5rem;
  font-weight: 500;
  border: 0;
  padding-left: 20px;
  min-width: 400px;
}
.gdpr__sign-up-row .gdpr__sign-up-input:focus {
  border: 0;
}
.gdpr__sign-up-row .gdpr__sign-up-input:disabled {
  background-color: #cccccc;
}
.gdpr__sign-up-row .gdpr__sign-up-error {
  background-color: #fd4e48;
  padding: 10px 20px;
  border-radius: 4px;
  margin-top: 15px;
  display: none;
}
.gdpr__sign-up-row .gdpr__sign-up-success {
  background-color: #40c756;
  padding: 10px 20px;
  border-radius: 4px;
  margin-top: 15px;
  display: none;
}
@media (max-width: 1200px) {
  .gdpr__sign-up-row .gdpr__sign-up-wrapper {
    width: 100%;
  }
  .gdpr__sign-up-row .gdpr__sign-up-form {
    flex-wrap: wrap;
    padding: 0;
  }
  .gdpr__sign-up-row .gdpr__sign-up-input {
    min-width: 100%;
  }
  .gdpr__sign-up-row .gdpr__sign-up-btn {
    min-width: 100%;
    margin-top: 10px;
    position: relative;
    top: 45px;
  }
  .gdpr__sign-up-row .gdpr__sign-up-tos {
    text-align: left;
    position: relative;
    top: -50px;
  }
}
@media (max-width: 414px) {
  .gdpr__sign-up-row .gdpr__sign-up-tos .custom-control-checkbox {
    margin-top: 5px;
  }
  .gdpr__sign-up-row .gdpr__sign-up-btn {
    top: 82px;
  }
}

html {
  font-size: 62.5%;
}

body {
  background-color: white;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.42857143;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  body {
    padding-top: 60px;
  }
}

.lite-layout {
  background-color: #fafafa;
  display: flex;
  flex-direction: column;
}
.lite-layout__flex-container {
  flex: 1;
}

.lazyLoadCss {
  background-image: none !important;
}

_:-ms-fullscreen, :root .lite-layout {
  display: block;
}

::-ms-clear {
  width: 0;
  height: 0;
}

.container {
  max-width: 1355px;
  margin: 0 auto;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.row {
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

[class*=col-] {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 100%;
  position: relative;
  max-width: 100%;
}

.col-xxs {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 100%;
  position: relative;
}

.col-xxs-auto {
  flex-grow: 1;
  flex-basis: 0%;
}

.col-xxs-1 {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-xxs-auto {
  flex-grow: 1;
  flex-basis: 0%;
}

.col-xxs-2 {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-xxs-auto {
  flex-grow: 1;
  flex-basis: 0%;
}

.col-xxs-3 {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xxs-auto {
  flex-grow: 1;
  flex-basis: 0%;
}

.col-xxs-4 {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-xxs-auto {
  flex-grow: 1;
  flex-basis: 0%;
}

.col-xxs-5 {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-xxs-auto {
  flex-grow: 1;
  flex-basis: 0%;
}

.col-xxs-6 {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xxs-auto {
  flex-grow: 1;
  flex-basis: 0%;
}

.col-xxs-7 {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-xxs-auto {
  flex-grow: 1;
  flex-basis: 0%;
}

.col-xxs-8 {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-xxs-auto {
  flex-grow: 1;
  flex-basis: 0%;
}

.col-xxs-9 {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xxs-auto {
  flex-grow: 1;
  flex-basis: 0%;
}

.col-xxs-10 {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-xxs-auto {
  flex-grow: 1;
  flex-basis: 0%;
}

.col-xxs-11 {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-xxs-auto {
  flex-grow: 1;
  flex-basis: 0%;
}

.col-xxs-12 {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-basis: 100%;
  max-width: 100%;
}

/*
.col-xxs {
    @include flex-grow(1);
    @include flex-basis(0);
    max-width: 100%;
}*/
.top-xxs {
  align-items: flex-start;
}

.middle-xxs {
  align-items: center;
}

.bottom-xxs {
  align-items: flex-end;
}

.first-xxs {
  order: -1;
}

.last-xxs {
  order: 1;
}

.d-flex-xxs {
  display: flex;
}

.d-flex-sides-xxs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (min-width: 376px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .col-xs {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 100%;
    position: relative;
  }
  .col-xs-auto {
    flex-grow: 1;
    flex-basis: 0%;
  }
  .col-xs-1 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    position: relative;
  }
  .col-xs-2 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    position: relative;
  }
  .col-xs-3 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 25%;
    max-width: 25%;
    position: relative;
  }
  .col-xs-4 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    position: relative;
  }
  .col-xs-5 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    position: relative;
  }
  .col-xs-6 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 50%;
    max-width: 50%;
    position: relative;
  }
  .col-xs-7 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    position: relative;
  }
  .col-xs-8 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    position: relative;
  }
  .col-xs-9 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 75%;
    max-width: 75%;
    position: relative;
  }
  .col-xs-10 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    position: relative;
  }
  .col-xs-11 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    position: relative;
  }
  .col-xs-12 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 100%;
    max-width: 100%;
    position: relative;
  }
  /*.col-xs {
      @include flex-grow(1);
      @include flex-basis(0);
      max-width: 100%;
  }*/
  .top-xs {
    align-items: flex-start;
  }
  .middle-xs {
    align-items: center;
  }
  .bottom-xs {
    align-items: flex-end;
  }
  .first-xs {
    order: -1;
  }
  .last-xs {
    order: 1;
  }
  .d-flex-xs {
    display: flex;
  }
  .flex-middle-xs {
    justify-content: center;
  }
}
@media only screen and (min-width: 415px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .col-sm {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 100%;
    position: relative;
  }
  .col-sm-auto {
    flex-grow: 1;
    flex-basis: 0%;
  }
  .col-sm-1 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    position: relative;
  }
  .col-sm-2 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    position: relative;
  }
  .col-sm-3 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 25%;
    max-width: 25%;
    position: relative;
  }
  .col-sm-4 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    position: relative;
  }
  .col-sm-5 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    position: relative;
  }
  .col-sm-6 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 50%;
    max-width: 50%;
    position: relative;
  }
  .col-sm-7 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    position: relative;
  }
  .col-sm-8 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    position: relative;
  }
  .col-sm-9 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 75%;
    max-width: 75%;
    position: relative;
  }
  .col-sm-10 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    position: relative;
  }
  .col-sm-11 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    position: relative;
  }
  .col-sm-12 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 100%;
    max-width: 100%;
    position: relative;
  }
  /*.col-sm {
      @include flex-grow(1);
      @include flex-basis(0);
      max-width: 100%;
  }*/
  .top-sm {
    align-items: flex-start;
  }
  .middle-sm {
    align-items: center;
  }
  .bottom-sm {
    align-items: flex-end;
  }
  .first-sm {
    order: -1;
  }
  .last-sm {
    order: 1;
  }
  .d-flex-sm {
    display: flex;
  }
  .flex-middle-sm {
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }
  .col-md {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 100%;
    position: relative;
  }
  .col-md-auto {
    flex-grow: 1;
    flex-basis: 0%;
  }
  .col-md-1 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    position: relative;
  }
  .col-md-2 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    position: relative;
  }
  .col-md-3 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 25%;
    max-width: 25%;
    position: relative;
  }
  .col-md-4 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    position: relative;
  }
  .col-md-5 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    position: relative;
  }
  .col-md-6 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 50%;
    max-width: 50%;
    position: relative;
  }
  .col-md-7 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    position: relative;
  }
  .col-md-8 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    position: relative;
  }
  .col-md-9 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 75%;
    max-width: 75%;
    position: relative;
  }
  .col-md-10 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    position: relative;
  }
  .col-md-11 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    position: relative;
  }
  .col-md-12 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 100%;
    max-width: 100%;
    position: relative;
  }
  /*.col-md {
      @include flex-grow(1);
      @include flex-basis(0);
      max-width: 100%;
  }*/
  .top-md {
    align-items: flex-start;
  }
  .middle-md {
    align-items: center;
  }
  .bottom-md {
    align-items: flex-end;
  }
  .first-md {
    order: -1;
  }
  .last-md {
    order: 1;
  }
  .d-flex-md {
    display: flex;
  }
  .flex-middle-md {
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }
  .col-lg {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 100%;
    position: relative;
  }
  .col-lg-auto {
    flex-grow: 1;
    flex-basis: 0%;
  }
  .col-lg-1 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    position: relative;
  }
  .col-lg-2 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    position: relative;
  }
  .col-lg-3 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 25%;
    max-width: 25%;
    position: relative;
  }
  .col-lg-4 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    position: relative;
  }
  .col-lg-5 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    position: relative;
  }
  .col-lg-6 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 50%;
    max-width: 50%;
    position: relative;
  }
  .col-lg-7 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    position: relative;
  }
  .col-lg-8 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    position: relative;
  }
  .col-lg-9 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 75%;
    max-width: 75%;
    position: relative;
  }
  .col-lg-10 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    position: relative;
  }
  .col-lg-11 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    position: relative;
  }
  .col-lg-12 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 100%;
    max-width: 100%;
    position: relative;
  }
  /*.col-lg {
      @include flex-grow(1);
      @include flex-basis(0);
      max-width: 100%;
  }*/
  .top-lg {
    align-items: flex-start;
  }
  .middle-lg {
    align-items: center;
  }
  .bottom-lg {
    align-items: flex-end;
  }
  .first-lg {
    order: -1;
  }
  .last-lg {
    order: 1;
  }
  .d-flex-lg {
    display: flex;
  }
  .flex-middle-lg {
    justify-content: center;
  }
}
@media only screen and (min-width: 1201px) {
  .container {
    padding-left: 25px;
    padding-right: 25px;
  }
  .col-xl {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 100%;
    position: relative;
  }
  .col-xl-auto {
    flex-grow: 1;
    flex-basis: 0%;
  }
  .col-xl-1 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    position: relative;
  }
  .col-xl-2 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    position: relative;
  }
  .col-xl-3 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 25%;
    max-width: 25%;
    position: relative;
  }
  .col-xl-4 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    position: relative;
  }
  .col-xl-5 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    position: relative;
  }
  .col-xl-6 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 50%;
    max-width: 50%;
    position: relative;
  }
  .col-xl-7 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    position: relative;
  }
  .col-xl-8 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    position: relative;
  }
  .col-xl-9 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 75%;
    max-width: 75%;
    position: relative;
  }
  .col-xl-10 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    position: relative;
  }
  .col-xl-11 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    position: relative;
  }
  .col-xl-12 {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    flex-basis: 100%;
    max-width: 100%;
    position: relative;
  }
  /*.col-xl {
      @include flex-grow(1);
      @include flex-basis(0);
      max-width: 100%;
  }*/
  .top-xl {
    align-items: flex-start;
  }
  .middle-xl {
    align-items: center;
  }
  .bottom-xl {
    align-items: flex-end;
  }
  .first-xl {
    order: -1;
  }
  .last-xl {
    order: 1;
  }
  .d-flex-xl {
    display: flex;
  }
  .flex-middle-xl {
    justify-content: center;
  }
}
[class*=visible-up-],
[class*=visible-down-],
.hidden {
  display: none !important;
}

@media only screen and (min-width: 375px) {
  .visible-up-xs {
    display: block !important;
  }
  .hidden-up-xs {
    display: none !important;
  }
}
@media only screen and (max-width: 375px) {
  .visible-down-xs {
    display: block !important;
  }
  .hidden-down-xs {
    display: none !important;
  }
}
@media only screen and (min-width: 414px) {
  .visible-up-sm {
    display: block !important;
  }
  .hidden-up-sm {
    display: none !important;
  }
}
@media only screen and (max-width: 414px) {
  .visible-down-sm {
    display: block !important;
  }
  .hidden-down-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 767px) {
  .visible-up-md {
    display: block !important;
  }
  .hidden-up-md {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .visible-down-md {
    display: block !important;
  }
  .hidden-down-md {
    display: none !important;
  }
}
@media only screen and (min-width: 991px) {
  .visible-up-lg {
    display: block !important;
  }
  .hidden-up-lg {
    display: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .visible-down-lg {
    display: block !important;
  }
  .hidden-down-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) {
  .visible-up-xl {
    display: block !important;
  }
  .hidden-up-xl {
    display: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  .visible-down-xl {
    display: block !important;
  }
  .hidden-down-xl {
    display: none !important;
  }
}
.site-footer {
  background-color: #fafafa;
  padding: 60px 0 0;
}
.site-footer__nav-col {
  text-align: inherit !important;
}
.site-footer__about-logo {
  margin-bottom: 25px;
}
.site-footer__about-logo img {
  height: 30px !important;
}
.site-footer__about-text {
  max-width: 430px;
  color: #7f7f7f;
  line-height: 180%;
  margin-bottom: 30px;
}
.site-footer__about-text p {
  line-height: 180%;
}
@media (max-width: 1200px) {
  .site-footer__about-text {
    max-width: 100%;
  }
}
.site-footer__about-stats {
  color: #7f7f7f;
}
@media (max-width: 1200px) {
  .site-footer__about-stats {
    margin-bottom: 30px;
    padding-bottom: 35px;
    border-bottom: 1px solid #ebebeb;
  }
}
.site-footer__sum-point {
  margin-right: 12px;
}
@media (max-width: 414px) {
  .site-footer__sum-point {
    display: block;
    margin-bottom: 5px;
  }
}
.site-footer__nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.site-footer__nav-col {
  margin-bottom: 30px;
}
.site-footer__nav-col.-pages-col {
  margin-right: 40px;
}
@media (max-width: 1200px) {
  .site-footer__nav-col {
    flex-basis: 30%;
    margin-right: 0 !important;
  }
}
@media (max-width: 991px) {
  .site-footer__nav-col {
    flex-basis: 33%;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .site-footer__nav-col {
    flex-basis: 50%;
  }
}
@media (max-width: 414px) {
  .site-footer__nav-col {
    flex-basis: 100%;
  }
}
.site-footer__nav-col:last-child {
  margin-right: 50px;
}
@media (max-width: 1200px) {
  .site-footer__nav-col:last-child {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .site-footer__nav-col:last-child {
    margin-right: 0;
  }
}
.site-footer__nav-compensator {
  flex-basis: 50px;
}
.site-footer__nav-heading {
  font-weight: 500;
  margin-bottom: 1.5rem;
  margin-top: 0.3rem;
  display: block;
  font-size: 1.4rem;
}
.site-footer__nav-list {
  list-style: none;
  padding: 0;
}
.site-footer__nav .nav-item {
  margin-bottom: 0.8rem;
}
.site-footer__nav .nav-item__link {
  color: #7f7f7f;
  position: relative;
}
.site-footer__nav .nav-item__link:hover {
  text-decoration: none;
  color: #5c5b69;
}
@media (max-width: 1200px) {
  .site-footer__nav {
    justify-content: stretch;
  }
}
@media (max-width: 991px) {
  .site-footer__nav {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .site-footer__nav {
    justify-content: stretch;
  }
}
.site-footer__top-row {
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.site-footer__bottom-row {
  padding: 30px 0;
  font-size: 1.1rem;
  color: #7f7f7f;
  text-align: center;
}
.site-footer__logos {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  margin-top: -10px;
  padding: 0 60px 0 0;
}
.site-footer__logos .site-footer__cnc-company {
  width: 100px;
}
@media (max-width: 1200px) {
  .site-footer {
    padding-top: 30px;
  }
  .site-footer__logos {
    border-top: 1px solid #ebebeb;
    padding: 30px 0 0;
    margin-top: 0;
  }
}
@media (max-width: 414px) {
  .site-footer__logos {
    border-top: 1px solid #ebebeb;
    padding-top: 30px;
  }
}

.footer-currency {
  position: relative;
  display: flex;
  max-width: 100px;
}
.footer-currency__list {
  list-style-type: none;
  padding: 15px;
  margin: 0;
  column-count: 3;
  column-rule: 1px solid #ebebeb;
  column-gap: 23px;
}
.footer-currency__item {
  padding: 5px 8px;
  margin: 3px 0;
  display: inline-block;
}
.footer-currency__block {
  color: #7f7f7f;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  top: 0.5px;
  width: 50px;
  font-weight: 600;
}
.footer-currency__block .footer-currency__label {
  font-weight: bold;
  font-size: 1rem;
  position: relative;
  top: 1px;
}
.footer-currency__block .footer-currency__circle {
  background-color: #999999;
  width: 19px;
  height: 19px;
  display: inline-block;
  border-radius: 50px;
  position: relative;
  left: 0;
  top: -2px;
}
.footer-currency__block .footer-currency__circle .footer-currency__symbol {
  color: white;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.05rem;
}
.footer-currency__block .footer-currency__circle .footer-currency__symbol.-smallSymbol {
  font-size: 0.7rem;
}
.footer-currency__block:hover {
  text-decoration: none;
  color: black;
}
.footer-currency .-has-dropdown {
  background: url("https://fbcd.co/images/icons/header/header-chevron-icon.svg") no-repeat calc(100% - 13px) 50%/13px;
  padding: 5px 33px 5px 5px;
  position: relative;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  border-radius: 50px;
  max-width: 125px;
  width: auto;
  font-size: 1.4rem;
  line-height: 1.6;
}
.footer-currency .-has-dropdown .footer-currency__circle {
  width: 22px;
  height: 22px;
  margin-right: 7px;
  top: 0px;
}
.footer-currency .-has-dropdown .footer-currency__circle .footer-currency__symbol {
  font-size: 1.4rem;
  line-height: 1.4rem;
}
.footer-currency__mobile-selected {
  background-color: #4cc5fb;
  padding: 2px 4px;
  border-radius: 10px;
  margin-left: 10px;
  font-size: 0.85rem;
  color: white;
}
@media (max-width: 991px) {
  .footer-currency__list {
    column-count: 1;
    column-gap: 0;
    column-rule: 0;
    padding: 0;
  }
  .footer-currency__item {
    border-bottom: 1px solid #ebebeb;
    position: relative;
    padding: 12px 17px 10px 28px;
    display: block;
  }
  .footer-currency .-mobile-center-menu {
    left: 300px;
    width: 0;
    transition: all 150ms;
    z-index: 1111;
  }
  .footer-currency .-mobile-center-menu.-displayed {
    left: 0;
    width: 300px;
  }
}
.footer-currency .site-header__dropdown {
  margin-top: 0px;
  bottom: 34px;
  right: auto;
}
@media (max-width: 991px) {
  .footer-currency .site-header__dropdown {
    border-radius: 0;
    margin-top: 0;
    display: block;
    position: fixed;
    height: 100%;
    top: 62px;
    padding-bottom: 100px;
    overflow: auto;
  }
}
@media (min-width: 992px) {
  .footer-currency .-device-only {
    display: none;
  }
}

.footer-language__list {
  list-style-type: none;
  padding: 15px;
  margin: 0;
  column-count: 3;
  column-rule: 1px solid #ebebeb;
  column-gap: 23px;
}
.footer-language__item {
  display: flex;
  align-items: center;
  color: #7f7f7f;
  padding: 5px 8px;
}
.footer-language__flag {
  display: inline-block;
  width: 22px;
  margin-right: 10px;
  margin-top: 2px;
}
.footer-language__flag.-current {
  margin-right: 5px;
  margin-top: -2px;
}
.footer-language__label {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
  margin-top: 2px;
  display: inline-block;
  padding-right: 15px;
}
.footer-language__mobile-selected {
  width: 20px;
  margin: 0 0 0 9px;
}
@media (max-width: 991px) {
  .footer-language__list {
    column-count: 1;
    column-gap: 0;
    column-rule: 0;
  }
}

.footer-lite {
  background-color: #ffffff;
  margin-top: 15px;
  padding: 30px 0;
  color: #7f7f7f;
}
.footer-lite__copyright-block {
  font-size: 0.9em;
  max-width: 600px;
  margin: 10px 0;
}
.footer-lite__encryption-img {
  height: 37px;
  margin-top: 2px;
}
.footer-lite__encryption-text {
  display: block;
}
.footer-lite__help-block {
  text-align: right;
}
@media (max-width: 1200px) {
  .footer-lite__copyright-block {
    text-align: center;
    margin-top: 20px;
    max-width: 100%;
  }
}
@media (max-width: 414px) {
  .footer-lite {
    text-align: center;
  }
  .footer-lite__encryption-block {
    margin: 20px 0 15px 0;
  }
  .footer-lite__help-block {
    text-align: center;
  }
}

.social-icon-link {
  display: inline-block;
  text-align: left;
  font-size: 2rem;
  font-family: "Font Awesome 5 Pro";
}
.social-icon-link:before {
  content: " ";
  color: #999999;
  width: 22px;
  height: 22px;
  border-radius: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.social-icon-link:hover {
  text-decoration: none;
}
.social-icon-link.-facebook:before {
  content: "\f39e";
  display: inline-flex;
}
.social-icon-link.-twitter::before {
  content: "𝕏";
  display: inline-flex;
  font-size: 2.5rem;
}
.social-icon-link.-instagram::before {
  content: "\f16d";
  display: inline-flex;
}
.social-icon-link.-pinterest::before {
  content: "\f0d2";
  display: inline-flex;
}
.social-icon-link.-youtube::before {
  content: "\f167";
  display: inline-flex;
}

.login-pixel {
  position: absolute;
  left: -100%;
}

/*
.container { 
	max-width: 1355px!important;
	@include device-wide { 
		padding-left: 25px;
		padding-right: 25px;
	}
	@include mobile { 
		padding-left: 20px;
		padding-right: 20px;
	}
}
*/
.site-header {
  background-color: #ffffff;
  position: relative;
  z-index: 1000;
}
@media all and (-ms-high-contrast: none) {
  .site-header .header__logo-img img {
    width: 210px;
  }
}
.site-header__plus-drop {
  position: absolute;
  border-radius: 5px;
  display: none;
  padding-top: 30px;
  z-index: 10;
  right: -62px;
}
.site-header__plus-drop .drop-wrap {
  padding: 15px 0;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  width: 280px;
  list-style-type: none;
}
.site-header__plus-drop .drop-wrap__tools {
  text-align: center;
  position: relative;
  font-size: 12px;
  color: #333;
  background-color: initial;
  cursor: initial;
  pointer-events: none;
}
.site-header__plus-drop .drop-wrap__tools::before, .site-header__plus-drop .drop-wrap__tools::after {
  content: "";
  width: 22%;
  height: 1px;
  background-color: rgba(51, 51, 51, 0.1215686275);
  position: absolute;
  top: 50%;
}
.site-header__plus-drop .drop-wrap__tools::before {
  left: 15px;
}
.site-header__plus-drop .drop-wrap__tools:after {
  right: 15px;
}
.site-header__plus-drop .drop-wrap__img, .site-header__plus-drop .drop-wrap__svg {
  display: inline-block;
  max-width: 21px;
  fill: grey;
}
.site-header__plus-drop .drop-wrap__spacer {
  position: relative;
  margin-bottom: 10px;
}
.site-header__plus-drop .drop-wrap__spacer::before {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  background-color: #ebebeb;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.site-header__plus-drop .drop-wrap li {
  padding: 8.5px 15px;
  position: relative;
}
.site-header__plus-drop .drop-wrap li:hover {
  cursor: pointer;
  background-color: #f9f9f9;
}
.site-header__plus-drop .drop-wrap li:hover > a {
  color: black;
}
.site-header__plus-drop .drop-wrap li a {
  color: #7f7f7f;
  font-weight: 300;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.site-header__plus-drop .drop-wrap li a:hover {
  text-decoration: none !important;
}
.site-header__plus-drop .drop-wrap__download, .site-header__plus-drop .drop-wrap__freebies, .site-header__plus-drop .drop-wrap__manage, .site-header__plus-drop .drop-wrap__referal, .site-header__plus-drop .drop-wrap__business {
  padding-left: 50px !important;
}
.site-header__plus-drop .drop-wrap__download::before, .site-header__plus-drop .drop-wrap__freebies::before, .site-header__plus-drop .drop-wrap__manage::before, .site-header__plus-drop .drop-wrap__referal::before, .site-header__plus-drop .drop-wrap__business::before {
  background: url("https://fbcd.co/images/icons/header/header-dropdown-plus.svg");
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  background-size: auto 20px;
}
.site-header__plus-drop .drop-wrap__business::before {
  background-position: -143px 5px;
}
.site-header__plus-drop .drop-wrap__download::before {
  background-position: 3px 5px;
}
.site-header__plus-drop .drop-wrap__freebies::before {
  background-position: -35px 5px;
}
.site-header__plus-drop .drop-wrap__manage::before {
  background-position: -72px 5px;
}
.site-header__plus-drop .drop-wrap__referal::before {
  background-position: -108px 5px;
}
.site-header__top {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 15px;
}
.site-header__top .site-header__top-menu-flex {
  flex: 0 0 auto;
}
.site-header__top .site-header__top-menu-item {
  margin: 0 10px;
  display: inline-block;
  position: relative;
}
.site-header__top .site-header__top-menu-item:hover > .site-header__plus-drop {
  display: block;
}
.site-header__top .site-header__top-menu-item:last-child {
  margin-right: 0;
}
.site-header__top .site-header__top-menu-item.-with-paused-label {
  vertical-align: middle;
}
.site-header__top .site-header__top-menu-item.-with-paused-label .paused-label {
  padding-left: 15px;
  display: flex;
  font-weight: 400;
}
.site-header__top .site-header__top-menu-item.-with-paused-label .paused-label svg {
  width: 12px;
  fill: #ef9f1f;
  margin-right: 2px;
}
.site-header__top .site-header__top-menu-item.-plus-cta-mod {
  margin-right: 0;
}
@media (max-width: 1200px) {
  .site-header__top .site-header__top-menu-item {
    margin: 0 8px;
  }
}
.site-header__top .site-header__plus-link {
  background: url("https://fbcd.co/images/icons/header/header-chevron-icon.svg") no-repeat calc(100% - 0px) calc(50% - 0px)/8px;
  padding: 8px 15px;
  padding-right: 19px;
  background-size: 12px;
}
.site-header__top .site-header__top-menu-divider {
  border-right: 2px solid #ddd;
  height: 10px;
  margin: 0 5px;
  display: inline-block;
}
.site-header__top .site-header__top-menu-link {
  color: #7f7f7f;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
}
.site-header__top .site-header__top-menu-link:hover {
  color: rgb(50.5, 50.5, 50.5);
}
.site-header__top .site-header__top-menu-link.-has-dropdown:not(.-no-arrow) {
  padding-right: 15px;
  background: url("https://fbcd.co/images/icons/header/header-chevron-icon.svg") no-repeat 100% 50%/8px;
}
.site-header__top .site-header__top-menu-cta-btn {
  background-color: rgb(253.28, 244.68, 230.92);
  border: 2px solid #ef9f1f;
  border-radius: 30px;
  padding: 0 20px;
  color: #ef9f1f;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  position: relative;
  top: 1px;
  font-weight: 600;
  text-decoration: none;
}
.site-header__top .site-header__top-menu-cta-btn:hover {
  background-color: rgb(251.92, 236.52, 211.88);
  transition: all 100ms;
}
.site-header__top .site-header__search-flex {
  flex: 1 1 auto;
  padding: 0 16px 0 25px;
}
@media (max-width: 990px) {
  .site-header__top.-main-page-only {
    height: 0;
  }
  .site-header__top.-main-page-only .header-search__form {
    display: none !important;
  }
}
.site-header__bottom {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.site-header__bottom .site-header__category-flex {
  flex: 0 0 auto;
}
.site-header__bottom .site-header__cart-flex {
  flex: 0 0 60px;
}
.site-header__bottom .site-header__cart-flex .-continue-shopping {
  display: none;
}
.site-header__bottom .site-header__category-menu {
  display: flex;
  margin: 0;
  padding: 0;
}
.site-header__bottom .site-header__category-item {
  flex: 1 0 auto;
  list-style-type: none;
  position: relative;
}
.site-header__bottom .site-header__category-item:first-child .site-header__category-link {
  padding-left: 0;
}
.site-header__bottom .site-header__category-link {
  color: #5c5b69;
  text-decoration: none;
  padding: 10px 15px 18px 10px;
  margin-top: 11px;
  cursor: pointer;
}
.site-header__bottom .site-header__category-link.-has-dropdown {
  padding-right: 30px;
  background: url("https://fbcd.co/images/icons/header/header-chevron-icon.svg") no-repeat calc(100% - 12px) calc(50% - 4px)/8px;
}
.site-header__bottom .site-header__category-link.-has-upper-text {
  position: relative;
}
.site-header__bottom .site-header__category-link.-has-upper-text .site-header__category-link__upper-text {
  position: absolute;
  top: -3px;
  font-size: 9px;
  color: #fd4e48;
  font-weight: bold;
}
.site-header__bottom .site-header__category-link.-has-upper-text .site-header__category-link__upper-text.max-width {
  min-width: max-content;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .site-header__bottom .site-header__category-link {
    padding-left: 0;
  }
}
.site-header__bottom .site-header__category-divider {
  width: 1px;
  height: 12px;
  background-color: #cccccc;
  display: inline-block;
  position: relative;
  left: -5px;
  top: 1px;
  margin: 0 1px 0 5px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .site-header__bottom .site-header__category-divider {
    margin: 0 2px 0 0;
  }
}
.site-header__category-dropdown {
  width: 100%;
  position: absolute;
  top: 130px;
  left: 0;
  z-index: 10;
}
.site-header__dropdown {
  position: absolute;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 10;
  right: 0;
  margin-top: 15px;
  display: none;
}
.site-header__dropdown.-header-sites {
  width: 750px;
}
@media (max-width: 991px) {
  .site-header {
    width: 100%;
    border: 0;
  }
  .site-header .site-header__category-dropdown {
    position: fixed;
    padding: 62px 0 50px 0;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #ffffff;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 80%;
    height: 100%;
    width: 300px;
    transition: all 200ms ease-in-out;
    align-items: flex-start;
    display: block;
  }
  .site-header .site-header__mobile-category-wrapper {
    height: 100%;
    position: relative;
  }
  .site-header .site-header__category-container {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    margin-bottom: 70px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 32px);
  }
  .site-header .site-header__top, .site-header .site-header__container {
    padding-top: 0;
  }
  .site-header .site-header__search-flex {
    padding: 0;
  }
  .site-header .site-header__top-menu-item {
    position: static;
  }
  .site-header .site-header__top-menu-link, .site-header .site-header__logo-flex, .site-header .site-header__bottom {
    display: none;
  }
  .site-header .site-header__dropdown {
    border-radius: 0;
    margin-top: 0;
    display: block;
    position: fixed;
    height: 100%;
    top: 62px;
    padding-bottom: 100px;
    overflow: auto;
  }
  .site-header .-mobile-right-menu {
    right: -300px;
  }
  .site-header .-mobile-right-menu.-displayed {
    right: 0;
  }
  .site-header .-mobile-left-menu {
    left: -300px;
  }
  .site-header .-mobile-left-menu.-displayed {
    left: 0;
  }
  .site-header .-mobile-center-menu {
    left: 300px;
    width: 0;
    transition: all 150ms;
    z-index: 11;
  }
  .site-header .-mobile-center-menu.-displayed {
    left: 0;
    width: 300px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .site-header__container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 991px) {
  .site-header {
    border-radius: 0 0 15px 15px;
    box-shadow: 0 2px 12px #cccccc;
  }
  .site-header .-desktop-only {
    display: none;
  }
}
@media (min-width: 992px) {
  .site-header .-device-only {
    display: none;
  }
}

.header-search {
  position: relative;
}
.header-search__form {
  position: relative;
}
.header-search__input {
  background-color: #ffffff;
  line-height: 150%;
  border-radius: 50px;
  height: 40px;
  width: 100%;
  padding: 0 80px 0 25px;
  border: 1px solid transparent;
  transition: all 100ms;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
}
.header-search__input:focus {
  outline: 0;
  transition: all 100ms;
}
.header-search__input:valid + .header-search__preloader {
  display: block;
}
.header-search__submit-btn {
  background: url("https://fbcd.co/images/icons/header/header-search-icon-1.0.svg") no-repeat center/12px;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translatey(-50%);
  border-radius: 50%;
  border: 0;
  opacity: 0.8;
}
.header-search__submit-btn:hover {
  cursor: pointer;
  background-color: #eeeeee;
  opacity: 1;
}
.header-search__clear-btn {
  background: url("https://fbcd.co/images/icons/header/header-search-clear.svg") no-repeat center/8px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 42px;
  top: 50%;
  transform: translatey(-50%);
  background-color: #ffffff;
  border-radius: 30px;
  cursor: pointer;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  opacity: 0.8;
  display: none;
}
.header-search__clear-btn:hover {
  opacity: 1;
}
.header-search__dropdown, .header-search__preloader {
  background-color: #ffffff;
  border-radius: 10px;
  min-height: 80px;
  position: absolute;
  top: 57px;
  right: 0;
  width: 100%;
  box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1;
}
.header-search__preloader {
  background: url("https://fbcd.co/images/icons/loading-spinner-grey-1.2.svg") no-repeat 50%/20px;
}
@media (max-width: 1199px) {
  .header-search__dropdown, .header-search__preloader {
    min-width: 600px;
    border-radius: 5px;
  }
}
@media (max-width: 991px) {
  .header-search__dropdown, .header-search__preloader {
    min-width: 0;
  }
}
@media (max-width: 414px) {
  .header-search {
    padding: 10px 0;
  }
  .header-search__input {
    padding: 0 40px 0 18px;
  }
}
.header-search.-mobile {
  z-index: 1000;
  background-color: #ffffff;
  position: fixed;
  top: 62px;
  width: 100%;
}
.header-search.-mobile.-displayed {
  display: block !important;
}
.header-search.-mobile.-displayed .header-search__dropdown {
  right: 10px;
  left: 10px;
  width: auto;
}

.header-results__heading {
  font-weight: bold;
  margin: 20px 0 0 20px;
  color: #000000;
}
.header-results__heading .header-results__heading-link {
  font-size: 1rem;
  color: #999999;
  font-weight: 500;
  background-color: #f8f8f8;
  padding: 4px 10px;
  position: absolute;
  right: 20px;
  border-radius: 3px;
  margin-top: -5px;
}
.header-results__heading .header-results__heading-link:hover {
  background-color: rgb(240.35, 240.35, 240.35);
}
.header-results__suggestions {
  list-style-type: none;
  padding: 10px 0 10px 0;
  margin: 0;
  border-bottom: 1px solid #ebebeb;
}
.header-results__suggestions-link {
  display: block;
  padding: 8px 20px;
  text-align: left;
  color: #5c5b69;
  position: relative;
  text-transform: lowercase;
  font-size: 1.3rem;
}
.header-results__suggestions-link.-no-results {
  text-transform: none;
  text-align: center;
  margin-top: 18px;
}
.header-results__suggestions-link.-no-results .clip-text, .header-results__suggestions-link.-no-results .upcoming-plus-products h3, .upcoming-plus-products .header-results__suggestions-link.-no-results h3 {
  display: inline-block;
  max-width: 100%;
}
.header-results__suggestions-link:hover, .header-results__suggestions-link.-focus {
  background-color: #f8f8f8;
  color: rgb(44.1224489796, 43.6428571429, 50.3571428571);
  text-decoration: underline;
}
.header-results__products {
  display: flex;
  padding: 13px 13px 10px 13px;
  border-bottom: 1px solid #ebebeb;
  flex-wrap: wrap;
}
.header-results__products .header-results__product-cell {
  flex: 0 0 auto;
  width: 33.333%;
  margin-bottom: 10px;
}
.header-results__products .header-results__product-tile {
  padding: 7px;
  display: inline-block;
  width: 100%;
}
.header-results__products .header-results__product-tile .header-results__product-img-wrapper {
  width: 80px;
  margin-right: 10px;
  display: inline-block;
  float: left;
}
.header-results__products .header-results__product-tile .header-results__product-img-wrapper .header-results__product-img-placeholder {
  padding-top: 66.47%;
  width: 100%;
  position: relative;
  background-color: #eeeeee;
  border-radius: 4px;
}
.header-results__products .header-results__product-tile .header-results__product-img-wrapper .header-results__product-img {
  border-radius: 4px;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.header-results__products .header-results__product-tile .header-results__product-name {
  display: block;
  font-weight: 500;
  font-size: 1.3rem;
  color: #5c5b69;
  margin-top: 9px;
}
.header-results__products .header-results__product-tile .header-results__product-store {
  color: #999999;
  font-size: 1.1rem;
  position: relative;
  display: block;
}
.header-results__products .header-results__product-tile:hover, .header-results__products .header-results__product-tile.-focus {
  background-color: #f8f8f8;
  text-decoration: none;
}
.header-results__products .header-results__product-tile:hover .header-results__product-name, .header-results__products .header-results__product-tile.-focus .header-results__product-name {
  color: rgb(44.1224489796, 43.6428571429, 50.3571428571);
  text-decoration: underline;
}
@media (max-width: 414px) {
  .header-results__products .header-results__product-cell {
    width: 50%;
  }
}
.header-results__stores {
  padding: 8px 20px 20px 20px;
}
.header-results__stores .header-results__store-link {
  background-color: #f8f8f8;
  padding: 7px 13px 7px 7px;
  border-radius: 4px;
  margin: 7px 7px 0 0;
  font-size: 1.3rem;
  color: #5c5b69;
  display: inline-block;
  display: inline-flex;
  align-items: center;
}
.header-results__stores .header-results__store-link:hover, .header-results__stores .header-results__store-link.-focus {
  color: rgb(44.1224489796, 43.6428571429, 50.3571428571);
  background-color: rgb(240.35, 240.35, 240.35);
  text-decoration: underline;
}
.header-results__stores .header-results__store-link .header-results__store-avatar {
  width: 24px;
  margin-right: 10px;
  border-radius: 3px;
}
.header-results mark {
  font-weight: bold;
  padding: 0;
  background-color: transparent;
}
.header-results > *:last-child {
  border-bottom: 0;
}

.header-cart {
  position: relative;
}
.header-cart__btn {
  padding: 0 0 0 26px;
  margin: 0 0 0 15px;
  min-height: 21px;
  cursor: pointer;
  position: relative;
  z-index: 9;
  display: inline-block;
}
.header-cart__btn:before {
  content: url("https://fbcd.co/images/icons/header/header-cart-icon.min.svg");
  width: 16px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.header-cart__btn .header-cart__item-count {
  color: #ffffff;
  border-radius: 20px;
  font-size: 1rem;
  height: 19px;
  line-height: 150%;
  display: inline-block;
  text-align: center;
  min-width: 19px;
  padding: 3px 3px 0 3px;
}
.header-cart__btn .header-cart__item-count.-empty {
  background-color: #cccccc !important;
}
.header-cart__dropdown {
  width: 290px;
}
.header-cart__header {
  color: white;
  padding: 10px 15px;
  position: relative;
}
.header-cart__body-wrapper {
  position: relative;
  padding: 15px 3px 15px 15px;
  width: 100%;
  max-height: 245px;
  -ms-overflow-style: none;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0) scale(1, 1);
}
.header-cart__body-wrapper.-showing-scroll {
  padding: 15px 3px 23px 15px;
}
.header-cart__body-wrapper .header-cart__body-scroll {
  max-height: 215px;
  width: 98.5%;
}
.header-cart__body-wrapper .header-cart__body {
  height: 100%;
  overflow: auto;
  position: relative;
}
.header-cart__body-wrapper .header-cart__scroll-arrow {
  position: absolute;
  bottom: -8px;
  width: 34px;
  height: 16px;
  border-radius: 5px;
  opacity: 0.7;
  transform: translateX(-50%);
  left: 50%;
  background: #eeeeee url("https://fbcd.co/images/icons/down-arrow-black.svg") no-repeat center 50%/20px 10px;
  cursor: pointer;
  display: none;
}
.header-cart__body-wrapper .header-cart__scroll-arrow:hover {
  opacity: 1;
}
.header-cart__body-wrapper .header-cart__bottom-link {
  font-size: 1rem;
  color: #555555;
  border-radius: 5px;
  left: 50%;
  transform: translateX(-50%);
  padding: 2px 10px;
  position: absolute;
  cursor: pointer;
  bottom: -9px;
  background-color: #eeeeee;
  display: none;
  opacity: 0.7;
}
.header-cart__body-wrapper .header-cart__bottom-link:hover {
  opacity: 1;
}
.header-cart__total {
  font-weight: bold;
  padding: 15px 0;
  margin: 0 15px;
  border-top: 1px solid #eeeeee;
}
.header-cart__plus-ribbon {
  background-color: rgb(254.3, 250.8, 245.2);
  color: #ef9f1f;
  padding: 8px;
  margin: 0 15px 10px;
  border-radius: 4px;
  text-align: center;
  font-size: 0.9em;
}
.header-cart__plus-ribbon span.membership-part {
  display: none;
}
.header-cart__plus-ribbon span.underlined {
  text-decoration: underline;
}
.header-cart__no-products {
  color: #7f7f7f;
  padding: 200px 0 0 0;
  margin-bottom: -10px;
  text-align: center;
}
.header-cart__checkout-row {
  margin: 5px 15px 15px 7px;
}
.header-cart__checkout-btn {
  padding: 10px;
  text-align: center;
  color: white;
  border-radius: 50px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.header-cart__checkout-btn:after {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  content: url("https://fbcd.co/images/icons/header/header-checkout-btn-1.0.svg");
  width: 32px;
  height: 32px;
}
.header-cart.-processing-action .header-cart__header {
  background-image: url("https://fbcd.co/images/icons/loading-icon-10.min.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
  background-size: 18px 18px;
}

.cart-item {
  margin-bottom: 15px;
  padding-right: 10px;
  position: relative;
}
.cart-item:last-child {
  margin-bottom: 0;
}
.cart-item__row {
  display: flex;
  align-items: center;
  color: #5c5b69;
}
.cart-item__row:hover, .cart-item__row:active, .cart-item__row:focus {
  text-decoration: none;
  color: black;
}
.cart-item__img-flex {
  flex: 0 0 auto;
  padding-left: 8px;
}
.cart-item__info-flex {
  flex: 1 1 auto;
  margin-left: 10px;
  overflow: hidden;
  padding-right: 15px;
}
.cart-item__btn-flex {
  flex: 0 0 21px;
  width: 21px;
}
.cart-item__img {
  height: 42px;
  width: 63px;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
  display: inline-block;
}
.cart-item__name {
  padding: 0;
  margin: 0;
  color: #000000;
  font-weight: 600;
}
.cart-item__prices {
  font-size: 1.1rem;
  margin-top: 2px;
}
.cart-item__discounted-price {
  color: #999999;
  text-decoration: line-through;
}
.cart-item__action-btn {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  display: inline-block;
  transition: all 150ms;
  cursor: pointer;
  position: relative;
}
.cart-item__action-btn.-edit .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 9px;
}
.cart-item__action-btn.-delete {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 16px;
  height: 16px;
}
.cart-item__action-btn.-delete:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  color: white;
}
.cart-item__dollar-deal-icon {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  display: inline-block;
}
.cart-item.-udd-item .cart-item__row:hover {
  cursor: pointer;
}
.cart-item.-udd-item .cart-item__row:hover .cart-item__name {
  text-decoration: underline;
}

a.cart-item__row:hover .cart-item__name, a.cart-item__row:active .cart-item__name, a.cart-item__row:focus .cart-item__name {
  text-decoration: underline;
}

.header-account__btn {
  border-radius: 50px;
  padding: 10px 18px;
  color: white;
  cursor: pointer;
}
.header-account__avatar-link {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0 0 0px 2px #ebebeb;
}
.header-account__avatar-link.-plus-user {
  box-shadow: 0 0 0px 2px #ef9f1f;
}
.header-account__avatar-chat {
  background-color: #e9444a;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  margin: 3px 0 0 -7px;
}
.header-account__avatar-chat:hover {
  transform: scale(1.1);
  text-decoration: none;
}
.header-account__avatar-img {
  width: 35px;
  height: 35px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.header-account__menu {
  width: 280px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.header-account__menu-link {
  display: block;
  padding: 10px 20px 10px 50px;
  color: #7f7f7f;
  position: relative;
  transition: all 100ms;
}
.header-account__menu-link:before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 320px 40px;
  background-image: url("https://fbcd.co/images/icons/header/header-account-sprite-1.7.svg");
  top: 0;
  left: 5px;
}
.header-account__menu-link.-store-credit-icn::before {
  background-position: 0 0;
}
.header-account__menu-link.-purchases-icn::before {
  background-position: -40px 0;
}
.header-account__menu-link.-favorites-icn::before {
  background-position: -80px 0;
}
.header-account__menu-link.-your-designers-icn::before {
  background-position: -120px 0;
}
.header-account__menu-link.-logout-icn::before {
  background-position: -160px 0;
}
.header-account__menu-link.-settings-icn::before {
  background-position: -200px 0;
}
.header-account__menu-link.-chat-icn::before {
  background-position: -240px 0;
}
.header-account__menu-link.-plus-purchases-icn::before {
  background-position: -280px 0;
}
.header-account__menu-link.-designer-panel-link {
  color: #1ea4f3;
  background-color: rgb(223.6708860759, 242.3291139241, 253.3291139241);
}
.header-account__menu-link.-designer-panel-link:hover {
  color: rgb(12.5316455696, 152.4683544304, 234.9683544304);
  background-color: rgb(199.4620253165, 232.5379746835, 252.0379746835);
}
.header-account__menu-link.-designer-panel-link::before {
  background-position: 0 0;
  background-size: 40px 40px;
  background-image: url("https://fbcd.co/images/icons/header/header-designer-panel-icon-1.3.svg");
}
.header-account__menu-link.-affiliate-panel-link {
  background-color: rgb(255, 245.7, 229.5);
  color: #ffa200;
}
.header-account__menu-link.-affiliate-panel-link:hover {
  color: rgb(229.5, 145.8, 0);
  background-color: rgb(255, 236.4, 204);
}
.header-account__menu-link.-affiliate-panel-link::before {
  background-position: 0 0;
  background-size: 40px 40px;
  background-image: url("https://fbcd.co/images/icons/header/header-affiliate-panel-icon-1.1.svg");
}
.header-account__menu-link.-admin-link {
  background-color: #eafff1;
  color: #009688;
}
.header-account__menu-link.-admin-link:before {
  background-position: 0 0;
  background-size: 40px 40px;
  background-image: url("https://fbcd.co/images/icons/header/header-admin-icon-1.0.svg");
}
.header-account__menu-link.-admin-link:hover {
  background-color: rgb(208.5, 255, 224);
  color: rgb(0, 124.5, 112.88);
}
.header-account__menu-link.-expenses-link {
  background-color: #eafff1;
  color: #009688;
}
.header-account__menu-link.-expenses-link:before {
  background-position: 0 0;
  background-size: 40px 40px;
  background-image: url("https://fbcd.co/images/icons/header/header-expenses-icon-1.0.svg");
}
.header-account__menu-link.-expenses-link:hover {
  background-color: rgb(208.5, 255, 224);
  color: rgb(0, 124.5, 112.88);
}
.header-account__menu-link:hover {
  color: rgb(50.5, 50.5, 50.5);
  background-color: #f9f9f9;
  text-decoration: none;
}
.header-account__menu-header {
  font-weight: bold;
  border-bottom: 1px solid #ebebeb;
  padding: 15px 0;
  margin: 0 15px 15px 15px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.header-account__menu-header .plan-type {
  width: 100%;
  color: #7f7f7f;
  margin-bottom: 0;
  font-weight: 300;
  font-size: 12px;
  margin-top: -5px;
}
.header-account__name {
  flex: 1 1 auto;
  padding-right: 10px;
}
.header-account__plus-credits {
  border: 1px solid #ef9f1f;
  border-radius: 50px;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 100%;
  padding: 6px 8px 6px 25px;
  color: #ef9f1f;
  background: url("https://fbcd.co/images/icons/plus/plus_icn_orange_white.min.svg") no-repeat 3px 50%/16px auto;
}
.header-account__plus-credits:hover {
  background-color: rgba(239, 159, 31, 0.1);
  color: #ef9f1f;
  text-decoration-line: none;
}
.header-account__chat-count {
  background-color: #e9444a;
  color: white;
  padding: 2px 3px 2px 4px;
  display: inline-block;
  font-size: 1rem;
  border-radius: 20px;
  min-width: 18px;
  text-align: center;
}

.header-currency__mobile-selected {
  background-color: #4cc5fb;
  padding: 2px 4px;
  border-radius: 10px;
  margin-left: 10px;
  font-size: 0.85rem;
  color: white;
}

.header-sites__section {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ebebeb;
}
.header-sites__section.-external-sites {
  padding: 20px 0 10px 20px;
}
.header-sites__section.-external-sites .header-sites__cell {
  min-width: 50%;
  padding: 10px 30px 10px 0;
}
.header-sites__section .header-sites__cell {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  padding: 20px;
  text-align: center;
}
.header-sites__marketplace {
  display: block;
  color: #999999;
  text-align: left;
  padding-left: 60px;
}
.header-sites__marketplace:hover {
  color: #666666;
}
.header-sites__marketplace-img {
  display: inline-block;
  margin-bottom: 4px;
  max-width: 180px;
}
.header-sites__marketplace-img.-fontbundles {
  width: calc(90% - 17px);
  margin-bottom: 12px;
}
.header-sites__marketplace-img.-designbundles {
  width: 90%;
}
.header-sites__marketplace-img.-themeplanet {
  width: 90%;
}
.header-sites__external-block {
  display: flex;
  text-align: left;
}
.header-sites__external-block .header-sites__external-info {
  margin-left: 15px;
}
.header-sites__external-block .header-sites__external-img {
  height: 60px;
  flex-shrink: 0;
}
.header-sites__external-block .header-sites__external-img img {
  height: 100%;
}
.header-sites__external-block .header-sites__external-name {
  color: #5c5b69;
}
.header-sites__external-block .header-sites__external-desc {
  font-size: 1rem;
  margin-top: 5px;
  color: #999999;
  line-height: 160%;
}
.header-sites__external-block:hover {
  text-decoration: none;
}
.header-sites__external-block:hover .header-sites__external-name {
  text-decoration: underline;
}
.header-sites__internal-block {
  border-radius: 50px;
  display: block;
  color: white;
  text-align: left;
  padding: 15px 0 15px 30px;
  font-weight: 500;
}
.header-sites__internal-block:hover {
  color: white;
}
.header-sites__internal-block.-designer {
  color: white;
}
@media (max-width: 991px) {
  .header-sites__section {
    min-width: auto;
    border-bottom: 0;
  }
  .header-sites__section .header-sites__cell {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
    padding: 20px 20px 20px 28px;
    border-bottom: 1px solid #ebebeb;
  }
  .header-sites__marketplace-img {
    padding-right: 30%;
  }
}

.header-categories {
  background-color: #ffffff;
  box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.1);
  padding: 40px 50px;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 100% 0;
  display: none;
}
.header-categories.-graphics {
  background-image: url("https://fbcd.co/images/pages/header/graphics-bg-1.2.min.png");
}
.header-categories.-add-ons {
  background-image: url("https://fbcd.co/images/pages/header/add-ons-bg-1.2.min.png");
}
.header-categories.-photos {
  background-image: url("https://fbcd.co/images/pages/header/photo-bg-1.2.min.png");
}
.header-categories.-templates {
  background-image: url("https://fbcd.co/images/pages/header/templates-bg-1.2.min.png");
}
.header-categories.-craft {
  background-image: url("https://fbcd.co/images/pages/header/crafting-bg-1.2.png");
}
.header-categories.-regular-fonts {
  background-image: url("https://fbcd.co/images/pages/header/regular-fonts-bg-1.2.png");
}
.header-categories.-script-fonts {
  background-image: url("https://fbcd.co/images/pages/header/script-fonts-bg-1.2.png");
}
.header-categories.-seasonal {
  background-image: url("https://fbcd.co/images/pages/header/seasonal-fonts-bg-1.2.png");
}
.header-categories.-other {
  background-image: url("https://fbcd.co/images/pages/header/other-fonts-bg-1.2.png");
}
.header-categories.-more {
  background-image: url("https://fbcd.co/images/pages/header/more-bg-2.0.min.png");
}
@media (min-width: 992px) {
  .header-categories.-dollar-deals {
    padding: 20px;
  }
  .header-categories.-dollar-deals.-site-1 {
    margin-left: 63%;
    margin-right: 16%;
  }
  .header-categories.-dollar-deals.-site-2 {
    margin-left: 71%;
    margin-right: 8%;
  }
}
.header-categories.-dollar-deals .dd-event-live {
  border-radius: 50%;
  margin-left: 5px;
  display: inline-block;
  width: 11px;
  height: 11px;
  background-color: #40c756;
}
.header-categories.-dollar-deals .header-categories__lists {
  column-count: revert;
  column-gap: revert;
  max-width: 100%;
}
@media (min-width: 992px) {
  .header-categories.-bundles {
    margin-left: 0%;
    margin-right: 79%;
    padding: 20px;
  }
}
.header-categories.-bundles .header-categories__lists {
  column-count: revert;
  column-gap: revert;
  max-width: 100%;
}
@media (min-width: 992px) {
  .header-categories.-freeproducts, .header-categories.-designs, .header-categories.-deals, .header-categories.-fonts {
    padding: 20px;
  }
  .header-categories.-freeproducts.-site-1, .header-categories.-designs.-site-1, .header-categories.-deals.-site-1, .header-categories.-fonts.-site-1 {
    margin-left: 55%;
    margin-right: 18%;
  }
  .header-categories.-freeproducts.-site-2, .header-categories.-designs.-site-2, .header-categories.-deals.-site-2, .header-categories.-fonts.-site-2 {
    margin-left: 61%;
    margin-right: 17%;
  }
}
.header-categories.-freeproducts .header-categories__lists, .header-categories.-designs .header-categories__lists, .header-categories.-deals .header-categories__lists, .header-categories.-fonts .header-categories__lists {
  column-count: revert;
  column-gap: revert;
  max-width: 100%;
}
@media (min-width: 992px) {
  .header-categories.-fonts.-site-2 {
    margin-left: 53%;
    margin-right: 20%;
  }
  .header-categories.-designs.-site-1 {
    margin-left: 46%;
    margin-right: 27%;
  }
  .header-categories.-deals.-site-2 {
    margin-left: 5%;
    margin-right: 70%;
  }
}
.header-categories__lists {
  column-count: 7;
  column-gap: 40px;
  max-width: 90%;
}
.header-categories__lists.-columns-3 {
  column-count: 3;
  max-width: 40%;
}
.header-categories__lists.-columns-4 {
  column-count: 4;
  max-width: 58%;
}
.header-categories__lists.-columns-6 {
  column-count: 6;
  max-width: 75%;
}
.header-categories__lists.-columns-7 {
  column-count: 7;
  max-width: 90%;
}
.header-categories__group {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.header-categories__primary-link {
  margin-bottom: 20px;
  font-size: 1.4rem;
  color: #5c5b69;
  display: inline-block;
}
.header-categories__secondary-link {
  color: #999999;
  display: inline-block;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.header-categories__sub-category-list {
  list-style-type: none;
  padding: 0;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .header-categories {
    background-image: none !important;
    padding: 0;
    box-shadow: none;
    display: block;
  }
  .header-categories__mobile-primary-menu .header-categories__lists {
    position: relative;
    left: 0;
  }
  .header-categories__mobile-primary-menu.-mobile-explore-menu {
    order: -1;
  }
  .header-categories__mobile-primary-menu.-mobile-extras-menu {
    order: 2;
  }
  .header-categories__mobile-header, .header-categories__primary-link, .header-categories__secondary-link {
    border-bottom: 1px solid #ebebeb;
    position: relative;
    padding: 15px 28px;
    display: block;
    color: #5c5b69;
    text-decoration: none;
    overflow: hidden;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 1.3rem;
  }
  .header-categories__mobile-header.-mobile-section-header, .header-categories__primary-link.-mobile-section-header, .header-categories__secondary-link.-mobile-section-header {
    font-weight: bold;
    margin-top: 15px;
  }
  .header-categories .header-categories__mobile-arrow-block {
    border: 0;
    border-left: 1px solid #ebebeb;
    position: absolute;
    width: 60px;
    text-align: center;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent;
  }
  .header-categories .header-categories__mobile-arrow-block:focus {
    outline: 0;
  }
  .header-categories .header-categories__mobile-arrow-block::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
  }
  .header-categories__lists {
    column-count: 1 !important;
    column-gap: 0;
    max-width: 100% !important;
    position: absolute;
    left: 0;
    background-color: #ffffff;
  }
  .header-categories__mobile-back-link {
    padding: 3px 7px;
    margin-right: -7px;
    float: right;
    color: #999999;
  }
  .header-categories .-mobile-lvl2-cats {
    left: 100%;
    background-color: #ffffff;
    width: 100%;
    top: 0;
    z-index: 10;
    display: none;
  }
  .header-categories .-mobile-lvl3-cats {
    left: 100%;
    background-color: #ffffff;
    width: 100%;
    top: 0;
    z-index: 10;
    position: absolute;
    display: none;
  }
}
.header-categories__mobile-plus_promo {
  background-color: #fff4de;
  padding: 10px 15px;
  border: 0;
  display: inline-block;
  color: #ef9f1f;
  border-radius: 5px;
  margin: 20px 20px -10px;
}

.header-lite {
  background-color: #ffffff;
  padding: 20px 0;
}
.header-lite__logo-block {
  text-align: center;
}
.header-lite__logo-block:focus, .header-lite__logo-block:focus img {
  border: 0;
  outline: none;
}
.header-lite__logo-block img {
  max-height: 34px;
}
@media (max-width: 991px) {
  .header-lite {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .header-lite__logo-block {
    text-align: right;
  }
  .header-lite__logo-block img {
    max-height: 30px;
  }
}

.mobile-header {
  background-color: #ffffff;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 15px;
  width: 100%;
  height: 62px;
  z-index: 1000;
  line-height: 100%;
  display: flex;
  align-items: center;
}
.mobile-header__flex-item {
  width: 25px;
  margin-right: 15px;
}
.mobile-header__flex-item.-logo-cell {
  flex-grow: 1;
  margin-right: 0;
}
.mobile-header__flex-item:last-child {
  margin-right: 3px;
}
.mobile-header__logo {
  height: 100%;
  display: inline-block;
}
.mobile-header__logo.-site-id-2 {
  padding-top: 5px;
}
.mobile-header__logo img {
  width: 140px;
}
.mobile-header__button {
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
}
@media (max-width: 414px) {
  .mobile-header__button.basketcart-mobile {
    display: inline-block !important;
  }
}
.mobile-header__button .mobile-header__button-alert {
  width: 13px;
  height: 13px;
  text-align: center;
  color: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-left: -5px;
  font-size: 1rem;
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translateY(-50%) translateZ(0) scale(1, 1);
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mobile-header__button.-active i {
  display: none;
}
.mobile-header__button.-active .-close {
  display: inline-block;
}
.mobile-header__button-img {
  display: inline-block;
}
.mobile-header__button-img.-menu-img {
  width: 13px;
}
.mobile-header__button-img.-search-img {
  width: 13px;
}
.mobile-header__button-img.-account-img {
  width: 18px;
}
.mobile-header__button-img.-account-avatar {
  width: 22px;
  border-radius: 50px;
}
.mobile-header__button-img.-checkout-img {
  width: 16px;
}
.mobile-header__button-img.-no-items {
  opacity: 0.5;
}
.mobile-header__button-img.-close {
  width: 14px;
  display: none;
}
@media (min-width: 992px) {
  .mobile-header {
    display: none;
  }
}

.mobile-menu-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 999;
  overflow: hidden;
  cursor: pointer;
}
.mobile-menu-background.-for-plus-panel {
  z-index: 1000;
}

.dd {
  background: #16bc66;
  background-image: url("https://fbcd.co/images/pages/header/dd-banner-desktop.webp");
  height: 60px;
  display: flex;
  margin: auto;
  position: relative;
  transition: 0.3s;
  background-position: center;
}
.dd--dtf {
  background-image: linear-gradient(42deg, #2ecde5, #15c5d5, #37e0f4) !important;
}
.dd--dtf .dd__countdown {
  color: #12364f;
}
@media (max-width: 991px) {
  .dd--dtf .dd__countdown-box {
    background-color: rgba(0, 0, 0, 0.3411764706);
  }
}
.dd--dtf .dd__countdown-text {
  color: #2b7982;
}
@media (max-width: 991px) {
  .dd--dtf .dd__countdown-text {
    color: #d2e7ea;
  }
}
.dd--dtf .dd__btn a {
  color: #12364f;
}
.dd--dtf .dd__btn a:hover {
  background-color: #d3fcff;
}
.dd--dtf .dd__btn a svg {
  fill: #12364f;
}
.dd--dtf .dd__live {
  color: #104a5c;
}
.dd--dtf .circle-pulse::before, .dd--dtf .circle-pulse::after {
  background-color: #104a5c;
}
@media (max-width: 991px) {
  .dd {
    background-image: url("https://fbcd.co/images/pages/header/dd-banner-tablet.webp");
    height: 90px;
  }
}
@media (max-width: 414px) {
  .dd {
    background-image: url("https://fbcd.co/images/pages/header/dd-banner-mobile.webp");
    height: 90px;
  }
}
.dd p {
  margin: 0;
}
.dd__close {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
  fill: rgba(0, 0, 0, 0.2509803922);
  transition: 0.3s;
  z-index: 99;
}
.dd__close:hover {
  cursor: pointer;
  transform: translateY(-50%) scale(1.1);
}
@media (max-width: 991px) {
  .dd__close {
    top: 10px;
    right: 10px;
    transform: initial;
  }
}
.dd__cont {
  width: 100%;
  max-width: 1305px;
  margin: auto;
}
@media (max-width: 991px) {
  .dd__cont {
    margin: initial;
  }
}
.dd__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  position: relative;
}
@media (max-width: 1400px) {
  .dd__wrap {
    padding: 5px 20px;
  }
}
@media (max-width: 991px) {
  .dd__wrap {
    flex-wrap: wrap;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 414px) {
  .dd__wrap {
    padding: 0;
  }
}
.dd__title {
  font-size: 25px;
  color: white;
  width: 44%;
  height: 50px;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
@media (max-width: 991px) {
  .dd__title {
    width: 100%;
    height: 35px;
    font-size: 18px;
    margin-bottom: -10px;
  }
}
.dd__title-change {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(100%);
  animation: slideDown 10s infinite;
}
.dd__title-first {
  animation-delay: 0s;
}
.dd__title-second {
  animation-delay: 5s;
}
.dd__countdown {
  display: flex;
  color: #094731;
  gap: 5px;
}
.dd__countdown-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  margin-right: 5px;
  color: white;
}
@media (max-width: 1200px) {
  .dd__countdown-title {
    display: none;
  }
}
.dd__countdown-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50px;
  background-color: white;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .dd__countdown-box {
    background-color: rgba(21, 111, 39, 0.3411764706);
    color: white;
    width: 44px;
  }
}
.dd__countdown-time {
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 991px) {
  .dd__countdown-time {
    font-weight: 600;
    font-size: 18px;
  }
}
.dd__countdown-text {
  font-weight: 400;
  margin-top: -5px;
  color: #298b68;
  font-size: 12px;
}
@media (max-width: 991px) {
  .dd__countdown-text {
    color: #cedcd7;
    font-size: 11px;
  }
}
.dd__live {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  font-weight: 600;
  background: #ffdd14;
  padding: 0 27px;
  color: #094731;
  border-radius: 5px;
  max-width: 115px;
}
.dd__live-text {
  margin-left: -5px;
}
.dd__live-pulse {
  position: relative;
}
.dd__btn {
  width: 28%;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1400px) {
  .dd__btn {
    padding-right: 40px;
  }
}
@media (max-width: 991px) {
  .dd__btn {
    width: initial;
    padding-right: 0;
    order: 3;
  }
}
.dd__btn-text {
  display: none;
}
@media (max-width: 414px) {
  .dd__btn-text {
    display: inline-block;
  }
}
.dd__btn-text--lg {
  display: inline-block;
}
@media (max-width: 414px) {
  .dd__btn-text--lg {
    display: none;
  }
}
.dd__btn a {
  padding: 8px 15px;
  background-color: #ffffff;
  color: #094731;
  border-radius: 50px;
  outline: none;
  border: none;
  font-weight: 700;
  position: relative;
  z-index: 2;
  font-size: 16px;
  transition: 0.3s;
}
.dd__btn a:hover {
  cursor: pointer;
  background-color: #dcf3e1;
  text-decoration: none !important;
}
.dd__btn a:hover span svg {
  transform: rotate(4deg);
}
.dd__btn a::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 17px;
  right: -30px;
  z-index: 1;
  border-radius: 5px;
  background: none;
}
.dd__btn a::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 17px;
  left: -30px;
  z-index: 1;
  border-radius: 5px;
  background: none;
}
.dd__btn a svg {
  width: 22px;
  margin-bottom: -3px;
  margin-left: 9px;
  fill: #094731;
  transition: 0.3s;
}
@media (max-width: 414px) {
  .dd__btn a svg {
    margin-bottom: -4px;
    margin-left: 0;
  }
}
.dd__left {
  width: 28%;
}
@media (max-width: 991px) {
  .dd__left {
    width: 140px;
    padding-right: 5px;
    order: 2;
  }
}

/* Brand Colors */
/* Theme Colors */
/* Plus Colors */
/* Illustrate AI */
/* UI Colors */
/* Social Colors */
/* Font Sizes */
/* Breakpoints */
/* CDN Path */
/* Logo Paths */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  border-radius: 4px;
  overflow: hidden;
  background-color: #ebebeb;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

@media (max-width: 767px) {
  .swiperEnabled .swiper-container {
    padding: 0 0 20px 0;
  }
  .swiperEnabled .swiper-container .swiper-pagination {
    display: block;
  }
}

/* Brand Colors */
/* Theme Colors */
/* Plus Colors */
/* Illustrate AI */
/* UI Colors */
/* Social Colors */
/* Font Sizes */
/* Breakpoints */
/* CDN Path */
/* Logo Paths */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  display: none;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 1px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Brand Colors */
/* Theme Colors */
/* Plus Colors */
/* Illustrate AI */
/* UI Colors */
/* Social Colors */
/* Font Sizes */
/* Breakpoints */
/* CDN Path */
/* Logo Paths */
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  z-index: 10;
}
.swiper-lazy-preloader i {
  font-size: 24px;
}

.swiper-lazy {
  display: none;
}
.swiper-lazy.swiper-lazy-loaded {
  display: block;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.details__img-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.details__img-wrapper .details__img-link {
  display: block;
  padding-top: 66.47%;
  position: relative;
}
.details__img-wrapper .details__img-link .product-picture {
  position: absolute;
  inset: 0;
}
.details__img-wrapper .details__img-link .details__img {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.details__img-wrapper .details__img-link img.details__img {
  height: auto;
}
.details__img-wrapper .details__img-link .details__img-more {
  background-color: rgba(92, 91, 105, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.details__img-wrapper .details__img-link .details__img-more span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  color: white;
}
.details__add-cart {
  line-height: 33px;
  padding: 0 12px;
  font-size: 1.2rem;
  border-radius: 4px;
  transition: all 100ms;
  padding-right: 40px;
  background-image: url("https://fbcd.co/images/icons/add-to-cart-basket-1.0.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) 50%;
  background-size: 20px;
  cursor: pointer;
  color: #ffffff;
  border: 0;
  display: inline-block;
}
.details__add-cart:hover, .details__add-cart:focus {
  outline: 0;
  text-decoration: none;
  color: white;
}
.details__add-cart.active {
  background-color: #40c756;
  padding-left: 36px;
  padding-right: 12px;
  background-size: 16px;
  background-image: url("https://fbcd.co/images/icons/add-to-cart-confirm-1.0.svg");
  background-position: 12px 50%;
}
.details__add-cart.active.bf-add-to-cart-btn {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-image: none !important;
}
.details__add-cart.-btn-plus-select, .details__add-cart.-btn-plus-confirm {
  background-color: #ef9f1f;
  color: white;
  background-size: 16px;
  background-image: url("https://fbcd.co/images/icons/plus-add-to-account-1.0.min.svg");
}
.details__add-cart.-btn-plus-select:hover, .details__add-cart.-btn-plus-confirm:hover {
  background-color: rgb(228.2, 146.7, 16.3) !important;
}
.details__add-cart.-btn-download {
  background-color: #40c756;
  color: white;
  background-size: 16px;
  background-image: url("https://fbcd.co/images/icons/plus-download-1.0.min.svg");
}
.details__add-cart.-btn-download:hover {
  background-color: rgb(53.8461538462, 183.6538461538, 75) !important;
}
.details__add-cart.plus-unlimited-download-btn {
  background-color: #40c756;
  color: white;
  background-size: 16px;
  background-image: url("https://fbcd.co/images/icons/plus-download-1.0.min.svg");
  background-position: center;
  width: 40px;
  height: 40px;
  padding: 0;
}
.details__add-cart.plus-unlimited-download-btn:hover {
  background-color: rgb(53.8461538462, 183.6538461538, 75) !important;
}
.details__add-cart.-btn-loading {
  background-image: url("https://fbcd.co/images/icons/loading-icon-10.min.svg");
}
.details__add-cart.downloadIssueFix.-success {
  background-image: none;
  padding-right: 12px;
}
.details__add-cart.bf-get-plus-btn {
  background: url(https://fbcd.co/images/icons/plus/plus_icn_orange_white.min.svg) no-repeat 90% 50%/18px auto #222;
}
.details__add-cart.bf-get-plus-btn:hover {
  background-color: #000000 !important;
}
.details__social {
  background: #ffffff;
  position: absolute;
  z-index: 10;
  right: 9px;
  transform: translateX(100px);
  color: #cccccc;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: all 100ms;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: 0;
  outline: 0;
}
.details__social:hover {
  text-decoration: none;
}
@media (max-width: 991px) {
  .details__social {
    transform: translateX(0);
  }
}
.details__social.-pinterest {
  top: 9px;
}
.details__social.-pinterest.-active, .details__social.-pinterest:hover {
  color: #ffffff;
  background: #ce1a19;
}
.details__social.-pinterest.-top {
  top: 9px;
}
.details__social.-pinterest.-active {
  transform: translateX(0);
}
.details__social.-favorite {
  top: 9px;
}
.details__social.-favorite.-active, .details__social.-favorite:hover {
  color: #ffffff;
  background: #f866a0;
}
.details__social.-favorite i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-top: 1px;
}
.details__social.-favorite.-active {
  transform: translateX(0);
}
.details__social.-favorite + .details__social.-pinterest, .favButtonReact + .details__social.-pinterest {
  top: 42px;
}
.details__info-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  height: 40px;
  margin: 5px 0 7px;
}
.details__info-group .details__info-row {
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 100%;
  align-items: center;
  max-width: 100%;
}
.details__product-name, .details__product-store {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  padding-right: 8px;
}
.details__product-name a:hover, .details__product-store a:hover {
  text-decoration: underline;
}
.details__product-store {
  max-width: 200px;
}
.details__product-price, .details__product-counters {
  display: flex;
  text-align: right;
  justify-content: flex-end;
  margin-left: auto;
}
.details__product-price > *, .details__product-counters > * {
  min-width: 35px;
}
.details__product-price > *:not(:first-child), .details__product-counters > *:not(:first-child) {
  margin-left: 10px;
}
.details__product-name {
  display: flex;
  align-items: center;
  width: 0;
}
.details__product-name__link {
  font-size: 1.3rem;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
}
.details__product-name__link.-fullname {
  white-space: normal;
  line-height: 150%;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.details__product-name__label {
  flex-shrink: 0;
  font-size: 0.9rem;
  border-radius: 4px;
  padding: 1px 3px;
  height: 15px;
  line-height: 13px;
  margin-left: 6px;
  margin-right: 8px;
  color: #ffffff;
}
.details__product-store {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details__product-store, .details__product-store > a {
  font-size: 1.1rem;
  color: #999999;
  font-weight: 400;
}
.details__product-store.-x-in-basket {
  color: #fd4e48;
  font-style: normal;
  max-width: none;
  white-space: normal;
  line-height: 1.2;
}
.details__product-price {
  align-items: center;
}
.details__product-price__actual {
  color: #000000;
  font-weight: bold;
  white-space: nowrap;
}
.details__product-price__actual.-plus-price {
  background: url(https://fbcd.co/images/icons/plus/plus_icn_orange_white.min.svg) no-repeat 0% 50%/18px auto;
  color: #ef9f1f;
  padding: 3px 0 3px 24px;
  line-height: 100%;
}
.details__product-price__actual.-purchased {
  color: #40c756;
  background: none;
  padding-left: 0;
}
.details__product-price__actual.-included {
  color: #40c756;
}
.details__product-price__actual.-included-plus-unlimited {
  color: #ef9f1f;
}
.details__product-price__full {
  color: #999999;
  white-space: nowrap;
  font-weight: 600;
}
.details__product-counters {
  font-size: 1.15rem;
  color: #999999;
  font-weight: 600;
  flex: 1;
}
.details__product-counters__rating, .details__product-counters__favorites {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
.details__product-counters__rating > span, .details__product-counters__favorites > span {
  padding-left: 4px;
}
.details__product-counters__rating > i {
  color: #ffa200;
}
.details__new-badge {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 0;
  background-color: #40c756;
  min-width: auto;
  color: white;
  padding: 8px 10px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 1.2rem;
}
.details__free-badge {
  border-radius: 4px;
  background: #40c756;
  color: #ffffff;
  padding: 7px 10px;
  margin-left: 10px;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.details__expired-badge {
  background-color: #ebebeb;
  padding: 7px 10px;
  color: #7f7f7f;
  font-weight: 600;
  border-radius: 4px;
  margin-left: 10px;
  font-size: 1.2rem;
}
.details__discount-badge {
  position: absolute;
  bottom: 9px;
  left: 9px;
  border-radius: 4px;
  z-index: 10;
  background: #40c756;
  color: #ffffff;
  line-height: 35px;
  padding: 0 10px;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.details__discount-badge.-bf-remaining {
  line-height: 20px;
  background: #333333;
  box-shadow: 0 0 0px 1px #ffffff;
}
.details__discount-badge.-bf-remaining .bf-product-bar {
  height: 5px;
  background-color: #ddd;
  border-radius: 2px;
  width: 100%;
}
.details__discount-badge.-bf-remaining .bf-product-bar .bf-product-left {
  height: 5px;
  border-radius: 2px;
}
.details__discount-badge.-bf-remaining .bf-product-bar .bf-product-left.bf-product-bar-high {
  background-color: #5ac651;
}
.details__discount-badge.-bf-remaining .bf-product-bar .bf-product-left.bf-product-bar-medium {
  background-color: #ffb400;
}
.details__discount-badge.-bf-remaining .bf-product-bar .bf-product-left.bf-product-bar-low {
  background-color: #e9444a;
}
.details__discount-badge.-bf-sold-out {
  background: #fd4e48;
  cursor: pointer;
}
.details__discount-badge.-bf-after-party {
  line-height: 36px;
  background: #333333;
  box-shadow: 0 0 0px 1px #ffffff;
  font-size: 1rem;
  padding: 0 7px;
}
.details__discount-badge.-bf-after-party .plus-party {
  max-height: 27px;
}
.details__bundle-badge {
  position: absolute;
  top: 9px;
  left: 9px;
  border-radius: 4px;
  z-index: 10;
  background: #1ea4f3;
  color: #ffffff;
  line-height: 28px;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: bold;
}
.details__ribbon {
  display: inline-block;
  color: #ffffff;
  padding: 3px 15px 3px 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 0.8em;
  transform-style: preserve-3d;
  clip-path: polygon(100% 0, 95% 49%, 100% 100%, 0 100%, 0 54%, 0 0);
  position: absolute;
  z-index: 6;
  top: 15px;
}
.details__ribbon.-avail-with-plus {
  background: linear-gradient(to right, #efab00, #eb850f);
}
.details__ribbon.-avail-with-plus:hover, .details__ribbon.-avail-with-plus:focus {
  background: linear-gradient(to right, #FFC51A, #FF9F29);
}
.details__ribbon.-sale-ending {
  background-color: #fd4e48;
}
.details__ribbon.-fpotw-ribbon {
  background-color: #ffa200;
}
.details__ribbon.-bf-title {
  background: #333333;
}
.details__plus-button {
  cursor: pointer;
  border: 0;
  background: linear-gradient(to right, #efab00, #eb850f);
  color: white;
  padding: 10px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  font-weight: 600;
  transition: all 100ms;
  display: flex;
  width: 100%;
  transition: all 150ms;
}
.details__plus-button:hover {
  background: linear-gradient(to right, #FFC51A, #FF9F29);
}
.details__plus-button.-green {
  background: none;
  background-color: #40c756;
}
.details__plus-prompt-button {
  background-color: rgb(251.92, 236.52, 211.88);
  color: #ef9f1f;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  padding: 5px 12px;
  position: relative;
  top: 4px;
  border: 0;
  transition: all 100ms;
}
.details__plus-prompt-button:hover {
  background-color: rgb(252.94, 242.64, 226.16);
}
.details__plus-prompt-button.-btn-download {
  background-color: #40c756;
  color: white;
}
.details__plus-prompt-button.-btn-download:hover {
  background-color: rgb(103.4372469636, 210.5627530364, 120.8947368421);
}
.details__plus-prompt-button.-btn-plus-confirm {
  background-color: #ef9f1f;
  color: white;
}
.details__plus-prompt-button.-btn-plus-confirm:hover {
  background-color: rgb(242.4, 179.4, 78.6);
}

.details__info-group.-plus-info-modify .details__product-name {
  margin-top: -4px;
}

.details__info-group.-plus-info-modify .details__product-store {
  position: relative;
  top: -6px;
}

.product-box {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.product-box__add-cart {
  bottom: 0;
  transform: translateY(40px);
  right: 9px;
  position: absolute;
  z-index: 10;
  border: 2px solid #ffffff;
}
.product-box__add-cart:hover, .product-box__add-cart:focus {
  border: 2px solid #ffffff;
}
.product-box__add-cart.-btn-processing {
  pointer-events: all;
}
.product-box__add-cart.-btn-processing, .product-box__add-cart.active, .product-box__add-cart.-btn-plus-confirm, .product-box__add-cart.-btn-download {
  transform: translateY(-9px);
}
@media (max-width: 991px) {
  .product-box__add-cart {
    transform: translateY(-9px);
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .product-box__add-cart .already-purchased {
    display: none;
  }
}
.product-box__img .product-box__img-overlay {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.28) 50%, rgba(0, 0, 0, 0) 69%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 5;
  transition: all 150ms;
}
@media (max-width: 991px) {
  .product-box__img .product-box__img-overlay {
    display: none;
  }
}
.product-box__img:hover .product-box__img-overlay {
  opacity: 0.4;
}
.product-box__img:hover .product-box__add-cart {
  transform: translateY(-9px);
  border: 2px solid #ffffff;
}
.product-box__img:hover .product-box__social {
  transform: translateX(0);
}
@media (max-width: 767px) {
  .product-box.swiperEnabled .product-box__add-cart {
    bottom: 20px;
  }
  .product-box.swiperEnabled .details__discount-badge {
    bottom: 29px;
  }
  .product-box.swiperEnabled .details__img-link {
    padding-top: calc(66.47% + 20px);
  }
}
.product-box[data-free] .details__info-group, .product-box[data-plus-event] .details__info-group {
  height: auto;
  min-height: 31px;
}

.preview-box {
  display: flex;
  border-bottom: 1px solid #ebebeb;
  padding: 20px 0;
  z-index: 1;
}
.preview-box__img-flex {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 250px;
  margin-right: 30px;
}
.preview-box__img-flex:hover .preview-box__social {
  transform: translateX(0);
}
.preview-box__content-flex {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
}
.preview-box__content-flex .preview-box__top-row {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .preview-box__content-flex .preview-box__top-row {
    flex-direction: column;
    align-items: stretch;
  }
}
.preview-box__content-flex .preview-box__top-row .preview-box__btn-flex .add-basket {
  white-space: nowrap;
}
.preview-box__content-flex .preview-box__top-row .preview-box__info-flex {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  margin-right: 15px;
}
.preview-box__content-flex .preview-box__bottom-row {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  overflow: hidden;
  position: relative;
}
.preview-box__font-img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  max-width: initial;
}
.preview-box__no-preview {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #cccccc;
}
@media (max-width: 991px) {
  .preview-box__content-flex .preview-box__bottom-row {
    position: relative;
  }
  .preview-box__content-flex .preview-box__bottom-row:before {
    content: " ";
    z-index: 1;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 70%, rgb(255, 255, 255) 100%);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .preview-box__content-flex .preview-box__top-row {
    flex-direction: column;
    align-items: stretch;
  }
}
@media (max-width: 414px) {
  .preview-box {
    flex-direction: column;
  }
  .preview-box__img-flex {
    flex-basis: auto;
    margin-right: 0;
  }
  .preview-box__content-flex {
    flex-direction: column;
  }
  .preview-box__content-flex .preview-box__top-row {
    order: 2;
  }
  .preview-box__content-flex .preview-box__top-row .preview-box__btn-flex .add-basket {
    width: 100%;
    text-align: left;
  }
  .preview-box__content-flex .preview-box__top-row .preview-box__info-flex {
    margin-right: 0;
  }
  .preview-box__content-flex .preview-box__bottom-row {
    order: 1;
    margin-top: 20px;
    padding: 20px 0;
  }
}

.pin-collection > a {
  transform: translateY(0);
  top: 10px;
  bottom: auto;
  left: 10px;
  right: auto;
  background-color: #f12626 !important;
  background-image: none;
  padding-right: 12px;
}
.pin-collection > a:hover {
  background-color: #bb1717 !important;
}
@media (min-width: 992px) {
  .pin-collection {
    text-align: center;
  }
  .pin-collection > img {
    max-width: 90% !important;
  }
  .pin-collection > a {
    left: 27px !important;
  }
}

.license-modal {
  background-color: #fafafa;
}
.license-modal__flex-wrapper {
  display: flex;
  padding: 30px 30px 30px 30px;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .license-modal__flex-wrapper {
    flex-direction: column;
  }
}
.license-modal__flex-col {
  width: 42%;
  background-color: white;
  text-align: center;
  margin-top: 60px;
  border-radius: 8px;
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.1);
  transition: all 100ms;
  cursor: pointer;
}
.license-modal__flex-col.-selected .license-modal__info-box {
  color: white;
}
.license-modal__flex-col.-selected .license-modal__list-item {
  background: url("https://fbcd.co/images/icons/tick-bold-white.svg") no-repeat 0 50%/14px;
}
.license-modal__flex-col.-selected .license-modal__info-link {
  color: white;
}
.license-modal__flex-col:hover:not(.-selected) {
  transform: translateY(-10px);
}
@media (max-width: 767px) {
  .license-modal__flex-col {
    width: 100%;
  }
}
.license-modal__info-box {
  background-color: #dae8ec;
  margin: -50px 20px 20px 20px;
  border-radius: 8px;
  box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.1);
  color: black;
  padding: 20px 0 30px 0;
}
.license-modal__info-box .license-modal__name {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 2rem;
  margin-bottom: 5px;
}
.license-modal__info-box .license-modal__info-link {
  font-size: 1.2rem;
  margin: -30px 0 20px 0;
  display: inline-block;
  position: relative;
  top: -5px;
  color: #999;
}
.license-modal__info-box .license-modal__list {
  text-align: left;
  width: 80%;
  margin: auto;
  list-style-type: none;
  padding: 0;
}
.license-modal__info-box .license-modal__list-item {
  padding: 4px 4px 4px 30px;
  margin-left: 10px;
  background: url("https://fbcd.co/images/icons/tick-bold-black.svg") no-repeat 0 50%/14px;
}
.license-modal__price {
  display: block;
  font-weight: bold;
  font-size: 2rem;
  margin: 30px 0 20px 0;
}
.license-modal__selected-text {
  border: 0;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  text-transform: uppercase;
  text-align: center;
  padding: 18px 15px 18px 15px;
  font-weight: bold;
  color: #999;
}
.license-modal__licenses {
  text-align: center;
  padding: 10px 0 30px;
  font-size: 1.4rem;
  font-weight: normal;
}
.license-modal__licenses__wrapper {
  padding: 30px;
}
.license-modal__licenses .license-modal__select-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: normal;
  background-position: calc(100% - 15px) 53%;
  color: black;
  background-repeat: no-repeat;
  background-color: white;
  background-image: url("https://fbcd.co/images/icons/down-arrow-black.svg");
  border-radius: 5px;
  padding: 8px 20px 8px 12px;
  min-width: 60px;
  background-size: 8px auto;
  border: 1px solid #ddd;
  margin-left: 10px;
}
@media (max-width: 414px) {
  .license-modal__licenses .license-modal__select-input {
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
  }
}

.dbchat__btn {
  width: 60px;
  height: 60px;
  transition: 0.3s;
  background-color: #27b1ee;
  border-radius: 50px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2588235294);
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 1000;
}
@media (max-width: 767px) {
  .dbchat__btn {
    bottom: 15px;
    right: 15px;
  }
}
.dbchat__btn:hover {
  cursor: pointer;
}
.dbchat__btn--active {
  width: 400px;
  height: 600px;
  border-radius: 5px;
  background-color: white;
  box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.1019607843);
}
@media (max-width: 767px) {
  .dbchat__btn--active {
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    border-radius: 0;
  }
}
.dbchat__btn-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1005;
}
.dbchat__btn-close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 12px;
  right: 6px;
  display: none;
  border-radius: 5px;
  z-index: 1006;
}
.dbchat__svg {
  width: 30px;
  fill: white;
}
.dbchat__loader {
  display: none;
  z-index: 1004;
}

.sticky-plus {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background-image: linear-gradient(to right, #efab00, #eb850f);
  z-index: 4002;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 991px) {
  .sticky-plus {
    top: 62px;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  .sticky-plus {
    height: 96px;
  }
}
@media (max-width: 374px) {
  .sticky-plus {
    height: 120px;
  }
}
.sticky-plus .sticky-mobile {
  display: none !important;
}
@media (max-width: 767px) {
  .sticky-plus .sticky-mobile {
    display: block !important;
  }
}
.sticky-plus .sticky-desktop {
  display: block !important;
}
@media (max-width: 767px) {
  .sticky-plus .sticky-desktop {
    display: none !important;
  }
}
.sticky-plus.plus-hidden {
  top: -300px;
}
.sticky-plus__image {
  display: none;
  height: 100%;
}
@media (min-width: 992px) {
  .sticky-plus__image {
    display: block;
  }
}
.sticky-plus .container {
  display: flex;
}
@media (max-width: 767px) {
  .sticky-plus .container {
    display: block;
    padding-left: 10px;
    padding-right: 20px;
  }
}
@media (max-width: 414px) {
  .sticky-plus .container {
    padding: 0 10px;
  }
}
.sticky-plus .container a {
  display: flex;
  text-decoration: none;
  color: white;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  padding-left: 58px;
}
@media (max-width: 1200px) {
  .sticky-plus .container a {
    padding-left: 0;
    justify-content: space-between;
  }
}
@media (max-width: 374px) {
  .sticky-plus .container a {
    flex-direction: column;
  }
}
.sticky-plus .container a .part {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .sticky-plus .container a .part {
    /* IE10 IE11 */
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 1399px), (-ms-high-contrast: none) and (max-width: 1399px) {
  .sticky-plus .container a .part {
    min-width: 124px;
  }
}
.sticky-plus .container a .part .text {
  font-weight: 600;
  margin: 0 5px;
  font-size: 14px;
  display: inline-block;
}
.sticky-plus .container a .part .text > p {
  margin: 0;
}
.sticky-plus .container a .part .text .dot {
  margin: 0 5px;
}
@media (max-width: 991px) {
  .sticky-plus .container a .part .text {
    font-size: 14px;
  }
}
@media (max-width: 414px) {
  .sticky-plus .container a .part .text {
    font-size: 0.9em;
  }
}
.sticky-plus .container a .part .btn-secondary {
  display: block;
  height: auto;
  white-space: nowrap;
  line-height: 0;
  padding: 16px;
  font-size: 1.3rem;
  background-color: rgba(255, 255, 255, 0.25);
  border: 0;
  color: white;
  margin-left: 15px;
}
.sticky-plus .container a .part .btn-secondary:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .sticky-plus .container a .part .btn-secondary {
    margin-left: 0;
    flex: 1;
  }
  .sticky-plus .container a .part .btn-secondary.part-close {
    background-color: transparent;
    border: 0;
    font-weight: 500;
    opacity: 0.8;
  }
}
.sticky-plus .container a .part.offer {
  justify-content: center;
}
.sticky-plus .container a .part.offer > span {
  display: block;
}
@media (max-width: 767px) {
  .sticky-plus .container a .part.offer {
    justify-content: flex-start;
    margin-right: 20px;
  }
}
@media (max-width: 414px) {
  .sticky-plus .container a .part.offer {
    margin-right: 0;
  }
}
.sticky-plus .container a .mobile-text-container {
  min-width: 250px;
}
@media (max-width: 414px) {
  .sticky-plus .container a .mobile-text-container {
    min-width: 220px;
  }
}
.sticky-plus .container .part-close {
  flex-basis: 75px;
  position: relative;
}
@media (max-width: 767px) {
  .sticky-plus .container .part-close {
    position: relative;
  }
}
.sticky-plus .container .part-close span {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -10px;
  cursor: pointer;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .sticky-plus .container .part-close span {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
  }
}
.sticky-plus .container .part-close span:hover {
  opacity: 0.8;
}

body.plus-banner-on {
  padding-top: 50px;
}
@media (max-width: 991px) {
  body.plus-banner-on {
    padding-top: 112px;
  }
}
@media (max-width: 767px) {
  body.plus-banner-on {
    padding-top: 158px;
  }
}
@media (max-width: 374px) {
  body.plus-banner-on {
    padding-top: 182px;
  }
}

/* Sticky Plus UDE Banner

.sticky-plus {
    background-image: linear-gradient(to right, #40c756, #179f2f);
}
.sticky-plus .container a .part .text {
    font-weight: 400;
}
.header-timer {
    display: flex;
    margin: 0 25px;
}
.header-timer__item {
    width: 50px;
    text-align: center;
}
.header-timer__value {
    font-weight: bold;
    color: white;
}
.header-timer__title {
    font-size: 10px;
    opacity: 0.5;
}
.sticky-plus__mobile-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 767px) {
    .sticky-plus .container a {
        flex-direction: column;
        align-items: center;
    }
    .sticky-plus .container a .part .text {
        font-size: 1em;
        text-align: center;
        margin-bottom: 10px;
    }
    .header-timer {
        margin: 0;
    }
    .sticky-mobile {
        color: white;
        font-size: 0.85em;
        margin-left: 10px;
        background-color: rgba(255,255,255,0.2);
        border: 0;
        height: 32px;
        padding: 8px 15px;
    }
    .sticky-plus .container .part-close {
        position: absolute;
        top: 12px;
        right: 12px;
        transform: scale(1.1);
    }
    .sticky-plus .container a .part.offer {
        margin-right: 0;
    }
    .sticky-plus {
        height: 110px;
    }
    body.plus-banner-on {
        padding-top: 173px;
    }
}

@media (min-width: 768px) and (max-width: 907px) {
    .mobile-text-container span {
        display: none;
    }
}
*/
.plus-promotions {
  position: relative;
  margin-top: 8px;
  padding: 19px 23px 15px;
  width: auto;
  background: #FFFBF5;
  border: 1px solid #FFD188;
  box-sizing: border-box;
  border-radius: 10px;
}
.plus-promotions__text {
  font-weight: 500;
  line-height: 150%;
  color: #636363;
}
.plus-promotions__text__gold {
  font-weight: bold;
  color: #FFA800;
}
.plus-promotions__text__gold:hover {
  color: #FFA800;
}
.plus-promotions__button-box {
  display: flex;
  justify-content: flex-end;
}
.plus-promotions__button-box-button {
  height: auto;
  padding: 7px 29px 6px;
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  background: #FFA800;
  border-radius: 20px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}
.plus-promotions__close-button {
  width: 30px;
  background: #FFFFFF;
  border: 1px solid #FFD188;
  box-sizing: border-box;
  box-shadow: 0 3px 3px rgba(255, 221, 167, 0.6);
  height: 30px;
  font-size: 16px;
  position: absolute;
  border-radius: 50%;
  top: -9px;
  right: -9px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFD188;
}

/* Plus upsell banner */
.try-plus-free {
  background: #FEF5E7;
  width: 100%;
  display: flex;
  margin: 0 15px 25px 15px;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}
.try-plus-free__blurb {
  margin: 20px;
  color: #EB850F;
  font-size: 1.4rem;
}
.try-plus-free__link {
  border-radius: 6px;
  display: flex;
  align-items: center;
}

.avail-with-plus {
  background-color: #fff6e6;
  border: 0.11em #ef9f1f dashed;
  border-radius: 0.3em;
  display: flex;
  width: 100%;
  padding: 1em;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.avail-with-plus__get-access {
  float: left;
  color: #ef9f1f;
}
.avail-with-plus__join-btn {
  float: right;
  height: 34px;
  width: 94px;
}

@font-face {
  font-family: "lg";
  src: url("https://fbcd.co/css/lightslider/lg.ttf?22t19m") format("truetype"), url("https://fbcd.co/css/lightslider/lg.woff?22t19m") format("woff"), url("https://fbcd.co/css/lightslider/lg.svg?22t19m#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 10080;
  border: none;
  outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 10082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  background: none;
  border: none;
  box-shadow: none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 10080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 10080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: rgb(169, 7, 7);
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
  outline: medium none;
  border: none;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 10080;
  cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("https://fbcd.co/images/other/lightslider/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("https://fbcd.co/images/other/lightslider/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("https://fbcd.co/images/other/lightslider/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("https://fbcd.co/images/other/lightslider/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("https://fbcd.co/images/other/lightslider/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: rgb(169, 7, 7);
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 10080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.lg-outer #lg-share {
  position: relative;
}
.lg-outer #lg-share:after {
  content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e904";
}
.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e907";
}
.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e905";
}
.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e906";
}

.lg-outer .lg-img-rotate {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}

.lg-rotate-left:after {
  content: "\e900";
}

.lg-rotate-right:after {
  content: "\e901";
}

.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
  font-size: 26px;
}

.lg-flip-ver:after {
  content: "\e903";
}

.lg-flip-hor:after {
  content: "\e902";
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10050;
  text-align: left;
  opacity: 0;
  outline: none;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url("https://fbcd.co/images/other/lightslider/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 10060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lightSlider:before, .lightSlider:after {
  content: " ";
  display: table;
}

.lightSlider {
  overflow: hidden;
  margin: 0;
}

.lSSlideWrapper {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.lSSlideWrapper > .lightSlider:after {
  clear: both;
}

.lSSlideWrapper .lSSlide {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: all 1s;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform, height;
  transition-property: transform, height;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade {
  position: relative;
}

.lSSlideWrapper .lSFade > * {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 9;
  margin-right: 0;
  width: 100%;
}

.lSSlideWrapper.usingCss .lSFade > * {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade > *.active {
  z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade > *.active {
  opacity: 1;
}

/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
}

.lSSlideOuter .lSPager.lSpg > li {
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
}

.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #222222;
  border-radius: 30px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  text-indent: -999em;
  width: 8px;
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #428bca;
}

.lSSlideOuter .media {
  opacity: 0.8;
}

.lSSlideOuter .media.active {
  opacity: 1;
}

/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lSSlideOuter .lSPager.lSGallery li {
  overflow: hidden;
  -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
  transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 5px;
}

.lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: auto;
  max-width: 100%;
}

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
  content: " ";
  display: table;
}

.lSSlideOuter .lSPager.lSGallery:after {
  clear: both;
}

/* End of Gallery*/
/* slider actions */
.lSAction > a {
  width: 32px;
  display: block;
  top: 50%;
  height: 32px;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: 0.5;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
}

.lSAction > a:hover {
  opacity: 1;
}

.lSAction > .lSPrev {
  background-position: 0 0;
  left: 10px;
}

.lSAction > .lSNext {
  background-position: -32px 0;
  right: 10px;
}

.lSAction > a.disabled {
  pointer-events: none;
}

.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}

/* vertical */
.lSSlideOuter.vertical {
  position: relative;
}

.lSSlideOuter.vertical.noPager {
  padding-right: 0px !important;
}

.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: 0;
  top: 0;
}

.lSSlideOuter.vertical .lightSlider > * {
  width: 100% !important;
  max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
  left: 50%;
  margin-left: -14px;
  margin-top: 0;
}

.lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: 31px -31px;
  bottom: 10px;
  top: auto;
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
  background-position: 0 -31px;
  bottom: auto;
  top: 10px;
}

/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
  direction: rtl;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
  padding-left: 0;
  list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
  padding-right: 0;
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
  float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
  float: right !important;
}

/* Rtl */
@-webkit-keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
.lSSlideOuter .rightEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}

.lSSlideOuter .leftEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}

.lSSlideOuter.vertical .rightEnd {
  -webkit-animation: topEnd 0.3s;
  animation: topEnd 0.3s;
  position: relative;
}

.lSSlideOuter.vertical .leftEnd {
  -webkit-animation: bottomEnd 0.3s;
  animation: bottomEnd 0.3s;
  position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}

/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

/*! nouislider - 10.1.0 - 2017-07-28 17:11:18 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-handle:active, .noUi-handle:focus {
  outline: 0;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
  left: -10px;
  top: -6px;
  border-radius: 60px;
  background-color: #5ac651;
  border: 2px solid white;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

/* Styling;
 */
.noUi-target {
  background: #ddd;
  border-radius: 4px;
}

.noUi-connect {
  background: rgb(162.8571428571, 223.1688311688, 157.8311688312);
  border-radius: 4px;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border-radius: 3px;
  background: #FFF;
  cursor: default;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
  border-radius: 100px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  color: #000;
  padding: 3px 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 150%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.bf-details-popup {
  padding: 0 !important;
}
.bf-details-popup .bf-details-header {
  background-color: white;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  text-align: left;
}
.bf-details-popup .bf-details-header h1 {
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-size: 24px;
}
.bf-details-popup .bf-details-header .bf-add-to-cart-btn {
  z-index: 10000;
  position: relative;
  line-height: 1.1;
}
.bf-details-popup .bf-details-header .bf-plus-available-btn {
  background-color: #191b47;
  color: white;
  font-weight: bold;
  padding: 13px 45px 13px 25px;
  margin-right: 40px;
  position: relative;
  z-index: 10000;
  border: 0;
  display: inline-block;
}
.bf-details-popup .bf-details-header .bf-plus-available-btn img {
  height: 46px;
  position: absolute;
  right: -22px;
  top: 0;
}
.bf-details-popup .bf-details-body {
  padding: 20px;
}
.bf-details-popup .bf-details-body .bf-lightgallery .bf-thumbnail-row {
  margin-left: -5px;
  margin-top: 5px;
  margin-right: -5px;
}
.bf-details-popup .bf-details-body .bf-lightgallery .bf-thumbnail-row > div {
  padding: 5px;
}
.bf-details-popup .bf-details-body .bf-lightgallery .bf-thumbnail-row > div img {
  border-radius: 3px;
  width: calc(100% + 10px);
}
.bf-details-popup .bf-details-body .bf-lightgallery .lSGallery li img {
  opacity: 0.7;
}
.bf-details-popup .bf-details-body .bf-lightgallery .lSGallery li.active img {
  opacity: 1;
}
.bf-details-popup .bf-details-body .bf-details-description {
  font-weight: normal;
  max-height: 325px;
}
.bf-details-popup .bf-details-body .bf-details-description p {
  width: auto;
  margin: 0;
}
.bf-details-popup .bf-details-body .bf-details-description #bf-details-description-scroll {
  max-width: 305px;
  padding-right: 20px;
  height: 283px;
}
.bf-details-popup .bf-details-body .bf-details-description .bf-details-description-content {
  overflow-wrap: break-word;
}
.bf-details-popup .bf-details-points {
  background-color: white;
  border-radius: 5px;
  margin-top: 30px;
}
.bf-details-popup .bf-details-points .info-container {
  display: table;
  table-layout: fixed;
  margin: 0;
  background-color: #373f57;
  border-radius: 4px;
  color: white;
}
.bf-details-popup .bf-details-points .info-container .new-info {
  padding: 25px 12px 15px 12px;
  display: table-cell;
  vertical-align: top;
  width: 2%;
  position: relative;
  font-size: 1em;
  text-align: center;
}
.bf-details-popup .bf-details-points .info-container .new-info .info-icon-p {
  font-size: 22px;
  position: absolute;
  width: 36px;
  height: 36px;
  left: 50%;
  top: -14px;
  transform: translateX(-50%);
  background-color: #373f57;
  border-radius: 30px;
}
.bf-details-popup .bf-details-points .info-container .new-info .info-icon-p i {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.bf-details-popup .bf-details-points .info-container .new-info .info-icon-p strong {
  display: block;
  margin-bottom: 5px;
}
.bf-details-popup .bf-details-points .info-container .new-info a {
  color: #3cb3e5;
}
.bf-details-popup .bf-details-points .info-container .new-info a:hover {
  opacity: 0.7;
}
.bf-details-popup .bf-details-points .info-container .info-license strong, .bf-details-popup .bf-details-points .info-container .info-license i {
  color: #e09e03;
}
.bf-details-popup .bf-details-points .info-container .info-pua strong, .bf-details-popup .bf-details-points .info-container .info-pua i {
  color: #15a7ff;
}
.bf-details-popup .bf-details-points .info-container .info-tech strong, .bf-details-popup .bf-details-points .info-container .info-tech i {
  color: #ff8100;
}
.bf-details-popup .bf-details-points .info-container .info-safe strong, .bf-details-popup .bf-details-points .info-container .info-safe i {
  color: #00c04d;
}
@media (max-width: 767px) {
  .bf-details-popup .bf-details-points .info-container {
    display: block;
    padding: 5px 0;
    background-color: #373f57;
    border-radius: 3px;
  }
  .bf-details-popup .bf-details-points .info-container .new-info {
    width: 100%;
    display: block;
    text-align: left;
    padding: 10px 25px 10px 70px;
  }
  .bf-details-popup .bf-details-points .info-container .new-info:last-child {
    border-bottom: 0;
  }
  .bf-details-popup .bf-details-points .info-container .new-info strong {
    display: inline-block;
    margin: 0;
  }
  .bf-details-popup .bf-details-points .info-container .new-info .info-icon-p {
    transform: translateX(0);
    left: 0;
    top: 0;
    height: 100%;
    width: 70px;
    position: absolute;
    background-color: transparent;
    text-align: center;
  }
  .bf-details-popup .bf-details-points .info-container .new-info .info-icon-p i {
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    margin: 0;
    display: inline-block;
  }
}
.bf-details-popup .bf-lightgallery {
  margin-top: -10px;
}
@media (max-width: 767px) {
  .bf-details-popup .bf-details-points {
    margin-top: -10px;
  }
  .bf-details-popup .bf-details-points .info-container .new-info {
    padding: 10px 12px 10px 55px !important;
  }
  .bf-details-popup .bf-details-points .info-container .new-info .info-icon-p {
    width: 40px;
  }
  .bf-details-popup .bf-details-body .bf-details-description {
    max-height: 100%;
    margin-top: 20px;
  }
  .bf-details-popup .bf-details-body .bf-details-description #bf-details-description-scroll {
    height: auto;
    width: calc(100% + 20px);
    max-width: none;
  }
}

.bf-close-popup-btn {
  position: absolute;
  right: 0;
  top: -23px;
  background-color: white;
  color: #666;
  padding: 4px 10px;
  cursor: pointer;
  font-size: 0.9em;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: normal;
}
.bf-close-popup-btn.dark-btn {
  background-color: #161616;
  color: #bbb;
}

.illustrateaiCardPadding {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  padding-bottom: 1.6rem;
  position: relative;
}

.-btn-blue {
  background-color: #1DA1F2;
  border: 1px solid #1DA1F2;
  color: white;
}
.-btn-blue:hover:not(.-no-hover) {
  background-color: #1DA1F2;
  color: white;
}

.-btn-hybrid-blue {
  background-color: transparent;
  border: 1px solid #1DA1F2;
  color: #1DA1F2;
}
.-btn-hybrid-blue:hover:not(.-no-hover) {
  background-color: #1DA1F2;
  color: white;
}

.illustrateaiImage {
  width: 100%;
  height: auto;
}

.image-container {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: relative;
  margin: auto;
}

.illustrateaiVoting {
  /* Hide by default */
  display: none;
  position: absolute;
  bottom: 10px;
  left: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.illustrateaiDownload {
  /* Hide by default */
  display: none;
  position: absolute;
  bottom: 10px;
  right: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.illustrateaiCardPadding:hover .illustrateaiVoting, .illustrateaiCardPadding:hover .illustrateaiDownload {
  /* Show on hover of the image */
  display: flex;
}

.illustrateaiVotingUp, .illustrateaiVotingDown {
  border-radius: 32px;
  background: #fff;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.illustrateaiVotingDown {
  margin-left: 6px;
}

.illustrateaiVotingUp:hover, .illustrateaiVotingDown:hover, .illustrateaiDownloadButton:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.8);
}

.illustrateaiVoteOutside {
  display: flex;
  align-items: center;
  border-radius: 55px;
  padding: 4px;
  background: rgba(255, 255, 255, 0.3);
}

.illustrateaiVotingResult {
  color: #fff;
  font-size: 16px;
  padding: 0 10px;
}

.imageFlip {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.illustrateaiDownloadButton {
  border-radius: 5px;
  background: #fff;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.illustrateaiHeader {
  margin: 30px 0 40px;
}

.illustrateaiTryButton {
  float: right;
}

#overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}

.illustrate-ai-library #overlay-content {
  position: absolute;
  left: 0;
  top: 0;
  transform: none;
  width: 100%;
  height: auto;
  display: flex;
  border-radius: 1rem;
  max-width: none;
  max-height: 100%;
  z-index: 1000;
  padding: 20px;
}
@media screen and (min-width: 1024px) {
  .illustrate-ai-library #overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    width: 95vw;
    height: 95vh;
    display: flex;
    border-radius: 1rem;
    max-width: 140rem;
    max-height: 100rem;
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  .illustrate-ai-library .iai-overlay__mobile {
    min-height: 1100px;
  }
}
.illustrate-ai-library .iai-details-popup {
  background: white;
  border-radius: 1rem;
}
.illustrate-ai-library .modal-button-close {
  right: 10px;
  top: 10px;
}
@media screen and (min-width: 1024px) {
  .illustrate-ai-library .modal-button-close {
    right: -5px;
    top: -5px;
  }
}
.illustrate-ai-library .inner-img-container {
  display: flex;
  max-height: 50vh;
}
@media screen and (min-width: 1024px) {
  .illustrate-ai-library .inner-img-container {
    max-height: none;
    height: 100%;
  }
}
.illustrate-ai-library .generated-image {
  background-color: rgba(221, 221, 221, 0.2);
  flex-basis: 70%;
  border-radius: 1rem;
  width: 100%;
}
.illustrate-ai-library .download-link {
  background-color: #1DA1F2;
  border: 1px solid #1DA1F2;
  color: white;
}
.illustrate-ai-library .share-link {
  position: relative;
}
.illustrate-ai-library .share-link:hover:before {
  content: attr(data-before);
  position: absolute;
  top: 2px;
  transform: translate(-115%);
  background-color: #1DA1F2;
  color: white;
  border-radius: 7px;
  padding: 5px 10px;
  font-size: 11px;
  white-space: nowrap;
}
.illustrate-ai-library .container-image-details {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 415px) {
  .illustrate-ai-library .container-image-details {
    gap: 2rem;
    flex-wrap: nowrap;
  }
}
.illustrate-ai-library .container-image-details__right, .illustrate-ai-library .container-image-details__left {
  width: 100%;
}
.illustrate-ai-library .image-details {
  flex-basis: 30%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.illustrate-ai-library .image-details__bottom {
  height: 56px;
  min-height: 56px;
  margin-top: auto;
  padding: 13px 20px;
  border-top: 1px solid #E3E5E5;
  display: flex;
  justify-content: space-between;
}
.illustrate-ai-library .image-details__bottom--report {
  height: 30px;
  color: #72777A;
  background: transparent;
  border: none;
  cursor: pointer;
}
.illustrate-ai-library .image-details__bottom--report:hover {
  color: #1DA1F2;
}
.illustrate-ai-library .image-details__bottom--share {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
  position: relative;
}
.illustrate-ai-library .image-details__bottom--share-btn {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #F0F8FE;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 6px;
  color: #1DA1F2;
}
.illustrate-ai-library .image-details__bottom--share-btn:hover {
  border: 1px solid #1DA1F2;
}
.illustrate-ai-library .image-details__bottom--share-btn svg {
  width: 16px;
  height: 16px;
}
.illustrate-ai-library .image-details__author {
  align-items: center;
  display: flex;
  margin: 16px 0 0 0;
}
.illustrate-ai-library .image-details__author-info {
  margin-left: 8px;
}
.illustrate-ai-library .image-details__author-name {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0;
  transition: opacity 0.04s ease-in;
}
.illustrate-ai-library .image-details__author-name--hidden {
  background: rgba(221, 221, 221, 0.4);
  border-radius: 6px;
  display: block;
  height: 20px;
  width: 124px;
}
.illustrate-ai-library .image-details__author-link {
  color: #1c9cd2;
}
.illustrate-ai-library .image-details__author-avatar {
  border-radius: 50%;
  height: 42px;
  overflow: hidden;
  width: 42px;
  background: rgba(221, 221, 221, 0.4);
}
.illustrate-ai-library .image-details__author-avatar-image {
  transition: opacity 0.04s ease-in;
}
.illustrate-ai-library .image-details__author-avatar-image--hidden {
  opacity: 0;
}
.illustrate-ai-library .image-details__space {
  width: 100%;
  padding: 8px;
}
.illustrate-ai-library .image-details__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: rgba(221, 221, 221, 0.2);
  padding: 2rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.illustrate-ai-library .image-details__info > hr {
  width: 90%;
}
.illustrate-ai-library .image-details__info-details > span {
  display: flex;
  align-items: baseline;
}
.illustrate-ai-library .image-details__info-details > span h4 {
  width: 7rem;
}
.illustrate-ai-library .image-details__info .detail {
  color: #6A6A6A !important;
}
.illustrate-ai-library .image-details__info .value {
  color: #a1a1a1 !important;
}
.illustrate-ai-library .image-details__button .-btn-hybrid-dark-grey {
  background-color: transparent;
  border: 1px solid #7f7f7f;
  color: #7f7f7f;
}
.illustrate-ai-library .image-details__button .-btn-hybrid-dark-grey:hover:not(.-no-hover) {
  background-color: #7f7f7f;
  color: white;
}
.illustrate-ai-library .image-details__remix-edit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 10px;
}
.illustrate-ai-library .img-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.illustrate-ai-library #overlay-content img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.illustrate-ai-library #close-overlay {
  position: absolute;
  top: -20px;
  right: -20px;
  color: #f1f1f1;
  font-size: 35px;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}
.illustrate-ai-library #overlayCloseLayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.image-collections__header {
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 10px;
}
.image-collections__title {
  margin: unset;
  color: #404446;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}
.image-collections__to-create {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1DA1F2;
  border: 1px solid #1DA1F2;
  column-gap: 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  outline: none;
  background: white;
  cursor: pointer;
}
.image-collections__to-create:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-size: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='15' height='15' rx='7.5' fill='%231DA1F2'/%3E%3Cpath d='M7.50265 3.75736V12.2426' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.7453 8H3.26001' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.image-collections__back {
  border: unset;
  outline: unset;
  padding: unset;
  background: unset;
  cursor: pointer;
}
.image-collections__back:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-size: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.84384 3.28125L5.15634 7.96875L9.84384 12.6562' stroke='%23979C9E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.image-collections__name {
  width: 100%;
  height: 40px;
  margin-bottom: 15px;
  padding-inline: 20px;
  border-radius: 5px;
  border: 2px solid #E3E5E5;
  outline-offset: -2px;
  outline: 2px solid transparent;
  will-change: outline-color;
  transition: outline-color 0.3s;
}
.image-collections__name:focus {
  outline-color: #0C90E1;
}
.image-collections__name::placeholder {
  color: #72777A;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.image-collections__create {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  padding-inline: 15px;
  color: white;
  background: #1DA1F2;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  border: none;
  outline: none;
  will-change: background-color;
  transition: background-color 0.3s;
  cursor: pointer;
}
.image-collections__create:disabled {
  background: #C4E6FB;
}

.image-collections-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 55px;
  column-gap: 10px;
  padding-inline: 10px;
  will-change: background-color;
  transition: background-color 0.3s;
}
.image-collections-item__thumbnail {
  flex: none;
  width: 40px;
  height: 36px;
  overflow: hidden;
  border-radius: 5px;
}
.image-collections-item__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.image-collections-item__thumbnail.empty {
  background-size: 40px 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='40' viewBox='0 0 45 40' fill='none'%3E%3Crect x='0.75' y='0.75' width='43.5' height='38.5' rx='4.25' fill='%23F7F9FA'/%3E%3Crect x='0.75' y='0.75' width='43.5' height='38.5' rx='4.25' stroke='%237CC7F6' stroke-width='1.5'/%3E%3Cpath d='M6.60498 33.6951L14.195 23.0251L18.265 28.9651L26.68 17.1401L38.395 33.6951H6.60498Z' fill='%237CC7F6'/%3E%3Cellipse cx='16.1749' cy='11.3102' rx='5.005' ry='5.005' fill='%237CC7F6'/%3E%3C/svg%3E");
}
.image-collections-item__title {
  flex-grow: 1;
  color: #404446;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: unset;
  margin-right: 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.image-collections-item__save {
  position: absolute;
  right: 10px;
  height: 40px;
  border-radius: 5px;
  padding-inline: 15px;
  color: white;
  background: #1DA1F2;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  border: none;
  outline: none;
  will-change: opacity;
  transition: opacity 0.3s;
  cursor: pointer;
}
.image-collections-item__save:disabled {
  opacity: 0.5;
}
.image-collections-item__saved {
  position: absolute;
  right: 10px;
  display: flex;
  column-gap: 5px;
  align-items: center;
  color: #1DA1F2;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin: unset;
  will-change: opacity;
  transition: opacity 0.3s;
}
.image-collections-item__saved:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2136_49839)'%3E%3Cpath d='M10 1.875C8.39303 1.875 6.82214 2.35152 5.486 3.24431C4.14985 4.1371 3.10844 5.40605 2.49348 6.8907C1.87852 8.37535 1.71762 10.009 2.03112 11.5851C2.34463 13.1612 3.11846 14.6089 4.25476 15.7452C5.39106 16.8815 6.8388 17.6554 8.4149 17.9689C9.99099 18.2824 11.6247 18.1215 13.1093 17.5065C14.594 16.8916 15.8629 15.8502 16.7557 14.514C17.6485 13.1779 18.125 11.607 18.125 10C18.1227 7.84581 17.266 5.78051 15.7427 4.25727C14.2195 2.73403 12.1542 1.87727 10 1.875ZM13.5672 8.56719L9.19219 12.9422C9.13415 13.0003 9.06522 13.0464 8.98934 13.0779C8.91347 13.1093 8.83214 13.1255 8.75 13.1255C8.66787 13.1255 8.58654 13.1093 8.51067 13.0779C8.43479 13.0464 8.36586 13.0003 8.30782 12.9422L6.43282 11.0672C6.31554 10.9499 6.24966 10.7909 6.24966 10.625C6.24966 10.4591 6.31554 10.3001 6.43282 10.1828C6.55009 10.0655 6.70915 9.99965 6.875 9.99965C7.04086 9.99965 7.19992 10.0655 7.31719 10.1828L8.75 11.6164L12.6828 7.68281C12.7409 7.62474 12.8098 7.57868 12.8857 7.54725C12.9616 7.51583 13.0429 7.49965 13.125 7.49965C13.2071 7.49965 13.2884 7.51583 13.3643 7.54725C13.4402 7.57868 13.5091 7.62474 13.5672 7.68281C13.6253 7.74088 13.6713 7.80982 13.7027 7.88569C13.7342 7.96156 13.7504 8.04288 13.7504 8.125C13.7504 8.20712 13.7342 8.28844 13.7027 8.36431C13.6713 8.44018 13.6253 8.50912 13.5672 8.56719Z' fill='%231DA1F2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2136_49839'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.image-collections-item.active, .image-collections-item.saved {
  background: #F7F9FA;
  border-radius: 5px;
}
.image-collections-item:not(.active) .image-collections-item__save, .image-collections-item:not(.saved) .image-collections-item__saved {
  opacity: 0;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .image-collections-item.active {
    background: unset;
    border-radius: unset;
  }
  .image-collections-item.active .image-collections-item__save {
    opacity: 0;
    pointer-events: none;
  }
  .image-collections-item:hover {
    background: #F7F9FA;
    border-radius: 5px;
  }
  .image-collections-item:hover:not(.saved) .image-collections-item__save {
    opacity: 1;
    pointer-events: unset;
  }
  .image-collections-item:hover:not(.saved) .image-collections-item__save :disabled {
    opacity: 0.25;
  }
  .image-collections-item:hover:not(.saved) .image-collections-item__save.opacity-25 {
    opacity: 0.25;
  }
}

.collections-collapse {
  overflow: auto;
  padding: 15px 20px;
  scrollbar-width: thin;
  border-top: 1px solid #E3E5E5;
}
.collections-collapse > :last-child {
  will-change: transform;
  transition: transform 0.3s;
}
.collections-collapse.active {
  overflow: hidden;
  animation: zero-height 1ms linear forwards;
  animation-delay: 0.3s;
  border-top: none;
  background: #FFFFFF;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.collections-collapse.active > :last-child {
  transform: translateY(calc(-100% - 32px));
}
.collections-collapse__button {
  width: 100%;
  height: 42px;
  color: #1DA1F2;
  background-color: transparent;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  border: 1px solid #1DA1F2;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  margin-top: 10px;
}
.collections-collapse__button:hover:not(.-no-hover) {
  background-color: #1DA1F2;
  color: white;
}
@keyframes zero-height {
  to {
    height: 0;
  }
}

.illustrate-ai-individual__top {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
@media screen and (max-width: 820px) {
  .illustrate-ai-individual__top {
    flex-direction: column;
  }
}
.illustrate-ai-individual__bottom {
  padding-top: 40px;
  padding-bottom: 40px;
}
.illustrate-ai-individual .page-top {
  background-color: #FAFAFA;
  padding: 30px 0 50px 0;
}
.illustrate-ai-individual .image-block {
  background: white;
  flex: 1;
  max-height: 560px;
  padding: 15px;
  border-radius: 15px;
}
.illustrate-ai-individual .image-block__wrp {
  display: flex;
  justify-content: center;
}
.illustrate-ai-individual .image-block__wrp img {
  max-height: 500px;
  object-fit: contain;
}
.illustrate-ai-individual .image-block__license {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px 5px;
  margin-top: 10px;
}
.illustrate-ai-individual .image-block__license span {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.illustrate-ai-individual .image-block__license a {
  font-size: 14px;
  color: #1da1f2;
}
.illustrate-ai-individual .image-details {
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex: 1;
  background: white;
  padding: 15px;
  border-radius: 15px;
}
@media screen and (min-width: 821px) {
  .illustrate-ai-individual .image-details {
    max-width: 390px;
  }
}
@media screen and (min-width: 1100px) {
  .illustrate-ai-individual .image-details {
    max-width: 480px;
  }
}
.illustrate-ai-individual .image-details__title {
  font-size: 17px;
  font-weight: 700;
  color: #000000;
}
.illustrate-ai-individual .image-details__author {
  display: flex;
  gap: 10px;
}
.illustrate-ai-individual .image-details__author--avatar {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 100px;
}
.illustrate-ai-individual .image-details__author--name-container {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.illustrate-ai-individual .image-details__author--name {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.illustrate-ai-individual .image-details__author--link {
  font-size: 12px;
  font-weight: 600;
  color: #1DA1F2;
}
.illustrate-ai-individual .image-details__share--title {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
}
.illustrate-ai-individual .image-details__share--container {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
  position: relative;
  margin-top: 10px;
}
.illustrate-ai-individual .image-details__share--input {
  padding: 10px 15px;
  font-size: 12px;
  color: #5c5b69;
  height: 30px;
  width: 100%;
  border: 1px solid #e3e5e5;
  border-radius: 6px;
}
.illustrate-ai-individual .image-details__share--input:focus, .illustrate-ai-individual .image-details__share--input:focus-visible {
  outline: 1px solid #1da1f2;
}
.illustrate-ai-individual .image-details__share--btn {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #f0f8fe;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 6px;
  color: #1da1f2;
}
.illustrate-ai-individual .image-details__share--btn:hover {
  border: 1px solid #1da1f2;
}
.illustrate-ai-individual .image-details__share--btn svg {
  width: 16px;
  height: 16px;
}
.illustrate-ai-individual .image-details__release {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  font-size: 12px;
  color: #000000;
}
.illustrate-ai-individual .image-details__release--title {
  font-weight: 600;
}
.illustrate-ai-individual .image-details__report {
  display: flex;
  justify-content: space-between;
  padding: 20px 15px 10px 15px;
  margin: auto -15px 0 -15px;
  border-top: 1px solid #E3E5E5;
}
.illustrate-ai-individual .image-details__report--btn {
  font-size: 12px;
  font-weight: 600;
  color: #72777A;
  text-decoration: none;
}
.illustrate-ai-individual .image-details__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media screen and (max-width: 420px) {
  .illustrate-ai-individual .image-details__button {
    font-size: 12px;
  }
}
.illustrate-ai-individual .share-link {
  position: relative;
}
.illustrate-ai-individual .share-link:hover:before {
  content: attr(data-before);
  position: absolute;
  top: 2px;
  transform: translate(-115%);
  background-color: #1DA1F2;
  color: white;
  border-radius: 7px;
  padding: 5px 10px;
  font-size: 11px;
  white-space: nowrap;
}
.illustrate-ai-individual .collections-collapse {
  padding: 10px 15px;
  background: #fafafa;
  max-height: 200px;
  margin: 15px -15px 0 -15px;
  border: none;
}
.illustrate-ai-individual .collections-collapse.active {
  background: #FFFFFF;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}
.illustrate-ai-individual .meet-artist {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
.illustrate-ai-individual .meet-artist h2 {
  margin-bottom: 20px;
}
.illustrate-ai-individual .meet-artist__wrp {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  justify-items: center;
}
@media screen and (max-width: 992px) {
  .illustrate-ai-individual .meet-artist__wrp {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
@media screen and (max-width: 720px) {
  .illustrate-ai-individual .meet-artist__wrp {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.illustrate-ai-individual .meet-artist__card {
  aspect-ratio: 1/1;
  max-width: 252px;
  max-height: 252px;
  width: 100%;
  cursor: pointer;
}
@media screen and (max-width: 450px) {
  .illustrate-ai-individual .meet-artist__card {
    max-width: 150px !important;
  }
}
@media screen and (max-width: 820px) {
  .illustrate-ai-individual .meet-artist__card {
    max-width: 170px;
    max-height: 193px;
  }
}
@media screen and (max-width: 1200px) {
  .illustrate-ai-individual .meet-artist__card {
    max-width: 200px;
    max-height: 200px;
  }
}
.illustrate-ai-individual .meet-artist__card img {
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 4px;
}
.illustrate-ai-individual .meet-artist__card span {
  display: block;
  font-size: 13px;
  color: #000000;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-top: 4px;
}
.illustrate-ai-individual .meet-artist__card a {
  display: block;
}
.illustrate-ai-individual .meet-artist__author {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background: #F0F8FE;
  aspect-ratio: 252/275;
  max-width: 252px;
  max-height: 275px;
  width: 100%;
  padding: 20px;
  border-radius: 4px;
}
@media screen and (max-width: 450px) {
  .illustrate-ai-individual .meet-artist__author {
    max-width: 150px !important;
  }
}
@media screen and (max-width: 820px) {
  .illustrate-ai-individual .meet-artist__author {
    max-width: 170px;
    max-height: 193px;
  }
}
@media screen and (max-width: 1200px) {
  .illustrate-ai-individual .meet-artist__author {
    max-width: 200px;
    max-height: 200px;
  }
}
.illustrate-ai-individual .meet-artist__author img {
  aspect-ratio: 1/1;
  max-width: 144px;
  max-height: 144px;
  object-fit: cover;
  border-radius: 100px;
}
@media screen and (max-width: 820px) {
  .illustrate-ai-individual .meet-artist__author img {
    max-width: 80px;
    max-height: 80px;
  }
}
.illustrate-ai-individual .meet-artist__author span {
  display: block;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-top: 4px;
  text-align: center;
}
.illustrate-ai-individual .meet-artist__author a {
  font-size: 12px;
  color: #1DA1F2;
  font-weight: 600;
}
.illustrate-ai-individual .show-similar {
  max-width: 1100px;
  width: 100%;
  margin: 70px auto 0 auto;
}
.illustrate-ai-individual .show-similar h2 {
  margin-bottom: 20px;
}
.illustrate-ai-individual .show-similar__wrp {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  min-height: 500px;
}
.illustrate-ai-individual .show-similar__tile {
  overflow: hidden;
  cursor: pointer;
}
.illustrate-ai-individual .show-similar__tile a {
  display: block;
}

.iai-download-actions {
  display: flex;
  position: absolute;
  z-index: 1;
  flex-direction: column;
  width: 200px;
  background: white;
  padding: 20px;
  border-radius: 15px;
  border: 1px solid #e3e5e5;
  box-shadow: 0px 2px 6px 0px rgba(16, 24, 40, 0.06);
  will-change: opacity;
  transition: opacity 0.3s;
}
.iai-download-actions:not(.active) {
  opacity: 0;
  pointer-events: none;
}
.iai-download-actions__item {
  color: #404446;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  padding: 10px;
  text-align: left;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  text-decoration: none !important;
  text-decoration-line: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .iai-download-actions__item {
    will-change: color, background-color;
    transition: color 0.3s, background-color 0.3s;
  }
  .iai-download-actions__item:hover {
    color: #1DA1F2;
    background: #F7F9FA;
    border-radius: 10px;
  }
}

.iai-download-button {
  position: relative;
  text-decoration: none;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.tw-relative{
  position: relative;
}
.tw-top-20{
  top: 5rem;
}
.tw-mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.tw-my-24{
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.tw-my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.tw-my-\[1rem\]{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.tw-my-\[5rem\]{
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.tw-my-\[6rem\]{
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.tw-mb-0{
  margin-bottom: 0px;
}
.tw-mb-12{
  margin-bottom: 3rem;
}
.tw-mb-2{
  margin-bottom: 0.5rem;
}
.tw-mb-20{
  margin-bottom: 5rem;
}
.tw-mb-4{
  margin-bottom: 1rem;
}
.tw-mb-6{
  margin-bottom: 1.5rem;
}
.tw-mb-\[1\.3rem\]{
  margin-bottom: 1.3rem;
}
.tw-mb-\[12rem\]{
  margin-bottom: 12rem;
}
.tw-mb-\[14rem\]{
  margin-bottom: 14rem;
}
.tw-mb-\[2rem\]{
  margin-bottom: 2rem;
}
.tw-mb-\[3rem\]{
  margin-bottom: 3rem;
}
.tw-mb-\[4rem\]{
  margin-bottom: 4rem;
}
.tw-mb-\[8rem\]{
  margin-bottom: 8rem;
}
.tw-ml-\[7px\]{
  margin-left: 7px;
}
.tw-mr-8{
  margin-right: 2rem;
}
.tw-mr-\[\.7rem\]{
  margin-right: .7rem;
}
.tw-mr-\[9px\]{
  margin-right: 9px;
}
.tw-mt-3{
  margin-top: 0.75rem;
}
.tw-mt-8{
  margin-top: 2rem;
}
.tw-mt-\[-3rem\]{
  margin-top: -3rem;
}
.tw-mt-\[-5px\]{
  margin-top: -5px;
}
.tw-mt-\[3rem\]{
  margin-top: 3rem;
}
.tw-inline-block{
  display: inline-block;
}
.tw-flex{
  display: flex;
}
.tw-grid{
  display: grid;
}
.tw-h-\[10rem\]{
  height: 10rem;
}
.tw-h-\[2rem\]{
  height: 2rem;
}
.tw-h-\[5\.8rem\]{
  height: 5.8rem;
}
.tw-h-full{
  height: 100%;
}
.tw-h-px{
  height: 1px;
}
.tw-min-h-\[5\.6rem\]{
  min-height: 5.6rem;
}
.tw-w-\[10rem\]{
  width: 10rem;
}
.tw-w-\[20\.3rem\]{
  width: 20.3rem;
}
.tw-w-\[2rem\]{
  width: 2rem;
}
.tw-w-\[30rem\]{
  width: 30rem;
}
.tw-w-\[40rem\]{
  width: 40rem;
}
.tw-w-fit{
  width: fit-content;
}
.tw-w-full{
  width: 100%;
}
.tw-flex-shrink{
  flex-shrink: 1;
}
.tw-flex-grow{
  flex-grow: 1;
}
.tw-cursor-pointer{
  cursor: pointer;
}
.tw-scroll-mt-24{
  scroll-margin-top: 6rem;
}
.tw-list-inside{
  list-style-position: inside;
}
.tw-flex-col{
  flex-direction: column;
}
.tw-flex-wrap{
  flex-wrap: wrap;
}
.tw-items-start{
  align-items: flex-start;
}
.tw-items-center{
  align-items: center;
}
.tw-justify-start{
  justify-content: flex-start;
}
.tw-justify-center{
  justify-content: center;
}
.tw-justify-between{
  justify-content: space-between;
}
.tw-gap-24{
  gap: 6rem;
}
.tw-gap-4{
  gap: 1rem;
}
.tw-gap-6{
  gap: 1.5rem;
}
.tw-break-words{
  overflow-wrap: break-word;
}
.tw-rounded{
  border-radius: 0.25rem;
}
.tw-rounded-lg{
  border-radius: 0.5rem;
}
.tw-rounded-md{
  border-radius: 0.375rem;
}
.\!tw-rounded-b-\[2rem\]{
  border-bottom-right-radius: 2rem !important;
  border-bottom-left-radius: 2rem !important;
}
.tw-rounded-b-\[2rem\]{
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
}
.tw-rounded-l-md{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.tw-rounded-r-md{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.tw-border-0{
  border-width: 0px;
}
.tw-border-\[0\]{
  border-width: 0;
}
.tw-border-\[1px\]{
  border-width: 1px;
}
.tw-border-b-2{
  border-bottom-width: 2px;
}
.tw-border-t{
  border-top-width: 1px;
}
.tw-border-t-\[5px\]{
  border-top-width: 5px;
}
.tw-border-solid{
  border-style: solid;
}
.tw-border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.tw-border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.tw-border-neutral-100{
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity));
}
.tw-border-plus-yellow{
  --tw-border-opacity: 1;
  border-color: rgb(254 195 79 / var(--tw-border-opacity));
}
.tw-border-opacity-100{
  --tw-border-opacity: 1;
}
.tw-bg-\[\#EEEEEE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
.tw-bg-\[\#FEC34F4D\]{
  background-color: #FEC34F4D;
}
.tw-bg-\[\#FEC34F\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 195 79 / var(--tw-bg-opacity));
}
.tw-bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.tw-bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.tw-bg-\[radial-gradient\(ellipse_at_top_left\,_var\(--tw-gradient-stops\)\)\]{
  background-image: radial-gradient(ellipse at top left, var(--tw-gradient-stops));
}
.tw-bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.tw-from-\[\#F0AC01\]{
  --tw-gradient-from: #F0AC01 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 172 1 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.tw-from-\[\#f0ac010f\]{
  --tw-gradient-from: #f0ac010f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 172 1 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.tw-via-\[\#fefefe\]{
  --tw-gradient-to: rgb(254 254 254 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fefefe var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.tw-to-\[\#EB8510\]{
  --tw-gradient-to: #EB8510 var(--tw-gradient-to-position);
}
.tw-to-\[\#fefefe\]{
  --tw-gradient-to: #fefefe var(--tw-gradient-to-position);
}
.tw-bg-\[length\:100\%\]{
  background-size: 100%;
}
.tw-bg-clip-text{
  background-clip: text;
}
.tw-p-12{
  padding: 3rem;
}
.tw-p-4{
  padding: 1rem;
}
.tw-p-\[1rem\]{
  padding: 1rem;
}
.tw-p-\[3rem\]{
  padding: 3rem;
}
.tw-px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.tw-px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.tw-px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.tw-px-\[1rem\]{
  padding-left: 1rem;
  padding-right: 1rem;
}
.tw-px-\[2rem\]{
  padding-left: 2rem;
  padding-right: 2rem;
}
.tw-px-\[3rem\]{
  padding-left: 3rem;
  padding-right: 3rem;
}
.tw-py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.tw-py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.tw-py-\[\.5rem\]{
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.tw-py-\[2rem\]{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.tw-pb-\[1\.5rem\]{
  padding-bottom: 1.5rem;
}
.tw-pb-\[4rem\]{
  padding-bottom: 4rem;
}
.tw-pb-\[7rem\]{
  padding-bottom: 7rem;
}
.tw-pt-0{
  padding-top: 0px;
}
.tw-pt-\[1\.5rem\]{
  padding-top: 1.5rem;
}
.tw-pt-\[3\.5rem\]{
  padding-top: 3.5rem;
}
.tw-pt-\[5rem\]{
  padding-top: 5rem;
}
.tw-pt-\[6\.5rem\]{
  padding-top: 6.5rem;
}
.tw-text-center{
  text-align: center;
}
.tw-indent-\[-1000rem\]{
  text-indent: -1000rem;
}
.tw-text-2xl{
  font-size: 1.8rem;
}
.tw-text-\[1\.2rem\]{
  font-size: 1.2rem;
}
.tw-text-\[1\.4rem\]{
  font-size: 1.4rem;
}
.tw-text-\[1\.5rem\]{
  font-size: 1.5rem;
}
.tw-text-\[1\.6rem\]{
  font-size: 1.6rem;
}
.tw-text-\[1\.8rem\]{
  font-size: 1.8rem;
}
.tw-text-\[2\.4rem\]{
  font-size: 2.4rem;
}
.tw-text-\[2\.5rem\]{
  font-size: 2.5rem;
}
.tw-text-\[2rem\]{
  font-size: 2rem;
}
.tw-text-\[3rem\]{
  font-size: 3rem;
}
.tw-text-\[4\.6rem\]{
  font-size: 4.6rem;
}
.tw-text-\[4\.8rem\]{
  font-size: 4.8rem;
}
.tw-text-\[5rem\]{
  font-size: 5rem;
}
.tw-text-sm{
  font-size: 1.2rem;
}
.tw-text-xl{
  font-size: 1.6rem;
}
.tw-font-\[1\.4rem\]{
  font-weight: 1.4rem;
}
.tw-font-\[100\]{
  font-weight: 100;
}
.tw-font-bold{
  font-weight: 700;
}
.tw-font-medium{
  font-weight: 500;
}
.tw-font-semibold{
  font-weight: 600;
}
.tw-leading-\[4rem\]{
  line-height: 4rem;
}
.tw-leading-normal{
  line-height: 1.5;
}
.tw-tracking-wide{
  letter-spacing: 0.025em;
}
.tw-text-\[\#999\]{
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.tw-text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.tw-text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.tw-text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.tw-text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.tw-text-transparent{
  color: transparent;
}
.tw-text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.tw-line-through{
  text-decoration-line: line-through;
}
.tw-shadow-plusBoxShadow{
  --tw-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 64.8148px 46.8519px rgba(0, 0, 0, 0.0531481), 0px 38.5185px 25.4815px rgba(0, 0, 0, 0.0425185), 0px 20px 13px rgba(0, 0, 0, 0.035), 0px 8.14815px 6.51852px rgba(0, 0, 0, 0.0274815), 0px 1.85185px 3.14815px rgba(0, 0, 0, 0.0168519);
  --tw-shadow-colored: 0px 100px 80px var(--tw-shadow-color), 0px 64.8148px 46.8519px var(--tw-shadow-color), 0px 38.5185px 25.4815px var(--tw-shadow-color), 0px 20px 13px var(--tw-shadow-color), 0px 8.14815px 6.51852px var(--tw-shadow-color), 0px 1.85185px 3.14815px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-plusBoxShadow-light{
  --tw-shadow: 0px -4px 20px rgba(0, 0, 0, 0.04), 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 64.8148px 46.8519px rgba(0, 0, 0, 0.0531481), 0px 38.5185px 25.4815px rgba(0, 0, 0, 0.0425185), 0px 20px 13px rgba(0, 0, 0, 0.035), 0px 8.14815px 6.51852px rgba(0, 0, 0, 0.0274815), 0px 1.85185px 3.14815px rgba(0, 0, 0, 0.0168519);
  --tw-shadow-colored: 0px -4px 20px var(--tw-shadow-color), 0px 100px 80px var(--tw-shadow-color), 0px 64.8148px 46.8519px var(--tw-shadow-color), 0px 38.5185px 25.4815px var(--tw-shadow-color), 0px 20px 13px var(--tw-shadow-color), 0px 8.14815px 6.51852px var(--tw-shadow-color), 0px 1.85185px 3.14815px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-translate-z-0{
  --tw-translate-z: 0px;
  transform:  translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-backface-hidden{
  backface-visibility: hidden;
}
.tw-backgroundClipWebkit{
  -webkit-background-clip: text;
}
.no-bs__table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-spacing: 0;
  border-collapse: collapse;
}
.no-bs__table.-table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #f9f9f9;
}
.no-bs__table > tbody > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.no-bs__table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  padding: 8px;
  line-height: 1.42857143;
}
.no-bs__table > thead > tr > th:not(.-u-align-center) {
  text-align: left;
}
.no-bs__table > thead:first-child > tr:first-child > th {
  border-top: 0;
}

.no-bs__nav {
  display: flex;
  border-bottom: 1px solid #ddd;
}
.no-bs__nav__item {
  cursor: pointer;
  margin-bottom: -1px;
  display: block;
  padding: 10px 15px;
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.no-bs__nav__item:hover {
  text-decoration: none;
  background-color: #eee;
}
.no-bs__nav__item.-active {
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: rgb(221, 221, 221);
  border-bottom-color: transparent;
}

.no-bs__dropdown {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.no-bs__dropdown__toggle {
  color: #7f7f7f;
}
@media (max-width: 414px) {
  .no-bs__dropdown__toggle {
    flex: 1;
  }
}
.no-bs__dropdown__toggle:after {
  content: "";
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
  width: 10px;
  height: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4zLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDcgNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNyA0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojN0I3QTg2O30NCjwvc3R5bGU+DQo8ZyBpZD0iTGF5ZXJfMiI+DQo8L2c+DQo8ZyBpZD0iTGF5ZXJfMSI+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMuNSw0TDAsMC43bDAuNi0wLjZsMi44LDIuN0w2LjQsMEw3LDAuNkwzLjUsNHoiLz4NCjwvZz4NCjwvc3ZnPg==");
}
.no-bs__dropdown__toggle:active, .no-bs__dropdown__toggle[aria-expanded=true] {
  color: #000000;
  background-color: #ebebeb;
  border-color: #cccccc;
}
.no-bs__dropdown__list {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-color: #fafafa;
}
.no-bs__dropdown__link {
  cursor: pointer;
  display: block;
  padding: 3px 20px;
  line-height: 1.42857143;
  clear: both;
  font-weight: 400;
  color: #000000;
  white-space: nowrap;
  text-decoration: none;
}
.no-bs__dropdown__link.-selected:not(:hover) {
  color: #ffffff;
}
.no-bs__dropdown__link:hover {
  background-color: #ebebeb;
  text-decoration: none;
}
.no-bs__dropdown__divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #ebebeb;
}
.no-bs__dropdown.-expanded .no-bs__dropdown__list {
  display: block;
}
.no-bs__dropdown.-align-right {
  justify-content: flex-end;
}
.no-bs__dropdown.-align-right .no-bs__dropdown__list {
  left: auto;
  right: 0;
}

.collection-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
}
.collection-links .btn-primary {
  margin-top: 10px;
}
.collection-links__item {
  border-radius: 50px;
  border: 0 !important;
  background-color: #eee;
  color: #000 !important;
  margin: 0 4px;
  padding: 10px 17px 9px 17px;
  display: flex;
  align-items: center;
}
.collection-links__item:hover {
  background-color: #999 !important;
}
@media (max-width: 991px) {
  .collection-links {
    justify-content: flex-start;
    padding-top: 10px;
  }
  .collection-links__item {
    margin-bottom: 10px;
  }
}

.phone-submit {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .phone-submit {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.phone-submit__title {
  font-size: 1rem;
  color: #ffffff;
  font-weight: bold;
}
@media (max-width: 767px) {
  .phone-submit__title {
    margin-top: 15px !important;
  }
}
.phone-submit__submit {
  border: 0;
  font-weight: bold;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.phone-submit__submit.-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  border: 0 !important;
}
.phone-submit__form {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  padding: 4px;
  transition: box-shadow ease 200ms;
}
@media (max-width: 414px) {
  .phone-submit__form {
    width: 100%;
  }
}
.phone-submit__form.-focus {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff;
}
.phone-submit__form__wrapper {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
}
.phone-submit__form .phone-selector__selected::after {
  color: #ffffff;
}
.phone-submit__form input {
  background-color: transparent;
  border: 0;
  color: #ffffff;
  font-weight: bold;
  max-width: 200px;
}
.phone-submit__form input::placeholder {
  color: #ffffff;
}
.phone-submit__form input:focus {
  outline: none;
  border: 0;
  box-shadow: none;
}

.plus-purchases-popup .purchase-product {
  background: #ffffff;
  overflow: auto;
}
.plus-purchases-popup .purchase-product .img {
  width: 277px;
  float: left;
}
@media (max-width: 1199px) {
  .plus-purchases-popup .purchase-product .img {
    float: none;
    width: 100%;
  }
}
.plus-purchases-popup .purchase-product .content {
  margin-left: 322px;
  padding: 13px 19px 15px 0;
}
@media (max-width: 1199px) {
  .plus-purchases-popup .purchase-product .content {
    margin-left: 0;
    padding: 15px;
  }
}
.plus-purchases-popup .purchase-product .content .title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
.plus-purchases-popup .purchase-product .content .title span {
  width: 0;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.plus-purchases-popup .purchase-product .content .lic {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 1px;
}
.plus-purchases-popup .purchase-product .content .lic:before {
  content: "";
  margin-right: 0.5rem;
  width: 16px;
  height: 13px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
}
.plus-purchases-popup .purchase-product .content .lic-d {
  opacity: 0.7;
  margin-bottom: 12px;
}
.plus-purchases-popup .purchase-product .content .date {
  opacity: 0.7;
  margin-bottom: 17px;
}
.plus-purchases-popup .purchase-product.premium .content .lic {
  color: #ED9508;
}
.plus-purchases-popup .purchase-product.premium .content .lic:before {
  background-image: url("https://fbcd.co/images/plus/icons/plus-stars.svg");
}
.plus-purchases-popup .purchase-product.corporate .content .lic {
  color: #FF0039;
}
.plus-purchases-popup .purchase-product.corporate .content .lic:before {
  background-image: url("https://fbcd.co/images/plus/icons/plus-user.svg");
}
.plus-purchases-popup .files .vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.plus-purchases-popup .files .row {
  padding: 16px 0;
  font-size: 0;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.plus-purchases-popup .files .row .-btn-download-again {
  background-color: #1c9cd2;
  color: white;
}
.plus-purchases-popup .files .row .-btn-download-again:hover {
  background-color: #146789;
}
.plus-purchases-popup .files .row .title {
  font-size: 14px;
  padding: 0;
}
.plus-purchases-popup .files .row .title span {
  color: #999;
}
.plus-purchases-popup .files .row .button {
  padding: 0;
}
.plus-purchases-popup .files .row .button .btn {
  width: 157px;
  color: white;
  font-weight: 600;
  border-radius: 4px;
  height: 36px;
  outline: none;
}
.plus-purchases-popup .files .row .button .btn.btn-all {
  background-image: linear-gradient(to right, #EFAB00, #EB850F);
  box-shadow: 0 4px 12px rgba(217, 137, 10, 0.28);
}
.plus-purchases-popup .files .row .button .btn.btn-item {
  color: #f7941d;
  border: 1px solid #f7941d;
}
.plus-purchases-popup .files .row .button .btn:hover {
  opacity: 0.9;
}

@media (min-width: 992px) {
  .plus-trial-download-overflow__modal .modal-dialog {
    max-width: 700px;
    width: 100%;
  }
}
.plus-trial-download-overflow__modal .modal-body {
  position: relative;
}
.plus-trial-download-overflow__bg {
  padding: 40px 65px;
  border-radius: 10px;
  background-image: url("https://fbcd.co/images/pages/plus/feedback-popup/plus-feedback-bg-1.0.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}
.plus-trial-download-overflow__content {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: height 200ms ease;
}

.plus-upgrade-modal .modal-dialog {
  max-width: 880px;
}
.plus-upgrade-modal__box {
  padding: 63px 80px 75px;
  border-radius: 10px;
  background-image: url(https://fbcd.co/images/pages/plus/feedback-popup/plus-feedback-bg-1.0.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}
.plus-upgrade-modal__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.plus-upgrade-modal__title {
  overflow: hidden;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}
.plus-upgrade-modal .info-banner {
  padding: 0 11px 9px;
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  align-items: center;
  background: #FFFBF5;
  border: 1px solid #FFD188;
  box-sizing: border-box;
  box-shadow: 0 4px 8px rgba(255, 168, 0, 0.15);
  border-radius: 7px;
}
.plus-upgrade-modal .info-banner__price-bar {
  margin-top: 7px;
}
.plus-upgrade-modal .info-banner__text {
  text-align: center;
  font-size: 17px;
  line-height: 20px;
  font-weight: 400;
}
.plus-upgrade-modal .info-banner__price {
  color: #FFA800;
  font-weight: bold;
  font-size: 30px;
  line-height: 37px;
}
.plus-upgrade-modal .info-banner__period {
  color: #a8a8a8;
  font-size: 16px;
}
.plus-upgrade-modal .info-banner::before {
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 13px 141px 0 141px;
  border-color: #FFD188 transparent transparent transparent;
  padding-bottom: 18px;
}
.plus-upgrade-modal .info-banner::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-image: url(https://fbcd.co/images/plus/membership-types/gold-badge.svg);
  width: 50px;
  height: 50px;
  top: 116px;
}
.plus-upgrade-modal__description-block {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.plus-upgrade-modal__img-block {
  background-size: cover;
  min-width: 241px;
  min-height: 239px;
  margin-top: 12px;
  background-image: url("https://fbcd.co/images/pages/plus/top-up-credits/plus-discounts.1.0.png");
}
.plus-upgrade-modal__description-list {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  margin: 41px 0 0 31px;
}
.plus-upgrade-modal__description-list i {
  margin-right: 5px;
  color: #FFA800;
}
.plus-upgrade-modal__button-box {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.plus-upgrade-modal__button {
  padding: 11px 60px 12px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .plus-upgrade-modal__box {
    padding: 53px 28px 28px;
  }
  .plus-upgrade-modal .info-banner {
    margin-top: 44px;
    padding: 0 18px 22px;
  }
  .plus-upgrade-modal .info-banner__price-bar {
    margin-top: 12px;
  }
  .plus-upgrade-modal .info-banner::before {
    padding-bottom: 25px;
  }
  .plus-upgrade-modal .info-banner::after {
    top: 101px;
  }
}
@media (max-width: 767px) and (max-width: 410px) {
  .plus-upgrade-modal .info-banner::after {
    top: 127px;
  }
}
@media (max-width: 767px) {
  .plus-upgrade-modal__description-list {
    margin: 27px 0 0;
  }
  .plus-upgrade-modal__button {
    margin-top: 29px;
  }
  .plus-upgrade-modal__button-box {
    justify-content: center;
  }
  .plus-upgrade-modal__img-block {
    min-width: 178px;
    min-height: 176px;
    margin-top: 10px;
  }
}

.top-up-credits-modal .modal-dialog {
  max-width: 1000px;
}
.top-up-credits-modal__box {
  border-radius: 10px;
  background-image: url(https://fbcd.co/images/pages/plus/feedback-popup/plus-feedback-bg-1.0.png);
  background-size: 120%;
  background-position: right bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}
.top-up-credits-modal__content {
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.top-up-credits-modal__title {
  font-weight: bold;
  font-size: 24px;
  line-height: 45px;
}
.top-up-credits-modal__title .-gold-text {
  color: #FFA800;
}
.top-up-credits-modal__img-block {
  min-width: 342px;
  min-height: 290px;
  background-size: cover;
  margin-top: 6px;
  background-image: url("https://fbcd.co/images/pages/plus/top-up-credits/plus-credits.1.0.png");
}
.top-up-credits-modal__info-text {
  font-weight: 400;
  word-wrap: break-word;
  font-size: 16px;
  line-height: 30px;
  color: #5B5B5B;
}
.top-up-credits-modal__info-wrapper {
  margin: 67px 0 0 10px;
}
.top-up-credits-modal__info-block {
  display: flex;
}
.top-up-credits-modal__amount-list {
  font-weight: bold;
  display: flex;
  justify-content: space-evenly;
  margin-top: 26px;
  font-size: 24px;
  line-height: 33px;
  color: #FFA800;
}
.top-up-credits-modal__amount-list-item {
  display: none;
}
.top-up-credits-modal__amount-list-item:checked + label .top-up-credits-modal__credit-option {
  background: linear-gradient(180deg, #EFAB00 0%, #EB850F 100%);
  border-radius: 4.7px;
  box-shadow: 0 4px 8px rgba(255, 168, 0, 0.15);
  color: #FFFFFF;
}
.top-up-credits-modal__amount-list-item:checked + label .top-up-credits-modal__credits-link {
  color: #A2A2A2;
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  margin: 6px auto 0;
}
.top-up-credits-modal__amount-list .top-up-credits-modal__credit-option {
  width: 65px;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFBF5;
  border: 1px solid #FFD188;
  box-shadow: 0 4px 8px rgba(255, 168, 0, 0.15);
  border-radius: 7px;
}
.top-up-credits-modal__credits-link {
  display: none;
}
.top-up-credits-modal__button-box {
  justify-content: flex-end;
  display: flex;
  width: 100%;
}
.top-up-credits-modal__credits-link, .top-up-credits-modal__credit-option {
  cursor: pointer;
}
.top-up-credits-modal__button {
  padding: 11px 60px 12px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
}
@media (max-width: 830px) {
  .top-up-credits-modal__amount-list {
    font-size: 22px;
  }
  .top-up-credits-modal__amount-list .top-up-credits-modal__credit-option {
    margin: 0;
    width: 55px;
    height: 55px;
  }
}
@media (max-width: 767px) {
  .top-up-credits-modal__box {
    background-size: 190%;
  }
  .top-up-credits-modal__content {
    padding: 52px 26px 30px;
    text-align: center;
  }
  .top-up-credits-modal__title {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
  }
  .top-up-credits-modal__info-block {
    flex-direction: column;
  }
  .top-up-credits-modal__info-text {
    font-size: 13px;
    line-height: 16px;
  }
  .top-up-credits-modal__info-wrapper {
    margin: 30px 0 0;
  }
  .top-up-credits-modal__button {
    margin: 18px 0 15px;
    padding: 11px 78px 12px;
  }
  .top-up-credits-modal__button-box {
    justify-content: center;
  }
  .top-up-credits-modal__credits-link {
    font-size: 12px;
    line-height: 30px;
  }
  .top-up-credits-modal__img-block {
    width: 208px;
    height: 180px;
  }
  .top-up-credits-modal__amount-list {
    justify-content: space-evenly;
    font-size: 18px;
    line-height: 22px;
  }
  .top-up-credits-modal__amount-list .top-up-credits-modal__credit-option {
    width: 47px;
    height: 47px;
  }
}

.plus-promo {
  display: none;
}
.plus-promo__content {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 3rem;
  background-color: #000000;
  border-radius: 5px;
  color: #ffffff;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("https://fbcd.co/images/pages/search/plus-redirect-banner-1.1.jpg");
}
@media (max-width: 414px) {
  .plus-promo__content {
    padding: 2rem;
  }
}
@media (max-width: 767px) {
  .plus-promo__content {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    background-image: url("https://fbcd.co/images/pages/search/plus-redirect-banner-mobile-1.0.jpg");
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .plus-promo__content {
    padding: 1rem 2rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .plus-promo__content {
    padding: 1rem 2rem;
  }
}
.plus-promo__title {
  font-size: 2.4rem;
  line-height: 1;
  text-transform: uppercase;
  align-items: center;
}
@media (max-width: 414px) {
  .plus-promo__title {
    justify-content: center;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .plus-promo__title {
    justify-content: center;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .plus-promo__title {
    font-size: 2rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .plus-promo__title {
    font-size: 2rem;
  }
}
.plus-promo__title img {
  max-height: 1.9rem;
  margin: 0 5px 1px 5px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .plus-promo__title img {
    max-height: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .plus-promo__title img {
    max-height: 1.5rem;
  }
}
.plus-promo__buttons {
  flex-direction: row;
}
@media (max-width: 414px) {
  .plus-promo__buttons {
    flex-direction: column;
    margin-top: 2rem;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .plus-promo__buttons {
    margin-top: 10px;
    justify-content: center;
  }
}
@media (max-width: 414px) {
  .plus-promo__buttons .btn-primary + .btn-primary {
    margin-left: 0;
    margin-top: 10px;
  }
}

.plus-upsell__content {
  background: linear-gradient(335deg, rgb(255, 231, 201) 0%, rgb(255, 255, 255) 30%);
}
.plus-upsell__modal {
  padding: 40px 50px;
  text-align: center;
}
.plus-upsell__title {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.3em;
  text-align: center;
}
.plus-upsell__heading {
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 15px;
  text-align: center;
}
.plus-upsell__list {
  margin-bottom: 20px;
}
.plus-upsell__list li {
  color: #999;
  line-height: 130%;
  padding: 10px 0;
}
.plus-upsell__img {
  width: 250px;
  margin: 15px 0 10px 0;
  border-radius: 10px;
}
.plus-upsell__divider {
  background: url(https://fbcd.co/images/plus/icons/plus-crown-grey.svg) no-repeat 100%/100%;
  height: 28px;
  margin: 10px auto;
  position: relative;
  width: 28px;
}
.plus-upsell__divider:before {
  background-color: #ddd;
  content: "";
  display: inline-block;
  height: 1px;
  position: absolute;
  right: 48px;
  top: 14px;
  width: 150px;
}
.plus-upsell__divider:after {
  background-color: #ddd;
  content: "";
  display: inline-block;
  height: 1px;
  left: 48px;
  position: absolute;
  top: 14px;
  width: 150px;
}
.plus-upsell__subtext {
  color: #999;
  margin-top: 10px;
  font-size: 0.9em;
}
.plus-upsell__sublink {
  margin-top: 20px;
  font-size: 0.9em;
}
.plus-upsell__sublink a {
  background: #f44644;
  color: white;
  padding: 8px;
  font-size: 13px;
  border-radius: 7px;
  text-decoration: none;
}
@media (max-width: 414px) {
  .plus-upsell__modal {
    padding: 30px 20px;
  }
  .plus-upsell__divider::before, .plus-upsell__divider::after {
    width: 50px;
  }
}

.error_h1 {
  font-size: 100px !important;
}

/*  # Contents 

    ## About Page

    ======
    About Page
    ======
*/
.new-about-page .about-white {
  background: #fff url("https://fbcd.co/images/about-white-transition.jpg") no-repeat -160px 90px;
  text-align: right;
  padding: 25px 0 35px;
  background-size: 1200px;
}
.new-about-page .about-white h1 {
  color: #ff0042;
  font-size: 28px;
}
.new-about-page .about-white h2 {
  color: #adadad;
  font-size: 18px;
}
.new-about-page .about-white-padding {
  padding: 0 150px;
}
.new-about-page .about-grey {
  background: #f8f8f8;
}
.new-about-page .about-grey h3 {
  color: #ff0042;
  font-size: 21px;
  font-weight: bold;
  padding: 0 247px;
  margin-top: -30px;
}
.new-about-page .img-2-1 {
  margin: -10px 0px -50px;
}
.new-about-page .about-img-1 {
  margin-left: 16px;
}
.new-about-page .about-img-2 {
  margin-right: 16px;
}
.new-about-page .about-img-2-1 {
  display: none;
}
.new-about-page .about-img-3-1 {
  display: none;
}
.new-about-page .about-img-3 {
  margin-left: 64px;
}
.new-about-page .about-second-text {
  text-align: right;
}
.new-about-page .about-h2-1 {
  margin-top: 160px;
}
.new-about-page .about-h2-2 {
  margin-top: 80px;
}
.new-about-page .about-h2-3 {
  margin-top: 100px;
}
.new-about-page .about-fill-box {
  background: red;
  width: 580px;
  height: 9px;
  margin-left: 186px;
}
.new-about-page .about-fill-box-2 {
  background: #4cb2ef;
  width: 580px;
  height: 9px;
  margin-left: 186px;
}
.new-about-page .meet-team {
  color: #10cc68 !important;
  padding: 0 123px !important;
  margin-top: 5px !important;
}
.new-about-page .hotspot {
  cursor: pointer;
}
.new-about-page .hotspot-1 {
  height: 230px;
  width: 140px;
  position: absolute;
  top: 26px;
  left: 651px;
}
.new-about-page .hotspot-2 {
  height: 192px;
  width: 185px;
  position: absolute;
  top: 124px;
  left: 796px;
}
.new-about-page .hotspot-3 {
  height: 200px;
  width: 185px;
  position: absolute;
  top: 347px;
  left: 865px;
}
.new-about-page .hotspot-4 {
  height: 180px;
  width: 146px;
  position: absolute;
  top: 487px;
  left: 700px;
}
.new-about-page .hotspot-5 {
  height: 134px;
  width: 127px;
  position: absolute;
  top: 362px;
  left: 598px;
}
.new-about-page .hotspot-6 {
  height: 159px;
  width: 127px;
  position: absolute;
  top: 369px;
  left: 388px;
}
.new-about-page .hotspot-7 {
  height: 209px;
  width: 127px;
  position: absolute;
  top: 50px;
  left: 450px;
}
.new-about-page .hotspot-8 {
  height: 189px;
  width: 127px;
  position: absolute;
  top: 161px;
  left: 307px;
}
.new-about-page .hotspot-9 {
  height: 209px;
  width: 127px;
  position: absolute;
  top: 225px;
  left: 177px;
}
.new-about-page .hotspot-10 {
  height: 209px;
  width: 127px;
  position: absolute;
  top: 450px;
  left: 180px;
}
.new-about-page .hotspot-text {
  color: #ffffff;
  font-size: 24px;
  text-shadow: 1px 1px 12px #000;
  margin-top: 30px;
  position: absolute;
  width: 200px;
  margin-left: 0;
  opacity: 0;
  text-align: left;
  left: 120px;
  pointer-events: none;
}
.new-about-page .hotspot-text-2 {
  color: #ffffff;
  font-size: 24px;
  text-shadow: 1px 1px 12px #000;
  margin-top: 55px;
  position: absolute;
  width: 200px;
  margin-left: 0;
  opacity: 0;
  text-align: left;
  left: 120px;
  pointer-events: none;
}
.new-about-page .team-vision-div {
  overflow: hidden;
}
.new-about-page .team-vision-div img {
  width: 1008px;
}
.new-about-page .hotspot-left {
  left: -200px;
  text-align: right;
}
.new-about-page .hotspot:hover .hotspot-text {
  opacity: 1;
  animation: slide-left 0.2s ease-out;
}
.new-about-page .hotspot:hover .hotspot-text-2 {
  opacity: 1;
  animation: slide-right 0.4s ease-out;
}
@keyframes slide-left {
  from {
    margin-left: 71px;
    opacity: 0;
  }
  to {
    margin-left: 0;
    opacity: 1;
  }
}
@keyframes slide-right {
  from {
    margin-left: -49px;
    opacity: 0;
  }
  50% {
    margin-left: -49px;
    opacity: 0;
  }
  to {
    margin-left: 0;
    opacity: 1;
  }
}
.new-about-page .btn-soc {
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  margin-top: 4px;
}
.new-about-page .btn-fb-1 {
  background: #0862b3;
}
.new-about-page .btn-fb-1 i {
  margin-right: 5px;
}
.new-about-page .btn-tw-1 {
  background: #44abe2;
}
.new-about-page .btn-tw-1 i {
  margin-right: 5px;
}
.new-about-page .btn-in-1 {
  background: #7544e2;
}
.new-about-page .btn-in-1 i {
  margin-right: 5px;
}
.new-about-page .btn-pn-1 {
  background: red;
}
.new-about-page .btn-pn-1 i {
  margin-right: 5px;
}
.new-about-page .btn-wb-1 {
  background: #72bd5d;
}
.new-about-page .btn-wb-1 i {
  margin-right: 5px;
}
.new-about-page .community-row {
  margin-bottom: 50px;
}
.new-about-page h2 a {
  color: #b1b1b1 !important;
}
.new-about-page #timeline {
  position: relative;
  top: -50px;
}
.new-about-page #team {
  position: relative;
  top: -50px;
}
.new-about-page #community {
  position: relative;
  top: -50px;
}

@media only screen and (max-width: 1200px) {
  .new-about-page .about-white {
    background-image: none;
  }
  .new-about-page .about-grey h3 {
    margin-top: 20px;
    padding: 0 153px;
  }
  .new-about-page .res-center {
    text-align: center;
  }
  .new-about-page .hotspot {
    margin-left: -65px;
  }
}
@media only screen and (max-width: 991px) {
  .timeline-center {
    text-align: center;
  }
  .new-about-page .about-h2-1 {
    margin-top: -40px;
  }
  .new-about-page .about-img-1 {
    margin: auto;
  }
  .new-about-page .about-img-2 {
    margin-left: 0;
  }
  .new-about-page .img-2-1 {
    text-align: center;
  }
  .new-about-page .img-3-1 {
    text-align: center;
  }
  .new-about-page .about-img-2 {
    display: none;
  }
  .new-about-page .about-img-2-1 {
    display: inline-block;
    margin-top: 50px;
  }
  .new-about-page .about-img-3 {
    display: none;
  }
  .new-about-page .about-img-3-1 {
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .new-about-page .meet-team {
    margin-top: 50px !important;
    margin-bottom: 50px;
    padding: 0 !important;
  }
  .new-about-page .about-second-text {
    text-align: left;
  }
  .new-about-page .about-white-padding {
    padding: 0 20px;
  }
  .new-about-page .about-h2-3 {
    margin-top: 0;
  }
}
@media only screen and (max-width: 600px) {
  .new-about-page .about-grey h3 {
    text-align: center;
    padding: 0;
  }
  .new-about-page .btn-soc {
    width: 100%;
    font-size: 18px;
    white-space: normal;
  }
}
@media only screen and (max-width: 400px) {
  .new-about-page .about-grey h3 {
    text-align: center;
    padding: 0;
  }
}
.affiliate .ellipsis {
  overflow: hidden;
}

.backtoproducts {
  cursor: pointer;
  color: #337ab7;
  margin-top: -6px;
}

.affBox {
  padding: 5px;
  color: #fff;
  border-radius: 2px;
}

.clicks-box {
  background: #585858;
}

.users-box {
  background: #ed484a;
}

.currentUsers-box {
  background: #6948ed;
}

.purchases-box {
  background: #1ba8e2;
}

.income-box {
  background: #55c500;
}

.aff-new-box {
  background: #f0f0f0;
  padding: 20px 0;
}

.aff-bg-nice__title {
  color: #ffffff;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
}
.aff-bg-nice__content {
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  .aff-bg-nice__content {
    flex-direction: column;
  }
}
.aff-bg-nice__content__item {
  padding: 2.5px;
  text-align: center;
  color: #fff;
}
.aff-bg-nice__content__item h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: inherit;
}
.aff-bg-nice__content__item h3 {
  margin-bottom: 10px;
  line-height: 1;
  font-size: 2.4rem;
  font-weight: 500;
  color: inherit;
}
.aff-bg-nice__content__item-wrapper {
  flex-shrink: 0;
  flex-basis: 15%;
  padding: 0 10px;
}
@media (max-width: 991px) {
  .aff-bg-nice__content__item-wrapper {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100%;
    padding: 10px 0;
  }
}

.aff-box {
  background: #fff;
  padding: 20px;
  box-shadow: 0 0 20px -2px #cecece;
}
@media (max-width: 767px) {
  .aff-box > .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .aff-box > .row.-margin-fix {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .aff-box {
    padding: 20px 0;
  }
}

.new-body.affiliate {
  background: repeating-linear-gradient(45deg, #fafafa, #fafafa 10px, #fcfcfc 10px, #fcfcfc 20px);
  padding: 2px 15px;
  border: 1px solid #f0f0f0;
  display: inline-block;
  width: 100%;
  border-top: 2px solid #55c500;
}

.close.affiliate {
  font-size: 50px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none;
}

.close.affiliate:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}

.sortdesc {
  position: relative;
  top: -1px;
}

.sortasc {
  position: relative;
  top: 3px;
}

.affiliate-sort2 {
  cursor: pointer;
}

.moredetails {
  cursor: pointer;
}

td.ellipsis div {
  width: 150px;
}

.affiliate-search {
  position: relative;
  padding: 0;
}
@media (max-width: 767px) {
  .affiliate-search {
    margin-bottom: 1rem;
  }
}
.affiliate-search .affiliate-search-input {
  height: 34px;
}
.affiliate-search #affiliate-search {
  padding-left: 30px;
}
.affiliate-search .aff-search-icon {
  position: absolute;
  top: 50%;
  transform: translate(100%, -50%);
  opacity: 0.5;
  font-size: 12px;
}
.affiliate-search button[type=reset] {
  top: 0;
  bottom: 0;
  margin: 2px;
  right: 0;
}
.affiliate-search .reset-affiliate-search-box {
  position: absolute;
  right: 30px;
  margin-top: 0;
  cursor: pointer;
  top: 6px;
}
.affiliate-search .reset-affiliate-search-box img {
  width: 10px;
  opacity: 0.4;
}
.affiliate-search .reset-affiliate-search-box img:hover {
  opacity: 1;
}

@media (max-width: 414px) {
  .affiliategetproducts {
    margin-left: 0;
    margin-right: 0;
  }
}
.affiliategetproducts .affiliate-group-input {
  position: relative;
}
@media (max-width: 767px) {
  .affiliategetproducts .affiliate-group-input {
    padding-right: 40px;
  }
}
.affiliategetproducts .affiliate-group-input .copyToClipboard {
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  right: -30px;
  font-size: 1.385rem;
  opacity: 0.4;
}
@media (max-width: 767px) {
  .affiliategetproducts .affiliate-group-input .copyToClipboard {
    right: 1rem;
  }
}
.affiliategetproducts .affiliate-group-input .copyToClipboard:hover {
  opacity: 1;
}
.affiliategetproducts .product-table__earnings-title {
  display: none;
}
.affiliategetproducts .product-table-pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.affiliategetproducts .product-table-pages .change-page {
  min-width: 35px;
}
.affiliategetproducts .product-table-pages button {
  color: #999;
  border: 1px solid #d9d9d9 !important;
  margin-left: -1px;
  height: 38px;
  cursor: pointer;
  background-color: transparent;
}
.affiliategetproducts .product-table-pages button.active {
  background-color: #1ea4f3;
  border: 1px solid #1ea4f3 !important;
  color: white;
}
.affiliategetproducts .product-table-pages button[disabled] {
  background-color: #eee;
  cursor: default;
}
.affiliategetproducts .fa-info-circle {
  color: #ccc;
}

.fb-assets__size {
  font-size: 2.4rem;
}
.fb-assets textarea {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .affiliategetproducts .product-table-pages .change-page {
    margin-bottom: 10px;
  }
  .fb-assets .fb-assets__download-banners {
    white-space: pre-wrap;
  }
}
@media (max-width: 767px) and (max-width: 414px) {
  .fb-assets .fb-assets__download-banners {
    white-space: normal;
    width: 100%;
    justify-content: center;
  }
}
.affiliate-dropbox {
  background: url("https://fbcd.co/images/affiliates/affiliate-dropbox-banner.png"), linear-gradient(90deg, rgb(153, 209, 255) 0%, rgb(192, 223, 251) 60%);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: auto 100%;
  padding: 15px 20px;
  border-radius: 5px;
  margin: 10px 0;
  color: #151d44;
}
.affiliate-dropbox__header {
  font-size: 1.385rem;
  font-weight: bold;
}
.affiliate-dropbox__subtext {
  display: block;
  margin: -5px 0 10px 0;
}
.affiliate-dropbox__btn {
  background-color: #151d44;
  color: white;
  padding: 8px 18px;
  border-radius: 3px;
  font-weight: bold;
  margin-top: 5px;
  display: inline-block;
  margin-bottom: 5px;
}
.affiliate-dropbox__btn:hover, .affiliate-dropbox__btn:focus, .affiliate-dropbox__btn:active {
  background-color: rgb(39.0505617978, 53.9269662921, 126.4494382022);
  color: white;
  text-decoration: none;
}
@media (max-width: 414px) {
  .affiliate-dropbox {
    background: rgb(153, 209, 255);
  }
}

.social-link {
  display: inline-flex;
  align-items: center;
  color: #fff;
}
@media (max-width: 767px) {
  .social-link {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .social-link + .social-link {
    margin-top: 1rem;
  }
}
.social-link__icon {
  margin-right: 0.5rem;
  display: inline-flex;
  align-items: center;
}
.social-link__icon svg path {
  fill: #fff;
}
.social-link:hover {
  color: #fff;
}

.affiliate-stats__hidden-details {
  display: none;
}
.affiliate-stats .affiliate {
  max-height: 700px;
  overflow-y: scroll;
}
.affiliate-stats .moredetails__show {
  display: inline-block;
}
.affiliate-stats .moredetails__hide {
  display: none;
}
.affiliate-stats__more-details {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 15px;
}
.affiliate-stats__more-details > *:last-child {
  margin-bottom: 0;
}
.affiliate-stats__container {
  display: none;
}

.promote-plus__container {
  background: #191B47;
  border-radius: 5px;
  padding: 0 20px;
  color: white;
}
.promote-plus__left-col {
  padding-top: 35px;
  padding-bottom: 20px;
}
.promote-plus__logo {
  margin-bottom: 20px;
}
.promote-plus__logo img {
  width: 80px;
  height: auto;
}
.promote-plus__desc {
  font-size: 15px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .promote-plus__share .share-container__url-input {
    width: 100% !important;
    margin-bottom: 10px;
  }
}
.promote-plus__share .share-container input {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: white;
  font-size: 14px;
}
.promote-plus__share .share-container button {
  color: white;
}
.promote-plus__share .share-container .btn-secondary {
  border: none;
}
.promote-plus__share .share-container .btn-secondary i {
  color: white;
}
.promote-plus__share .share-container .btn-secondary:hover {
  opacity: 0.8;
}
@media (max-width: 767px) {
  .promote-plus__share .share-container .btn-secondary {
    margin-right: 10px;
  }
}
.promote-plus__share .share-container .-text-facebook {
  background: #365397;
}
.promote-plus__share .share-container .-text-twitter {
  background: #00a9f1;
}
.promote-plus__share .share-container .-text-pinterest {
  background: #ce1a19;
}
@media (max-width: 767px) {
  .promote-plus__share .share-container {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.promote-plus__label {
  font-size: 14px;
  margin-bottom: 5px;
  color: #999999;
}
.promote-plus__right-col {
  border-left: 1px solid #5c5b69;
  padding-top: 30px;
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .promote-plus__right-col {
    border: none;
    padding-top: 20px;
    border-top: 1px solid #5c5b69;
  }
}
.promote-plus__total {
  padding: 12px 25px;
}
@media (max-width: 767px) {
  .promote-plus__total {
    padding: 12px 0;
  }
}
.promote-plus__total-title {
  font-size: 15px;
}
.promote-plus__total-value {
  font-weight: 500;
  color: #ef9f1f;
  font-size: 23px;
}

.products-to-promote {
  background-color: #f866a0;
  cursor: pointer;
  width: 100%;
}
@media (max-width: 767px) {
  .products-to-promote__container {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .products-to-promote__table {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: auto;
    max-width: none;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .products-to-promote__table {
    min-width: 1200px;
  }
  .products-to-promote__table-container {
    overflow-x: scroll;
  }
}
.products-to-promote__price {
  white-space: nowrap;
}
@media (min-width: 415px) and (max-width: 768px) {
  .products-to-promote__details {
    padding-right: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .products-to-promote__details {
    padding-right: 30px !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .products-to-promote__details {
    padding-right: 30px !important;
  }
}
@media (max-width: 1399px) {
  .products-to-promote__details .social-link {
    margin-bottom: 5px;
    padding: 5px 12px;
  }
}
@media (max-width: 991px) {
  .products-to-promote__details .social-link {
    margin-bottom: 0;
  }
}
.products-to-promote__title {
  color: #ffffff;
  width: 100%;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 1.077rem;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
}
.products-to-promote:hover {
  background-color: rgb(245.76875, 53.23125, 129.71875);
}
.products-to-promote.-active {
  background-color: #40c756;
}
.products-to-promote.-active:hover {
  background-color: rgb(48.0647773279, 163.9352226721, 66.9473684211);
}

.product-table td {
  vertical-align: middle !important;
}
.product-table td h3 {
  margin-bottom: 0;
}
.product-table .temp-img-fix {
  max-width: 265px;
}
@media (max-width: 414px) {
  .product-table .temp-img-fix {
    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .product-table .temp-affiliate-input-fix {
    width: 450px;
  }
}

.content-section__divider {
  width: 100%;
  height: 1px;
  background-color: #f5f5f5;
}
.content-section__title {
  line-height: 1.42857143;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .content-section__title {
    font-size: 2.307rem;
  }
}

@media (max-width: 991px) {
  .affiliate-container {
    width: 100%;
    order: 2;
  }
  .withdraw-earnings {
    width: 100%;
    order: 1;
    margin-bottom: 3rem;
  }
}
.withdraw-earnings__affiliate-paypal {
  display: none;
}
.withdraw-earnings__affiliate-current {
  font-weight: normal;
}
.withdraw-earnings__affiliate-current span {
  background-color: #5ac651;
  border-radius: 6px;
  color: #ffffff;
}
.withdraw-earnings__form {
  border: 1px solid #ebebeb;
  border-radius: 6px;
}
.withdraw-earnings__form > :last-child {
  padding-bottom: 0;
}
.withdraw-earnings__form .input-group, .withdraw-earnings__form .checkout-row__addons .addons__row .col1, .checkout-row__addons .addons__row .withdraw-earnings__form .col1 {
  padding-top: inherit;
}
.withdraw-earnings__form .input-group + .input-group, .withdraw-earnings__form .checkout-row__addons .addons__row .col1 + .input-group, .checkout-row__addons .addons__row .withdraw-earnings__form .col1 + .input-group, .withdraw-earnings__form .checkout-row__addons .addons__row .input-group + .col1, .checkout-row__addons .addons__row .withdraw-earnings__form .input-group + .col1, .withdraw-earnings__form .checkout-row__addons .addons__row .col1 + .col1, .checkout-row__addons .addons__row .withdraw-earnings__form .col1 + .col1 {
  padding-top: 0;
}
.withdraw-earnings__form .input-group.first, .withdraw-earnings__form .checkout-row__addons .addons__row .first.col1, .checkout-row__addons .addons__row .withdraw-earnings__form .first.col1 {
  padding-top: 0;
}
.withdraw-earnings__form label.block-ele {
  margin-bottom: 0 !important;
}

.fb-assets__download-banners {
  display: inline-flex;
  align-items: center;
  color: #fff;
}
.fb-assets__download-banners .fa {
  margin-left: 10px;
}

.affiliate-products__product-info {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.affiliate-products__product-info__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.affiliate-products__product-info .basic-input {
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .affiliate-products__container {
    padding-left: 0;
    padding-right: 0;
  }
  .affiliate-products .product-view-more {
    width: 100%;
    display: block;
  }
}

@media (min-width: 992px) {
  .no-bs__table.products-to-promote__table .products-to-promote__details {
    max-width: 500px !important;
    word-break: break-word;
    padding-bottom: 15px;
  }
  .no-bs__table.products-to-promote__table .input-group, .no-bs__table.products-to-promote__table .checkout-row__addons .addons__row .col1, .checkout-row__addons .addons__row .no-bs__table.products-to-promote__table .col1 {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .no-bs__table.products-to-promote__table {
    display: block;
  }
  .no-bs__table.products-to-promote__table thead {
    visibility: collapse;
  }
  .no-bs__table.products-to-promote__table tbody {
    display: block;
    width: 100%;
  }
  .no-bs__table.products-to-promote__table tr {
    display: block;
  }
  .no-bs__table.products-to-promote__table tr + tr {
    margin-top: 2.2rem;
  }
  .no-bs__table.products-to-promote__table tr td {
    display: block;
  }
}

.affiliates .row {
  justify-content: center;
}
.affiliates__header {
  padding: 180px 0;
}
.affiliates__header__title, .affiliates__header__subtitle {
  color: #ffffff;
}
.affiliates__content {
  background-color: #ffffff;
  padding: 40px 45px 35px;
  margin-bottom: 50px;
  border-top-width: 5px;
  border-top-style: solid;
  border-top-color: #fd4e48;
}
@media (max-width: 991px) {
  .affiliates__content {
    padding: 30px 35px 25px;
  }
}
@media (max-width: 414px) {
  .affiliates__content {
    padding: 20px 25px 15px;
  }
}
.affiliates__content__no-hyphens {
  font-size: 1.846rem;
  hyphens: none;
  word-break: normal;
}
.affiliates .small-aff, .affiliates__benefit {
  padding: 12px 24px;
  background: #ebebeb;
  border-radius: 5px;
}
.affiliates .small-aff b, .affiliates__benefit b {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.affiliates .small-aff ul, .affiliates__benefit ul {
  padding-left: 1rem;
}
.affiliates .small-aff ul li + li, .affiliates__benefit ul li + li {
  margin-top: 1rem;
}
.affiliates .small-aff + .affiliates__benefit, .affiliates .small-aff + .small-aff, .affiliates__benefit + .affiliates__benefit, .affiliates__benefit + .small-aff {
  margin-top: 1rem;
}

.blog-page__banner {
  text-align: center;
  padding: 50px 0;
  margin-bottom: 30px;
  background: url("https://fbcd.co/images/pages/blog/blog-banner-bg-1.6.png") no-repeat;
  background-size: cover;
  background-position: bottom;
  border-top: 1px solid #eee;
}
.blog-page__banner .blog-page__heading {
  color: #5c5b69;
  font-weight: 700;
  font-size: 2.8rem;
  margin-bottom: 40px;
}
.blog-page__top {
  background-color: #fafafa;
  padding: 0 0 30px 0;
}
.blog-page__header-bar {
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.blog-page__section-heading {
  margin: 20px 0 30px 0;
  font-size: 2rem;
}
.blog-page__posts {
  margin: 0 -10px;
}
.blog-page__pagination {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 30px 0;
  margin-top: 20px;
  text-align: center;
}
.blog-page__pagination .pagination-component {
  margin: 0;
  text-align: center;
}
.blog-page__tags-row {
  padding: 30px 0;
}
.blog-page__share-row {
  padding: 30px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  .blog-page__banner {
    background: url("https://fbcd.co/images/pages/blog/blog-banner-bg-1.6@2.png") no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
  }
}
@media (max-width: 1200px) {
  .blog-page__banner {
    background-position: bottom center;
    background-size: auto 100%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .blog-page__popular-reads-block {
    display: flex;
  }
  .blog-page__popular-reads-block > div {
    flex-basis: 33%;
  }
}
@media (max-width: 414px) {
  .blog-page__banner {
    background: url("https://fbcd.co/images/pages/blog/blog-banner-bg-1.8@m.png") no-repeat;
    height: 250px;
    background-position: bottom;
    background-size: auto 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 50px;
  }
  .blog-page__banner .blog-page__heading {
    font-size: 3rem;
    margin: -10px 0 0 0;
    font-weight: bold;
  }
  .blog-page__main-container {
    margin-top: -50px;
  }
  .blog-page__posts {
    margin: 0;
  }
}

.blog-tile {
  margin-bottom: 30px;
  padding: 10px;
  display: block;
}
.blog-tile__img-placeholder {
  border-radius: 8px;
  overflow: hidden;
  background-color: #ebebeb;
  position: relative;
  padding-top: 60%;
}
.blog-tile__img-placeholder .blog-tile__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 150ms;
}
.blog-tile__category {
  background-color: #ebebeb;
  padding: 5px 24px;
  border-radius: 50px;
  display: inline-block;
  margin: 15px 0 10px 0;
  transition: all 100ms;
}
.blog-tile__category:hover {
  text-decoration: none;
  background-color: rgb(222.25, 222.25, 222.25);
}
.blog-tile__name {
  font-size: 2rem;
  font-weight: bold;
  min-height: 56px;
  display: flex;
  align-items: center;
  word-break: break-word;
}
.blog-tile__blurb {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
  color: #7f7f7f;
  line-height: 170%;
  margin: 5px 0 10px 0;
}
.blog-tile__post-date {
  color: #999999;
}
@media (min-width: 992px) {
  .blog-tile__img-placeholder:hover .blog-tile__img {
    transform: scale(1.1);
  }
  .blog-tile.-featured-tile {
    padding: 0;
  }
  .blog-tile.-featured-tile .blog-tile__name {
    font-size: 2.6rem;
    margin-top: 20px;
    min-height: 0;
  }
  .blog-tile.-featured-tile .blog-tile__category {
    float: right;
    margin-top: 3px;
    margin-left: 20px;
  }
  .blog-tile.-featured-tile .blog-tile__blurb {
    margin-top: 10px;
    margin-bottom: 4px;
  }
  .blog-tile.-row-tile {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 20px 0;
  }
  .blog-tile.-row-tile .blog-tile__content-flex {
    flex: 1;
  }
  .blog-tile.-row-tile .blog-tile__img-flex {
    flex: 0 0 150px;
    margin-right: 20px;
  }
  .blog-tile.-row-tile .blog-tile__name {
    font-size: 1.6rem;
    font-weight: 600;
    min-height: 0;
    line-height: 160%;
  }
  .blog-tile.-row-tile .blog-tile__category {
    float: right;
    margin-top: 0;
    margin-left: 15px;
  }
  .blog-tile.-row-tile .blog-tile__post-date {
    margin-top: 5px;
  }
}
@media (max-width: 1200px) {
  .blog-tile__category {
    padding: 4px 14px;
  }
  .blog-tile__name {
    font-size: 1.8rem;
    min-height: auto;
  }
  .blog-tile__blurb {
    font-size: 1.3rem;
    margin: 10px 0 15px 0;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .blog-tile.-row-tile .blog-tile__content-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .blog-tile.-row-tile .blog-tile__category {
    margin-left: 0;
    width: max-content;
  }
}
@media (min-width: 768px) {
  .blog-tile.-featured-tile .blog-tile__name {
    font-size: 2.6rem;
  }
}
@media (max-width: 414px) {
  .blog-tile {
    padding: 10px 0;
  }
  .blog-tile__name {
    font-weight: 600;
  }
}

.blog-share {
  display: flex;
  max-width: 500px;
}
.blog-share__btn {
  flex: 1;
}
.blog-share__btn i {
  font-size: 1.8rem;
}
.blog-share.-icon-column {
  display: inline-flex;
  flex-direction: column;
}
.blog-share.-icon-column .blog-share__btn {
  padding: 13px;
  border-radius: 60px;
  margin: 3px 0;
  transition: all 100ms;
  width: 45px;
  height: 45px;
  display: inline-block;
  flex: 1 1 45px;
}
.blog-share.-icon-column .blog-share__btn.-facebook {
  background: url("https://fbcd.co/images/icons/socials/facebook.svg") no-repeat 50%/55%;
}
.blog-share.-icon-column .blog-share__btn.-twitter {
  background: url("https://fbcd.co/images/icons/socials/twitter.svg") no-repeat 50%/55%;
}
.blog-share.-icon-column .blog-share__btn.-pinterest {
  background: url("https://fbcd.co/images/icons/socials/pinterest-1.1.svg") no-repeat 50%/55%;
}
.blog-share.-icon-column .blog-share__btn:hover {
  background-color: #ebebeb;
}
@media (max-width: 991px) {
  .blog-share.-icon-column {
    flex-direction: row;
  }
  .blog-share.-icon-column .blog-share__btn {
    width: 38px;
    height: 38px;
    opacity: 0.3;
  }
}

.blog-search-options {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.blog-search-options__block {
  width: 210px;
}
.blog-search-options__block.-search-block {
  width: 330px;
}
.blog-search-options__header {
  flex: 1;
  font-size: 2rem;
  font-weight: bold;
  margin: 10px 15px 10px 0;
}
@media (max-width: 414px) {
  .blog-search-options__block.-search-block {
    width: 100%;
  }
}

.blog-post {
  max-width: 800px;
  margin: auto;
}
.blog-post__content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.blog-post__flex-socials {
  width: 120px;
  text-align: center;
  padding-right: 40px;
}
.blog-post__flex-article {
  max-width: 100%;
  flex: 1;
}
.blog-post__hero-banner {
  background-color: #cccccc;
  padding-bottom: 60%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}
.blog-post__hero-banner img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}
.blog-post__title {
  font-size: 4rem;
  font-family: Georgia;
  word-break: break-word;
}
.blog-post__post-date {
  color: #999999;
  margin-bottom: 20px;
  margin-top: 10px;
}
.blog-post__user-post {
  font-size: 1.8rem;
  line-height: 200%;
  font-weight: 300;
}
.blog-post__user-post p {
  font-size: 1.8rem;
  line-height: 200%;
  margin-bottom: 1.5rem;
  font-weight: 300;
}
.blog-post__user-post h1, .blog-post__user-post h2, .blog-post__user-post h3, .blog-post__user-post h4, .blog-post__user-post h5, .blog-post__user-post h1 *, .blog-post__user-post h2 *, .blog-post__user-post h3 *, .blog-post__user-post h4 *, .blog-post__user-post h5 * {
  color: #000000;
  margin-bottom: 10px;
  font-family: Georgia;
}
.blog-post__user-post h2, .blog-post__user-post h2 * {
  font-size: 30px !important;
}
.blog-post__user-post h3, .blog-post__user-post h3 * {
  font-size: 26px !important;
}
.blog-post__user-post h4, .blog-post__user-post h4 * {
  font-size: 22px !important;
}
.blog-post__user-post h5, .blog-post__user-post h5 * {
  font-size: 18px !important;
}
.blog-post__user-post img {
  border-radius: 10px;
  height: auto !important;
  margin: 10px 0;
}
.blog-post__share-label {
  font-weight: 600;
  font-size: 1.5rem;
  margin: 10px 0;
}
.blog-post__comments {
  margin-top: 80px;
}
.blog-post__tags-row {
  border-top: 1px solid #ebebeb;
  padding: 30px 0;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 30px;
}
.blog-post__share-row {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ebebeb;
}
.blog-post__more-posts {
  margin-bottom: 100px;
}
@media (max-width: 991px) {
  .blog-post__share-label {
    display: none;
  }
  .blog-post__flex-socials {
    width: 100%;
    text-align: left;
    margin-left: -10px;
  }
  .blog-post__more-posts {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .blog-post__flex-article {
    max-width: 680px !important;
  }
}

.no-results-search {
  display: inline-block;
  margin: auto;
  text-align: center;
  line-height: 180%;
  color: #7f7f7f;
  margin-bottom: 30px;
  font-size: 1.4rem;
}
.no-results-search:before {
  content: " ";
  position: relative;
  height: 200px;
  display: block;
  background: url("https://fbcd.co/images/pages/search/no-results-1.0.svg") no-repeat;
  background-size: auto 100%;
  background-position: 50% 30px;
}

.lightslider-products {
  min-height: 320px;
  padding: 0 50px;
  border-radius: 3px;
  overflow: hidden;
}
.lightslider-products .lightslider-arrow-box {
  position: absolute;
  z-index: 100;
  top: 0;
  height: 100%;
  width: 40px;
  opacity: 1;
  cursor: pointer;
  text-align: center;
  color: #bbb;
  line-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lightslider-products .lightslider-arrow-box i {
  flex: 0 0 auto;
  font-size: 20px;
}
.lightslider-products .lightslider-arrow-box.lightslider-left {
  left: 0;
  border-right: 1px solid #eee;
}
.lightslider-products .lightslider-arrow-box.lightslider-right {
  right: 0;
  border-left: 1px solid #eee;
}
.lightslider-products .lightslider-arrow-box:hover {
  background-color: #ddd;
  color: #000;
}
.lightslider-products .col-md-3 {
  padding: 2px 0;
}
.lightslider-products .col-md-3 .tile-component {
  border: 1px solid #eee;
  box-shadow: none;
}
.lightslider-products .col-md-3 .tile-component .price-floats {
  font-size: 0.9em;
  margin-top: 3px;
}

.nobutton {
  margin-top: 6px;
  background: transparent;
  border: 0;
  padding: 0;
  outline: 0;
  color: #337ab7;
}

.vat-checkout-select {
  font-size: 0.9em !important;
}

.lightslider-products .lightSlider {
  min-height: 300px;
}
.lightslider-products .col-md-3 .tile-component {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}
.lightslider-products .col-md-3 .tile-component .tile-product-info {
  min-height: 105px;
}
.lightslider-products .col-md-3 .tile-component .price-floats {
  margin-top: -1px;
}
.lightslider-products .col-md-3 .tile-component .price-floats--discount {
  margin-top: -10px !important;
}
.lightslider-products .col-md-3.lslide {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.mb-recom-products {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mb-recom-products .product-box__add-cart {
  display: none !important;
}

.discount-code-block {
  background-image: url("https://fbcd.co/images/other/general/discount-code-corner-image.png");
  background-color: #fff !important;
  background-position: 100% 0;
  background-repeat: no-repeat;
  position: relative;
  display: none;
}
.discount-code-block small.grey-text {
  display: block;
  margin: 1em 0 0;
  line-height: 1.4em;
}
.discount-code-block__close {
  position: absolute;
  color: #f05f5c;
  cursor: pointer;
  width: 22px;
  height: 22px;
  font-size: 18px;
  right: 18px;
  top: 16px;
}
.discount-code-block__remove:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .discount-code-block__content-wrapper.active {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 120;
  }
  .discount-code-block {
    margin: 0 20px;
  }
}

#special-offer-block {
  background-color: #ffe19e;
  border: 1px solid #ffbc01;
}
#special-offer-block h5 {
  color: #a56200;
}
#special-offer-block.completed {
  background-color: #cff2ae;
  border-color: #5ac651;
}
#special-offer-block.completed h5 {
  color: #5ac651;
}

.mb-discount-box {
  font-weight: 500;
  text-align: left;
}
.mb-discount-box h5 {
  margin-top: 0 !important;
}

.special-offer-row {
  background: linear-gradient(to right, #ffffff 0%, #e7ffd1 100%);
  margin-top: -15px;
  padding-top: 15px;
}
.special-offer-row-mobile {
  background-color: rgba(255, 225, 158, 0.5);
  padding-top: 20px;
}
.special-offer-row-mobile .small-btn {
  background-color: white;
}
.special-offer-row-mobile strong {
  color: #a56200;
}

.payment-plus-discount {
  background-color: #222222;
  margin-bottom: 10px;
  text-align: center;
  border-radius: 3px;
  padding: 8px 0 10px 0;
}
.payment-plus-discount .payment-plus-logo {
  width: 40px;
}

.bundle-upsell {
  background-color: rgb(254.2475, 238.5525, 244.7875);
  padding: 30px 25px 0 25px;
  margin-top: 30px;
  border-radius: 10px;
}
.bundle-upsell__add-to-order-btn {
  margin: -20px 0 20px 0;
}

.checkout-upsell-button {
  margin-top: -20px;
  position: relative;
  outline: 0;
}
.checkout-upsell-button.add, .checkout-upsell-button:focus {
  background-color: #40c756 !important;
  border: 1px solid #40c756 !important;
  cursor: default;
}

.hide-cart-buttons .details__add-cart {
  display: none !important;
}

.remove-cart-desktop-btn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjZjAwIiBkPSJNMTMsNCBMMyw0IEwzLDYgTDEzLDYgTDEzLDQgWiBNNSwzIEw1LDIgQzUsMS40NDc3MTUyNSA1LjQ0NzcxNTI1LDEgNiwxIEwxMCwxIEMxMC41NTIyODQ3LDEgMTEsMS40NDc3MTUyNSAxMSwyIEwxMSwzIEwxMywzIEMxMy41NTIyODQ3LDMgMTQsMy40NDc3MTUyNSAxNCw0IEwxNCw2IEMxNCw2LjU1MjI4NDc1IDEzLjU1MjI4NDcsNyAxMyw3IEwxMywxMyBDMTMsMTQuMTA0NTY5NSAxMi4xMDQ1Njk1LDE1IDExLDE1IEw1LDE1IEMzLjg5NTQzMDUsMTUgMywxNC4xMDQ1Njk1IDMsMTMgTDMsNyBDMi40NDc3MTUyNSw3IDIsNi41NTIyODQ3NSAyLDYgTDIsNCBDMiwzLjQ0NzcxNTI1IDIuNDQ3NzE1MjUsMyAzLDMgTDUsMyBaIE02LDMgTDEwLDMgTDEwLDIgTDYsMiBMNiwzIFogTTQsNyBMNCwxMyBDNCwxMy41NTIyODQ3IDQuNDQ3NzE1MjUsMTQgNSwxNCBMMTEsMTQgQzExLjU1MjI4NDcsMTQgMTIsMTMuNTUyMjg0NyAxMiwxMyBMMTIsNyBMNCw3IFogTTYuNSw4IEM2Ljc3NjE0MjM3LDggNyw4LjIyMzg1NzYzIDcsOC41IEw3LDExLjUgQzcsMTEuNzc2MTQyNCA2Ljc3NjE0MjM3LDEyIDYuNSwxMiBDNi4yMjM4NTc2MywxMiA2LDExLjc3NjE0MjQgNiwxMS41IEw2LDguNSBDNiw4LjIyMzg1NzYzIDYuMjIzODU3NjMsOCA2LjUsOCBaIE05LjUsOCBDOS43NzYxNDIzNyw4IDEwLDguMjIzODU3NjMgMTAsOC41IEwxMCwxMS41IEMxMCwxMS43NzYxNDI0IDkuNzc2MTQyMzcsMTIgOS41LDEyIEM5LjIyMzg1NzYzLDEyIDksMTEuNzc2MTQyNCA5LDExLjUgTDksOC41IEM5LDguMjIzODU3NjMgOS4yMjM4NTc2Myw4IDkuNSw4IFoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  text-indent: 10000px;
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 50%;
  margin-left: 16px;
  vertical-align: middle;
}
.remove-cart-desktop-btn:hover {
  background-color: #efefef;
}

.remove-all-desktop-link {
  position: absolute;
  font-weight: bold;
  right: -15px;
  top: -40px;
  font-size: 0.8em;
  opacity: 0.5;
  transition: all 100ms;
}
.remove-all-desktop-link:hover {
  opacity: 1;
}

.save-for-later-desktop, .add-to-order-desktop {
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  line-height: 28px;
}

.checkout-dropdown-cell {
  background-color: #f7f7f7;
  padding: 10px;
}
.checkout-dropdown-cell .checkout-dropdown-table {
  width: 100%;
  font-size: 0.85em;
}
.checkout-dropdown-cell .checkout-dropdown-table tbody tr {
  border-bottom: 0 !important;
}
.checkout-dropdown-cell .checkout-dropdown-table tbody tr td {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 414px) {
  .o-recommends > h2 {
    text-align: center;
  }
  .o-recommends > h2 span.r-float {
    float: none;
    display: block;
  }
}

.product-list-headers {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85em;
}

#product-list {
  min-height: 50px;
}
#product-list .product-row-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#product-list .dd-list {
  background-color: #f7f7f7;
  padding: 10px;
}
#product-list .dd-list > .row:last-child {
  margin-bottom: 0 !important;
}
#product-list .dd-list .img-responsive {
  max-width: 63px;
  max-height: 42px;
  overflow: hidden;
}
#product-list .divider-bottom {
  border-bottom-style: dashed;
}
#product-list .product-row__image {
  flex: 0 0 auto;
}

#save-for-later .product-row__image {
  flex: 0 0 auto;
}

.product-list-table {
  margin-bottom: 20px;
}
@media (max-width: 414px) {
  .product-list-table {
    margin-bottom: 10px;
  }
  .order-details {
    margin-top: 20px;
  }
}

.checkout-row__addons {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 5px 0 5px 0;
  padding: 20px 0 0 0;
  font-size: 14px;
}
.checkout-row__addons .addons__tooltip {
  margin-left: 10px;
  opacity: 0.3;
  cursor: pointer;
}
.checkout-row__addons .addons__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.checkout-row__addons .addons__row .col1 {
  width: 30%;
}
@media (max-width: 767px) {
  .checkout-row__addons .addons__row .col1 {
    width: auto;
    padding-right: 5px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .checkout-row__addons .addons__row .col1 {
    width: 60%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .checkout-row__addons .addons__row .col1 {
    width: 40%;
  }
}
.checkout-row__addons .addons__row .col2 {
  width: 25.5%;
}
@media (max-width: 767px) {
  .checkout-row__addons .addons__row .col2 {
    width: auto;
  }
  .checkout-row__addons .addons__row .col3 {
    width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
  }
}
.checkout-row__addons .addons__row .sfl__addon {
  padding-left: 0;
  cursor: default;
}
.checkout-row__addons .addons__row .sfl__addon .custom-control-checkbox {
  display: none;
}
@media (max-width: 767px) {
  .checkout-row__addons .addons__row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.checkout-row__addons .addons__row:last-child {
  border: none;
}

.checkout-new__details-header {
  border-bottom: 2px dashed #ebebeb;
  padding-bottom: 15px;
}
@media (max-width: 990px) {
  .checkout-new__country-button {
    height: 33px !important;
  }
}
.checkout-new__country-select {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: baseline;
}
.checkout-new__country-select sup {
  margin: 0 auto 0 10px;
}
.checkout-new__country-select sup.change-style {
  margin: 0;
}
@media (max-width: 414px) {
  .checkout-new__country-select .input-group.-input-button-group, .checkout-new__country-select .checkout-row__addons .addons__row .-input-button-group.col1, .checkout-row__addons .addons__row .checkout-new__country-select .-input-button-group.col1, .checkout-new__code-form .input-group.-input-button-group, .checkout-new__code-form .checkout-row__addons .addons__row .-input-button-group.col1, .checkout-row__addons .addons__row .checkout-new__code-form .-input-button-group.col1 {
    display: flex;
    align-items: center;
  }
  .checkout-new__country-select .input-group.-input-button-group .btn-secondary, .checkout-new__country-select .checkout-row__addons .addons__row .-input-button-group.col1 .btn-secondary, .checkout-row__addons .addons__row .checkout-new__country-select .-input-button-group.col1 .btn-secondary, .checkout-new__code-form .input-group.-input-button-group .btn-secondary, .checkout-new__code-form .checkout-row__addons .addons__row .-input-button-group.col1 .btn-secondary, .checkout-row__addons .addons__row .checkout-new__code-form .-input-button-group.col1 .btn-secondary {
    margin: 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  .checkout-new__country-select .input-group.-input-button-group, .checkout-new__country-select .checkout-row__addons .addons__row .-input-button-group.col1, .checkout-row__addons .addons__row .checkout-new__country-select .-input-button-group.col1, .checkout-new__code-form .input-group.-input-button-group, .checkout-new__code-form .checkout-row__addons .addons__row .-input-button-group.col1, .checkout-row__addons .addons__row .checkout-new__code-form .-input-button-group.col1 {
    align-items: center;
  }
  .checkout-new__country-select .input-group.-input-button-group .btn-secondary, .checkout-new__country-select .checkout-row__addons .addons__row .-input-button-group.col1 .btn-secondary, .checkout-row__addons .addons__row .checkout-new__country-select .-input-button-group.col1 .btn-secondary, .checkout-new__code-form .input-group.-input-button-group .btn-secondary, .checkout-new__code-form .checkout-row__addons .addons__row .-input-button-group.col1 .btn-secondary, .checkout-row__addons .addons__row .checkout-new__code-form .-input-button-group.col1 .btn-secondary {
    margin: 0;
  }
}

.checkout-product-row {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.checkout-product-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .upsell-bundle-products-panel .details__info-row {
    align-items: flex-start;
  }
  .upsell-bundle-products-panel .details__product-price {
    flex-direction: column;
    align-items: flex-end;
  }
}

.checkout-to-payment-button-wrapper {
  outline: none;
}

.checkout-product-name {
  word-break: break-word;
  word-wrap: break-word;
}

.plus-alert {
  background-color: #191b47;
  color: #ffffff;
  background-image: url("https://fbcd.co/images/banners/other/plus/plus_banner_br_corner.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 20%;
  border: 0;
  padding-right: 100px;
}
.plus-alert a {
  color: white;
}
@media (max-width: 414px) {
  .plus-alert {
    padding-right: 17px;
  }
}

@media (max-width: 990px) {
  .remove-all-mobile-link {
    border-top: 1px solid #ebebeb;
    margin: 15px -15px 10px;
    padding: 15px 15px 0;
  }
}
.deposit-page {
  margin-bottom: 40px;
}
.deposit-page .store-credit-payment-container {
  display: none;
}
.deposit-page__introducing {
  padding: 100px;
  margin-bottom: 20px;
  background-color: #0a2235;
}
@media (max-width: 414px) {
  .deposit-page__introducing {
    padding: 50px 20px;
  }
}
.deposit-page__introducing__title {
  font-size: 2.4rem;
}
.deposit-page__introducing__title, .deposit-page__introducing__subtitle {
  color: #ffffff;
}
.deposit-page__introducing__subtitle {
  margin-bottom: 0;
}
.deposit-page__content {
  padding: 20px;
}
.deposit-page__content .alert {
  margin-bottom: 20px;
}
.deposit-page__balance {
  background-color: #ebebeb;
  border-radius: 3px;
}
.deposit-page__balance__wrapper {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 991px) {
  .deposit-page__balance__wrapper {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .deposit-page__balance__item + .deposit-page__balance__item {
    margin-left: 20px;
  }
}
.deposit-page__balance__content {
  color: #999999;
}
.deposit-page__balance__title {
  margin-bottom: 0;
}

.payment-256 img {
  width: 44px;
  border-radius: 4px;
  border: 1px solid #f0f0f0;
}

.select-credit {
  display: inline-block;
}

.stores-page {
  margin-top: 10px;
  display: flex;
  padding-bottom: 100px;
}
.stores-page__left-col {
  width: 300px;
  margin-right: 30px;
}
.stores-page__left-col .about-store-text {
  overflow-wrap: break-word;
}
.stores-page__right-col {
  flex: 1;
}
.stores-page__info-card {
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.04);
  padding: 35px 25px 10px 25px;
  text-align: center;
  border-radius: 10px;
  min-height: 300px;
  position: relative;
  overflow: hidden;
  word-break: break-word;
  z-index: 1;
}
.stores-page__info-card .stores-page__mobile-banner {
  position: relative;
  top: -35px;
  left: -25px;
  width: calc(100% + 50px);
  z-index: 10;
}
.stores-page__info-card .stores-page__avatar {
  max-width: 125px;
  border-radius: 5px;
  position: relative;
  z-index: 12;
}
.stores-page__info-card .stores-page__name {
  margin-top: 15px;
  font-size: 2.4rem;
  word-wrap: break-word;
}
.stores-page__info-card .stores-page__user {
  color: #999999;
  margin: -4px 0 15px 0;
}
.stores-page__info-card .stores-page__stats-row {
  display: flex;
  margin-top: 25px;
}
.stores-page__info-card .stores-page__stats-block {
  text-align: center;
  flex: 1;
}
.stores-page__info-card .stores-page__stats-block .stores-page__stats-label {
  color: #999999;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.1rem;
}
.stores-page__info-card .stores-page__stats-block .stores-page__stats-number {
  font-weight: 600;
  display: block;
  font-size: 3rem;
}
.stores-page__info-card .stores-page__socials-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: auto;
}
.stores-page__info-card .stores-page__socials-list li {
  margin: 20px 5px 10px 5px;
}
.stores-page__info-card .stores-page__socials-list li a {
  transition: none;
}
.stores-page__info-card .stores-page__follow-btn {
  background-image: url("https://fbcd.co/images/icons/follow-plus-1.0.svg");
  background-size: 22px auto;
  background-position: calc(100% - 10px) 50%;
  max-width: 300px;
  margin: auto;
}
.stores-page__info-card .stores-page__message-btn {
  max-width: 300px;
  margin: 10px auto 0;
}
.stores-page__desc-box {
  font-size: 1.2rem;
  color: #7f7f7f;
  margin-top: 20px;
}
.stores-page__banner {
  background-color: #ebebeb;
  border-radius: 6px;
  position: relative;
}
.stores-page__banner img {
  border-radius: 6px;
}
.stores-page__share-btn {
  border: 0;
  background-color: transparent;
  padding: 5px 13px;
  font-size: 1.1rem;
  margin: auto;
  color: #cccccc;
  margin-top: 10px;
  cursor: pointer;
}
.stores-page__share-btn i {
  margin-right: 5px;
}
.stores-page__share-btn:hover, .stores-page__share-btn:focus {
  outline: 0;
  color: #7f7f7f;
}
.stores-page__actions-bar {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 20px 0;
}
.stores-page__product-actions {
  display: flex;
}
.stores-page__product-actions button[type=reset] {
  right: 30px;
  font-size: 2em;
  padding: 0 3px;
  line-height: 0.7em;
}
@media (max-width: 991px) {
  .stores-page__product-actions button[type=reset] {
    right: 0 !important;
  }
}
@media (max-width: 1200px) {
  .stores-page__product-actions button[type=reset] {
    top: 30px;
  }
}
@media (max-width: 414px) {
  .stores-page__product-actions button[type=reset] {
    top: 22px;
  }
}
.stores-page__product-search {
  min-width: 260px;
  margin-right: 30px;
}
.stores-page__featured-divider {
  margin: -20px 0 25px;
}
@media (min-width: 992px) {
  .stores-page__product-actions .input-group, .stores-page__product-actions .checkout-row__addons .addons__row .col1, .checkout-row__addons .addons__row .stores-page__product-actions .col1 {
    flex-wrap: nowrap;
  }
  .stores-page__product-actions .input-group label, .stores-page__product-actions .checkout-row__addons .addons__row .col1 label, .checkout-row__addons .addons__row .stores-page__product-actions .col1 label,
  .stores-page__product-actions .input-group .select-input,
  .stores-page__product-actions .checkout-row__addons .addons__row .col1 .select-input,
  .checkout-row__addons .addons__row .stores-page__product-actions .col1 .select-input {
    flex-basis: auto;
  }
}
@media (max-width: 1200px) {
  .stores-page__left-col {
    width: 270px;
    margin-right: 20px;
  }
  .stores-page__product-search {
    margin-top: 20px;
  }
  .stores-page__product-actions {
    width: 100%;
  }
  .stores-page__product-actions .input-group:first-child, .stores-page__product-actions .checkout-row__addons .addons__row .col1:first-child, .checkout-row__addons .addons__row .stores-page__product-actions .col1:first-child {
    flex: 1;
  }
}
@media (min-width: 992px) {
  .stores-page__product-actions {
    align-items: flex-end;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .stores-page__product-actions .input-group, .stores-page__product-actions .checkout-row__addons .addons__row .col1, .checkout-row__addons .addons__row .stores-page__product-actions .col1 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .stores-page__product-actions .input-group, .stores-page__product-actions .checkout-row__addons .addons__row .col1, .checkout-row__addons .addons__row .stores-page__product-actions .col1 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media (max-width: 991px) {
  .stores-page {
    flex-wrap: wrap;
  }
  .stores-page__left-col {
    width: 100%;
    margin-right: 0;
  }
  .stores-page__right-col {
    width: 100%;
  }
  .stores-page__info-card {
    margin-top: 10px;
  }
  .stores-page__info-card .stores-page__avatar {
    width: 90px;
    height: 90px;
    margin-top: -50px;
  }
  .stores-page__product-search {
    margin-right: 0;
  }
  .stores-page__product-actions {
    margin-top: 15px;
  }
  .stores-page__product-actions .input-group, .stores-page__product-actions .checkout-row__addons .addons__row .col1, .checkout-row__addons .addons__row .stores-page__product-actions .col1 {
    margin-right: 15px;
    flex-wrap: wrap;
  }
  .stores-page__product-actions .input-group:last-child, .stores-page__product-actions .checkout-row__addons .addons__row .col1:last-child, .checkout-row__addons .addons__row .stores-page__product-actions .col1:last-child {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .stores-page__product-search {
    margin-top: 16px;
  }
}
@media (max-width: 414px) {
  .stores-page__product-actions {
    flex-wrap: wrap;
  }
  .stores-page__product-actions .input-group, .stores-page__product-actions .checkout-row__addons .addons__row .col1, .checkout-row__addons .addons__row .stores-page__product-actions .col1 {
    margin-right: 0;
  }
  .stores-page__product-search {
    margin-top: 10px;
    min-width: 0;
  }
}

.stores-page__groups-list {
  margin-top: 20px;
}
.stores-page__groups-item.-active .stores-page__groups-text, .stores-page__groups-item:hover .stores-page__groups-text {
  color: #000000;
  text-decoration: underline;
}
.stores-page__groups-link {
  display: flex;
  align-items: center;
  color: #7f7f7f;
  font-weight: 600;
  padding: 7px 0;
  cursor: pointer;
}
.stores-page__groups-link:hover {
  text-decoration: none;
}
.stores-page__groups-text {
  flex: 1;
}
.stores-page__groups-counter {
  margin-left: 0;
  font-weight: bold;
  color: #000000;
}

.feed-section__create {
  margin-bottom: 30px;
}
.feed-section__posts {
  margin-bottom: 30px;
}
.feed-section__posts .feed-post {
  border: 1px solid #ebebeb;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  margin-top: 30px;
  border-radius: 6px;
}
.feed-section__posts .feed-post:first-child {
  margin-top: 0;
}
.feed-section__posts .feed-post .post-header {
  border-bottom: 1px solid #ebebeb;
  padding: 15px;
  display: flex;
  align-items: center;
  border-radius: 6px 6px 0 0;
}
.feed-section__posts .feed-post .post-header .post-avatar {
  width: 40px;
  border-radius: 4px;
}
.feed-section__posts .feed-post .post-header .post-name {
  margin-left: 15px;
  font-weight: 600;
  font-size: 1.4rem;
  margin-bottom: 2px;
}
@media (max-width: 414px) {
  .feed-section__posts .feed-post .post-header .post-name {
    width: 100%;
  }
}
.feed-section__posts .feed-post .post-header .post-tag {
  color: white;
  padding: 2px 7px;
  font-size: 0.85em;
  border-radius: 3px;
  margin-left: 10px;
}
.feed-section__posts .feed-post .post-header .post-tag.-post-pinned {
  background-color: rgb(255, 180.6, 51);
}
.feed-section__posts .feed-post .post-header .post-tag.-post-pinned i {
  margin-right: 4px;
}
.feed-section__posts .feed-post .post-header .post-tag.-post-new {
  background-color: #40c756;
}
@media (max-width: 414px) {
  .feed-section__posts .feed-post .post-header .post-tag {
    margin-left: 15px;
  }
}
.feed-section__posts .feed-post .post-header .post-like {
  margin-left: auto;
}
.feed-section__posts .feed-post .post-header__tags {
  display: flex;
  align-items: center;
  width: fit-content;
  flex-wrap: wrap;
  width: -webkit-fill-available;
}
.feed-section__posts .feed-post .post-message {
  padding: 20px;
  font-size: 1.3em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.feed-section__posts .feed-post .post-footer {
  display: flex;
  font-size: 1.15rem;
  min-height: 30px;
  margin: -8px 12px 8px 20px;
  align-items: center;
}
@media (max-width: 414px) {
  .feed-section__posts .feed-post .post-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.feed-section__posts .feed-post .post-footer.edit-mode {
  margin-bottom: 15px;
}
.feed-section__posts .feed-post .post-footer .feed-options {
  margin-left: auto;
}
@media (max-width: 414px) {
  .feed-section__posts .feed-post .post-footer .feed-options {
    margin-top: 10px;
    width: 100%;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.feed-section__posts .feed-post .post-footer .feed-options .share-feed {
  border-radius: 3px;
  border: 1px solid #ebebeb;
  color: #999999;
  padding: 3px 5px;
  font-size: 1.2rem;
  margin-left: 8px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
}
.feed-section__posts .feed-post .post-footer .feed-options-edit-mode {
  margin-left: auto;
  padding-right: 10px;
}
.feed-section__posts .feed-post.feed-pinned-post .post-header {
  background-color: rgb(255, 249.42, 239.7);
}
.feed-section__posts .feed-post.new-pinned-post .post-header {
  background-color: rgb(241.467611336, 251.032388664, 243.0263157895);
}

.like-component {
  position: relative;
  line-height: 100%;
}
.like-component .like-icon {
  border-radius: 30px;
  background-color: #ebebeb;
  width: 24px;
  height: 24px;
  text-align: center;
  color: white;
  line-height: 80%;
  font-size: 0.95em;
  display: inline-block;
  cursor: pointer;
  position: relative;
  z-index: 100;
  transition: all 150ms;
  margin-bottom: 2px;
}
.like-component .like-icon i {
  margin-top: 5px;
}
.like-component .like-icon.active, .like-component .like-icon:hover {
  background-color: #1ea4f3;
}
.like-component .like-icon.confirmed:after {
  content: "";
  background-color: #1ea4f3;
  display: inline-block;
  position: absolute;
  opacity: 0;
  z-index: -1;
  border-radius: 100px;
  width: 24px;
  height: 24px;
  -webkit-animation: "like-pulse 1s 1";
  -o-animation: "like-pulse 1s 1";
  animation: "like-pulse 1s 1";
  left: 0;
}
.like-component .like-counter {
  display: block;
  color: #999999;
  font-weight: bold;
  margin-top: 2px;
  text-align: center;
}

.spaced-tab-menu {
  display: flex;
  flex: 1;
}
.spaced-tab-menu__item {
  margin-right: 30px;
}
.spaced-tab-menu__link {
  font-weight: 600;
  color: #999999;
  padding: 10px 0;
  display: inline-block;
  border-bottom: 2px solid transparent;
}
.spaced-tab-menu__link.-active, .spaced-tab-menu__link:hover {
  text-decoration: none;
}
@media (max-width: 991px) {
  .spaced-tab-menu {
    border-bottom: 2px solid #ebebeb;
    max-width: 100%;
  }
  .spaced-tab-menu__link {
    display: block;
    color: #7f7f7f;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: 2px;
  }
}

/**
  Design School styles
 */
.ql-content-menu ul {
  font-size: 1.6rem;
  padding: 30px;
  line-height: 200%;
  background-color: #f5f5f5;
  border-radius: 6px;
  font-weight: 400;
  margin-bottom: 1.5rem;
  text-decoration: none;
  counter-reset: section;
}
.ql-content-menu ul li {
  padding-left: 0;
  margin: 0;
}
.ql-content-menu ul li + li {
  margin-top: 7px;
}
.ql-content-menu ul li:first-letter {
  text-transform: uppercase;
}
.ql-content-menu ul li a {
  color: #000000;
  text-decoration: none;
  font-weight: 500;
}
.ql-content-menu ul li a:hover {
  text-decoration: underline;
}
.ql-content-menu ul li:before {
  font-weight: 600;
  color: #000000;
  width: auto;
  margin: inherit;
  margin-right: 1rem !important;
  text-align: left;
  counter-increment: section;
  content: "Part " counter(section) ": ";
}

.ql-klaviyo-form {
  display: inherit;
  max-width: 100%;
}

.ql-link-button {
  margin-bottom: 1.5rem;
}
@media (max-width: 414px) {
  .ql-link-button .btn-primary {
    white-space: normal;
    height: auto;
  }
}

/**
  Design School variables
 */
/**
  Base Design School base styles
 */
/**
  Meta information
 */
.ds__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ds__meta li {
  /* Category */
  /* Complexity */
  /* Author */
  /* Data and Time to read */
  /* Time to read */
}
.ds__meta li.category {
  padding: 5px 15px;
  border-radius: 20px;
  border: 1px solid #cccccc;
  line-height: 125%;
  color: #999999;
  font-weight: 700;
}
.ds__meta li.complexity {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.5rem;
  display: inline-flex;
  align-items: center;
  color: #999999;
}
.ds__meta li.complexity .level {
  margin-right: 0;
  height: 25px;
  width: 25px;
  display: inline-block;
  background-position: center;
  background-size: cover;
}
.ds__meta li.complexity.-level-1 .level {
  background-image: url("https://fbcd.co/images/icons/difficulty-1.svg");
}
.ds__meta li.complexity.-level-2 .level {
  background-image: url("https://fbcd.co/images/icons/difficulty-2.svg");
}
.ds__meta li.complexity.-level-3 .level {
  background-image: url("https://fbcd.co/images/icons/difficulty-3.svg");
}
.ds__meta li.author {
  font-size: 1.4rem;
  line-height: 2.5rem;
  color: #000000;
  font-weight: 400;
}
.ds__meta li.author strong {
  font-weight: 700;
}
.ds__meta li.date, .ds__meta li.time-to-read {
  font-size: 1.4rem;
  line-height: 2.5rem;
  font-weight: 400;
  color: #999999;
}
.ds__meta li.date:before,
.ds__meta li.date .fa, .ds__meta li.time-to-read:before,
.ds__meta li.time-to-read .fa {
  margin-right: 0.5rem;
  display: inline-block;
}
.ds__meta li.time-to-read:before {
  content: "\f017";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.ds__meta li:not(:last-child) {
  position: relative;
  margin-right: 16px;
  padding-right: 19px;
}
.ds__meta li:not(:last-child):after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  display: inline-block;
  background-color: #999999;
  content: "";
}
.ds__meta.-header li.complexity .level {
  color: #999999;
  margin-right: 1rem;
}
.ds__meta.-header li.complexity.-level-3 .level:after {
  color: #999999;
}

/**
  Search form styles
 */
.ds__search {
  position: relative;
}
.ds__search__input {
  display: block;
  background: #ffffff;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  border-radius: 80px;
  font-weight: 500;
  font-size: 1.6rem;
  height: 50px;
  width: 100%;
  padding: 0 110px 0 30px;
  color: #000000;
}
.ds__search__input.-high {
  height: 65px;
}
@media (max-width: 767px) {
  .ds__search__input {
    font-size: 1.3rem;
    height: 46px;
  }
}
.ds__search__input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.ds__search__submit {
  background: none;
  border: none;
  border-radius: 100px;
  width: 36px;
  height: 36px;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background: #4cc5fb;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .ds__search__submit {
    right: 5px;
  }
}
.ds__search__submit img {
  width: 17px;
  height: 17px;
  display: block;
}
.ds__search__submit.-big {
  width: 47px;
  height: 47px;
  right: 9px;
  transform: translateY(calc(-50% - 1px));
}
@media (max-width: 767px) {
  .ds__search__submit.-big {
    right: 9px;
  }
}
.ds__search__submit.-big img {
  width: 23px;
  height: 23px;
}
.ds__search__results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  border: 1px solid #eee;
  margin-top: 2px;
}
.ds__search__results__list {
  max-height: 300px;
  overflow-y: scroll;
  margin: 10px 20px 10px 30px;
}
.ds__search__results__item {
  background-color: transparent;
  transition: background-color 200ms ease;
  padding-right: 10px;
}
.ds__search__results__item + .ds__search__results__item {
  border-top: 1px solid #eee;
}
.ds__search__results__link {
  padding: 10px 0;
  display: inline-block;
}
.ds__search__results__link mark {
  background-color: transparent;
  font-weight: bold;
  color: #4cc5fb;
}
.ds__search .clear-input-btn {
  right: 80px;
}

/**
  Base Design School section styles
  If you need to extend these for any purpose use a particular file with a modifier in a corresponding folder.
 */
.ds__section {
  padding-top: 80px;
  padding-bottom: 80px;
  /**
    Base Design School section header styles
   */
  /**
    Base Design School section title styles
   */
}
@media (max-width: 414px) {
  .ds__section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 415px) {
  .ds__section.-half {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.ds__section.-results {
  padding-bottom: calc(80px - 30px);
}
.ds__section.-results.-half {
  padding-bottom: calc(40px - 30px);
}
.ds__section.-results.-no-bottom-padding {
  margin-bottom: -30px;
}
@media (max-width: 414px) {
  .ds__section.-results {
    padding-bottom: calc(40px - 30px);
  }
}
.ds__section.-no-top-padding {
  padding-top: 0 !important;
}
.ds__section.-no-bottom-padding {
  padding-bottom: 0 !important;
}
.ds__section.-latest {
  background-color: #f7f7f7;
}
.ds__section.-latest .ds__meta li.complexity.level:after {
  color: #cccccc;
}
.ds__section.-latest .ds__meta li.complexity.-level-3 .level:after {
  color: #000000;
}
.ds__section.-support {
  background-color: #4cc5fb;
}
@media (max-width: 767px) {
  .ds__section.-support {
    position: relative;
    padding: 0 !important;
  }
  .ds__section.-support:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    background-color: #ffffff;
  }
}
.ds__section.-placeholder {
  text-align: center;
}
.ds__section.-placeholder:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("https://fbcd.co/images/icons/loading-spinner-grey-1.2.svg") no-repeat 50%/20px;
}
.ds__section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ds__section__title {
  font-size: 3.3rem;
  line-height: 150%;
  font-weight: 700;
  margin-bottom: 0;
}
@media (max-width: 414px) {
  .ds__section__title {
    font-size: 2rem;
  }
}

.ds {
  border-top: 1px solid #ebebeb;
}
.ds .breadcrumbs-component {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .ds .breadcrumbs-component {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.ds__empty {
  margin-bottom: 30px;
}
.ds hr {
  margin-top: 0;
  margin-bottom: 40px;
  height: 1px;
  border-color: #cccccc;
}

/**
  Design School homepage styles
 */
/**
  Homepage banner styles
 */
.banner__img-decoration {
  transform: translateY(-42px);
  width: 100%;
}
@media (max-width: 990px) {
  .banner__img-decoration {
    transform: translateY(0);
    margin-top: 20px;
  }
}
.banner__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.banner__title {
  color: #4cc5fb;
  font-size: 6.4rem;
  line-height: 150%;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .banner__title {
    font-size: 3.2rem;
    margin-bottom: 0;
  }
}
.banner__subtitle {
  font-weight: 600;
  font-size: 3rem;
  line-height: 150%;
  color: #000000;
  margin-bottom: 30px;
  display: block;
  position: relative;
}
@media (max-width: 767px) {
  .banner__subtitle {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.banner__title-wrapper {
  max-width: 483px;
}
.banner__quick-search-tag {
  background: #ffffff;
  border: 1px solid #eeeeee;
  box-sizing: border-box;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  display: inline-block;
  margin-right: 15px;
  padding: 8px 20px;
  cursor: pointer;
  transition: 0.25s;
  font-size: 1rem;
}
@media (max-width: 990px) {
  .banner__quick-search-tag {
    padding: 8px;
  }
}
.banner__quick-search-tag:hover {
  text-decoration: none;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

/**
  Support link item styles
 */
.ds__support {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  font-weight: 600;
  transition: all 200ms ease;
  background-color: transparent;
  position: relative;
}
@media (min-width: 768px) {
  .ds__support {
    height: 120px;
    box-shadow: inset 0 0 0 2px #ffffff;
    border-radius: 10px;
    padding-left: 100px;
    padding-right: 30px;
    font-size: 2.2rem;
  }
}
@media (max-width: 767px) {
  .ds__support {
    font-size: 1.8rem;
    height: 100px;
    padding-left: 60px;
  }
}
.ds__support:before {
  content: "";
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  display: inline-block;
  background-position: center;
  background-size: cover;
}
@media (max-width: 767px) {
  .ds__support:before {
    left: 0;
    width: 40px;
    height: 40px;
  }
}
.ds__support:after {
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.ds__support:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.ds__support.-community:before {
  background-image: url("https://fbcd.co/images/pages/designschool/community-forum-1.0.svg");
}
.ds__support.-help:before {
  background-image: url("https://fbcd.co/images/pages/designschool/help-center-1.0.svg");
}

.ds {
  /**
    Plus image
   */
  /**
    See more link button.
   */
}
.ds .plus-img {
  position: relative;
  top: -3px;
  max-height: 25px;
}
.ds .see-more {
  font-weight: 500;
  color: #999999;
  font-size: 1.3rem;
  transition: color 200ms ease;
}
.ds .see-more:hover {
  color: #5c5b69;
}

/**
  Design School category styles
 */
/**
  Design School category page banner
 */
.ds__category-banner {
  overflow: hidden;
  border-radius: 20px;
  height: 180px;
  position: relative;
}
.ds__category-banner__image {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.ds__category-banner:after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  z-index: 2;
}
@media (max-width: 767px) {
  .ds__category-banner {
    width: 100vw;
    border-radius: 0;
    transform: translateX(-20px);
  }
}
.ds__category-banner__title {
  color: #ffffff;
  font-weight: 700;
  font-size: 4rem;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
@media (max-width: 767px) {
  .ds__category-banner__title {
    font-size: 3rem;
    left: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
  }
}

/**
  NoBs Dropdown element styling
 */
.ds__section .no-bs__dropdown__toggle {
  position: relative;
  background: #ffffff;
  width: 215px;
  height: 51px;
  border-radius: 80px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  border: 1px solid #ebebeb;
  text-align: left;
  font-size: 1.5rem;
  color: #000000;
  font-weight: 500;
  padding-left: 29px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .ds__section .no-bs__dropdown__toggle {
    position: relative;
    width: 100%;
    margin-top: 16px;
    height: 46px;
    font-size: 1.3rem;
  }
}
@media (max-width: 991px) {
  .ds__section .no-bs__dropdown__toggle {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  }
}
.ds__section .no-bs__dropdown__toggle::after {
  position: absolute;
  right: 28px;
  top: 22px;
  width: 16px;
  height: 7px;
}
.ds__section .no-bs__dropdown__list {
  width: 214px;
}
@media (max-width: 767px) {
  .ds__section .no-bs__dropdown__list {
    width: 100%;
  }
}

/**
  Pagination styles.
 */
.ds__pagination .pagination-component {
  margin-top: 10px;
  margin-bottom: 30px;
}
@media (max-width: 414px) {
  .ds__pagination .pagination-component {
    margin-top: 10px;
  }
}

/**
  Design School post styles
 */
.ds__post {
  position: relative;
  /* Content */
  /* Title */
  /* Blurb */
  /* Share */
  /* Footer */
}
@media (max-width: 991px) {
  .ds__post {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .ds__post {
    padding-left: 130px;
  }
}
@media (min-width: 992px) {
  .ds__post {
    width: calc(100% - 277px);
    padding-right: 100px;
  }
}
.ds__post > * + * {
  margin-top: 0;
}
.ds__post__content {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 200%;
}
.ds__post__content img {
  border-radius: 10px;
}
.ds__post__content h2 {
  font-size: 3rem;
  color: #000000;
  margin-bottom: 10px;
}
.ds__post__content h2 * {
  color: #000000;
  margin-bottom: 10px;
}
.ds__post__content p {
  font-size: 1.8rem;
  line-height: 200%;
  margin-bottom: 1.5rem;
  font-weight: 300;
}
.ds__post__content h1, .ds__post__content h2, .ds__post__content h3, .ds__post__content h4, .ds__post__content h5, .ds__post__content h1 *, .ds__post__content h2 *, .ds__post__content h3 *, .ds__post__content h4 *, .ds__post__content h5 * {
  color: #000000;
  margin-bottom: 10px;
  font-family: Georgia;
}
.ds__post__content h2, .ds__post__content h2 * {
  font-size: 30px !important;
}
.ds__post__content h3, .ds__post__content h3 * {
  font-size: 26px !important;
}
.ds__post__content h4, .ds__post__content h4 * {
  font-size: 22px !important;
}
.ds__post__content h5, .ds__post__content h5 * {
  font-size: 18px !important;
}
.ds__post__content img {
  border-radius: 10px;
  height: auto !important;
  margin: 10px 0;
}
.ds__post__title {
  font-weight: 700;
  color: #000000;
  font-family: Georgia;
  font-size: 4rem;
}
.ds__post__blurb {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 150%;
  color: #999999;
}
@media (max-width: 767px) {
  .ds__post__share {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
  }
}
@media (min-width: 768px) {
  .ds__post__share {
    position: sticky;
    top: 20px;
  }
}
.ds__post__share li {
  position: relative;
}
@media (max-width: 767px) {
  .ds__post__share li {
    margin-top: 10px;
  }
  .ds__post__share li + li {
    margin-left: 10px;
  }
}
@media (min-width: 768px) {
  .ds__post__share li + li {
    margin-top: 20px;
  }
}
.ds__post__share li .-copied-response {
  left: 50% !important;
  top: 0 !important;
}
.ds__post__share__btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  box-shadow: inset 0 0 0 1px #999999;
  color: #999999;
  text-decoration: none;
  transition: all ease 200ms;
}
.ds__post__share__btn:hover {
  text-decoration: none;
  box-shadow: inset 0 0 0 1px #5c5b69;
  color: #5c5b69;
}
@media (max-width: 767px) {
  .ds__post__footer {
    padding: 40px 0;
  }
}
@media (min-width: 768px) {
  .ds__post__footer {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 130px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

.ds__post__sidebar {
  position: relative;
}
@media (max-width: 991px) {
  .ds__post__sidebar {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100%;
  }
}
@media (min-width: 992px) {
  .ds__post__sidebar {
    width: 277px;
  }
}
.ds__post__sidebar a {
  position: sticky;
  top: 20px;
}
.ds__post__sidebar .btn-primary {
  padding-left: 0;
  padding-right: 0;
}
.ds__post__sidebar img {
  max-width: 277px;
  border-radius: 10px;
  overflow: hidden;
}

.ds__post__thumbnail {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%;
  border-radius: 10px;
  background-color: #ebebeb;
  overflow: hidden;
  position: relative;
}
.ds__post__thumbnail img {
  width: 100%;
  height: auto;
  transform: scale(1, 1);
  transition: transform 2s ease-in;
}

.ds__post {
  word-break: break-word;
}
.ds__post__wrapper {
  max-width: 1200px;
  flex-wrap: wrap;
}
.ds__post__also-like {
  max-width: 1200px;
}
@media (max-width: 991px) {
  .ds__post__also-like__row {
    margin-top: -20px;
  }
}
.ds__post__also-like__title {
  font-weight: 600;
  color: #000000;
  font-size: 24px;
}
.ds__post__additional {
  max-width: 1200px;
}
.ds__post__additional > .width-100 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 40px;
  padding-top: 40px;
  display: flex;
  justify-content: center;
}
.ds__post__additional .tags {
  flex-wrap: wrap;
  padding-top: 30px;
}
.ds__post__additional .tags .btn-primary {
  margin-top: 10px;
}
.ds__post__additional .btn-primary.-no-hover {
  cursor: inherit;
}
.ds__post__additional .comments-section {
  margin-bottom: 0 !important;
}
.ds__post__additional .comments #loadMoreComments {
  margin-bottom: 0 !important;
}
.ds__post__additional .comments h3 {
  margin-top: 0 !important;
}
.ds.-post .breadcrumbs-component {
  max-width: 1200px;
}
.ds.-post .container {
  flex-direction: column;
  align-items: center;
}

.user-comment {
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.user-comment:last-child {
  border-bottom: 0;
  padding-bottom: 10px;
}
.user-comment__block {
  display: flex;
  position: relative;
}
.user-comment__block.-post-hidden:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
}
.user-comment__flex-avatar {
  margin-right: 15px;
}
.user-comment__flex-avatar .user-comment__total-upvotes {
  border: 1px solid #ebebeb;
  font-weight: bold;
  text-align: center;
  padding: 2px 0;
  border-radius: 4px;
  font-size: 1.1rem;
  margin-top: 10px;
}
.user-comment__flex-content {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.user-comment__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
}
.user-comment__header .user-comment__name {
  font-weight: bold;
}
.user-comment__header .user-comment__post-date {
  color: #999999;
  font-size: 1.1rem;
}
.user-comment__header .user-comment__vip-label {
  font-weight: 600;
  font-size: 1.1rem;
  padding: 3px 10px;
  border-radius: 50px;
  margin-left: 10px;
}
.user-comment__header .user-comment__vip-label.-product-owner {
  border: 1px solid #ffa200;
  color: #ffa200;
}
.user-comment__post {
  color: #5c5b69;
  padding: 10px 0;
  line-height: 180%;
  word-break: break-word;
}
.user-comment__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.user-comment__actions .user-comment__action-btn {
  display: inline-flex;
  align-items: end;
  border-radius: 50px;
  border: 0;
  color: #5c5b69;
  background-color: transparent;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 5px 12px;
  cursor: pointer;
}
.user-comment__actions .user-comment__action-btn .user-comment__action-icn {
  color: #cccccc;
  font-size: 1.4rem;
  margin-right: 5px;
  display: inline-block;
}
.user-comment__actions .user-comment__action-btn:hover {
  background-color: rgb(247.75, 247.75, 247.75);
}
.user-comment__actions .user-comment__action-btn:focus {
  outline: 0;
}
.user-comment__actions .user-comment__admin-actions {
  margin-left: auto;
}
.user-comment__actions .user-comment__admin-link {
  font-size: 1.1rem;
  margin-left: 6px;
}
.user-comment__actions .user-comment__admin-link.-hide-link {
  z-index: 11;
  position: relative;
}
.user-comment__block + .user-comment__block {
  margin: 30px 0 0 50px;
  border-top: 1px dashed #ebebeb;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .user-comment__header .user-comment__post-date {
    flex: 1 1 100%;
    margin-top: 5px;
  }
  .user-comment__actions .user-comment__admin-actions {
    flex: 1 1 100%;
    margin-top: 10px;
    margin-left: -5px;
  }
  .user-comment__block + .user-comment__block {
    padding-top: 20px;
    margin-top: 20px;
  }
  .user-comment__block.-make-comment-block {
    margin-left: 0;
  }
  .user-comment__block.-make-comment-block .user-comment__flex-avatar {
    display: none;
  }
  .user-comment__block.-reply-block .user-comment__flex-avatar {
    margin-left: -20px;
  }
}

.make-comment {
  margin: 20px 0 50px 0;
}
.make-comment .alert {
  margin-bottom: 0;
  margin-top: 10px;
}

/**
  Design School tiles styles
 */
/**
  Design School category tile styles
 */
.ds__category-tile {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.ds__category-tile a:hover {
  text-decoration: none;
}
.ds__category-tile__figure {
  position: relative;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
}
.ds__category-tile__figure picture {
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ds__category-tile__figure picture img {
  max-width: 80%;
  width: 100%;
  margin-bottom: 60px;
}
.ds__category-tile__header {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  border-radius: 10px;
  overflow: hidden;
  transition: padding-bottom ease 200ms;
}
.ds__category-tile__title {
  font-size: 1.6rem;
  line-height: 150%;
  color: #ffffff;
}
.ds__category-tile__meta {
  font-size: 1.2rem;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.8);
}
.ds__category-tile.-regular .ds__category-tile__header {
  background: rgba(0, 0, 0, 0.5);
  padding: 1rem 1.5rem;
}
.ds__category-tile.-regular:hover .ds__category-tile__header {
  padding-bottom: 2rem;
}
.ds__category-tile:not(.-plus) .ds__category-tile__figure {
  background-color: #4cc5fb;
  background-color: var(--color);
  position: relative;
  z-index: 1;
}
.ds__category-tile:not(.-plus) .ds__category-tile__figure:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.5) 100%);
  z-index: 1;
}
.ds__category-tile:not(.-plus) .ds__category-tile__picture {
  position: relative;
  z-index: 2;
}
.ds__category-tile.-plus .ds__category-tile__header {
  padding: 2rem;
}
.ds__category-tile.-plus .ds__category-tile__figure {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.ds__category-tile.-plus .ds__category-tile__figure:before {
  z-index: 1;
  content: "";
  position: absolute;
  inset: 0;
}
.ds__category-tile.-plus .ds__category-tile__figure picture {
  z-index: 2;
}
.ds__category-tile.-plus .ds__category-tile__figure picture img {
  margin-bottom: 0;
}
.ds__category-tile.-plus.-designscape-tutorials .ds__category-tile__figure {
  background-image: url("https://fbcd.co/images/pages/designschool/category-bg/designscape-1.0.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .ds__category-tile.-plus.-designscape-tutorials .ds__category-tile__figure {
    background-image: url("https://fbcd.co/images/pages/designschool/category-bg/designscape-1.0@2.png");
  }
}
.ds__category-tile.-plus.-plus-membeship .ds__category-tile__figure {
  background-image: url("https://fbcd.co/images/pages/designschool/category-bg/plus-membeship-1.0@2.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .ds__category-tile.-plus.-plus-membeship .ds__category-tile__figure {
    background-image: url("https://fbcd.co/images/pages/designschool/category-bg/plus-membeship-1.0@2.png");
  }
}
.ds__category-tile.-plus:hover .ds__category-tile__header {
  padding-bottom: 3rem;
}

/**
  Design School post tile styles
 */
.ds__post-tile {
  flex-direction: column;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.ds__post-tile__header {
  max-width: 100%;
}
.ds__post-tile__figure {
  position: relative;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #ebebeb;
}
.ds__post-tile__figure picture {
  border-radius: 11px;
  transition: border-radius 200ms ease;
  background-color: #ebebeb;
  padding-top: 50%;
  position: relative;
}
.ds__post-tile__figure picture:hover {
  border-radius: 10px;
}
.ds__post-tile__figure picture img {
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all 200ms ease;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1, 1);
  transform-origin: center center;
  width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  .ds__post-tile__figure picture img:hover {
    transform: translate(-50%, -50%) scale(1.1, 1.1);
    opacity: 0.8;
  }
}
.ds__post-tile__category-name {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
  height: 30px;
  border-radius: 15px;
  padding: 0 1rem;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #ffffff;
  backdrop-filter: blur(10px);
  align-items: center;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 150%;
  text-transform: uppercase;
  font-weight: 600;
}
.ds__post-tile__content {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  flex-direction: column;
  align-items: flex-start;
}
.ds__post-tile__excerpt {
  max-width: 100%;
  overflow-wrap: break-word;
}
.ds__post-tile__title {
  font-size: 1.6rem;
  line-height: 150%;
  font-weight: 600;
  overflow-wrap: break-word;
}
.ds__post-tile__by-author {
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 180%;
  color: #5c5b69;
}
@media (min-width: 992px) {
  .ds__post-tile.-featured {
    border-radius: 15px;
    padding: 15px;
    background-color: #f7f7f7;
    flex-direction: row;
  }
}
.ds__post-tile.-featured .ds__meta li.complexity .level:after {
  color: #cccccc;
}
@media (min-width: 768px) {
  .ds__post-tile.-featured .ds__post-tile__excerpt {
    color: #5c5b69;
    line-height: 160%;
    flex-grow: 1;
  }
}
@media (max-width: 767px) {
  .ds__post-tile.-featured .ds__post-tile__excerpt {
    display: none;
  }
}
@media (min-width: 992px) {
  .ds__post-tile.-featured .ds__post-tile__more {
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    color: #333333;
    align-self: flex-end;
  }
  .ds__post-tile.-featured .ds__post-tile__more:after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 2rem;
    margin-left: 1rem;
    margin-bottom: 3px;
    line-height: 100%;
    transform: translateY(2px);
  }
  .ds__post-tile.-featured .ds__post-tile__more:hover {
    text-decoration: none;
  }
}
@media (max-width: 991px) {
  .ds__post-tile.-featured .ds__post-tile__more {
    display: none;
  }
}
@media (min-width: 992px) {
  .ds__post-tile.-featured .ds__post-tile__title {
    font-size: 2.4rem;
    font-weight: 700;
  }
  .ds__post-tile.-featured .ds__post-tile__figure {
    border: 0 !important;
  }
}
.ds__post-tile.-featured .ds__post-tile__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .ds__post-tile.-featured .ds__post-tile__content {
    padding: 10px 15px 15px 30px;
    margin-top: 0;
    justify-content: space-between;
  }
  .ds__post-tile.-featured .ds__post-tile__figure, .ds__post-tile.-featured .ds__post-tile__content {
    width: 50% !important;
  }
}

.designer-commission-calculator {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #fafafa;
  position: relative;
  overflow: hidden;
  min-height: 800px;
}
@media (max-width: 414px) {
  .designer-commission-calculator {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.designer-commission-calculator__placeholder {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
}
.designer-commission-calculator__control .ui-slider-horizontal {
  height: 3px;
}
.designer-commission-calculator__control .ui-slider-horizontal .ui-slider-handle {
  margin-left: 0 !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border: 0 !important;
  border-radius: 50%;
  outline-color: transparent !important;
  outline-width: 0 !important;
}
.designer-commission-calculator__control .ui-widget-content {
  border: 0 !important;
}
.designer-commission-calculator__control .ui-widget-content.-site-1 {
  background-color: rgba(248, 102, 160, 0.25) !important;
}
.designer-commission-calculator__control .ui-widget-content.-site-1 .ui-widget-header,
.designer-commission-calculator__control .ui-widget-content.-site-1 .ui-slider-handle {
  background-color: #f866a0 !important;
}
.designer-commission-calculator__control .ui-widget-content.-site-1 .ui-slider-handle {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 0 0 6px rgba(248, 102, 160, 0.25);
}
.designer-commission-calculator__control .ui-widget-content.-site-1 .ui-slider-handle.active {
  animation: handler-1 500ms infinite ease-in-out;
}
.designer-commission-calculator__control .ui-widget-content.-site-2 {
  background-color: rgba(76, 197, 251, 0.25) !important;
}
.designer-commission-calculator__control .ui-widget-content.-site-2 .ui-widget-header,
.designer-commission-calculator__control .ui-widget-content.-site-2 .ui-slider-handle {
  background-color: #4cc5fb !important;
}
.designer-commission-calculator__control .ui-widget-content.-site-2 .ui-slider-handle {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 0 0 6px rgba(76, 197, 251, 0.25);
}
.designer-commission-calculator__control .ui-widget-content.-site-2 .ui-slider-handle.active {
  animation: handler-2 500ms infinite ease-in-out;
}
.designer-commission-calculator__control__value {
  font-weight: bold;
  font-size: 1.3rem;
  color: #000000;
}
.designer-commission-calculator__control__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.designer-commission-calculator__control__header > * {
  margin-bottom: 0;
}
.designer-commission-calculator__control.salesCommission .designer-commission-calculator__control__value:after {
  content: "%";
}
.designer-commission-calculator__earnings {
  display: flex;
}
@media (max-width: 991px) {
  .designer-commission-calculator__earnings {
    flex-wrap: wrap;
    width: auto !important;
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .designer-commission-calculator__earnings-group {
    flex-direction: column;
    align-content: inherit;
    margin-top: 2rem;
  }
}
.designer-commission-calculator__earnings.-site-1 a:hover {
  color: #f866a0;
}
.designer-commission-calculator__earnings.-site-1 a.active {
  color: #f866a0;
  background-color: rgba(248, 102, 160, 0.25) !important;
}
.designer-commission-calculator__earnings.-site-2 a:hover {
  color: #4cc5fb;
}
.designer-commission-calculator__earnings.-site-2 a.active {
  color: #4cc5fb;
  background-color: rgba(76, 197, 251, 0.25) !important;
}
.designer-commission-calculator__earnings a {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  border-radius: 4px;
  background-color: #ebebeb;
  padding: 0.5rem 0;
  font-size: 1.1rem;
  font-weight: bold;
  color: #5c5b69;
}
@media (max-width: 991px) {
  .designer-commission-calculator__earnings a {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(50% - 1rem);
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
.designer-commission-calculator__earnings a:hover {
  text-decoration: none;
}
.designer-commission-calculator__earnings a + a {
  margin-left: 1rem;
}
@media (max-width: 991px) {
  .designer-commission-calculator__earnings a + a {
    margin-left: 0;
  }
}
.designer-commission-calculator .basic-input {
  background-color: #ffffff;
}
.designer-commission-calculator .input-group.-input-group-error .error-input:not(input):not(select):not(textarea), .designer-commission-calculator .checkout-row__addons .addons__row .-input-group-error.col1 .error-input:not(input):not(select):not(textarea), .checkout-row__addons .addons__row .designer-commission-calculator .-input-group-error.col1 .error-input:not(input):not(select):not(textarea) {
  margin-bottom: 0;
}
.designer-commission-calculator__bg-image {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: auto;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .designer-commission-calculator__bg-image {
    width: 1000px;
  }
}
.designer-commission-calculator__title {
  margin-bottom: 50px;
  font-size: 2.85rem;
}
.designer-commission-calculator__subtitle {
  font-weight: bold;
  text-transform: uppercase;
}
.designer-commission-calculator__subtitle:not(.-sm) {
  font-size: 1.5rem;
}
@media (max-width: 991px) {
  .designer-commission-calculator__subtitle:not(.-sm) {
    font-size: inherit;
  }
}
.designer-commission-calculator__subtotals {
  display: flex;
}
.designer-commission-calculator__subtotals .designer-commission-calculator__total {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.designer-commission-calculator__subtotals .designer-commission-calculator__total + .designer-commission-calculator__total {
  border-left: 1px solid #cccccc;
}
.designer-commission-calculator__value {
  line-height: 1;
  font-weight: bold;
  font-size: 5rem;
}
@media (max-width: 991px) {
  .designer-commission-calculator__value {
    font-size: 4rem;
  }
}
.designer-commission-calculator__value:before {
  content: "$";
  margin-right: 1rem;
}
.designer-commission-calculator__value.-sm {
  font-size: 3rem;
  color: #5c5b69;
}
@media (max-width: 991px) {
  .designer-commission-calculator__value.-sm {
    font-size: 2rem;
  }
}
.designer-commission-calculator__value.-sm:before {
  margin-right: 0.5rem;
}
.designer-commission-calculator__row {
  justify-content: center;
  align-items: center;
  transition: opacity 300ms ease;
}
.designer-commission-calculator__calculate {
  padding-left: 60px;
  padding-right: 60px;
}
@media (max-width: 414px) {
  .designer-commission-calculator__calculate {
    width: 100%;
  }
}
.designer-commission-calculator__form {
  position: relative;
}
@media (max-width: 414px) {
  .designer-commission-calculator__form {
    margin-top: 30px;
  }
}
.designer-commission-calculator__form > * {
  position: relative;
  z-index: 2;
}
.designer-commission-calculator__form__bg-image {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(90%, 30%);
}
@media (min-width: 768px) and (max-width: 992px) {
  .designer-commission-calculator__form__bg-image {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .designer-commission-calculator__form__bg-image {
    display: none;
  }
}
@media (max-width: 414px) {
  .designer-commission-calculator__form__bg-image {
    display: none;
  }
}

@keyframes handler-1 {
  from {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(248, 102, 160, 0.25);
  }
  to {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 0 0 15px transparent;
  }
}
@keyframes handler-2 {
  from {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(76, 197, 251, 0.25);
  }
  to {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 0 0 15px transparent;
  }
}
.bf-redirect {
  background-color: #080808;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
  background-image: url("https://fbcd.co/images/pages/udd/2024/udd_banner_v1.0.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 1480px auto;
  height: 350px;
  border-bottom: 3px dashed #fff;
  position: relative;
}
@media (max-width: 767px) {
  .bf-redirect {
    background-size: auto 370px;
    background-color: #33333a;
    height: 370px;
  }
}
.bf-redirect h2 {
  position: absolute;
  bottom: 3%;
  font-size: 26px;
  width: 100%;
  text-align: center;
  padding: 0 15px;
  color: #ffffff;
}
.bf-redirect h2 a {
  color: #ef9f1f;
}

.dollar-deal__center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dollar-deal__title-wrapper {
  width: 100%;
  text-align: center;
  padding: 15px;
}
.dollar-deal__main-heading {
  color: white;
  font-size: 6rem;
  text-transform: uppercase;
  line-height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.dollar-deal__background {
  padding-bottom: 50px;
  background: linear-gradient(90deg, #90d7f4 0%, #DFF5FF 45.83%, #CFF0FF 100%);
}
.dollar-deal__enter-number-bar {
  margin: 50px 0 0;
  z-index: 1;
}
.dollar-deal__enter-number-bar .dollar-deal__enter-number-box {
  max-width: 950px;
  background: #fff387;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  margin: auto;
}
.dollar-deal__enter-number-bar.alert {
  padding: 0;
  justify-content: normal;
  border-radius: inherit;
}
.dollar-deal__enter-number-bar.alert .alert-close {
  position: absolute;
  min-height: auto;
  width: auto;
  display: block;
  right: 10px;
  top: 2px;
  align-items: normal;
  color: #000000;
  justify-content: flex-end;
  font-size: 22px;
}
.dollar-deal__enter-number-bar.alert .alert-close:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 414px) {
  .dollar-deal__enter-number-bar {
    margin: 20px 0 0;
  }
}
.dollar-deal__top-section {
  background-image: url("https://fbcd.co/images/pages/dollar-deal/background-right_2024-v3.1.png"), url("https://fbcd.co/images/pages/dollar-deal/background-left_2024-v3.7.png");
  background-color: #90d7f4;
  background-repeat: no-repeat;
  background-position: right top, left top;
  background-size: auto 100%;
  padding: 50px 0;
}
@media (max-width: 991px) {
  .dollar-deal__top-section {
    background-image: url("https://fbcd.co/images/pages/dollar-deal/background-mobile_2024-v3.1.png");
    background-color: #59c1ee;
    background-position: bottom left !important;
    background-size: 100% auto !important;
  }
}
.dollar-deal__top-section .dollar-deal__logo {
  height: 30px;
  display: inline-block;
}
.dollar-deal__top-section .dollar-deal__left-column {
  text-align: center;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.dollar-deal__top-section .dollar-deal__left-column.-font-bundles-full-width {
  height: 300px;
  text-align: center;
}
.dollar-deal__top-section .dollar-deal__left-column.-font-bundles-full-width .dollar-deal__main-heading {
  font-size: 9rem;
}
@media (max-width: 414px) {
  .dollar-deal__top-section .dollar-deal__left-column {
    display: block;
    height: auto;
    padding-bottom: 0;
  }
  .dollar-deal__top-section .dollar-deal__left-column.-font-bundles-full-width .dollar-deal__main-heading {
    font-size: 6rem;
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .dollar-deal__top-section .dollar-deal__left-column {
    padding-bottom: 0;
  }
}
.dollar-deal__top-section .dollar-deal__right-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 40px;
}
.dollar-deal__top-section .dollar-deal__main-heading {
  color: white;
  font-size: 6rem;
  text-transform: uppercase;
  line-height: 100%;
  text-align: center;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}
.dollar-deal__top-section .dollar-deal__main-heading-sec {
  font-size: 4rem;
  position: relative;
  margin-top: -20px;
  letter-spacing: 2px;
}
.dollar-deal__wide-bar {
  background-color: white;
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
  position: sticky;
  top: 0;
  z-index: 19;
}
.dollar-deal__wide-bar.-pre-event .dd-actions {
  padding: 15px 0;
}
.dollar-deal__wide-bar.-afterparty {
  background-color: #222;
  box-shadow: 0 0 0 1px #222;
  color: white;
}
.dollar-deal__wide-bar.-live-event .dd-actions, .dollar-deal__wide-bar.-afterparty .dd-actions {
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media (max-width: 650px) {
  .dollar-deal__wide-bar.-live-event .dd-actions, .dollar-deal__wide-bar.-afterparty .dd-actions {
    min-height: 6.5rem;
  }
}
@media (max-width: 991px) {
  .dollar-deal__wide-bar {
    position: relative;
    top: auto;
  }
  .dollar-deal__wide-bar.-live-event {
    position: sticky;
    top: 62px;
  }
}
.dollar-deal__wide-bar .dollar-deal__price-nav {
  display: none;
  justify-content: space-around;
  align-content: center;
  align-items: center;
}
@media (min-width: 991px) {
  .dollar-deal__wide-bar .dollar-deal__price-nav {
    display: flex;
  }
}
.dollar-deal__wide-bar .dollar-deal__price-nav-wrapper {
  cursor: pointer;
  text-decoration: none;
  position: relative;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  outline: inherit;
}
.dollar-deal__wide-bar .dollar-deal__price-nav-wrapper:not(:last-child) {
  margin-right: 2rem;
}
.dollar-deal__wide-bar .dollar-deal__price-nav-wrapper a {
  color: grey;
  background-color: white;
  border: 2px solid rgba(128, 128, 128, 0.4);
  border-radius: 5rem;
  display: flex;
  align-content: center;
  align-items: center;
  width: 14rem;
  height: 6rem;
  justify-content: flex-start;
  font-size: 1.5rem;
  padding-left: 2.8rem;
  text-decoration: none;
  transition: all 0.2s ease;
}
.dollar-deal__wide-bar .dollar-deal__price-nav-wrapper a:hover {
  background-color: rgb(237.15, 237.15, 237.15);
}
.dollar-deal__wide-bar .dollar-deal__price-nav-wrapper a .dollarImage {
  transform: scale(0.65);
  width: 5.5rem;
  height: 5.5rem;
}
@media (max-width: 1200px) {
  .dollar-deal__wide-bar .dollar-deal__price-nav-wrapper a .dollarImage {
    transform: scale(0.55);
  }
  .dollar-deal__wide-bar .dollar-deal__price-nav-wrapper a span {
    display: none;
  }
  .dollar-deal__wide-bar .dollar-deal__price-nav-wrapper a {
    width: 6rem;
    padding-left: 0;
  }
}
.dollar-deal__wide-bar .dollar-deal__price-nav-wrapper .oneDollarButton.active {
  border: 2px solid #C82749;
}
.dollar-deal__wide-bar .dollar-deal__price-nav-wrapper .threeDollarButton.active {
  border: 2px solid #2888F3;
}
.dollar-deal__wide-bar .dollar-deal__price-nav-wrapper .fiveDollarButton.active {
  border: 2px solid #CC8200;
}
.dollar-deal__wide-bar .dd-mobile-header__checkout-btn {
  display: none;
  min-width: 30rem;
  height: 6rem;
  font-weight: 600;
}
@media (max-width: 991px) {
  .dollar-deal__wide-bar .dd-mobile-header__checkout-btn {
    display: block;
  }
}
@media (max-width: 650px) {
  .dollar-deal__wide-bar .dd-mobile-header__checkout-btn {
    flex: 1;
    height: 5rem;
    min-width: unset;
    padding: 0;
  }
}
.dollar-deal__header {
  padding: 6rem 0 6rem 0rem;
  font-size: 3.3rem;
  font-weight: 600;
  color: black;
  width: 100%;
  text-align: center;
}
.dollar-deal__header span {
  background-color: #fd4e48;
  padding: 8px 15px;
  border-radius: 10px;
  display: inline-block;
}
.dollar-deal__header .dd-choose-high {
  background: #40c756;
  padding: 5px 10px;
  border-radius: 4px;
  color: white;
  border-radius: 1rem;
}
.dollar-deal__bundle-header {
  font-size: 2.2rem;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 500;
  margin-top: 20px;
}
.dollar-deal__bundle-header .-second-heading {
  color: black;
  font-size: 3rem;
  font-weight: bold;
  margin-top: -5px;
  margin-bottom: 10px;
}
.dollar-deal__bundle-row {
  margin-bottom: 5rem;
}
.dollar-deal__status-wrapper {
  height: 260px;
}
@media (max-width: 414px) {
  .dollar-deal__status-wrapper {
    height: auto;
    margin-top: 20px;
  }
}
.dollar-deal__cross-banner {
  background: linear-gradient(90deg, #8f2fef 24.55%, #00aaff 97.84%);
  border-radius: 8px;
  text-align: center;
  font-size: 1.8rem;
  padding: 19px 10px 18px;
}
@media (max-width: 767px) {
  .dollar-deal__cross-banner {
    display: flex;
    flex-direction: column;
  }
}
.dollar-deal__header-and-upsell {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dollar-deal__header-and-upsell .dollar-deal__upsell-container {
  display: flex;
  height: 160px;
  width: 500px;
  background-color: #5747bb;
  border: 2px dashed #fff;
  border-radius: 10px;
  margin: 30px 0 40px 0;
}
.dollar-deal__header-and-upsell .dollar-deal__upsell-container .dollar-deal__offer-wrapper {
  width: 0;
}
.dollar-deal__header-and-upsell .dollar-deal__upsell-container a {
  width: 100%;
  height: 100%;
  padding: 15px;
}
.dollar-deal__header-and-upsell .dollar-deal__upsell-container img {
  height: 130px;
  min-width: 195px;
  max-width: 195px;
  display: inline-block;
}
.dollar-deal__header-and-upsell .dollar-deal__upsell-container .dollar-deal__product-name {
  color: #fff;
  margin: 15px 30px 15px 15px;
  font-size: 2.2rem;
  font-weight: 600;
  flex-wrap: wrap;
  display: flex;
  justify-content: flex-end;
}
.dollar-deal__header-and-upsell .dollar-deal__upsell-container .dollar-deal__product-name .dollar-deal__html-insert {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  .dollar-deal__header-and-upsell .dollar-deal__upsell-container .dollar-deal__product-name .dollar-deal__html-insert {
    line-height: 2rem;
    font-size: 1.8rem;
  }
}
@media (max-width: 414px) {
  .dollar-deal__header-and-upsell .dollar-deal__upsell-container .dollar-deal__product-name .dollar-deal__html-insert {
    font-size: 1.5rem;
  }
}
@media (max-width: 374px) {
  .dollar-deal__header-and-upsell .dollar-deal__upsell-container .dollar-deal__product-name .dollar-deal__html-insert {
    font-size: 1.3rem;
  }
}
.dollar-deal__header-and-upsell .dollar-deal__upsell-container .dollar-deal__product-name .dollar-deal__html-insert span {
  color: #48fcb1 !important;
}
.dollar-deal__header-and-upsell .dollar-deal__upsell-container .dollar-deal__offer {
  position: relative;
  color: #000;
  width: 140px;
  height: 26px;
  font-size: 1.3rem;
  margin-top: -15px;
  right: 160px;
  line-height: 2.6rem;
  text-align: center;
  font-weight: bold;
  background-color: #fff;
  border-radius: 15px;
}
@media (max-width: 414px) {
  .dollar-deal__header-and-upsell .dollar-deal__upsell-container .dollar-deal__offer {
    width: 100px;
    height: 20px;
    font-size: 1rem;
    line-height: 2.1rem;
    margin-top: -10px;
    margin-bottom: 10px;
    right: 120px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  .dollar-deal__header-and-upsell .dollar-deal__upsell-container .dollar-deal__offer {
    width: 140px;
    height: 20px;
    font-size: 1.3rem;
    line-height: 2.1rem;
    right: 160px;
  }
}
@media (max-width: 1200px) {
  .dollar-deal__header-and-upsell .dollar-deal__upsell-container {
    position: absolute;
    left: -900%;
  }
}
@media (max-width: 991px) {
  .dollar-deal__header-and-upsell .dollar-deal__upsell-container {
    max-width: 450px;
    margin: -20px auto 30px auto;
    position: static;
    height: 130px;
  }
  .dollar-deal__header-and-upsell .dollar-deal__upsell-container img {
    height: 100px;
    max-width: 150px;
    min-width: 150px;
  }
  .dollar-deal__header-and-upsell .dollar-deal__upsell-container .dollar-deal__product-name {
    font-size: 2rem;
    text-align: left;
    line-height: 2.6rem;
  }
}
@media (max-width: 414px) {
  .dollar-deal__header-and-upsell .dollar-deal__upsell-container {
    min-width: fit-content;
    height: 110px;
  }
  .dollar-deal__header-and-upsell .dollar-deal__upsell-container img {
    height: 80px;
    max-width: 120px;
    min-width: 120px;
  }
  .dollar-deal__header-and-upsell .dollar-deal__upsell-container .dollar-deal__product-name {
    line-height: 1.7rem;
    font-size: 1.5rem;
    margin-right: 15px;
  }
}
.dollar-deal__header-and-upsell .dollar-deal__price-nav {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  margin: 1rem 0 1rem 0rem;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 0rem 6rem;
}
@media (max-width: 991px) {
  .dollar-deal__header-and-upsell .dollar-deal__price-nav {
    display: flex;
  }
}
.dollar-deal__header-and-upsell .dollar-deal__price-nav-wrapper {
  margin-bottom: 2rem;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  outline: inherit;
  width: 100%;
  max-width: 40rem;
}
.dollar-deal__header-and-upsell .dollar-deal__price-nav-wrapper a {
  color: white;
  display: flex;
  align-content: center;
  align-items: center;
  height: 4.5rem;
  justify-content: center;
  font-size: 1.6rem;
  padding: 0rem 2rem;
  text-decoration: none;
  border-radius: 5rem;
}
.dollar-deal__header-and-upsell .dollar-deal__price-nav-wrapper a .dollarImage {
  height: 5rem;
  width: 5rem;
  transform: scale(0.55);
}
@media (max-width: 340px) {
  .dollar-deal__header-and-upsell .dollar-deal__price-nav-wrapper a span:last-child {
    display: none;
  }
}
.dollar-deal__header-and-upsell .dollar-deal__price-nav-wrapper .fiveDollarButton {
  background-color: #CC8200;
  transition: all 0.2s ease;
}
.dollar-deal__header-and-upsell .dollar-deal__price-nav-wrapper .threeDollarButton {
  background-color: #2888F3;
  transition: all 0.2s ease;
}
.dollar-deal__header-and-upsell .dollar-deal__price-nav-wrapper .oneDollarButton {
  background-color: #C82749;
  transition: all 0.2s ease;
}
.dollar-deal__header-and-upsell .dollar-deal__price-nav-wrapper:hover .dollarIcon {
  transform: scale(0.6);
  transition: all 0.2s ease;
}
.dollar-deal__header-and-upsell .dollar-deal__price-nav-wrapper:hover .fiveDollarButton {
  background-color: rgb(168.3, 107.25, 0);
  transition: all 0.2s ease;
}
.dollar-deal__header-and-upsell .dollar-deal__price-nav-wrapper:hover .threeDollarButton {
  background-color: rgb(13.0731277533, 117.6581497797, 234.2268722467);
  transition: all 0.2s ease;
}
.dollar-deal__header-and-upsell .dollar-deal__price-nav-wrapper:hover .oneDollarButton {
  background-color: rgb(170.1255230126, 33.1744769874, 62.0958158996);
  transition: all 0.2s ease;
}
.dollar-deal__header-and-upsell.-noTiered .dollar-deal__price-nav-wrapper:last-of-type {
  display: block;
}
@media (max-width: 1200px) {
  .dollar-deal .dollar-deal__logo {
    height: 30px;
  }
  .dollar-deal .dollar-deal__main-heading {
    font-size: 3rem;
  }
  .dollar-deal .dollar-deal__main-heading-sec {
    font-size: 3rem;
  }
  .dollar-deal .dollar-deal__right-column {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .dollar-deal__header {
    font-size: 2.5rem;
    padding: 3rem 6rem 0rem 6rem;
  }
  .dollar-deal__header span {
    padding: 3px 7px;
    border-radius: 5px;
    margin-left: 5px;
  }
}
@media (max-width: 414px) {
  .dollar-deal__top-section {
    background-position: right 200px, left bottom;
    background-size: 230px auto;
    padding-bottom: 20px;
  }
  .dollar-deal__bundle-header {
    font-size: 1.6rem;
  }
  .dollar-deal__bundle-header .-second-heading {
    font-size: 2.8rem;
    line-height: 120%;
    margin: 5px 0 10px 0;
  }
}
.dollar-deal__product-section-container {
  display: flex;
  flex-direction: column;
  border-radius: 2rem;
  margin-bottom: 5rem;
  scroll-margin-block-start: 12rem;
}
@media (max-width: 991px) {
  .dollar-deal__product-section-container {
    scroll-margin-block-start: 19rem;
  }
}
@media (max-width: 650px) {
  .dollar-deal__product-section-container {
    border-radius: 0;
    margin-bottom: 0;
    scroll-margin-block-start: 12.5rem;
    margin: 0 15px;
  }
}
.dollar-deal__product-section-container-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding: 1rem 4rem;
  border-radius: 2rem 2rem 0 0;
  font-size: 3.1rem;
  font-weight: 600;
  color: white;
}
@media (max-width: 991px) {
  .dollar-deal__product-section-container-header {
    font-size: 2rem;
    padding: 2rem 3rem 2rem 9rem;
  }
}
@media (max-width: 650px) {
  .dollar-deal__product-section-container-header {
    border-radius: 0;
  }
}
.dollar-deal__product-section-container-header .dollarAmountIcon {
  height: 9rem;
  width: 10rem;
  transform: scale(0.8);
}
@media (max-width: 991px) {
  .dollar-deal__product-section-container-header .dollarAmountIcon {
    transform: scale(0.5);
    position: absolute;
    left: 0rem;
  }
}
.dollar-deal__product-section-container-header .dollarAmountIcon.-five {
  background: no-repeat url("https://fbcd.co/images/pages/dollar-deal/$5_icon.svg");
}
.dollar-deal__product-section-container-header .dollarAmountIcon.-three {
  background: no-repeat url("https://fbcd.co/images/pages/dollar-deal/$3_icon.svg");
}
.dollar-deal__product-section-container-header .dollarAmountIcon.-one {
  background: no-repeat url("https://fbcd.co/images/pages/dollar-deal/$1_icon.svg");
}
.dollar-deal__product-section-container-header.-one {
  background: #A01F3A;
}
.dollar-deal__product-section-container-header.-five {
  background: #CC8200;
}
.dollar-deal__product-section-container-header.-three {
  background: #206DC2;
}
.dollar-deal__product-section-container-header.-one {
  background: #A01F3A;
}
@media (max-width: 650px) {
  .dollar-deal__product-section-container-body {
    border-radius: 0;
    border: none !important;
  }
}
.dollar-deal__product-section-container-body.-five {
  background: #FFE2B0;
  border: 2px solid #CC8200;
}
.dollar-deal__product-section-container-body.-three {
  background: #BCDAFB;
  border: 2px solid #206DC2;
}
.dollar-deal__product-section-container-body.-one {
  background: #EEBCC7;
  border: 2px solid #A01F3A;
}
.dollar-deal .-noTiered {
  /*.dollar-deal__product-section-container-body {
    background: #8bd1ff; 
    border-radius: 1rem;
    border: none;
    padding: 2.5rem 2.5rem .5rem 2.5rem;
  }*/
}
.dollar-deal .-noTiered .dollar-deal__product-section-container-header, .dollar-deal .-noTiered .dollar-deal__price-nav-wrapper {
  display: none;
}
@media (max-width: 650px) {
  .dollar-deal .dd-mainProductSection {
    padding: 0rem;
  }
}
.dollar-deal__live-stream {
  background-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .dollar-deal__live-stream {
    margin-bottom: 20px;
  }
}

.dd-mobile-footer.-noTiered {
  display: none !important;
}

.dd-mobile-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 9rem;
  background-color: white;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 0rem 2rem 1.2rem 2rem;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.dd-mobile-footer__checkout-btn {
  min-width: 5.5rem;
  height: 5.5rem;
  font-weight: 600;
  border: 2px solid rgba(128, 128, 128, 0.4);
  background-color: white;
}
.dd-mobile-footer__checkout-btn:hover {
  background-color: rgba(128, 128, 128, 0.3);
  border: 2px solid rgba(128, 128, 128, 0.6);
}
.dd-mobile-footer .dollar-deal__price-nav-wrapper-mobile {
  cursor: pointer;
  text-decoration: none;
  position: relative;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  outline: inherit;
}
.dd-mobile-footer .dollar-deal__price-nav-wrapper-mobile a {
  color: white;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 5rem;
  background-color: white;
  border: 2px solid rgba(128, 128, 128, 0.4);
  margin: 0rem 0.5rem;
  transition: all 0.2s ease;
}
.dd-mobile-footer .dollar-deal__price-nav-wrapper-mobile a .dollarImage {
  height: 5rem;
  width: 5rem;
  transform: scale(0.45);
}
@media (max-width: 340px) {
  .dd-mobile-footer .dollar-deal__price-nav-wrapper-mobile a span:last-child {
    display: none;
  }
}
.dd-mobile-footer .dollar-deal__price-nav-wrapper-mobile .fiveDollarButton.active {
  background-color: rgba(204, 130, 0, 0.5);
  border: 2px solid #CC8200;
}
.dd-mobile-footer .dollar-deal__price-nav-wrapper-mobile .threeDollarButton.active {
  background-color: rgba(40, 136, 243, 0.5);
  border: 2px solid #2888F3;
}
.dd-mobile-footer .dollar-deal__price-nav-wrapper-mobile .oneDollarButton.active {
  background-color: rgba(200, 39, 73, 0.5);
  border: 2px solid #C82749;
}
.dd-mobile-footer .dollar-deal__price-nav-wrapper-mobile:hover a {
  background-color: rgba(128, 128, 128, 0.3);
  border: 2px solid rgba(128, 128, 128, 0.6);
}

@media (max-width: 991px) {
  .dd-mobile-footer.active {
    display: flex;
  }
  .mobile-hide-dollar-info {
    display: none;
  }
}

.dd-countdown {
  background-color: white;
  border-radius: 7px;
  text-align: center;
  padding: 20px;
  display: inline-block;
}
.dd-countdown__header {
  font-size: 2.3rem;
}
.dd-countdown__full-date {
  margin: 20px 0;
  font-size: 1.5rem;
  font-weight: 600;
}
.dd-countdown__box {
  background-color: #eeeeee;
  width: 76px;
  height: 76px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  padding-top: 10px;
  margin: 0 7px;
}
.dd-countdown__box:first-child {
  margin-left: 0;
}
.dd-countdown__box:last-child {
  margin-right: 0;
}
.dd-countdown__timer {
  font-weight: bold;
  font-size: 3rem;
}
.dd-countdown__text {
  text-transform: uppercase;
  color: #999;
  font-size: 0.8em;
  font-weight: 600;
}
.dd-countdown i {
  font-size: 1rem;
  color: #999;
}
.dd-countdown__event-over {
  margin: 0;
}
.dd-countdown.-afterparty {
  background-color: #222;
  padding: 20px 40px 15px 40px;
}
.dd-countdown.-afterparty .dd-countdown__header {
  color: white;
  text-transform: uppercase;
  letter-spacing: 10px;
  font-size: 3rem;
}
.dd-countdown.-afterparty .dd-countdown__box {
  background-color: #444;
  color: white;
  margin: 15px 7px;
}
@media (max-width: 374px) {
  .dd-countdown.-afterparty {
    padding: 20px 30px 15px 30px;
  }
}
@media (max-width: 1200px) {
  .dd-countdown__box {
    width: 60px;
    height: 70px;
  }
  .dd-countdown__timer {
    font-size: 2.4rem;
  }
}
@media (max-width: 414px) {
  .dd-countdown {
    display: block;
  }
  .dd-countdown__box {
    margin: 0 5px;
    width: 57px;
    height: 67px;
  }
}
@media (max-width: 374px) {
  .dd-countdown {
    padding: 20px 0;
  }
}

.dd-time-countdown {
  background-color: white;
  border-radius: 200px;
  text-align: center;
  padding: 10px;
  display: inline-block;
}

.dd-tips {
  background-color: white;
  border-radius: 7px;
  padding: 25px 30px 25px 25px;
  position: relative;
  margin: 20px 0;
}
.dd-tips__heading {
  font-size: 2.3rem;
  margin-bottom: 10px;
}
.dd-tips__item {
  font-size: 1.5rem;
  margin: 10px 0;
}
.dd-tips__item strong {
  font-weight: 600;
}
.dd-tips__item svg {
  margin-right: 5px;
}
.dd-tips__number {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #eee;
  font-weight: bold;
  border-radius: 50px;
  position: absolute;
  margin-left: -55px;
  margin-top: -3px;
}
.dd-tips__deposit-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.dd-tips__footer {
  background-color: #40c756;
  color: white;
  padding: 10px 20px;
  border-radius: 0 0 7px 7px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
}
.dd-tips__current-credit {
  margin-left: 35px;
}
.dd-tips__current-credit big {
  display: block;
  color: black;
  font-weight: bold;
  font-size: 1.9rem;
}
.dd-tips.-all-complete {
  padding-bottom: 70px;
}
.dd-tips.-all-complete .dd-tips__footer {
  display: block;
}
@media (max-width: 414px) {
  .dd-tips__deposit-row {
    text-align: center;
    align-items: center;
  }
  .dd-tips__deposit-row .btn-primary {
    flex: 1;
  }
  .dd-tips__current-credit {
    margin: 10px 0 10px;
  }
}

.dd-actions {
  min-height: 86px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dd-actions {
    /* IE10 IE11 */
    padding-top: 13px;
  }
}
.dd-actions__label {
  font-size: 1.4rem;
  margin: 10px 20px;
}
.dd-actions__label:first-child {
  margin-left: 0;
}
.dd-actions__dont-miss-btn {
  margin-right: 10px;
}
@media (max-width: 414px) {
  .dd-actions__dont-miss-btn {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.dd-actions__share-block {
  display: flex;
  margin-left: auto;
  align-items: center;
}
@media (max-width: 1200px) {
  .dd-actions__share-block {
    border-top: 1px solid #eee;
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .dd-actions .-calendar-label {
    display: none;
  }
  .dd-actions .btn-secondary {
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .dd-actions__label:not(.-share-label) {
    width: 100%;
  }
}
@media (max-width: 414px) {
  .dd-actions {
    justify-content: center;
  }
  .dd-actions__label:first-child {
    margin-left: 20px;
  }
  .dd-actions__label.-share-label {
    font-size: 1.2rem;
    margin-left: 0;
    margin-right: 20px;
  }
  .dd-actions__dont-miss-btn {
    margin-top: 10px;
  }
  .dd-actions__share-block {
    width: 100%;
    justify-content: center;
    margin-top: 15px;
  }
  .dd-actions .btn-secondary {
    width: 300px;
  }
}

.dd-cart {
  position: relative;
}
.dd-cart__btn {
  display: flex;
  border: 2px solid #40c756;
  border-radius: 50px;
  height: 60px;
  min-width: 300px;
  background: no-repeat url("https://fbcd.co/images/icons/header/header-cart-icon.min.svg") 23px 50%/18px;
  align-items: center;
  position: relative;
  z-index: 5;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dd-cart__btn {
    /* IE10 IE11 */
    background: no-repeat url("https://fbcd.co/images/icons/header/header-cart-icon.min.svg") -20px 17px;
    background-size: 35%;
  }
}
.dd-cart__btn .dd-cart__btn-text {
  display: inline-block;
  padding-left: 58px;
  text-align: left;
  font-weight: 600;
  font-size: 1.4rem;
  flex: 1;
}
.dd-cart__btn .dd-cart__btn-text .dd-cart__btn-helper-text {
  display: block;
  color: #999;
  font-weight: 500;
}
@media (max-width: 650px) {
  .dd-cart__btn .dd-cart__btn-items {
    font-size: 1.35rem;
  }
}
.dd-cart__btn .dd-cart__btn-chevron {
  display: inline-block;
  background-color: red;
  width: 50px;
  height: 30px;
  background: url("https://fbcd.co/images/icons/header/header-chevron-icon.svg") no-repeat 50% 50%/12px;
}
@media (max-width: 370px) {
  .dd-cart__btn .dd-cart__btn-chevron {
    display: none;
  }
}
@media (max-width: 414px) {
  .dd-cart__btn .dd-cart__btn-chevron {
    width: 3rem;
    height: 2rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 650px) {
  .dd-cart__btn {
    min-width: unset;
    background: unset;
  }
  .dd-cart__btn .dd-cart__btn-text {
    padding-left: 2rem;
  }
}
.dd-cart__btn[disabled] {
  cursor: default;
  border-color: #e6e6e6;
  color: #999999;
}
.dd-cart__dropdown {
  position: absolute;
  width: calc(100% + 8px);
  left: -4px;
  top: -4px;
  background-color: white;
  padding: 0 10px;
  border-radius: 30px;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
  z-index: 3;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: opacity 200ms;
}
.dd-cart__product-list {
  padding: 0 5px;
  margin-top: 80px;
  max-height: 215px;
}
.dd-cart__product-list .dd-cart__product-item {
  padding: 6px 0;
  display: flex;
  align-items: center;
  line-height: 100%;
}
.dd-cart__product-list .dd-cart__product-item:before {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 10px;
  font-size: 1.8rem;
  color: #40c756;
}
.dd-cart__product-list .dd-cart__product-item .dd-cart__product-price {
  margin-left: auto;
  font-weight: 600;
}
.dd-cart__product-list .dd-cart__product-item .dd-cart__product-name {
  line-height: 150%;
  padding-right: 8px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  /* IE11 */
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dd-cart__product-list .dd-cart__product-item .dd-cart__product-name {
    max-height: 38px;
  }
}
.dd-cart__product-list.-empty {
  min-height: 190px;
  background: no-repeat url("https://fbcd.co/images/pages/dollar-deal/dd-empty-cart-1.1.png");
  background-position: 50% calc(50% - 10px);
  background-size: 170px 170px;
}
.dd-cart__savings {
  color: #5c5b69;
  text-align: center;
  font-size: 1.5rem;
  border-top: 1px solid #ebebeb;
  padding: 15px 0;
  margin-top: 10px;
}
.dd-cart__checkout-btn {
  margin-bottom: 10px;
  font-size: 1.4rem;
}
.dd-cart__checkout-btn:not(:disabled[disabled]):after {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  content: url("https://fbcd.co/images/icons/header/header-checkout-btn-1.0.svg");
  width: 32px;
  height: 32px;
}
@media (min-width: 992px) {
  .dd-cart:hover .dd-cart__dropdown {
    opacity: 1;
    height: auto;
  }
  .dd-cart:hover .-disable-on-hour {
    opacity: 0;
    height: 0;
  }
}
.dd-cart.-active .dd-cart__dropdown {
  opacity: 1;
  height: auto;
}
.dd-cart.-active .-disable-on-hour {
  opacity: 0;
  height: 0;
}
@media (hover: none) {
  .dd-cart:hover:not(.-active) .dd-cart__dropdown {
    opacity: 0;
    height: 0;
  }
}
@media (max-width: 650px) {
  .dd-cart {
    flex: 1;
    padding-right: 0.75rem;
  }
  .dd-cart__btn {
    height: 50px;
  }
  .dd-cart .dd-cart__dropdown {
    width: calc(100% - 1.3em);
    left: 8px;
    top: 8px;
  }
  .dd-cart.-active ~ .checkoutWithCartBtn {
    display: none;
  }
}

.dd-cart.-active {
  padding: 1.5rem 1.5rem;
}

.dd-checkout-all {
  display: none;
  padding: 20px 80px 20px 30px;
  font-size: 1.4rem;
  color: white;
  border-radius: 50px;
  background-color: #40c756;
  cursor: pointer;
  transition: all 150ms;
  font-weight: 600;
}
@media (min-width: 991px) {
  .dd-checkout-all {
    display: block;
  }
}
.dd-checkout-all:hover {
  background-color: rgb(53.8461538462, 183.6538461538, 75);
  text-decoration: none;
  color: white;
  background-position: 92% 50%;
}
@media (min-width: 650px) {
  .dd-checkout-all {
    background: #40c756 url("https://fbcd.co/images/icons/add-to-cart-basket-1.0.svg") no-repeat 90% 50%/30px auto;
  }
}
@media (max-width: 650px) {
  .dd-checkout-all {
    width: 100%;
    text-align: center;
    padding: 15px 70px 15px 10px;
  }
}
@media (max-width: 375px) {
  .dd-checkout-all {
    font-size: 1.3rem !important;
  }
}
@media (max-width: 991px) {
  .dd-checkout-all {
    height: 6rem !important;
    margin-top: 2rem;
  }
}

.dd-checkout-all[disabled] {
  background-color: #e6e6e6;
  color: #999999;
  cursor: default;
}

.dd-mobile-descr {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  font-size: 1.1rem;
  color: #7f7f7f;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 992px) {
  .dd-mobile-descr {
    padding-top: 10px;
  }
}
@media (min-width: 992px) {
  .dd-mobile-descr {
    display: none;
  }
}

.dd-plus-upsell {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 0;
  width: 100%;
}
.dd-plus-upsell__text {
  font-size: 1.6rem;
  line-height: 180%;
  font-weight: 600;
  margin: 0 40px 0 0;
  flex: 1;
}
.dd-plus-upsell__btn {
  background: linear-gradient(to right, #EFAB00, #EB850F);
  color: white;
  border: 1px solid transparent;
}
.dd-plus-upsell__btn:hover {
  color: white;
  background: linear-gradient(to right, rgb(255, 192.4058577406, 35), rgb(242.46, 157.188, 58.54));
}
@media (max-width: 991px) {
  .dd-plus-upsell__text {
    margin: 0;
  }
  .dd-plus-upsell__btn {
    margin: 20px 0;
  }
}
@media (max-width: 414px) {
  .dd-plus-upsell__btn {
    margin: 20px 0 0 0;
  }
}

.dd-tile {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.dd-tile.-added-to-order .dd-tile__added-overlay {
  border: 3px solid white;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 10px;
  background: no-repeat url("https://fbcd.co/images/pages/dollar-deal/added-to-cart.svg") 50% 50%/80px auto;
  background-color: rgba(64, 199, 86, 0.8);
}
.dd-tile__img-wrapper {
  display: block;
  padding-top: 66.47%;
  position: relative;
  background-color: #eeeeee;
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
}
.dd-tile__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  cursor: pointer;
}
.dd-tile__img.-non-clickable {
  cursor: default;
}
.dd-tile__name {
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
}
.dd-tile__name:hover {
  text-decoration: underline;
}
.dd-tile__original-price {
  color: #999;
  font-size: 1.2rem;
  margin: 1px 0 10px;
}
.dd-tile__dollar-action-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dd-tile__dollar-action-row .dd-tile__dollar-price {
  font-size: 2.2rem;
  font-weight: bold;
}
.dd-tile__dollar-action-row .dd-tile__action-btn {
  border-radius: 5px;
  padding: 6px 23px;
  font-size: 1.4rem;
}
@media (max-width: 414px) {
  .dd-tile__dollar-action-row .dd-tile__action-btn {
    padding: 6px 17px;
    font-size: 1.3rem;
    text-align: center;
  }
}
.dd-tile__dollar-action-row .dd-tile__action-btn i {
  margin-right: 5px;
}
.dd-tile__dollar-action-row .dd-tile__action-btn.-add-to-cart {
  border: 2px solid #40c756;
  background-color: #40c756;
  color: #ffffff;
  cursor: pointer;
}
.dd-tile__dollar-action-row .dd-tile__action-btn.-add-to-cart:hover {
  border: 2px solid rgb(48.0647773279, 163.9352226721, 66.9473684211);
  background-color: rgb(48.0647773279, 163.9352226721, 66.9473684211);
}
.dd-tile__dollar-action-row .dd-tile__action-btn.-upcoming-event {
  background-color: #ebebeb;
  border: 2px solid #ebebeb;
  color: #999999;
}
.dd-tile__dollar-action-row .dd-tile__action-btn.-expired {
  background-color: #fd4e48;
  border: #fd4e48;
  color: #ffffff;
}
.dd-tile__still-want-this {
  text-align: center;
  color: #5c5b69;
  padding: 12px;
}
.dd-tile__still-want-this .-link-plus:visited:not(:hover) {
  color: #ef9f1f !important;
}
.dd-tile__plus-signup-btn {
  font-size: 1.3rem;
  width: 100%;
  background: linear-gradient(to right, #EFAB00, #EB850F);
  color: white;
  border: 1px solid transparent;
}
.dd-tile__plus-signup-btn:hover {
  color: white;
  background: linear-gradient(to right, rgb(255, 192.4058577406, 35), rgb(242.46, 157.188, 58.54));
}
.dd-tile__after-party-notice {
  color: white;
  border-radius: 6px;
  text-align: center;
  padding: 8px 10px 8px 15px;
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 600;
  background: #333 no-repeat url("https://fbcd.co/images/pages/dollar-deal/after-party-crown.svg") 10px 50%/auto 80%;
  position: relative;
}
.dd-tile__after-party-notice .dd-tile__after-party-info {
  opacity: 0.3;
  margin-left: 5px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 11px;
}
.dd-tile__after-party-notice .dd-tile__after-party-info:hover, .dd-tile__after-party-notice .dd-tile__after-party-info.-visible {
  opacity: 1;
}
.dd-tile__mystery-name {
  margin-bottom: 5px;
  font-size: 1.5rem;
  font-weight: 600;
}
.dd-tile.-bundle-tile .dd-tile__img-wrapper {
  padding-top: 52%;
}

.dd-popup {
  width: 100% !important;
  max-width: 1000px !important;
}
.dd-popup__content {
  padding: 20px 25px;
}
.dd-popup__name {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 15px;
}
.dd-popup__store-name {
  font-size: 1.3rem;
  color: #999;
  display: inline-block;
  margin-bottom: 15px;
  margin-top: -8px;
  font-weight: 500;
}
.dd-popup__main-img-wrapper {
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 10px;
}
.dd-popup__thumb-item {
  flex: 0 0 1;
  width: 20%;
  padding: 4px;
}
.dd-popup__thumb-img {
  display: block;
  border-radius: 7px;
  cursor: pointer;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px transparent;
}
.dd-popup__thumb-img:hover, .dd-popup__thumb-img.-active {
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px #1ea4f3;
}
.dd-popup__thumb-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.dd-popup__thumb-wrapper.-initial .dd-popup__thumb-item:first-child .dd-popup__thumb-img {
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px #1ea4f3;
}
.dd-popup__text-heading {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 20px;
}
.dd-popup__text-content {
  word-break: break-word;
}
.dd-popup__text-content p {
  word-break: break-word;
}
.dd-popup__text-preview-item {
  height: 90px;
  position: relative;
  border-bottom: 1px solid #ebebeb;
  z-index: 1;
  overflow: hidden;
}
.dd-popup__text-preview-item:last-child {
  border-bottom: 0;
}
.dd-popup__text-preview-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
  z-index: 5;
}
.dd-popup__text-preview-img {
  max-width: fit-content;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  max-height: 70%;
}
.dd-popup__header-flex {
  flex: 1;
}
.dd-popup__mobile-close {
  margin: 10px 0;
  border-radius: 6px;
  width: 100%;
  background-color: #eee;
  text-align: center;
  padding: 10px;
  color: #999;
  font-weight: 500;
}
@media (max-width: 991px) {
  .dd-popup {
    width: calc(100% - 4rem) !important;
  }
}

.dd-deposit {
  position: fixed;
  width: 450px;
  top: 0;
  right: -450px;
  height: 100%;
  background-color: white;
  z-index: 2001;
  padding: 30px;
  transition: all 250ms;
  overflow-y: auto;
}
@media (max-width: 374px) {
  .dd-deposit {
    padding: 15px;
  }
}
.dd-deposit.-open {
  right: 0;
}
.dd-deposit__close-btn {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 2rem;
  opacity: 0.3;
  cursor: pointer;
  width: 30px;
  height: 30px;
  text-align: center;
}
@media (max-width: 374px) {
  .dd-deposit__close-btn {
    top: 15px;
    right: 15px;
  }
}
.dd-deposit__close-btn:hover {
  opacity: 1;
}
.dd-deposit__payment-selector {
  width: 100%;
}
.dd-deposit__payment-item {
  border-bottom: 1px solid #cccccc;
  border-radius: 6px;
  margin-bottom: 20px;
}
.dd-deposit__payment-item.-selected .dd-deposit__payment-header {
  border-radius: 6px 6px 0 0;
  background-color: #ebebeb;
}
.dd-deposit__payment-item.-selected .dd-deposit__payment-header:before {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #40c756;
}
.dd-deposit__payment-item.-selected .dd-deposit__payment-content {
  display: block;
  border-radius: 0 0 6px 6px;
}
.dd-deposit__payment-item:not(.-selected) .dd-deposit__payment-header:before {
  width: 18px;
  height: 18px;
  content: "";
  display: inline-block;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #cccccc;
  margin-bottom: -2px;
}
.dd-deposit__payment-header {
  font-weight: 700;
  padding: 20px 15px;
  display: flex;
  align-items: center;
  line-height: 100%;
  cursor: pointer;
  border: 1px solid #cccccc;
  border-bottom: 0;
  border-radius: 6px;
}
.dd-deposit__payment-header.-cards {
  background: no-repeat url("https://fbcd.co/images/icons/payment/cards-logo-1.1.svg") calc(100% - 20px) 50%/auto 28px;
}
.dd-deposit__payment-header.-paypal {
  background: no-repeat url("https://fbcd.co/images/icons/payment/paypal-logo-1.0.svg") calc(100% - 20px) 50%/auto 20px;
}
.dd-deposit__payment-header:before {
  font-size: 1.8rem;
  margin-right: 15px;
}
.dd-deposit__payment-content {
  padding: 20px;
  border: 1px solid #cccccc;
  border-bottom: 0;
  display: none;
}
.dd-deposit__payment-content.-paypal-margin-fix {
  padding: 20px 20px 16px 20px;
}
.dd-deposit__sign-in {
  border: 1px solid #cccccc;
  font-size: 1.5rem;
  padding: 20px;
  border-radius: 6px;
  text-align: center;
}
@media (max-width: 414px) {
  .dd-deposit {
    right: -100%;
    width: 100%;
  }
  .dd-deposit__payment-header.-cards {
    background-size: auto 20px;
  }
}

.dd-background-cover {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: none;
}

.atcb-link {
  height: 42px;
  font-family: "Montserrat", serif !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
}
.atcb-link:hover {
  background-color: rgb(41.9025, 112.935, 242.5975) !important;
}
@media (max-width: 414px) {
  .atcb-link {
    width: 300px !important;
    text-align: center !important;
  }
}

@media (max-width: 991px) {
  #fc_frame {
    display: none !important;
  }
}
.base-timer {
  position: relative;
  width: 230px;
  height: 230px;
}
.base-timer__svg {
  transform: scaleX(-1);
}
.base-timer__circle {
  fill: none;
  stroke: none;
}
.base-timer__path-elapsed {
  stroke-width: 4px;
  stroke: #eee;
}
.base-timer__path-remaining {
  stroke-width: 4px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 500ms linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}
.base-timer__path-remaining.green {
  color: #40c756;
}
.base-timer__path-remaining.orange {
  color: #ffa200;
}
.base-timer__path-remaining.red {
  color: #fd4e48;
}
.base-timer__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 145px;
}
.base-timer__countdown {
  font-size: 5rem;
  font-weight: bold;
}
.base-timer__label {
  font-weight: 600;
  font-size: 1.4rem;
  text-transform: uppercase;
  display: block;
}

*[data-for-stage*=event]:not(.-showNow) {
  display: none !important;
}

@media (max-width: 414px) {
  #dealDetailsPopup .bs-modal__header {
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
    padding-right: 30px;
  }
}

.custom-flaviyo-styles {
  position: relative;
}
.custom-flaviyo-styles__loading {
  min-height: 290px;
  display: none;
}
.custom-flaviyo-styles__placeholder {
  color: #999;
  text-align: center;
  font-size: 1.6rem;
  padding: 100px 0;
  display: none;
}
.custom-flaviyo-styles * {
  font-family: "Montserrat", sans-serif !important;
}
.custom-flaviyo-styles .klaviyo-form > .needsclick > div.needsclick:nth-child(3) > div.needsclick:nth-child(2) > button {
  min-width: 100px;
}
.custom-flaviyo-styles .klaviyo-form > .needsclick > div.needsclick:nth-child(3) div[role=listbox] {
  z-index: 999 !important;
}

.dollar-deal-may-banner {
  font-size: 2.2rem;
  color: white;
  background: #5226b4 url("https://fbcd.co/images/pages/dollar-deal/dollar-deal-may-banner.png") no-repeat;
  background-size: 100% auto;
  background-position: center;
  border-radius: 5px;
  width: 100%;
  padding: 20px;
  text-align: center;
  margin-top: 30px;
}
.dollar-deal-may-banner i {
  color: #ffc40f;
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 991px) {
  .dollar-deal-may-banner {
    padding: 40px 20px;
  }
}
@media (max-width: 414px) {
  .dollar-deal-may-banner {
    background: #5226b4 url("https://fbcd.co/images/pages/dollar-deal/dollar-deal-may-banner-mobile-1.3.png") no-repeat;
    background-size: 100% auto;
    font-size: 2rem;
  }
}

.phone-submit {
  padding: 25px;
  align-items: normal;
}
.phone-submit__form {
  background-color: rgb(255, 255, 255);
  padding: 5px;
  height: 51px;
  position: relative;
}
.phone-submit__form input {
  color: #5c5b69;
  max-width: none;
  flex: 1;
}
.phone-submit__form .phone-selector__container {
  flex: 1;
}
.phone-submit__form .phone-selector__container .phone-selector__input {
  padding-left: 95px !important;
}
.phone-submit__form .phone-selector__selected::after {
  color: #000000;
}
.phone-submit__form::before {
  width: 1px;
  height: 41px;
  position: absolute;
  content: "";
  background-color: #000000;
  left: 78px;
  opacity: 0.2;
}
@media (max-width: 414px) {
  .phone-submit__form {
    flex-direction: column;
    padding: 0;
  }
  .phone-submit__form::before {
    top: 5px;
  }
  .phone-submit__form .phone-selector__container {
    margin-bottom: 15px;
    width: 100%;
  }
  .phone-submit__form .phone-selector__container .phone-selector__selected {
    left: 23px;
  }
  .phone-submit__form .phone-selector__container .phone-selector__input {
    margin: 15px 0;
    width: 100%;
  }
}
.phone-submit__submit {
  padding: 11px 55px !important;
  height: auto !important;
  background: #4CC5FB;
  color: #ffffff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.phone-submit.-form-submitted {
  background-color: #40c756;
}
@media (max-width: 414px) {
  .phone-submit {
    padding: 15px 15px 75px 15px;
    align-items: flex-start;
    text-align: left;
  }
  .phone-submit__submit {
    width: 100%;
  }
  .phone-submit.-form-submitted {
    padding: 25px;
    text-align: center;
  }
}

.product-tile-bg-modify .product-box {
  background-color: white;
  border-radius: 5px;
  padding: 10px 10px 0 10px;
}

.dollar-deal__bundle-container {
  background-color: #0a3671;
  border-radius: 10px;
  margin-top: 20px;
  padding: 20px 20px 0 20px;
  background-image: url("https://fbcd.co/images/pages/dollar-deal/exclusive-bg-right-v.2.0.png"), url("https://fbcd.co/images/pages/dollar-deal/exclusive-bg-left-v.2.0.png");
  background-repeat: no-repeat;
  background-position: right top, left top;
  background-size: 300px auto;
}
@media (max-width: 767px) {
  .dollar-deal__bundle-container {
    background-image: url("https://fbcd.co/images/pages/dollar-deal/exclusive-bg-mobile-v.2.2.png");
    background-position: right top;
    background-size: 100% auto;
  }
}

.dollar-deal__bundle-header {
  color: white;
  font-size: 3.4rem;
  margin: 10px 0 20px 0;
  background-color: #d01856;
  text-transform: uppercase;
  padding: 5px 15px;
  display: inline-block;
}
@media (max-width: 414px) {
  .dollar-deal__bundle-header {
    font-size: 2.4rem;
  }
}

.dollar-deal__bundle-subheading {
  color: white;
  font-weight: 400;
  font-size: 2.2rem;
  text-transform: uppercase;
  margin: 0 auto 40px;
  max-width: 650px;
}
@media (max-width: 414px) {
  .dollar-deal__bundle-subheading {
    font-size: 1.6rem;
  }
}

.dollar-deal__bundle-disclaimer {
  color: white;
  text-align: center;
  max-width: 680px;
  line-height: 160%;
  font-size: 12px;
  margin: auto;
  padding-bottom: 20px;
}

.dollar-deal__bundle-header-small {
  font-size: 18px;
  opacity: 0.7;
}

.plus-upsell-banner {
  background: #333333;
  display: flex;
  border-radius: 60px;
  align-items: center;
  justify-content: space-between;
  color: white;
  font-size: 15px;
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
}
.plus-upsell-banner__btn {
  font-weight: 600;
  padding: 15px 30px !important;
  font-size: 1.5rem !important;
  height: auto !important;
}
.plus-upsell-banner__offer {
  display: block;
  font-weight: 400;
  margin-top: 5px;
  opacity: 0.8;
  font-size: 0.9em;
}
.plus-upsell-banner__logo {
  flex: 1 0 300px;
  border-radius: 50px;
  text-align: center;
}
.plus-upsell-banner__heading {
  padding: 0 50px;
  text-align: center;
  font-size: 1.6rem;
}
@media (max-width: 991px) {
  .plus-upsell-banner {
    border-radius: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .plus-upsell-banner__logo {
    flex: 0;
    display: none;
  }
  .plus-upsell-banner__heading {
    font-size: 1.4rem;
    padding: 0 30px;
    flex: 1;
    text-align: center;
  }
  .plus-upsell-banner__btn {
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .plus-upsell-banner {
    border-radius: 10px;
    margin: 0 15px;
    text-align: center;
    flex-direction: column;
    margin-top: 15px;
  }
  .plus-upsell-banner__btn {
    margin-top: 15px;
  }
}

.contained-banner {
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 250px;
  height: 100px;
  background-attachment: fixed;
  background-size: cover;
  margin-top: 20px;
}
.contained-banner.-favourites {
  background-color: #ff3273;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f866a0'/%3E%3Cstop offset='1' stop-color='%23ff3273'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23fc4c8a'/%3E%3Cstop offset='1' stop-color='%23ff3273'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='translate(340 0)'%3E%3Cg transform='translate(0 870)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-133.2 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.contained-banner.-follows {
  background-color: #ffaa00;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb100' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffb800' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffbf00' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffc500' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ffcc00' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffd624' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe038' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffeb49' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fff558' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffff66' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
  min-height: 150px;
  background-attachment: scroll;
  background-position: center;
}
@media (max-width: 991px) {
  .contained-banner.-follows {
    min-height: 130px;
    background-position: center;
    background-size: cover;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .contained-banner.-follows {
    min-height: 150px;
  }
}
@media (max-width: 414px) {
  .contained-banner.-follows {
    background-position-y: 0 !important;
    background-position-x: 70% !important;
  }
}
.contained-banner.-follows.-site-1 {
  background-color: #f866a0;
  background-image: url("https://fbcd.co/images/pages/follows/banner-fb.1.2.jpg");
}
.contained-banner.-follows.-site-2 {
  background-color: #4cc5fb;
  background-image: url("https://fbcd.co/images/pages/follows/banner-db.1.2.jpg");
}
@media (max-width: 991px) {
  .contained-banner.-follows .contained-banner__title {
    font-size: 2.5rem;
  }
  .contained-banner.-follows .contained-banner__para {
    margin-bottom: 0;
  }
}
.contained-banner__content {
  text-align: center;
  max-width: 540px;
  padding: 0 20px;
}
.contained-banner__title {
  color: white;
  font-size: 4.6rem;
  font-weight: 700;
}
.contained-banner__para {
  color: white;
  font-size: 1.5rem;
  line-height: 160%;
  font-weight: 500;
}
@media (max-width: 414px) {
  .contained-banner__title {
    font-size: 3.2rem;
  }
  .contained-banner__para {
    font-size: 1.2rem;
  }
}

.header-with-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 40px 0 20px 0;
}
.header-with-actions__heading-flex {
  flex: 1;
}
.header-with-actions__actions-flex {
  margin-left: auto;
}
.header-with-actions__actions-flex.bf-filter {
  margin-right: 20px;
}
.header-with-actions__actions-flex.bf-filter .basic-input {
  padding: 0.8rem 1.1rem;
}
.header-with-actions__actions-flex.bf-filter .basic-input .custom-control-checkbox {
  margin-top: 1px;
}
.header-with-actions h2 {
  margin-bottom: 0;
}
.header-with-actions .-search-input {
  min-width: 280px;
}
@media (max-width: 414px) {
  .header-with-actions__heading-flex {
    width: 100%;
  }
  .header-with-actions__actions-flex {
    width: 100%;
    margin: 10px 0 20px 0;
  }
}

/**

  TABLE OF CONTENTS

  1. Following Content
  2. Following Item
  3. Entries Container
  4. Entries Nothing Found
  5. Pagination Component
  6. My Follows
  7. All Follows
  8. Discover
  9. Feed Post
  10. Theme Fixes

 */
/**
  1. Following Content
 */
.following-content__header {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (max-width: 414px) {
  .following-content__header {
    border-bottom-width: 0;
  }
}
@media (min-width: 415px) {
  .following-content__header {
    flex-direction: row;
  }
}
@media (max-width: 414px) {
  .following-content__header__right {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .following-content__header__right .spaced-tab-menu {
    border-bottom-width: 0;
  }
}
@media (max-width: 414px) {
  .following-content__header__right .spaced-tab-menu {
    margin-top: 20px;
    justify-content: space-between;
  }
  .following-content__header__right .spaced-tab-menu__link {
    font-weight: normal;
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .following-content__header__right .spaced-tab-menu__link {
    padding: 15px 0;
  }
}
@media (max-width: 414px) {
  .following-content__header__right .spaced-tab-menu__item {
    margin-right: 0;
  }
}
.following-content__header__right .spaced-tab-menu__item:last-child {
  margin-right: 0;
}

/**
  2. Following Item
 */
.following-item {
  display: none;
}
.following-item__placeholder {
  width: 100%;
  height: 500px;
  display: flex;
  padding-top: 100px;
  justify-content: center;
  font-size: 3rem;
  opacity: 0.5;
  align-items: flex-start;
}
.following-item__row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

/**
  3. Entries Container
 */
.entries-container {
  min-height: 317px;
}

/**
  4. Entries Nothing Found
 */
.entries-nothing-found {
  display: none;
}

/**
  5. Pagination Component
 */
.pagination-component {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 415px) {
  .pagination-component {
    justify-content: flex-end;
  }
}

/**
  6. My Follows
 */
.my-follows__designer {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  padding-bottom: 5.25rem;
}
.my-follows__designer:first-child {
  padding-top: 1.75rem;
}
@media (max-width: 767px) {
  .my-follows__designer {
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .my-follows__designer {
    align-items: flex-start;
  }
}
.my-follows__designer + .my-follows__designer {
  padding-top: 5.25rem;
  border-top: 1px solid #ebebeb;
}
.my-follows__designer__socials-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: auto;
}
.my-follows__designer__socials-list li {
  margin-bottom: 10px;
}
.my-follows__designer__socials-list li + li {
  margin-left: 10px;
}
.my-follows__designer__socials-list li a {
  transition: none;
}
.my-follows__designer__card {
  width: 29%;
  display: flex;
  align-items: flex-start;
  padding-right: 1.75rem;
}
@media (min-width: 768px) and (max-width: 992px) {
  .my-follows__designer__card {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .my-follows__designer__card {
    width: 100%;
    padding-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .my-follows__designer__card {
    padding-right: 3.5rem;
    width: 30%;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .my-follows__designer__card {
    width: 30%;
  }
}
.my-follows__designer__card__details {
  word-wrap: break-word;
  word-break: break-word;
}
.my-follows__designer__card__name {
  font-size: 2rem;
}
.my-follows__designer__card__socials-links li {
  margin-top: 1.75rem;
  margin-right: 1.75rem;
}
@media (min-width: 768px) and (max-width: 992px) {
  .my-follows__designer__card__buttons .btn-primary {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .my-follows__designer__card__buttons .btn-primary {
    width: 100%;
  }
  .my-follows__designer__card__buttons .btn-primary + .btn-primary {
    margin-left: 0;
    margin-top: 0.875rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .my-follows__designer__card__buttons .btn-primary + .btn-primary {
    margin-left: 0;
    margin-top: 0.875rem;
  }
}
@media (max-width: 374px) {
  .my-follows__designer__card__buttons .btn-primary + .btn-primary {
    margin-top: 0.875rem;
  }
}
@media (min-width: 356px) and (max-width: 375px) {
  .my-follows__designer__card__buttons .btn-primary + .btn-primary {
    margin-top: 0;
  }
}
.my-follows__designer__card__share-button {
  display: inline-flex;
  background-color: transparent;
  border: 0;
  line-height: 1;
  color: #999999;
  align-items: center;
  padding: 0 1rem 0 0;
  cursor: pointer;
  transition: color 200ms ease;
}
.my-follows__designer__card__share-button .fas {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ebebeb;
  width: 2.3rem;
  height: 2.3rem;
  margin-right: 0.875rem;
  padding-right: 1px;
  padding-bottom: 1px;
  padding-top: 2px;
  font-size: 1.1rem;
  transition: color 200ms ease;
}
.my-follows__designer__card__share-button:hover {
  color: #5c5b69;
}
.my-follows__designer__card__share-button:hover .fas {
  color: #5c5b69;
}
.my-follows__designer__card__stats {
  display: flex;
  white-space: nowrap;
}
.my-follows__designer__card__stats-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.my-follows__designer__card__stats-item:not(:first-child) {
  margin-left: 0.875rem;
}
.my-follows__designer__card__stats-item .stats-item {
  color: #5c5b69;
}
.my-follows__designer__card__stats-item .stats-item__title {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1;
}
.my-follows__designer__card__stats-item .stats-item__value {
  font-size: 2.2rem;
  line-height: 1;
  font-weight: bold;
}
.my-follows__designer__card__user {
  color: #999999;
  line-height: 1;
  font-weight: normal;
  word-break: break-word;
}
.my-follows__designer__card__details {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.my-follows__designer__card__details .details-row + .details-row {
  margin-top: 1.75rem;
}
.my-follows__designer__card__details__footer {
  margin-top: 3.5rem !important;
}
@media (min-width: 768px) and (max-width: 992px) {
  .my-follows__designer__card__details__footer {
    margin-top: 1.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .my-follows__designer__card__details__footer {
    margin-top: 1.75rem !important;
  }
}
.my-follows__designer__card__avatar {
  flex-shrink: 0;
  width: 8.75rem;
  height: 8.75rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 1.75rem;
}
@media (min-width: 768px) and (max-width: 992px) {
  .my-follows__designer__card__avatar {
    margin-right: 0;
    margin-bottom: 1.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .my-follows__designer__card__avatar {
    width: 7rem;
    height: 7rem;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .my-follows__designer__card__avatar {
    width: 7rem;
    height: 7rem;
  }
}
.my-follows__designer__card__avatar img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.my-follows__designer__content {
  width: 71%;
  position: relative;
  opacity: 1;
  height: auto;
  transition: opacity 300ms ease;
}
.my-follows__designer__content.-invisible {
  height: 0;
  opacity: 0;
}
@media (max-width: 767px) {
  .my-follows__designer__content {
    width: 100%;
    margin-top: 3.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .my-follows__designer__content {
    width: 70%;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .my-follows__designer__content {
    width: 70%;
  }
}
.my-follows__designer__content__date {
  color: #cccccc;
}
.my-follows__designer__content__feed {
  margin-top: 1.75rem;
  margin-bottom: 3.5rem;
}
.my-follows__designer__content .product-box {
  margin-bottom: 0;
}
.my-follows__designer__content__see-all {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -3.5rem;
}
@media (max-width: 414px) {
  .my-follows__designer__content__see-all {
    top: auto;
    bottom: 0;
    margin-bottom: -3.5rem;
  }
}
.my-follows__designer__content__navigation {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-29px);
  z-index: 1;
}
.my-follows__designer__content__navigation .navigation-link {
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
  font-size: 1.75rem;
  padding-top: 1px;
  text-decoration: none;
  transition: all 200ms ease;
  transform: translateX(0px);
}
.my-follows__designer__content__navigation .navigation-link:hover {
  text-decoration: none;
}
.my-follows__designer__content__navigation .navigation-link.back {
  left: 0;
  transform: translate(-50%, -50%);
  padding-right: 1px;
  margin-left: 0;
}
.my-follows__designer__content__navigation .navigation-link.back:hover {
  margin-left: -4px;
}
.my-follows__designer__content__navigation .navigation-link.back:before {
  content: "\f053";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.my-follows__designer__content__navigation .navigation-link.forward {
  right: 0;
  transform: translate(50%, -50%);
  padding-left: 1px;
  margin-right: 0;
}
.my-follows__designer__content__navigation .navigation-link.forward:hover {
  margin-right: -4px;
}
.my-follows__designer__content__navigation .navigation-link.forward:before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.my-follows__designer .-with-placeholder {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  background-color: #ebebeb;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .my-follows__designer .-with-placeholder {
    min-height: 80px;
    position: relative;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .my-follows__designer .-with-placeholder {
    min-height: 80px;
    position: relative;
  }
}

.my-feeds-row {
  justify-content: center;
}

/**
  7. All Follows
 */
.all-follows__search-form {
  position: relative;
  margin-bottom: 3.5rem;
}
.all-follows__search-form:before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #cccccc;
  margin-right: 1rem;
  position: absolute;
  left: 30px;
  top: 50%;
  font-size: 1.75rem;
  transform: translate(-50%, -50%);
}
.all-follows__search-form .clear-input {
  right: 20px;
}
.all-follows__search-form input {
  padding-left: 50px;
  right: 50px;
  border-radius: 50px;
  height: 50px;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 41px;
}
.all-follows__search-form input:focus {
  outline: none;
}
.all-follows__designer {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  display: flex;
  margin-bottom: 30px;
}
@media (min-width: 415px) {
  .all-follows__designer {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .all-follows__designer {
    width: 33.33333%;
  }
}
@media (min-width: 1200px) {
  .all-follows__designer {
    width: 20%;
  }
}
.all-follows__designer__inner {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 3.5rem 3.5rem;
}
.all-follows__designer__info {
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.all-follows__designer__user {
  color: #999999;
  line-height: 1;
  font-weight: normal;
  word-break: break-word;
  word-wrap: break-word;
  width: 100%;
}
.all-follows__designer__buttons {
  display: flex;
  flex-direction: column;
  margin-top: 1.75rem;
}
.all-follows__designer__buttons .btn-primary + .btn-primary {
  margin-top: 1rem;
}
.all-follows__designer__avatar {
  flex-shrink: 0;
  width: 8.75rem;
  height: 8.75rem;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 1.75rem;
}
.all-follows__designer__avatar img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

/**
  8. Discover
 */
.discover__section {
  display: flex;
  flex-direction: column;
}
.discover__section + .discover__section {
  margin-top: 30px;
}
.discover__section__products {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.discover__section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.75rem;
}
.discover__section__header__title {
  display: flex;
  align-items: center;
}
.discover__section__header__icon {
  border-radius: 4px;
  margin-right: 1.75rem;
  background-image: url("https://fbcd.co/images/pages/follows/follows-discover-icons-1.0.svg");
  background-size: auto 200%;
  width: 40px;
  height: 40px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .discover__section__header__icon {
    /* IE10 IE11 */
    background-size: 400% 200%;
  }
}
.discover__section__header__icon.-new {
  background-position-x: 0;
}
.discover__section__header__icon.-mostPopular {
  background-position-x: -40px;
}
.discover__section__header__icon.-mostFollows {
  background-position-x: -80px;
}
.discover__section__header__icon.-risingStars {
  background-position-x: -120px;
}
.discover__designer {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
@media (min-width: 415px) {
  .discover__designer {
    width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .discover__designer {
    width: 33.33333%;
  }
}
@media (min-width: 1200px) {
  .discover__designer {
    width: 25%;
  }
}
.discover__designer__header {
  position: relative;
  padding-left: 4.375rem;
  flex-wrap: wrap;
}
.discover__designer__header.-no-avatar {
  padding-left: 0;
}
.discover__designer__header .details__product-name__link {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%;
}
.discover__designer__header .details__product-name__link.-url {
  color: #999999;
  font-size: 1.1rem;
  font-weight: normal;
}
.discover__designer__header .details__product-name {
  flex-wrap: wrap;
}
.discover__designer__header .details__product-name .details__link-box {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.discover__designer__placeholder {
  flex-grow: 1;
  background-color: #ebebeb;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  border-radius: 4px;
}
.discover__designer__avatar {
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 50%;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  overflow: hidden;
  transform: translateY(-50%);
}
.discover__designer__avatar img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.discover__navbar .spaced-tab-menu {
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 992px) {
  .discover__navbar .spaced-tab-menu {
    border-bottom-width: 0;
  }
}
@media (max-width: 414px) {
  .discover__navbar .spaced-tab-menu {
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 4px;
    border: 1px solid #ebebeb;
  }
}
.discover__navbar .spaced-tab-menu__item {
  margin-right: 0;
}
@media (max-width: 414px) {
  .discover__navbar .spaced-tab-menu__item {
    width: 50%;
  }
}
.discover__navbar .spaced-tab-menu__item + .spaced-tab-menu__item {
  margin-left: 2px;
}
@media (max-width: 414px) {
  .discover__navbar .spaced-tab-menu__item + .spaced-tab-menu__item {
    margin-left: 0;
  }
}
.discover__navbar .spaced-tab-menu__link {
  padding: 10px 20px;
  border-radius: 4px;
  border-bottom-color: transparent;
  border-bottom-width: 0;
}
.discover__navbar .spaced-tab-menu__link.-active, .discover__navbar .spaced-tab-menu__link:hover {
  border-bottom-width: 0;
  border-bottom-color: transparent;
}

/**
  9. Feed Post
 */
.feed-post {
  border: 1px solid #ebebeb;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 6px;
}
.feed-post .post-header {
  border-bottom: 1px solid #ebebeb;
  padding: 15px;
  display: flex;
  align-items: center;
  border-radius: 6px 6px 0 0;
}
.feed-post .post-header .post-avatar {
  width: 40px;
  border-radius: 4px;
}
.feed-post .post-header .post-name {
  margin-left: 15px;
  font-weight: 600;
  font-size: 1.4rem;
}
.feed-post .post-header .post-tag {
  color: white;
  padding: 2px 7px;
  font-size: 0.85em;
  border-radius: 3px;
  margin-left: 10px;
}
.feed-post .post-header .post-tag.-post-pinned {
  background-color: rgb(255, 180.6, 51);
}
.feed-post .post-header .post-tag.-post-pinned i {
  margin-right: 4px;
}
.feed-post .post-header .post-tag.-post-new {
  background-color: #40c756;
}
.feed-post .post-header .post-like {
  margin-left: auto;
}
.feed-post .post-message {
  padding: 20px;
  font-size: 1.3em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.feed-post .post-footer {
  display: flex;
  font-size: 1.15rem;
  min-height: 30px;
  margin: -8px 12px 8px 20px;
  align-items: center;
}
.feed-post .post-footer.edit-mode {
  margin-bottom: 15px;
}
.feed-post .post-footer .feed-options {
  margin-left: auto;
}
.feed-post .post-footer .feed-options .share-feed {
  border-radius: 3px;
  border: 1px solid #ebebeb;
  color: #999999;
  padding: 3px 5px;
  font-size: 1.2rem;
  margin-left: 8px;
  cursor: pointer;
}
.feed-post .post-footer .feed-options-edit-mode {
  margin-left: auto;
  padding-right: 10px;
}
.feed-post.feed-pinned-post .post-header {
  background-color: rgb(255, 249.42, 239.7);
}
.feed-post.new-pinned-post .post-header {
  background-color: rgb(241.467611336, 251.032388664, 243.0263157895);
}

/**
  10. Theme Fixes
 */
.fontbundles-theme .discover__navbar .spaced-tab-menu__link.-active, .fontbundles-theme .discover__navbar .spaced-tab-menu__link:hover {
  background-color: rgba(248, 102, 160, 0.25);
}
.fontbundles-theme .discover__section__header__icon {
  background-color: rgba(248, 102, 160, 0.15);
  background-position-y: 100%;
}

.designbundles-theme .discover__navbar .spaced-tab-menu__link.-active, .designbundles-theme .discover__navbar .spaced-tab-menu__link:hover {
  background-color: rgba(76, 197, 251, 0.25);
}
.designbundles-theme .discover__section__header__icon {
  background-color: rgba(76, 197, 251, 0.15);
  background-position-y: 0;
}

#supportApp .search-container {
  position: relative;
  background: #20A0FF;
  background: -webkit-linear-gradient(to right, #8D56FB 20%, #20A0FF 55%);
  background: linear-gradient(to right, #8D56FB 20%, #20A0FF 55%);
}
#supportApp .search-container .row {
  justify-content: center;
}
#supportApp .search-container .algolia-autocomplete {
  width: 100%;
}
#supportApp .search-container input#searchTopics {
  border-radius: 23px;
  border: 0;
  background-position-x: 18px;
  background-color: #fff;
  padding: 10px 40px 10px 46px;
  text-indent: 0;
  height: 46px;
  font-size: 15px;
  width: 90%;
  margin-left: 5%;
}
#supportApp .search-container input#searchTopics::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
#supportApp .search-container__title {
  color: #FFF;
  font-size: 32px;
  line-height: 1.1;
  border-bottom: 0;
  padding-bottom: 0;
  width: 100%;
}
@media (max-width: 414px) {
  #supportApp .search-container__title {
    font-size: 24px;
  }
}
#supportApp .search-container button[type=reset] {
  margin: 0;
  padding: 0 4px;
  right: 36px;
  height: 27px;
  top: calc(100% - 46px);
}
#supportApp .search-container__spinner {
  position: absolute;
  right: 32px;
  bottom: 51px;
}
#supportApp .clear-input-btn {
  right: 40px;
  top: 77%;
}
@media (max-width: 414px) {
  #supportApp .clear-input-btn {
    top: 75%;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  #supportApp .clear-input-btn {
    top: 81%;
    right: 30px;
  }
}
#supportApp .placeholder > span {
  background-color: #d5d5d5;
  color: #d5d5d5;
  border-radius: 3px;
}
#supportApp .placeholder > span.form {
  height: 34px;
  width: 100%;
  display: block;
}
#supportApp .placeholder > span.image {
  height: 200px;
  width: 100%;
  display: block;
}
#supportApp .purchases-container .row.-with-controls {
  justify-content: flex-end;
}
#supportApp .purchases-container .row .purchases-container__list {
  width: 100%;
}
#supportApp .purchases-container__selected-wrapper {
  background: #D5EED3;
  padding: 1em;
}
#supportApp .purchases-container__selected-product {
  display: flex;
  align-items: center;
}
#supportApp .purchases-container__selected-product__name {
  flex: 1;
}
#supportApp .purchases-container__selected-product__invoice {
  text-align: right;
}
#supportApp .purchases-container__selected-product__invoice div {
  padding-right: 1.5rem;
}
#supportApp .purchases-container__back-list {
  line-height: 26px;
  cursor: pointer;
}
#supportApp .purchases-container__heading {
  display: flex;
  align-items: center;
}
#supportApp .purchases-container__heading-title {
  flex: 1;
}
#supportApp .purchases-container__search {
  position: relative;
}
#supportApp .purchases-container__search-query {
  width: 270px;
  padding-left: 36px;
  text-indent: 0;
  padding-right: 26px;
}
#supportApp .purchases-container__search-query::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
#supportApp .purchases-container__search-clear {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 30px;
  line-height: 2.2em;
  text-align: center;
  color: #999;
  cursor: pointer;
}
#supportApp .purchases-container .purchase-row {
  background-color: #FFF;
  border-radius: 3px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: #555555;
}
#supportApp .purchases-container .purchase-row__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 8px 10px;
}
#supportApp .purchases-container .purchase-row:hover {
  box-shadow: 0 0 8px #999;
}
@media (min-width: 992px) {
  #supportApp .purchases-container .purchase-row > img {
    min-height: 121.094px;
  }
}
#supportApp .purchases-container .btn-default:focus {
  outline: none;
  background-color: #fff;
}
#supportApp .purchases-container__paging {
  padding: 0 0 0 5px;
}
#supportApp .purchases-container__paging-load-more, #supportApp .purchases-container__paging-previous {
  width: 100%;
}
#supportApp .purchases-container__product-type {
  margin: 0 10px;
}
#supportApp .purchases-container__product-type-select {
  height: 40px;
  padding-top: 10px;
}
#supportApp .email-us__input {
  width: 100%;
  height: 200px;
}
#supportApp .email-us__actions {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) and (max-width: 992px) {
  #supportApp .email-us__actions {
    flex-direction: column;
  }
}
#supportApp .email-us__actions-upload {
  background-color: #FFF;
  border: 1px dashed #bbb;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 992px) {
  #supportApp .email-us__actions-upload {
    margin-bottom: 1rem;
  }
}
#supportApp .email-us__actions-upload .dz-default {
  display: flex;
  flex-grow: 1;
}
#supportApp .email-us__actions-upload.dz-drag-hover {
  background-color: #ddd;
}
#supportApp .email-us__actions-upload .white-solid {
  width: 100%;
  color: #bbb;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
  background-color: transparent;
  outline: none;
  height: auto;
  border: 0;
}
#supportApp .email-us__actions-upload .white-solid i {
  font-size: 1.3em;
  margin-right: 1rem;
}
#supportApp .email-us__actions-submit {
  display: flex;
  flex-direction: column;
  padding: 0 40px;
  min-width: 380px;
}
#supportApp .email-us .form-group {
  margin-bottom: 10px;
}
#supportApp .email-us .dropzone-previews .dz-preview {
  border-top: 1px solid #EEEEEE;
  margin: 0 20px;
  padding: 10px 0;
  display: flex;
  align-items: center;
}
#supportApp .email-us .dropzone-previews .dz-preview:last-child {
  margin-bottom: 5px;
}
#supportApp .email-us .dropzone-previews .dz-preview .dz-image {
  width: 70px;
  margin: 0 20px 0 5px;
}
#supportApp .email-us .dropzone-previews .dz-preview .dz-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-right: 20px;
}
#supportApp .email-us .dropzone-previews .dz-preview .dz-details .dz-filename {
  font-size: 0.9em;
  word-break: break-word;
}
#supportApp .email-us .dropzone-previews .dz-preview .dz-details .dz-size {
  color: #999;
  font-size: 0.75em;
  line-height: 0.9em;
}
#supportApp .email-us .dropzone-previews .dz-preview .dz-success-mark,
#supportApp .email-us .dropzone-previews .dz-preview .dz-error-mark {
  display: none;
}
#supportApp .email-us .dropzone-previews .dz-preview .dz-error-message {
  color: #e9444a;
  font-size: 0.75em;
}
#supportApp .email-us .dropzone-previews .dz-preview .dz-progress {
  width: 60%;
  height: 6px;
  background-color: #ddd;
  border-radius: 10px;
  overflow: hidden;
  z-index: 4;
  margin-top: 5px;
}
#supportApp .email-us .dropzone-previews .dz-preview .dz-progress span {
  width: 0;
  height: 6px;
  background: #5ac651;
  display: block;
}
#supportApp .email-us .dropzone-previews .dz-preview .dz-remove-action {
  color: #e9444a;
  margin-right: 15px;
}
#supportApp .email-us .dropzone-previews .dz-preview .dz-remove-action i {
  cursor: pointer;
  padding: 5px;
}
#supportApp .email-us__privacy {
  margin-top: 20px;
  border-top: 1px solid #ddd;
  padding-top: 10px;
}
#supportApp .aa-dropdown-menu {
  background-color: #FFFFFF;
  top: calc(100% + 10px) !important;
  left: 1px !important;
  right: 1px !important;
  border-radius: 3px;
  background-clip: padding-box;
  border: none;
  box-shadow: 0 0 8px #ccc;
}
#supportApp .aa-dropdown-menu .aa-suggestion {
  border-bottom: 1px solid #d5d5d5;
}
#supportApp .aa-dropdown-menu .aa-suggestion:last-child {
  border-bottom: none;
}
#supportApp .aa-dropdown-menu .aa-suggestion .suggestion-item {
  display: block;
  padding: 12px;
  font-size: 0.9em;
  color: #555;
  cursor: pointer;
}
#supportApp .aa-dropdown-menu .aa-suggestion .suggestion-item small {
  color: #AAA;
}
#supportApp .aa-dropdown-menu .aa-suggestion.aa-cursor .suggestion-item {
  text-decoration: none;
  color: #222;
  background-color: #ccc;
}
#supportApp .aa-dropdown-menu .aa-suggestion.aa-cursor .suggestion-item small {
  color: #777;
}
#supportApp .aa-dropdown-menu .empty-results {
  display: block;
  padding: 15px 12px;
  font-size: 0.9em;
  color: #555;
}
#supportApp .topic-list-header h1 {
  padding-bottom: 0;
  border-bottom: 0;
}
#supportApp .topic-list .list-group-item {
  margin: 5px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0;
  display: block;
}
#supportApp .topic-list .list-group-item:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
  text-decoration: none;
}
#supportApp .topic-list .list-group-item__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 15px 8px 0;
  height: 60px;
}
#supportApp .topic-list .list-group-item__icon {
  font-size: 2em;
  color: #ddd;
}
#supportApp .topic-list .list-group-item__title {
  padding-left: 15px;
  flex: 1;
  font-weight: bold;
}
#supportApp .topic-list .list-group-item__image {
  background-image: url("https://fbcd.co/images/help-center/help-center-icons-1.6.svg");
  background-size: cover;
  width: 44px;
  height: 100%;
  margin-left: 8px;
  background-position-y: center;
}
#supportApp .topic-list .list-group-item__image.img-product-problem {
  background-position-x: 0;
}
#supportApp .topic-list .list-group-item__image.img-plus-membership {
  background-position-x: -44px;
}
#supportApp .topic-list .list-group-item__image.img-billing-issue {
  background-position-x: -88px;
}
#supportApp .topic-list .list-group-item__image.img-password-issue {
  background-position-x: -132px;
}
#supportApp .topic-list .list-group-item__image.img-general-questions {
  background-position-x: -176px;
}
#supportApp .topic-list .list-group-item__image.img-license-inquiry {
  background-position-x: -220px;
}
#supportApp .topic-list .list-group-item__image.img-1-deals-events {
  background-position-x: -264px;
}
#supportApp .topic-list .list-group-item__image.img-store-support {
  background-position-x: -308px;
}
#supportApp .topic-list .list-group-item__image.img-affiliate-support {
  background-position-x: -352px;
}
#supportApp .topic-list .list-group-item__right-arrow, #supportApp .topic-list .list-group-item__subtext {
  display: none;
}
#supportApp .topic-list .list-group-item__right-arrow span {
  display: block;
  background: url("https://fbcd.co/images/icons/right-arrow-thin-black.svg") no-repeat center center;
  background-size: cover;
  width: 24px;
  height: 20px;
  float: right;
  opacity: 0.6;
}
@media (min-width: 992px) {
  #supportApp .topic-list.home-list {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
    margin: -5px -15px 0 !important;
  }
  #supportApp .topic-list.home-list .list-group-item {
    margin: 15px;
    height: 190px;
    padding: 12px;
  }
  #supportApp .topic-list.home-list .list-group-item:nth-child(3n-1) {
    -ms-grid-column: 2;
  }
  #supportApp .topic-list.home-list .list-group-item:nth-child(3n) {
    -ms-grid-column: 3;
  }
  #supportApp .topic-list.home-list .list-group-item:nth-child(n+4) {
    -ms-grid-row: 2;
  }
  #supportApp .topic-list.home-list .list-group-item:nth-child(n+7) {
    -ms-grid-row: 3;
  }
  #supportApp .topic-list.home-list .list-group-item:nth-child(n+10) {
    -ms-grid-row: 4;
  }
  #supportApp .topic-list.home-list .list-group-item:nth-child(n+13) {
    -ms-grid-row: 5;
  }
  #supportApp .topic-list.home-list .list-group-item:nth-child(n+16) {
    -ms-grid-row: 6;
  }
  #supportApp .topic-list.home-list .list-group-item:nth-child(n+19) {
    -ms-grid-row: 7;
  }
  #supportApp .topic-list.home-list .list-group-item:nth-child(n+22) {
    -ms-grid-row: 8;
  }
  #supportApp .topic-list.home-list .list-group-item__icon {
    display: none;
  }
  #supportApp .topic-list.home-list .list-group-item__title {
    font-size: 1.175em;
  }
  #supportApp .topic-list.home-list .list-group-item__subtext {
    line-height: 18px;
    color: #999;
    height: 54px;
    overflow: hidden;
    margin: 12px;
    display: block;
  }
  #supportApp .topic-list.home-list .list-group-item__right-arrow {
    display: block;
  }
  #supportApp .topic-list.home-list .list-group-item:hover .list-group-item__right-arrow {
    color: #1c9cd2;
  }
}
#supportApp .children-topic-container {
  background-color: #eee;
}
#supportApp .breadcrumbs-component {
  top: 0;
}
@media (max-width: 767px) {
  #supportApp .purchases-container__heading {
    flex-direction: column;
  }
  #supportApp .purchases-container__search {
    width: 100%;
  }
  #supportApp .purchases-container__search-query {
    width: 100%;
  }
  #supportApp .purchases-container__product-type {
    width: 100%;
    margin: 7px 0;
  }
  #supportApp .email-us__actions {
    flex-direction: column;
  }
  #supportApp .email-us__actions-submit {
    flex-direction: column;
    padding: 15px 0 0;
    min-width: 200px;
  }
  #supportApp .email-us__actions-submit__helper {
    text-align: center;
  }
  #supportApp .email-us__actions button.btn {
    width: 100%;
  }
  #supportApp .email-us .dropzone-previews .dz-preview .dz-progress {
    width: 100%;
  }
  #supportApp .search-container__spinner {
    bottom: 12px;
  }
}
@media (max-width: 414px) {
  #supportApp .purchases-container__selected-product {
    flex-direction: column;
  }
  #supportApp .purchases-container__selected-product > div {
    width: 100%;
  }
  #supportApp .purchases-container__selected-product__name {
    padding-top: 10px;
  }
  #supportApp .purchases-container__selected-product__name-actions {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 414px) and (max-width: 991px) {
  #supportApp .purchases-container__selected-product__name-actions .btn-secondary:not(:first-child) {
    margin-top: 1rem;
    margin-left: 0;
  }
}
@media (max-width: 414px) {
  #supportApp .purchases-container__selected-product__invoice {
    padding-top: 10px;
    text-align: left;
  }
}
@media (max-width: 414px) and (max-width: 991px) {
  #supportApp .purchases-container__selected-product__invoice {
    padding-right: 0;
  }
  #supportApp .purchases-container__selected-product__invoice .btn-secondary {
    width: 100%;
  }
}

.help-center-footer {
  margin-bottom: 30px;
  margin-top: 10px;
}
.help-center-footer__heading {
  border-bottom: 0;
  font-size: 32px !important;
}
.help-center-footer__btn {
  min-width: 210px;
}

.topic-content__issue-btns {
  display: flex;
  flex-direction: column;
}
.topic-content .ql-video {
  max-width: 100%;
}

.whatsapp-banner {
  background-color: white;
  border-radius: 4px;
  display: flex;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  align-items: center;
  padding: 15px;
  margin-bottom: 15px;
}
.whatsapp-banner__icon-flex {
  background: url("https://fbcd.co/images/icons/whatsapp.svg") no-repeat 0 50%/100%;
  width: 56px;
  height: 56px;
  margin-right: 15px;
  align-self: stretch;
  min-width: 50px;
}
.whatsapp-banner__text-flex {
  line-height: 160%;
  font-size: 0.95em;
}
@media (max-width: 414px) {
  .whatsapp-banner__text-para {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    display: inline-block;
    padding-bottom: 10px;
  }
}

.info-page-sidebar {
  border: 1px solid #ebebeb;
  border-radius: 5px;
  max-width: 350px;
  margin: 0 0 30px auto;
}
.info-page-sidebar__header {
  padding: 20px;
  font-weight: bold;
  border-bottom: 1px solid #ebebeb;
}
.info-page-sidebar__link {
  padding: 15px 25px;
  color: #5c5b69;
  display: block;
}
.info-page-sidebar__item.-active {
  background: #f9f9f9;
}
@media (max-width: 414px) {
  .info-page-sidebar {
    margin-top: 20px;
  }
}

.pua-page {
  color: white;
  background: rgb(9.9493670886, 121.0506329114, 186.5506329114);
}
.pua-page__title-container {
  height: 300px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pua-page__title-badge {
  position: relative;
  top: 2px;
  margin-left: 3px;
}
.pua-page__heading {
  background-color: #1ea4f3;
  font-size: 1.8rem;
  padding: 20px;
  color: white;
}
.pua-page__content-container {
  background-color: #fafafa;
  padding: 20px;
}
.pua-page__badge-details {
  display: inline-flex;
  align-items: center;
  margin: 10px 0 20px 0;
  line-height: 100%;
}

* {
  box-sizing: border-box;
}

.l-align {
  text-align: left !important;
}

.r-align {
  text-align: right;
}

.c-align {
  text-align: center;
}

.clear {
  clear: both;
}

.invoice-frame {
  background-color: white;
  padding: 0;
  max-width: 600px;
  margin: auto;
  margin-top: 100px;
}
.invoice-frame .iv-header {
  padding: 0 40px 40px 40px;
  margin-bottom: 20px;
}
.invoice-frame .iv-header .iv-logo {
  float: left;
  margin-bottom: 40px;
  width: 50%;
}
.invoice-frame .iv-header .iv-title {
  display: inline-block;
  text-align: right;
  float: right;
  font-weight: bold;
  width: 50%;
  text-transform: uppercase;
  font-size: 12px;
}
.invoice-frame .iv-header .iv-title h1 {
  margin: 0;
  padding: 0;
  color: #999;
}
.invoice-frame .iv-top-details {
  padding: 0 40px;
  float: left;
  width: 100%;
  text-align: left;
}
.invoice-frame .iv-top-details .iv-address {
  width: 50%;
  float: left;
  line-height: 140%;
}
.invoice-frame .iv-top-details .iv-ref {
  width: 50%;
  float: right;
  color: white;
}
.invoice-frame .iv-top-details .iv-ref strong {
  margin-right: 10px;
}
.invoice-frame .iv-bill-to {
  padding: 40px 40px;
  clear: both;
  float: left;
  width: 100%;
}
.invoice-frame .iv-bill-to h2 {
  font-size: 1.1em;
  margin-bottom: 10px;
}
.invoice-frame .iv-bill-to span {
  color: #555;
  font-size: 0.9em;
}
.invoice-frame .iv-bill-to .billto {
  width: 50%;
  float: left;
  line-height: 140%;
}
.invoice-frame .iv-bill-to .paymentmethod {
  width: 50%;
  float: right;
  line-height: 140%;
}
.invoice-frame .iv-product-table {
  padding: 0 40px 40px 40px;
  width: 100%;
}

.invoice-table {
  width: 100%;
  border-collapse: collapse;
}
.invoice-table tr th {
  padding: 15px;
  background-color: #39b8d3;
  color: white;
  border-bottom: 1px solid rgb(140.4545454545, 213.9256198347, 229.5454545455);
  border-right: 1px solid rgb(140.4545454545, 213.9256198347, 229.5454545455);
}
.invoice-table tr th.l-align {
  text-align: left;
}
.invoice-table tr td {
  padding: 15px;
  background-color: #e8e8e8;
  color: #555;
  border-right: 1px solid white;
}
.invoice-table tr.white-row td {
  background-color: white;
}

.total-table {
  width: 300px;
  margin-left: 60%;
  float: right !important;
  margin-bottom: 20px;
  font-size: 0.9em;
}
.total-table td {
  padding: 10px;
  background-color: blue;
}

.iv-footer {
  padding: 0 40px;
  color: #999;
  font-size: 0.8em !important;
}
.iv-footer h3 {
  font-size: 0.8em;
  margin-top: 20px;
  margin-bottom: 10px;
}
.iv-footer small {
  font-size: 0.5em;
}

.divider-line {
  width: 60%;
  background-color: #ddd;
  clear: both;
  height: 1px;
  margin: 0 20%;
}

.security-layout {
  background-position: top right;
  background-size: 1000px auto;
  background-repeat: no-repeat;
}
.security-layout__wrapper {
  padding-top: 125px;
  padding-bottom: 125px;
}
.security-layout__header {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.security-layout__form {
  background: #ffffff;
  border-radius: 10px;
  padding: 38px;
}
@media (max-width: 414px) {
  .security-layout__form {
    padding: 20px;
  }
}
.security-layout__form__info {
  text-align: right;
  margin-left: auto;
}
.security-layout__alt-divider {
  display: flex;
  align-items: center;
  margin: 25px 0 15px 0;
  line-height: 150%;
}
.security-layout__alt-divider .security-layout__alt-text {
  margin: 0 10px;
}
.security-layout__alt-divider:before {
  content: "";
  height: 1px;
  background-color: #cccccc;
  display: inline-block;
  flex: 1;
}
.security-layout__alt-divider:after {
  content: "";
  height: 1px;
  background-color: #cccccc;
  display: inline-block;
  flex: 1;
}
.security-layout__captcha-msg {
  color: #999999;
  font-size: 0.8em;
  margin-top: 30px;
  padding-left: 25px;
  max-width: 380px;
  background: no-repeat url("https://fbcd.co/images/icons/thin-lock-1.0.svg") 0/auto 16px;
}
.security-layout__captcha-msg a {
  color: #999999;
}
@media (max-width: 414px) {
  .security-layout {
    background-size: auto 100%;
    background-position: -200px 0;
  }
}

.facebook-email-popup {
  background-color: #365397;
  color: white;
}
.facebook-email-popup h1 {
  max-width: 700px;
  margin: auto;
}
.facebook-email-popup .input-container {
  display: flex;
  justify-content: center;
  max-width: 500px;
  margin: 30px auto;
}
.facebook-email-popup .input-container > input {
  flex: 1;
  color: #fff;
}
.facebook-email-popup .input-container > input, .facebook-email-popup .input-container > button {
  margin: 0 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: auto;
}
@media (max-width: 414px) {
  .facebook-email-popup .input-container {
    display: block;
  }
  .facebook-email-popup .input-container > button {
    width: 100%;
    margin-top: 10px;
  }
}

.login-btn {
  border: 1px solid #cccccc;
  border-radius: 50px;
  width: 100%;
  display: flex;
  background-color: transparent;
  align-items: center;
  justify-content: center;
  height: 40px;
  font-weight: 600;
  color: #5c5b69;
  margin-top: 20px;
  line-height: 100%;
  cursor: pointer;
  transition: 100ms;
}
.login-btn:hover {
  border-color: #999999;
}
.login-btn:focus {
  outline: 0;
}
.login-btn i, .login-btn svg {
  margin-right: 10px;
  font-size: 2rem;
}
.login-btn.-facebook i {
  color: #365397;
}

/*START web/includes/elements/store/maintenance/maintenance.php*/
.maintenance {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background-color: #2f2f2f;
}
.maintenance__content {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maintenance__content__title {
  color: #ffffff;
}
.maintenance__content__title a {
  color: #ffffff;
  text-decoration: underline;
}
.maintenance__content__title a:hover {
  text-decoration: none;
}
.maintenance__footer {
  color: #999;
}

/*END web/includes/elements/store/maintenance/maintenance.php*/
.multi-select-menu {
  min-width: 400px;
  display: inline-block;
  position: relative;
}
.multi-select-menu__selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: normal;
  background-size: 20px 10px;
  background-position: calc(100% - 15px) 50%;
  color: black;
  background-repeat: no-repeat;
  background-image: url(https://fbcd.co/images/icons/down-arrow-black.svg);
  min-height: 44px;
  padding: 4px;
  border: 1px solid #ddd;
  padding-right: 40px;
  width: 100%;
  background-color: white;
}
.multi-select-menu__tag {
  background-color: #eee;
  border-radius: 3px;
  padding: 3px 7px 3px 7px;
  font-size: 0.9em;
  margin: 5px 7px;
  display: inline-block;
}
.multi-select-menu__tag i {
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  margin-left: 4px;
}
.multi-select-menu__list {
  width: 80%;
  max-width: 300px;
  max-height: 280px;
  overflow: auto;
  list-style-type: none;
  padding: 0;
  margin-top: 8px;
  border: 1px solid #eee;
  position: absolute;
  background-color: white;
  z-index: 10;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  display: none;
}
.multi-select-menu__item {
  padding: 8px 10px;
  border-top: 1px solid #eee;
  cursor: pointer;
}
.multi-select-menu__item:hover {
  background-color: #f6f6f6;
}
.multi-select-menu__item:before {
  font-size: 15px;
  font-family: "Font Awesome 5 Pro";
  content: "\f0c8";
  margin-right: 10px;
  top: 1px;
  position: relative;
  color: #999;
}
.multi-select-menu__item:last-child {
  border-top: 0;
}
.multi-select-menu__item.--active {
  background-color: rgb(226.5, 243.8714285714, 251.2);
}
.multi-select-menu__item.--active:before {
  content: "\f14a";
  color: #1c9cd2;
  font-weight: bold;
}
.multi-select-menu__search {
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 5px;
  width: calc(100% - 10px);
}
.multi-select-menu__search:focus {
  box-shadow: none;
  outline: 0;
  border: 1px solid #1c9cd2;
}
.multi-select-menu__no-results {
  padding: 6px 12px 9px 12px;
  text-align: center;
  display: none;
}
.multi-select-menu__empty {
  background-color: transparent;
  font-size: 0.9em;
  padding: 8px 13px;
  display: inline-block;
  color: #999;
}
@media (max-width: 414px) {
  .multi-select-menu {
    min-width: 0;
    width: 100%;
  }
  .multi-select-menu__list {
    width: 100%;
  }
}

.multiSelectDropdown {
  display: none;
}

.my-account__header {
  margin-bottom: 13.3333333333px;
}
.my-account__header__title {
  margin-bottom: 8px;
}
.my-account__header__subtitle {
  margin-bottom: 0;
}
.my-account__header__required_fill_info {
  color: red;
}
.my-account__header__required_fill_info a {
  color: red;
  text-decoration: underline;
}
.my-account__content__wrapper {
  padding: 20px;
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .my-account__content__wrapper {
    padding: 2rem;
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .my-account__content__wrapper {
    padding: 2rem;
  }
}
.my-account__content__checkboxes {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.my-account__content__sections {
  border-top-width: 0;
  border-top-style: solid;
  border-top-color: #ebebeb;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ebebeb;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 75%;
  padding-bottom: 2rem;
}
@media (max-width: 767px) {
  .my-account__content__sections {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
    border-top-width: 1px;
    border-left-width: 0;
    padding-top: 2rem;
    margin-top: 2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .my-account__content__sections {
    margin-left: 2rem;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 65%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .my-account__content__sections {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 70%;
  }
}
.my-account__content__section {
  margin-left: 40px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .my-account__content__section {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .my-account__content__section {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (max-width: 767px) {
  .my-account__content__section .export-form-btn {
    margin-top: 1rem;
  }
}
@media (max-width: 991px) {
  .my-account__content__section .email-controls .btn-primary {
    width: 100%;
  }
  .my-account__content__section .delete-step.delete-step1 {
    margin-top: 1rem;
  }
}
@media (min-width: 992px) {
  .my-account__content__section .delete-step.delete-step1 {
    display: inline-block;
    margin-left: 10px;
  }
}
.my-account__content__section .delete-step.delete-step2 {
  background-color: #ffffff;
  border-radius: 4px;
}
.my-account__content__section .google-qr-code {
  display: flex;
  align-items: flex-start;
}
.my-account__content__section .google-qr-code .code {
  flex-grow: 1;
  margin-left: 1rem;
}
@media (max-width: 991px) {
  .my-account__content__section .google-qr-code .code {
    margin-left: 0;
    text-align: center;
  }
}
.my-account__content__section .ga2fa canvas {
  flex-shrink: 0;
}
.my-account__content__section .ga2fa .code {
  height: auto;
}
.my-account__content__section .ga2fa .code .symbols {
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 200px;
}
@media (max-width: 991px) {
  .my-account__content__section .ga2fa .code .symbols {
    width: 100%;
  }
}
.my-account__content__section .ga2fa .code .symbols .symbols-value {
  -ms-word-break: break-all;
  word-break: break-all;
}
.my-account__content__section__wrapper {
  display: flex;
}
.my-account__content__section__wrapper.-w-1 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .my-account__content__section__wrapper.-w-1 {
    align-items: stretch;
    flex-direction: column;
  }
}
.my-account__content__nav {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 25%;
}
@media (max-width: 991px) {
  .my-account__content__nav {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .my-account__content__nav {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 35%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .my-account__content__nav {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 30%;
  }
}
.my-account__content__nav__navbar {
  position: sticky;
  top: 20px;
}
@media (max-width: 767px) {
  .my-account__content__nav__navbar {
    margin-bottom: -2rem;
    top: 80px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .my-account__content__nav__navbar {
    top: 80px;
  }
}
@media (min-width: 992px) {
  .my-account__content__nav__navbar {
    padding-right: 2rem;
  }
}
.my-account__content__nav__icon {
  font-size: 2rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -1rem;
  opacity: 0.25;
}
.my-account__content__nav__link {
  color: #000000;
}
.my-account__content__nav__item {
  padding-left: 40px;
  font-size: 1.3rem;
  font-weight: 600;
  padding-bottom: 2rem;
}
.my-account__content__nav__item:not(:last-child) {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ebebeb;
}
.my-account__content__nav__item + .my-account__content__nav__item {
  margin-top: 2rem;
}
.my-account__content__nav__item.active .my-account__content__nav__icon {
  opacity: 1;
}
.my-account__avatar {
  flex-shrink: 0;
}
.my-account__avatar-wrapper {
  display: flex;
  align-items: center;
}
.my-account__avatar-wrapper .ab-btn-upload {
  flex-grow: 1;
  margin-left: 1rem;
}
@media (min-width: 1200px) {
  .my-account__avatar-wrapper .ab-btn-upload {
    margin-top: 0;
    flex-grow: inherit;
  }
}
.my-account__avatar-wrapper .ab-btn-upload a {
  position: relative;
  overflow: hidden;
}
.my-account__avatar-wrapper .ab-btn-upload input {
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}
.my-account__avatar img {
  border-radius: 50%;
  overflow: hidden;
}
.my-account__avatar .remove {
  position: absolute;
  right: 10px;
  bottom: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1ea4f3;
  color: #ffffff;
  box-shadow: 0 0 0 2px #ffffff;
}
.my-account__avatar .remove i {
  font-size: 0.95rem;
  margin-top: 1px;
}
.my-account__avatar-plus {
  border-style: solid;
  border-color: #ffa200;
  border-width: 2px;
  border-radius: 6px;
}
.my-account__avatar-plus img {
  max-height: 40px;
}
@media (max-width: 1200px) {
  .my-account__avatar-plus {
    width: 100%;
    margin-top: 2rem;
  }
}
.my-account__avatar-plus__buttons {
  display: flex;
}
@media (max-width: 991px) {
  .my-account__avatar-plus__buttons {
    flex-direction: column;
  }
  .my-account__avatar-plus__buttons.-active-plus .btn-primary {
    width: 100%;
  }
}
.my-account__avatar-plus__buttons.-active-plus .ab-btn-upload {
  flex-grow: 1;
}
@media (min-width: 992px) {
  .my-account__avatar-plus__buttons.-active-plus .ab-btn-upload {
    flex-grow: inherit;
  }
}
.my-account__avatar-plus__buttons.-active-plus .ab-btn-list {
  margin-right: 1rem;
  flex-grow: 1;
}
@media (max-width: 991px) {
  .my-account__avatar-plus__buttons.-active-plus .ab-btn-list {
    margin-right: 0;
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .my-account__avatar-plus__buttons.-active-plus .ab-btn-list {
    flex-grow: inherit;
  }
}
@media (max-width: 991px) {
  .my-account__avatar-plus__buttons.-active-plus .ab-btn-list .btn-primary {
    margin-left: 0;
  }
  .my-account__avatar-plus__buttons.-active-plus .ab-btn-list .btn-primary:not(:first-child) {
    margin-top: 1rem;
  }
  .my-account__avatar-plus__buttons:not(.-active-plus) .ab-btn-plus {
    margin-top: 1rem;
  }
}
@media (min-width: 992px) {
  .my-account__avatar-plus__buttons:not(.-active-plus) .ab-btn-plus {
    margin-left: 1rem;
  }
}
@media (max-width: 991px) {
  .my-account__avatar-plus__buttons:not(.-active-plus) .ab-btn-plus .btn-primary {
    width: 100%;
  }
  .my-account__avatar-plus__buttons:not(.-active-plus) .ab-btn-list.nonplus .btn-primary {
    width: 100%;
  }
}
.my-account__avatar-plus__buttons .ab-btn-upload a,
.my-account__avatar-plus__buttons .ab-btn-list.nonplus a {
  position: relative;
  overflow: hidden;
}
.my-account__avatar-plus__buttons .ab-btn-upload input,
.my-account__avatar-plus__buttons .ab-btn-list.nonplus input {
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}
.my-account .custom-control-container {
  display: inline-flex;
  align-items: center;
}
.my-account .custom-control-container .custom-control-checkmark {
  top: 50%;
  transform: translateY(-50%);
}
.my-account .multi-select-menu {
  min-width: 0;
}
.my-account .multi-select-menu.-open {
  margin-bottom: 1px;
}
.my-account .multi-select-menu.-open .multi-select-menu__selector {
  position: relative;
  z-index: 11;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-width: 0;
}
.my-account .multi-select-menu.-open .multi-select-menu__selector:hover {
  border-color: #ebebeb;
}
.my-account .multi-select-menu.-open .multi-select-menu__list {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.my-account .multi-select-menu__selector {
  border-radius: 7px;
  border-color: #ebebeb;
  padding-left: 13px;
  padding-top: 5px;
  padding-bottom: 13px;
  cursor: pointer;
  transition: border-color 200ms ease;
}
.my-account .multi-select-menu__tag {
  margin: 8px 8px 0 0;
  border-radius: 7px;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 123%;
  color: #999999;
  background-color: #ebebeb;
  position: relative;
  padding: 4px 25px 4px 9px;
}
.my-account .multi-select-menu__remove {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.my-account .multi-select-menu__empty {
  margin-top: 8px;
  padding: 4px 13px;
  font-size: inherit;
}
.my-account .multi-select-menu__search {
  margin: 10px 27px;
  width: calc(100% - 54px);
}
.my-account .multi-select-menu__item {
  padding: 13px 27px;
}
.my-account .multi-select-menu__item.--active {
  color: #ffffff;
}
.my-account .multi-select-menu__item:before {
  display: none;
}
.my-account .multi-select-menu__list {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
}

.avatar-block {
  display: flex;
  max-width: 580px;
  margin: 30px;
  justify-content: center;
}
@media (max-width: 767px) {
  .avatar-block {
    margin: 0 auto;
    flex-direction: column;
    width: 250px;
  }
}
.avatar-block .ab-img {
  flex-basis: 250px;
  position: relative;
  min-width: 250px;
}
@media (max-width: 767px) {
  .avatar-block .ab-img {
    margin-bottom: 20px;
  }
}
.avatar-block .ab-img img {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.avatar-block .ab-img .spinner-loading-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  display: none;
}
.avatar-block .ab-img .remove {
  position: absolute;
  width: 44px;
  height: 44px;
  text-indent: -10000px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjZjAwIiBkPSJNMTMsNCBMMyw0IEwzLDYgTDEzLDYgTDEzLDQgWiBNNSwzIEw1LDIgQzUsMS40NDc3MTUyNSA1LjQ0NzcxNTI1LDEgNiwxIEwxMCwxIEMxMC41NTIyODQ3LDEgMTEsMS40NDc3MTUyNSAxMSwyIEwxMSwzIEwxMywzIEMxMy41NTIyODQ3LDMgMTQsMy40NDc3MTUyNSAxNCw0IEwxNCw2IEMxNCw2LjU1MjI4NDc1IDEzLjU1MjI4NDcsNyAxMyw3IEwxMywxMyBDMTMsMTQuMTA0NTY5NSAxMi4xMDQ1Njk1LDE1IDExLDE1IEw1LDE1IEMzLjg5NTQzMDUsMTUgMywxNC4xMDQ1Njk1IDMsMTMgTDMsNyBDMi40NDc3MTUyNSw3IDIsNi41NTIyODQ3NSAyLDYgTDIsNCBDMiwzLjQ0NzcxNTI1IDIuNDQ3NzE1MjUsMyAzLDMgTDUsMyBaIE02LDMgTDEwLDMgTDEwLDIgTDYsMiBMNiwzIFogTTQsNyBMNCwxMyBDNCwxMy41NTIyODQ3IDQuNDQ3NzE1MjUsMTQgNSwxNCBMMTEsMTQgQzExLjU1MjI4NDcsMTQgMTIsMTMuNTUyMjg0NyAxMiwxMyBMMTIsNyBMNCw3IFogTTYuNSw4IEM2Ljc3NjE0MjM3LDggNyw4LjIyMzg1NzYzIDcsOC41IEw3LDExLjUgQzcsMTEuNzc2MTQyNCA2Ljc3NjE0MjM3LDEyIDYuNSwxMiBDNi4yMjM4NTc2MywxMiA2LDExLjc3NjE0MjQgNiwxMS41IEw2LDguNSBDNiw4LjIyMzg1NzYzIDYuMjIzODU3NjMsOCA2LjUsOCBaIE05LjUsOCBDOS43NzYxNDIzNyw4IDEwLDguMjIzODU3NjMgMTAsOC41IEwxMCwxMS41IEMxMCwxMS43NzYxNDI0IDkuNzc2MTQyMzcsMTIgOS41LDEyIEM5LjIyMzg1NzYzLDEyIDksMTEuNzc2MTQyNCA5LDExLjUgTDksOC41IEM5LDguMjIzODU3NjMgOS4yMjM4NTc2Myw4IDkuNSw4IFoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  top: 16px;
  right: 16px;
  cursor: pointer;
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.avatar-block .ab-img .remove:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.avatar-block .ab-img.loading img {
  opacity: 0.3;
}
.avatar-block .ab-img.loading .spinner-loading-container {
  display: block;
}
.avatar-block .ab-img.loading .remove {
  display: none;
}
.avatar-block .ab-buttons {
  border-radius: 8px;
  margin-left: 30px;
  border: 1px solid #ef9f1f;
  padding: 22px 30px 0 30px;
}
@media (max-width: 767px) {
  .avatar-block .ab-buttons {
    margin-left: 0;
    padding: 16px;
  }
}
.avatar-block .ab-buttons .ab-plus-logo {
  margin-bottom: 10px;
}
.avatar-block .ab-buttons .ab-btn-list, .avatar-block .ab-buttons .ab-btn-plus {
  margin-bottom: 14px;
}
.avatar-block .ab-buttons .ab-btn-list.nonplus button {
  margin-right: 7px;
  vertical-align: middle;
}
.avatar-block .ab-buttons .ab-btn-list.nonplus a {
  width: calc(50% - 7px);
  margin-left: 7px;
  vertical-align: middle;
}
.avatar-block .ab-buttons .new-style-btn {
  width: 100%;
}
.avatar-block a {
  position: relative;
  overflow: hidden;
}
.avatar-block a input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  height: 100%;
  width: 800px;
}

#avatarListPopup .modal-dialog .ab-list-text {
  text-align: center;
  padding: 2vw 2vw 0 2vw;
}
@media (max-width: 767px) {
  #avatarListPopup .modal-dialog .ab-list-text {
    padding: 3vw 3vw 0 3vw;
  }
}
@media (max-width: 414px) {
  #avatarListPopup .modal-dialog .ab-list-text {
    padding: 4vw 10vw 0 10vw;
  }
}
@media (max-width: 374px) {
  #avatarListPopup .modal-dialog .ab-list-text {
    padding: 5vw 10vw 0 10vw;
  }
}
#avatarListPopup .modal-dialog .ab-list {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2vw;
  padding: 2vw;
  min-height: 10vw;
}
@media (max-width: 767px) {
  #avatarListPopup .modal-dialog .ab-list {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 3vw;
    padding: 3vw;
  }
}
@media (max-width: 414px) {
  #avatarListPopup .modal-dialog .ab-list {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 4vw;
    padding: 4vw;
  }
}
@media (max-width: 374px) {
  #avatarListPopup .modal-dialog .ab-list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5vw;
    padding: 5vw;
  }
}
#avatarListPopup .modal-dialog .ab-list > div {
  border-radius: 50%;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  position: relative;
  padding-top: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: box-shadow 150ms;
}
#avatarListPopup .modal-dialog .ab-list > div .spinner-loading-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  display: none;
}
#avatarListPopup .modal-dialog .ab-list > div:hover {
  box-shadow: inset 0 0 0 4px #1c9cd2;
}
#avatarListPopup .modal-dialog .ab-list > div.loading:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
#avatarListPopup .modal-dialog .ab-list > div.loading .spinner-loading-container {
  display: block;
  z-index: 2;
  font-size: 0;
}
@media all and (-ms-high-contrast: none) {
  #avatarListPopup .modal-dialog .ab-list {
    display: block;
  }
  #avatarListPopup .modal-dialog .ab-list > div {
    width: 74px;
    height: 74px;
    margin: 10px;
    display: inline-block;
    padding-top: 0;
  }
}
#avatarListPopup.readonly .modal-dialog .ab-list > div {
  cursor: default;
  pointer-events: none;
}
#avatarListPopup.readonly .modal-dialog .ab-list > div:hover {
  box-shadow: none;
}

#cropPopup .upload-wrap {
  width: 100%;
  height: 450px;
}
#cropPopup .upload-wrap .croppie-container {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
#cropPopup .upload-wrap .croppie-container .cr-slider-wrap {
  position: absolute;
  bottom: 62px;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  z-index: 1;
  background-color: white;
  margin-top: 0;
  padding: 2px 10px;
  border-radius: 0 0 8px 8px;
}
#cropPopup .upload-wrap .croppie-container .cr-viewport {
  border-radius: 8px 8px 0 0;
}
#cropPopup .upload-text {
  position: absolute;
  z-index: 1;
  color: white;
  left: 0;
  top: 40px;
  right: 0;
  text-align: center;
  font-weight: bold;
}
#cropPopup .upload-button {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
}
#cropPopup .upload-button button {
  width: 250px;
}
#cropPopup .modal-button-close {
  z-index: 1;
}

.ga2fa {
  z-index: 9999999999;
}
.ga2fa.in.modalround {
  display: block !important;
}
.ga2fa canvas {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  height: 196px;
  width: 196px;
}
.ga2fa .code {
  height: 228px;
}
.ga2fa .code .symbols {
  height: 100%;
  background: #efefef;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 0 18px;
}
.ga2fa .code .symbols .symbols-value {
  font-size: 18px;
}
.ga2fa .code .symbols .note {
  font-size: 13px;
  color: #999;
}
.ga2fa .code .symbols .copied {
  display: inline-block;
  font-size: 12px;
  padding: 4px 8px;
  border: 1px solid transparent;
}
.ga2fa .big-code {
  text-align: center;
}

.credit-card-box {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 15px;
  display: inline-block;
  width: 100%;
  max-width: 500px;
}
.credit-card-box .card-box-img {
  width: 100%;
  display: inline-block;
}
.credit-card-box big {
  font-weight: bold;
  margin-top: 10px;
  display: block;
}
.credit-card-box a.make-default-link {
  display: block;
  margin-top: 5px;
}
.credit-card-box a.delete-card-link {
  margin-top: 2px;
  display: block;
}
@media (max-width: 414px) {
  .credit-card-box {
    width: 100%;
    text-align: center;
  }
  .credit-card-box .card-box-img {
    width: auto;
  }
  .credit-card-box big {
    border-top: 1px solid #eee;
    padding-top: 10px;
  }
}

/**
  Reward description.
 */
.reward-description {
  padding: 44px 33px;
  background-color: #ED920A;
  color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}
.reward-description:not(.-success) {
  background-size: 100px 100px;
  background-repeat: no-repeat;
  background-position: right top;
  background-image: url("https://fbcd.co/images/pages/user-preferences/plus-corner-graphic-1.0.png");
}
.reward-description__title {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.7rem;
  line-height: 141%;
}
.reward-description__content {
  font-weight: 300;
  line-height: 150%;
  letter-spacing: 0.03em;
}
.reward-description__content strong {
  text-transform: uppercase;
}
.reward-description__amount {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 100%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.reward-description__container {
  order: 1;
}
@media (min-width: 1200px) {
  .reward-description__container {
    order: 2;
  }
}
.reward-description.-success {
  background-color: #40c756;
  padding-top: 30px;
  padding-bottom: 30px;
}
.reward-description.-success .btn-secondary {
  color: #000000;
}
@media (max-width: 414px) {
  .reward-description.-success .btn-secondary {
    height: auto;
    white-space: inherit;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .reward-description.-success .btn-secondary {
    height: auto;
    white-space: inherit;
  }
}
.reward-description.-success .reward-description__title {
  display: flex;
  align-items: flex-start;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 141%;
  text-transform: none;
}
.reward-description.-success .reward-description__title:before {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 3.5rem;
  font-weight: 300;
  margin-top: 0.5rem;
  margin-right: 1.5rem;
  line-height: 100%;
}

/**
  Multiselect section.
 */
.multiselect-section {
  position: relative;
  padding-left: 102px;
  min-height: 72px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1199px) {
  .multiselect-section {
    margin-top: 45px !important;
  }
}
@media (max-width: 990px) {
  .multiselect-section {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .multiselect-section + .multiselect-section {
    margin-top: 45px;
  }
}
.multiselect-section__message .alert {
  margin-bottom: 45px;
}
.multiselect-section__container {
  order: 2;
}
@media (min-width: 1200px) {
  .multiselect-section__container {
    order: 1;
  }
}
.multiselect-section__title {
  font-size: 1.6rem;
  line-height: 125%;
  color: #000000;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .multiselect-section__title {
    justify-content: space-between;
  }
}
.multiselect-section__title:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  display: inline-block;
  border-radius: 6px;
  overflow: hidden;
  width: 72px;
  height: 72px;
  background-size: cover;
}
@media (max-width: 990px) {
  .multiselect-section__title:before {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    margin-right: 1rem;
    position: relative;
  }
  .multiselect-section__title.-filled {
    position: relative;
    padding-right: 3rem;
  }
}
.multiselect-section__title.-filled:after {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #40c756;
  font-size: 2rem;
}
@media (max-width: 990px) {
  .multiselect-section__title.-filled:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.multiselect-section.-interests .multiselect-section__title:before {
  background-image: url("https://fbcd.co/images/pages/user-preferences/customer-interests-1.0.svg");
}
.multiselect-section.-software .multiselect-section__title:before {
  background-image: url("https://fbcd.co/images/pages/user-preferences/machines-software-1.0.svg");
}
.multiselect-section.-profession .multiselect-section__title:before {
  background-image: url("https://fbcd.co/images/pages/user-preferences/professions-1.0.svg");
}

.newest-collections {
  text-align: center;
  padding: 40px 0 20px 0;
  border-top: 1px solid #ebebeb;
  margin: 0 0 20px 0;
  background-color: #f3fcff;
}
.newest-collections .row {
  max-width: 90%;
  margin: auto;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
.newest-collections__col {
  padding-left: 7px;
  padding-right: 7px;
}
.newest-collections__info {
  margin: 5px 0 30px 0;
  color: #5c5b69;
}
.newest-collections__picked-for-you {
  width: 100%;
  position: absolute;
  top: 0px;
  transform: translateY(-100%);
  text-align: left;
  color: #ef9f1f;
}
@media (max-width: 767px) {
  .newest-collections__picked-for-you {
    text-align: center;
  }
}
.newest-collections__tile {
  text-align: center;
  background-color: white;
  display: block;
  border-radius: 99px;
  box-shadow: 0 0 33px -7px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-decoration: none;
  transition: all 0.1s;
  transform: scale(1);
  backface-visibility: hidden;
  position: relative;
  z-index: 2;
  border: 1px solid #eee;
}
.newest-collections__tile span {
  white-space: nowrap;
  font-weight: 500;
}
.newest-collections__tile:hover {
  text-decoration: none;
  transform: scale(1.07) translateZ(0);
  backface-visibility: hidden;
}
.newest-collections__tile.picked-for-you {
  background-color: rgb(253.28, 244.68, 230.92);
  box-shadow: 0 0 33px -7px rgba(239, 159, 31, 0.25);
}
.newest-collections__tile.picked-for-you:hover {
  box-shadow: 0 0 33px -7px rgb(253.28, 244.68, 230.92);
}
.newest-collections__img-wrapper {
  padding-top: 75%;
  width: 100%;
  position: relative;
}
.newest-collections__img {
  display: inline-block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .newest-collections {
    background: #ffffff url("https://fbcd.co/images/pages/new-products/banner/bottom-right-1.1.png") no-repeat bottom right;
  }
}

.new-row {
  align-items: center;
}
@media (max-width: 414px) {
  .new-row__title {
    margin-bottom: 10px;
  }
}

/*  # Contents 

  ## Payment Page
  ## Payment Components 
  ## Success page

  ======
  Payment Page
  ====== */
.payment-plus-selected {
  font-size: 0.6em;
  float: right;
  background-color: #ef9f1f;
  color: white;
  margin-top: -5px;
  padding: 10px;
  border-radius: 3px;
}
.payment-plus-selected i {
  margin-right: 10px;
}
@media (max-width: 414px) {
  .payment-plus-selected {
    float: none;
    display: block;
    margin-top: 20px;
    text-align: center;
  }
}

/* ======
  Payment Components
====== */
.apple-error {
  color: #e9444a;
  margin-bottom: 20px;
}

@supports (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    width: 220px;
    height: 45px;
  }
  .apple-pay-button:hover {
    cursor: pointer;
  }
  .apple-pay-button-black {
    -apple-pay-button-style: black;
  }
  .apple-pay-button-white {
    -apple-pay-button-style: white;
  }
  .apple-pay-button-white-with-line {
    -apple-pay-button-style: white-outline;
  }
}
@supports not (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    min-width: 200px;
    min-height: 32px;
    max-height: 64px;
  }
  .apple-pay-button-black {
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: black;
  }
  .apple-pay-button-white {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
  }
  .apple-pay-button-white-with-line {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
    border: 0.5px solid black;
  }
}
.payment-options + hr {
  margin-top: 0;
}
@media (max-width: 767px) {
  .payment-options + hr {
    margin-top: 20px;
  }
}
@media (max-width: 414px) {
  .payment-options {
    flex-direction: column;
  }
}

.payment-option-box {
  border: 2px solid #eee;
  border-radius: 5px;
  text-align: center;
  color: #999;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 414px) {
  .payment-option-box {
    margin-left: 0;
    margin-right: 0;
  }
}
.payment-option-box .payment-option-img {
  margin: 10px 0;
}
.payment-option-box .payment-option-img .apple-pay-logo {
  background-image: -webkit-named-image(apple-pay-logo-black);
  background-size: 100% 100%;
  background-origin: content-box;
  background-repeat: no-repeat;
  width: 60px;
  height: 50px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .payment-option-box .payment-option-img .apple-pay-logo {
    height: 32px;
    width: 44px;
    margin-left: 14px;
  }
}
.payment-option-box .payment-option-img img {
  max-width: 150px;
  max-height: 50px;
  width: 100%;
  margin: 0 auto;
}
.payment-option-box .payment-option-text {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  text-align: center;
}
.payment-option-box .payment-option-text span {
  padding: 5px;
}
.payment-option-box .payment-option-text small {
  display: block;
}
.payment-option-box i.select-dot {
  border-radius: 10px;
  background-color: #ddd;
  height: 5px;
  width: 5px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.payment-option-box.active {
  border-color: #5ac651;
}
.payment-option-box.active i.select-dot {
  background-color: #5ac651;
}
.payment-option-box.active .payment-option-price {
  color: #5ac651;
}
@media (pointer: fine) {
  .payment-option-box:hover {
    border-color: #5ac651;
  }
  .payment-option-box:hover i.select-dot {
    background-color: #5ac651;
  }
  .payment-option-box:hover .payment-option-price {
    color: #5ac651;
  }
}
.payment-option-box.active {
  margin-bottom: 25px;
}
.payment-option-box.active .payment-option-selected {
  opacity: 1;
}
.payment-option-box.disabled {
  border-color: #ddd;
  cursor: default;
}
.payment-option-box.disabled i.select-dot {
  background-color: #ddd;
}
.payment-option-box.disabled .payment-option-price {
  color: #999;
}
.payment-option-box.disabled img,
.payment-option-box.disabled .apple-pay-logo {
  opacity: 0.5;
}
.payment-option-box .payment-option-selected {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  opacity: 0;
  transition: opacity 200ms ease;
  position: absolute;
  left: 0;
  top: 100%;
  height: 25px;
  color: #40c756;
  text-transform: uppercase;
  font-weight: bold;
}
@media (max-width: 767px) {
  .payment-option-box {
    padding: 20px 5px;
    margin-top: 10px;
    text-align: right;
  }
  .payment-option-box .payment-option-img {
    float: left;
    margin: -5px 0 0 0;
  }
  .payment-option-box .payment-option-img img {
    width: 100px;
    max-height: 33px;
  }
  .payment-option-box .payment-option-text {
    margin-bottom: 0;
  }
  .payment-option-box .payment-option-text small {
    margin-right: 5px;
  }
  .payment-option-box.small-box {
    padding: 10px 0;
    text-align: center;
  }
  .payment-option-box.small-box .payment-option-img {
    float: none;
    margin: 0;
  }
  .payment-option-box.small-box .payment-option-img img {
    width: 100%;
  }
}
.payment-option-box:not(.-no-margin) {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.cvc-info {
  color: #999;
  font-size: 1.2em;
  margin-top: 40px;
  margin-left: -15px;
}

.card-type-id {
  height: 20px;
  position: absolute;
  right: 28px;
  margin-top: -33px;
}

.card-display-row {
  height: 70px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px;
}
.card-display-row .payment-card-image {
  max-height: 34px;
  margin: 15px 0;
}
.card-display-row .saved-card-select {
  text-align: right;
}
.card-display-row .saved-card-info__number {
  min-width: 110px;
  font-weight: bold;
}
.card-display-row.active {
  border-color: rgb(142.8744939271, 222.1255060729, 155.7894736842);
  box-shadow: 0 0 10px rgb(182.3117408907, 233.6882591093, 190.6842105263);
}
.card-display-row.active .default-card-selector {
  color: #40c756;
}
@media (max-width: 414px) {
  .card-display-row {
    height: auto;
    overflow: hidden;
  }
  .card-display-row .saved-card-info {
    padding: 15px 20px;
  }
  .card-display-row .saved-card-select {
    text-align: center;
    border-top: 1px solid #eee;
    background-color: #eee;
    padding: 10px 0;
  }
  .card-display-row.active {
    border-bottom: 0;
  }
  .card-display-row.active .saved-card-select {
    background-color: #40c756;
  }
  .card-display-row.active .saved-card-select strong {
    color: white;
  }
}
.card-display-row.disabled {
  color: #999;
  background-color: #f5f5f5;
  cursor: auto;
}
.card-display-row.disabled img {
  opacity: 0.5;
}
.card-display-row.disabled .saved-card-select {
  color: #e9444a;
}

.braintree-cc {
  box-shadow: 0 0 0 3px #eee;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px;
  margin-top: 20px;
  max-width: 480px;
}
.braintree-cc.-dollar-deal-form {
  border: 0;
  padding: 0;
  margin-top: -10px;
  box-shadow: none;
}
.braintree-cc .row {
  display: flex;
  flex-wrap: wrap;
}
.braintree-cc label.input-label {
  font-weight: 600;
  font-size: 13px;
  color: #5C5B69;
  margin-bottom: 0;
}
.braintree-cc label.save-card-label {
  margin: 25px 0;
  font-size: 14px !important;
}
.braintree-cc .input-group, .braintree-cc .checkout-row__addons .addons__row .col1, .checkout-row__addons .addons__row .braintree-cc .col1 {
  padding: 0.5rem 0 1.2rem !important;
  flex-direction: row-reverse;
}
.braintree-cc .input-group-addon {
  background-color: transparent;
  border: none !important;
  height: 40px;
  line-height: 3.5rem;
  padding: 0 1.2rem 0 0.1rem;
  display: flex;
  flex: 0;
  align-items: center;
  position: absolute;
  right: 0;
}
@media (max-width: 414px) {
  .braintree-cc .input-group-addon {
    padding-left: 6px;
    padding-right: 0;
  }
  .braintree-cc .input-group-addon span.fa {
    display: none;
  }
}
.braintree-cc .input-group-addon + .basic-input {
  padding: 0 3rem 0 11px;
  width: auto;
  flex: 1;
  border-left: 1px solid #cccccc !important;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.braintree-cc .input-group .braintree-hosted-fields-focused, .braintree-cc .checkout-row__addons .addons__row .col1 .braintree-hosted-fields-focused, .checkout-row__addons .addons__row .braintree-cc .col1 .braintree-hosted-fields-focused {
  border-color: #cccccc;
  box-shadow: 0 0 10px 0 rgba(30, 164, 243, 0.5);
}
.braintree-cc .input-group .basic-input.select-modification, .braintree-cc .checkout-row__addons .addons__row .col1 .basic-input.select-modification, .checkout-row__addons .addons__row .braintree-cc .col1 .basic-input.select-modification {
  background: url("https://fbcd.co/images/icons/header/header-chevron-icon.svg") no-repeat calc(100% - 13px) 50%/13px;
  appearance: none;
}
.braintree-cc .input-group .form-control, .braintree-cc .checkout-row__addons .addons__row .col1 .form-control, .checkout-row__addons .addons__row .braintree-cc .col1 .form-control {
  border-left: 0;
  box-shadow: none;
}
.braintree-cc .input-group.-input-group-error .basic-input, .braintree-cc .checkout-row__addons .addons__row .-input-group-error.col1 .basic-input, .checkout-row__addons .addons__row .braintree-cc .-input-group-error.col1 .basic-input {
  border-left: 1px solid #fd4e48 !important;
}
@media (max-width: 414px) {
  .braintree-cc {
    padding: 0;
    border: 0;
    box-shadow: none;
  }
}
.braintree-cc__headline {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.braintree-cc__headline span {
  font-size: 1.6rem;
  font-weight: bold;
}
.braintree-cc__headline img {
  height: 20px;
  padding-right: 12px;
  transform: translateX(10px);
}

/* deprecated, remove after braintree integration */
.stripe-new-card {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px;
}
.stripe-new-card h4 {
  margin: 0 0 20px 0;
}
.stripe-new-card label.input-label {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.stripe-new-card label.save-card-label {
  margin: 25px 0;
  font-size: 14px !important;
}
.stripe-new-card .CustomStripeElement {
  width: 100%;
  font-size: 16px;
  padding: 15px 15px;
  border: 1px solid #ddd;
}
.stripe-new-card .CustomStripeElement:focus {
  outline: 0;
  border: 1px solid #1c9cd2;
}
.stripe-new-card .StripeElement, .stripe-new-card .CustomStripeElement {
  padding: 13px 16px;
  border-radius: 4px;
  background-color: white;
  transition: box-shadow 150ms ease;
  border: 1px solid #ddd;
  height: 46px;
}
.stripe-new-card .StripeElement--focus {
  border: 1px solid #1c9cd2;
}
.stripe-new-card .StripeElement--invalid {
  border-color: #e9444a;
}
.stripe-new-card .StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
.stripe-new-card .card-errors {
  color: #e9444a;
}
.stripe-new-card .server-errors {
  display: none;
}
@media (max-width: 414px) {
  .stripe-new-card {
    padding: 0;
    border: 0;
  }
}
.stripe-new-card.stripe-new-card2 {
  background-color: #E7F2F9;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NiIgaGVpZ2h0PSI2NiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNzRDMzVCIiBkPSJNOCAwaDY4TDU3LjgzMyA2My4xMDdBNCA0IDAgMDE1My45ODkgNjZIMFY4YTggOCAwIDAxOC04eiIvPjxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQwLjYxNCAzMC4xMzNjLjA3LTMuMDgtLjY3MS01LjYxNi0yLjEzOC03LjE5LTEuMi0xLjI4OS0yLjgxMi0xLjk0My00Ljc5LTEuOTQzLTEuOTc0IDAtMy41ODQuNjU3LTQuNzg2IDEuOTU0LTEuODgyIDIuMDMxLTIuMTk4IDUuMDY2LTIuMTUgNy4xODdBMi42ODcgMi42ODcgMCAwMDI1IDMyLjY1NXY5LjY1MkEyLjY5MyAyLjY5MyAwIDAwMjcuNjkzIDQ1aDEyLjAwOWEyLjY5MyAyLjY5MyAwIDAwMi42OTMtMi42OTN2LTkuNjUxYTIuNjg1IDIuNjg1IDAgMDAtMS43ODEtMi41MjN6bS05LjM3Ni01LjAxM2MuNTgyLS42MjggMS4zODMtLjkzMyAyLjQ0OC0uOTMzIDEuMDcyIDAgMS44NzYuMzA0IDIuNDU4LjkyOS44NzMuOTM2IDEuMzMgMi42NzkgMS4yOTMgNC44NDdoLTcuNTA0Yy0uMDM0LTIuMTI4LjQzNS0zLjkwNCAxLjMwNS00Ljg0M3ptMy41MTEgMTIuMjl2Mi4xMTRhMS4wNjIgMS4wNjIgMCAwMS0yLjEyNCAwVjM3LjQxYTEuOTIzIDEuOTIzIDAgMDExLjA2Mi0zLjUzIDEuOTI1IDEuOTI1IDAgMDExLjA2MiAzLjUzeiIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: 0 0;
  border-color: transparent;
  padding: 20px;
}
@media (max-width: 414px) {
  .stripe-new-card.stripe-new-card2 {
    margin: 0 -20px -20px -20px;
    border-radius: 0;
  }
}
.stripe-new-card.stripe-new-card2 .titles {
  font-size: 28px;
  font-weight: 600;
}
.stripe-new-card.stripe-new-card2 .titles .secure {
  padding-left: 62px;
  color: #74C35B;
  line-height: 32px;
}
@media (max-width: 414px) {
  .stripe-new-card.stripe-new-card2 .titles .secure {
    font-size: 24px;
  }
}
.stripe-new-card.stripe-new-card2 .input-label {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 400;
}
.stripe-new-card.stripe-new-card2 .all-cards {
  font-size: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iIzc0QzM1QiIgZD0iTTEwIDBDNC40NzcgMCAwIDQuNDc3IDAgMTBzNC40NzcgMTAgMTAgMTAgMTAtNC40NzcgMTAtMTBTMTUuNTIzIDAgMTAgMHpNOC44OTQgMTQuNDE5TDQuOTE5IDEwLjQ0bDEuNzY5LTEuNzcgMi4yMDkgMi4yMSA0LjQxOS00LjQxNSAxLjc2OCAxLjc2OC02LjE5IDYuMTg1eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 4px 0 4px 24px;
}
.stripe-new-card.stripe-new-card2 .right {
  text-align: right;
  display: none;
}
.stripe-new-card.stripe-new-card2 .custom-check-checkmark {
  background-color: white;
}
.stripe-new-card.stripe-new-card2 .StripeElement {
  height: 52px;
  padding: 16px;
  border-color: transparent;
}
.stripe-new-card.stripe-new-card2 .CustomStripeElement {
  height: 52px;
  padding: 16px;
  border-color: transparent;
}
.stripe-new-card.stripe-new-card2 .standard-medium-btn {
  height: 64px;
  font-size: 24px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .stripe-new-card.stripe-new-card2 .norton-seal {
    position: absolute;
    top: 25px;
    right: 30px;
  }
}

.stripe-saved-card .saved-card-errors {
  display: none;
}

/* ======
  Success Page
====== */
.success-page {
  width: 100%;
  max-width: 571px;
  position: relative;
  padding-bottom: 50px;
  margin: auto auto 40px;
}
.success-page:after {
  background: linear-gradient(-135deg, white 16px, transparent 0), linear-gradient(135deg, white 16px, transparent 0);
  background-repeat: repeat-x;
  background-size: 38px 38px;
  background-position: 0 0;
  content: " ";
  display: block;
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: 32px;
}
.success-page .success-gutter {
  margin: auto 2em;
}
.success-page h1 {
  color: #5ac651;
  padding: 35px 0 20px 0;
}
.success-page h1 .success-tick {
  width: 30px;
  height: 30px;
  background-color: #5ac651;
  display: inline-block;
  background-image: url("https://fbcd.co/images/icons/tick_2.svg");
  background-size: 50%;
  background-repeat: no-repeat;
  border-radius: 100px;
  background-position: center;
  position: relative;
  top: 7px;
  margin-right: 10px;
}
.success-page .success-details {
  padding: 1.5em 0 1em;
  display: flex;
}
.success-page .success-details__order {
  flex: 1;
}
.success-page .success-details__order-number {
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 600;
}
.success-page .success-details__order-date {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0;
  line-height: 24px;
}
.success-page .success-details__print {
  font-size: 15px;
  color: #B8B5B5;
  letter-spacing: 0;
  display: flex;
  align-items: center;
}
.success-page .success-details__print a {
  color: #999;
}
.success-page .success-details__print a:hover, .success-page .success-details__print a:focus {
  color: #1c9cd2;
  text-decoration: none;
}
.success-page .success-details__print-icon {
  margin-right: 6px;
}
@media (max-width: 414px) {
  .success-page .success-details {
    flex-direction: column;
  }
  .success-page .success-details__order-number {
    font-size: 16px;
  }
  .success-page .success-details__order-date {
    font-size: 12px;
  }
  .success-page .success-details__print {
    font-size: 13px;
    justify-content: flex-end;
  }
}
.success-page .basic-list__li {
  padding: 12px 0;
}
.success-page .basic-list__li .product-image {
  height: 76px;
  margin-right: 16px;
}
@media (max-width: 414px) {
  .success-page .basic-list__li .product-image {
    margin-right: 10px;
  }
}
.success-page .basic-list__li strong {
  font-size: 1.1em;
}
.success-page .basic-list__li small {
  display: block;
  color: #999;
}
.success-page .basic-list__li .success-product-name {
  max-width: 300px;
  display: block;
}
@media (min-width: 415px) and (max-width: 768px) {
  .success-page .basic-list__li .success-product-name {
    max-width: 200px;
  }
}
@media (max-width: 414px) {
  .success-page .basic-list__li .success-product-name {
    max-width: 170px;
    max-height: 44px;
    white-space: normal;
  }
}
.success-page .basic-list__li.total-row {
  font-size: 1.2em;
  padding: 20px 0;
  border-bottom: 0;
}
.success-page .basic-list__li.total-row big {
  margin-top: 0;
}
.success-page .basic-list__product-cell {
  border-top: 1px solid #eee;
  padding: 18px 0;
}
.success-page .basic-list__product-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 0;
  padding: 0;
}
.success-page .basic-list__product-row-info {
  display: flex;
  flex: 1;
}
.success-page .basic-list__product-row-info__icon {
  display: flex;
  padding-right: 10px;
}
.success-page .basic-list__product-row-info__icon i {
  font-size: 20px;
  align-self: center;
  color: #e8e8e8;
}
.success-page .basic-list__product-row-info__description {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  word-break: break-word;
}
.success-page .basic-list__product-row-info__price {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 414px) {
  .success-page .basic-list__product-row-info {
    flex-direction: column;
  }
  .success-page .basic-list__product-row-info__price {
    text-align: right;
  }
}
.success-page .basic-list__product-row.basic-list__product-row-addon {
  margin-bottom: 10px;
}
.success-page .basic-list__product-row.basic-list__product-row-addon .hide-for-printing {
  width: 130px;
}
@media (max-width: 414px) {
  .success-page .basic-list__product-row.basic-list__product-row-addon .hide-for-printing {
    width: auto;
  }
}
.success-page .basic-list__calculation {
  padding: 10px 0;
  border-top: 2px dashed #eee;
  border-bottom: 2px dashed #eee;
}
.success-page .basic-list__calculation-row {
  padding: 7px 0;
}
@media (min-width: 992px) {
  .success-page {
    width: 60%;
  }
}

.thanks-purchase {
  text-align: center;
  padding: 0;
}
.thanks-purchase__text {
  font-size: 32px;
  color: #2f2f2f;
  letter-spacing: 0;
}
.thanks-purchase__image {
  padding: 1.2em 0 1.5em;
}
.thanks-purchase__small-text {
  font-size: 16px;
  color: #2f2f2f;
  letter-spacing: 0;
}
@media (max-width: 374px) {
  .thanks-purchase__btn {
    padding: 13px 20px !important;
  }
}

.success-form-container {
  background-color: white;
  padding: 30PX 0;
  box-shadow: 0 0 43px -10px rgba(0, 0, 0, 0.2);
}
.success-form-container .success-form {
  width: 90%;
  margin: auto;
}
@media (min-width: 992px) {
  .success-form-container .success-form {
    width: 60%;
  }
}

.success-upsell {
  background-color: #e91e63;
  margin-bottom: 30px;
}
.success-upsell h3 {
  font-size: 26px;
}
.success-upsell .success-upsell-container {
  width: 50%;
}
.success-upsell .success-upsell-container .center-col {
  float: none;
  margin: auto;
}
@media (max-width: 991px) {
  .success-upsell .success-upsell-container {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .success-upsell .success-upsell-container {
    width: 70%;
  }
}
.success-upsell .success-upsell-product-wrapper {
  background-color: white;
  padding: 10px 10px 0;
  border-radius: 10px;
}

.success-share-banner {
  background-color: #5dc2ef;
  color: white;
}
.success-share-banner h1 {
  font-size: 32px;
}

.plus-success-callout {
  background-color: #191b47;
  padding: 15px;
  color: white;
  background-image: url("https://fbcd.co/images/banners/other/plus/plus_banner_br_corner.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 20%;
  border-radius: 3px;
}

.so-success-callout {
  border: 1px dashed #a56200;
  background-color: rgb(255, 248.6597938144, 234.5);
  color: #a56200;
  padding: 15px;
  font-size: 0.9em;
  margin: 15px 0;
  border-radius: 3px;
}
.so-success-callout img {
  float: left;
  margin-right: 20px;
  width: 36px;
}
.so-success-callout a {
  font-weight: bold;
  color: #a56200;
}

.print-logo {
  text-align: center;
}
.print-logo img {
  max-height: 35px;
  margin: 20px 0;
}

.only-for-printing {
  display: none;
}

@media print {
  .show-for-printing {
    display: block !important;
  }
  .hide-for-printing, .header-lite, .footer-lite {
    display: none !important;
  }
  .success-product-name {
    max-width: 400px !important;
  }
}
.success-deals {
  padding: 20px 0 40px 0;
  background-color: rgb(217.5, 240.3571428571, 250);
}
@media print {
  .success-deals {
    display: none;
  }
}
.success-deals__header {
  padding: 20px 0 40px 0;
  text-align: center;
}
.success-deals__header h2 {
  margin-bottom: 10px;
  font-size: 1.8em;
  padding: 0;
}
.success-deals__header h3 {
  border: 0;
  font-size: 18px;
  margin: 0 0 20px 0;
}
.success-deals__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 780px;
  margin: auto;
}
.success-deals__tile {
  flex: 1 1 33.333%;
  max-width: 33.333%;
  padding: 0 10px;
  margin-bottom: 20px;
}
.success-deals__buttons {
  max-width: 400px;
  text-align: center;
  margin: auto;
  padding-top: 20px;
}
.success-deals__checkout-all {
  padding: 20px 0;
  width: 100%;
  white-space: normal;
}
.success-deals__checkout-selected {
  width: 100%;
  margin-top: 20px;
  border-width: 2px !important;
  background-color: white !important;
}
.success-deals__checkout-selected:hover {
  background-color: #5ac651 !important;
}
@media (max-width: 414px) {
  .success-deals__tile {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .success-deals__header h3 {
    font-size: 16px;
    margin-top: 20px;
  }
}

.success-deals-fixed-btn {
  position: fixed;
  right: 0;
  top: 160px;
  background-color: #5ac651;
  border-radius: 4px 0 0 4px;
  width: 100px;
  color: white;
  text-align: center;
  cursor: pointer;
  z-index: 2;
}
.success-deals-fixed-btn__icon {
  width: 24px;
  display: inline-block;
  margin: 20px 0;
}
.success-deals-fixed-btn__text {
  font-size: 0.8em;
  display: block;
  background-color: rgb(65.1428571429, 171.7402597403, 56.2597402597);
  padding: 7px;
  font-weight: bold;
  border-radius: 0 0 0 4px;
}
@media (max-width: 991px) {
  .success-deals-fixed-btn {
    right: -100px;
  }
}

.success-voucher-row {
  background-color: #222;
  color: white;
  padding: 15px;
  text-align: center;
}
.success-voucher-row__code {
  background-color: #ffc50b;
  padding: 3px 15px;
  display: inline-block;
  border-radius: 3px;
  margin: 0 0 10px 5px;
  border: 2px dashed white;
  box-shadow: 0 0 0 2px #ff9800;
}
@media (max-width: 991px) {
  .success-voucher-row {
    margin-top: 15px;
  }
}

#savecard:focus + .custom-control-checkbox, #savecard:focus + .custom-control-checkmark {
  border-color: #cccccc;
  box-shadow: 0 0 3px 0 rgba(30, 164, 243, 0.5);
}

/* 
  Temp classes for redesign
*/
.light-grey-box {
  background-color: #f5f5f5;
  padding: 15px;
  border-radius: 3px;
  background-clip: padding-box;
}

.rounded-border-box {
  border: 1px solid #eee;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 15px;
}

.header-with-padding {
  padding-bottom: 15px;
}

.payment-header-links {
  float: right;
  font-size: 1.2rem;
  margin-top: 5px;
  font-weight: 600;
}
@media (max-width: 414px) {
  .payment-header-links {
    float: none;
    margin-top: 12px;
  }
}

.payment-order-header {
  padding: 20px 0 15px 0;
}

.collapse-temp {
  display: none;
}

.alert-danger {
  background-color: #ffeae9;
  color: #fd4e48;
}

.payment-login-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #5c5b69;
  border: 1px solid #cccccc;
}
@media (min-width: 415px) and (max-width: 768px) {
  .payment-login-btn {
    font-size: 1.2rem !important;
  }
}
.payment-login-btn:hover {
  border-color: #999999;
  color: #5c5b69;
}
.payment-login-btn:focus {
  outline: 0;
}
.payment-login-btn i, .payment-login-btn svg {
  font-size: 2rem;
  margin-right: 10px;
}
.payment-login-btn.-facebook i {
  color: #365397;
}

@media (max-width: 374px) {
  .stripe-credit-saved-button {
    padding: 5px !important;
  }
  .stripe-credit-saved-button i {
    display: none;
  }
  .store-credit-instant-button i {
    display: none;
  }
  .gpay-button.black.checkout.ru {
    min-width: 200px;
  }
}

.small-banner {
  display: flex;
  justify-content: center;
  padding: 0 0 25px 5px;
}
.small-banner__container {
  display: flex;
  border: 1px solid #FFFFFF;
  background-color: #444444;
  border-radius: 7px;
  max-width: 470px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .small-banner__container {
    max-width: none;
  }
}
.small-banner__info {
  padding: 21px;
  text-align: left;
}
.small-banner__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
.small-banner__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #C8C8C8;
}
.small-banner__text__pro, .small-banner__text__pro:hover, .small-banner__text__gold, .small-banner__text__gold:hover {
  color: #efab00;
}
.small-banner__text__blue, .small-banner__text__blue:hover {
  color: #4cc5fb;
}
.small-banner__img {
  width: 100px;
  background-repeat: no-repeat;
  background-position: top;
  color: white;
}
.small-banner__img__basic-ribbon, .small-banner__img__bronze-ribbon {
  background-image: url("https://fbcd.co/images/plus/membership-types/bronze-ribbon.svg");
}
.small-banner__img__pro-ribbon, .small-banner__img__gold-ribbon {
  background-image: url("https://fbcd.co/images/plus/membership-types/gold-ribbon.svg");
}
.small-banner__img__unlimited-ribbon, .small-banner__img__silver-ribbon {
  background-image: url("https://fbcd.co/images/plus/membership-types/silver-ribbon.svg");
}
.small-banner__img a {
  display: none;
}
.small-banner__img__none a {
  margin-top: 15px;
  align-items: center;
  display: flex;
  justify-content: center;
  color: white;
  font-size: 20px;
  height: 40px;
  background: #eb850e;
  width: 40px;
  border-radius: 6px;
  text-decoration: none;
  background: rgb(235, 133, 14);
}
.small-banner__img__none a i {
  font-weight: 300;
}
@media (max-width: 991px) {
  .small-banner {
    padding: 0 0 10px;
  }
}
@media (max-width: 414px) {
  .small-banner {
    padding: 0 10px 10px;
  }
}

.new-plus .plus-unavailable {
  text-align: center;
}
@media (max-width: 991px) {
  .new-plus .plus-unavailable {
    margin-top: 40px;
  }
}
.new-plus .plus-unavailable .unavailable-text {
  font-size: 24px;
  position: relative;
  padding-top: 94px;
}
@media (max-width: 414px) {
  .new-plus .plus-unavailable .unavailable-text {
    font-size: 16px;
    margin: 0 20px;
  }
}
.new-plus .plus-unavailable .unavailable-text:before {
  content: "";
  display: block;
  position: absolute;
  width: 64px;
  background-image: url("https://fbcd.co/images/plus/icons/plus-unavailable.svg");
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  left: 50%;
  margin-left: -32px;
}
.new-plus .header {
  display: flex;
  justify-content: space-around;
  padding-top: 20px;
  background-color: #161616;
  text-align: center;
  background-image: url("https://fbcd.co/images/plus/landing/plus-smoke.jpg"), url("https://fbcd.co/images/plus/landing/plus-smoke.jpg");
  background-position: calc(50% + 390px) 50%, calc(50% - 560px) -430px;
  background-size: 907px 847px;
  background-repeat: no-repeat;
}
.new-plus .header__container {
  display: flex;
  justify-content: space-between;
  padding-left: 25px;
  padding-right: 25px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .new-plus .header__container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 991px) {
  .new-plus .header__container {
    padding: 25px 0;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .new-plus .header__container {
    padding: 25px 0 0;
  }
}
.new-plus .header__container__a-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 414px) {
  .new-plus .header__container__a-center {
    flex-direction: column;
  }
  .new-plus .header__container__a-center .header__logo {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .new-plus .header__container {
    flex-direction: column;
    text-align: center;
    word-break: break-word;
  }
}
.new-plus .header__logo {
  width: 100px;
  height: 30px;
  margin: 4px 9px 0;
}
.new-plus .header__logo-title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .new-plus .header__logo-title {
    padding: 0 10px;
    text-align: center;
  }
}
.new-plus .header .vertical-bar {
  margin-right: 7px;
  color: white;
  font-size: 36px;
}
.new-plus .header__title {
  color: white;
  font-size: 36px;
  margin: 7px 0 0;
}
@media (max-width: 414px) {
  .new-plus .header__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .new-plus .header__title {
    margin: 0 0 2px;
  }
}
.new-plus .header .description {
  max-width: 780px;
  margin: 10px auto 5px;
  color: white;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 991px) {
  .new-plus .header .description {
    font-size: 16px;
    line-height: 24px;
  }
}
.new-plus .header.header-product {
  padding-top: 25px;
}
.new-plus .header.header-product .logo {
  background-size: 156px 68px;
  width: 156px;
  height: 68px;
}
.new-plus .header.header-product .description {
  display: none;
}
.new-plus .menu {
  height: 64px;
  background: #e6e6e6;
  font-size: 14px;
  margin-bottom: 30px;
}
.new-plus .menu.search {
  margin-bottom: 0;
}
.new-plus .menu ul {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}
.new-plus .menu ul li {
  float: left;
  margin-right: 20px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .new-plus .menu ul li {
    margin-right: 10px;
    font-size: 1.3rem;
  }
}
.new-plus .menu ul li.separator {
  width: 1px;
  height: 64px;
  position: relative;
}
.new-plus .menu ul li.separator:after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
  background: rgba(0, 0, 0, 0.3);
}
.new-plus .menu ul li a {
  display: block;
  color: #292929;
  height: 64px;
  line-height: 64px;
  position: relative;
  font-weight: 500;
}
.new-plus .menu ul li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.new-plus .menu ul li a .new-section-icon {
  position: relative;
  text-transform: uppercase;
  color: #5ac651;
  font-size: 10px;
  font-style: normal;
  top: -4px;
}
@media (max-width: 414px) {
  .new-plus .menu ul li a .new-section-icon {
    font-size: 13px;
  }
}
.new-plus .menu ul li.active a {
  font-weight: 600;
  cursor: default;
}
.new-plus .menu ul li.active a:hover {
  opacity: 1;
}
.new-plus .menu ul li.active a:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #efab00, #eb850f);
}
.new-plus .menu .amount {
  float: right;
}
.new-plus .menu .amount span, .new-plus .menu .amount .plusCreditsAmount {
  display: block;
  background-image: url("https://fbcd.co/images/plus/icons/plus-coin.png");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: 0 center;
  height: 52px;
  line-height: 52px;
  font-weight: 500;
  color: #292929;
  padding: 0 19px 0 32px;
  margin: 6px 0;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .new-plus .menu .amount span, .new-plus .menu .amount .plusCreditsAmount {
    font-size: 1.3rem;
  }
}
.new-plus .menu .details {
  float: right;
}
.new-plus .menu .details a {
  display: block;
  background-color: rgba(237, 149, 8, 0.15);
  background-image: url("https://fbcd.co/images/plus/icons/plus-details.png");
  background-size: 24px 21px;
  background-repeat: no-repeat;
  background-position: 20px 14px;
  height: 52px;
  line-height: 52px;
  font-weight: 500;
  margin: 6px 0;
  color: #292929;
  border-radius: 4px;
  padding: 0 19px 0 53px;
  transition: background-color 0.4s ease-out;
}
.new-plus .menu .details a:hover {
  text-decoration: none;
  background-color: rgba(237, 149, 8, 0.3);
}
.new-plus .menu .details.active a {
  position: relative;
  overflow: hidden;
  cursor: default;
}
.new-plus .menu .details.active a:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #efab00, #eb850f);
}
@media (max-width: 991px) {
  .new-plus .menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    margin: 0;
    height: auto;
    z-index: 9999;
    background-image: url("https://fbcd.co/images/plus/icons/plus-hub-grey.svg");
    background-size: 86px 38px;
    background-position: center 27px;
    background-repeat: no-repeat;
    padding-top: 80px;
  }
  .new-plus .menu .credits {
    margin: 0 15px 26px 15px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
  }
  .new-plus .menu .credits .value {
    font-weight: 600;
    background-image: url("https://fbcd.co/images/icons/plus/plus_icn_orange_white.min.svg");
    background-position: 15px 50%;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 15px 0 15px 52px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .new-plus .menu .credits .value {
    background-size: 25px;
  }
}
@media (max-width: 991px) {
  .new-plus .menu .credits .turn-up {
    display: inline-block;
    padding: 15px;
    color: #ed9508;
    font-weight: bold;
  }
  .new-plus .menu ul {
    float: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 15px;
  }
  .new-plus .menu ul li {
    float: none;
    margin: 0;
  }
  .new-plus .menu ul li a {
    font-size: 16px;
    text-transform: uppercase;
    height: auto;
    line-height: 100%;
    padding: 15px 0;
  }
  .new-plus .menu ul li.active a:after {
    width: 3px;
    height: 100%;
    top: 0;
    left: -15px;
  }
  .new-plus .menu ul li.separator {
    height: 1px;
    width: 100%;
    margin: 15px 0;
  }
  .new-plus .menu ul li.separator:after {
    width: 100%;
    height: 1px;
    top: 0;
    margin-top: 0;
    background-color: rgba(0, 0, 0, 0.1);
  }
  .new-plus .menu .details {
    float: none;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px;
  }
  .new-plus .menu .details a {
    background-position: 15px 11px;
    padding: 15px 0 15px 50px;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    height: auto;
    line-height: 100%;
    margin: 0;
  }
  .new-plus .menu .details.active a:after {
    width: 3px;
    height: 100%;
    top: 0;
    left: 0;
  }
}
.new-plus .menu .close {
  position: fixed;
  background-image: url("https://fbcd.co/images/icons/cross-black-thick.svg");
  background-size: 36%;
  background-position: center;
  background-repeat: no-repeat;
  top: 24px;
  right: 3px;
  width: 44px;
  height: 44px;
  background-color: #e6e6e6;
  border-radius: 22px;
  text-indent: -10000px;
  opacity: 1;
  outline: none;
}
.new-plus .mobile-menu {
  height: 60px;
  background: #e6e6e6;
  margin-bottom: 15px;
  padding: 13px 0 0 0;
}
.new-plus .mobile-menu .row {
  margin-top: 0;
}
.new-plus .mobile-menu .open-menu {
  color: #000000;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 18px;
  font-weight: 600;
  background-image: url("https://fbcd.co/images/plus/icons/plus-menu-icon.svg");
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
  margin-top: 3px;
}
.new-plus .mobile-menu .top-up-credits {
  display: block;
  text-align: center;
  font-weight: 600;
  background-color: rgba(237, 149, 8, 0.1);
  border-radius: 4px;
  color: #2f2f2f;
  height: 34px;
  line-height: 34px;
}
.new-plus .mobile-menu .top-up-credits.-with-credits {
  float: right;
  background-size: 25px;
  font-weight: 600;
  background-image: url("https://fbcd.co/images/icons/plus/plus_icn_orange_white.min.svg");
  background-position: 10px 50%;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 15px 10px 15px 45px;
  line-height: 5px;
}
.new-plus .mobile-menu .top-up-credits:hover {
  text-decoration: none;
  background-color: rgba(237, 149, 8, 0.2);
}
@media (max-width: 414px) {
  .new-plus .mobile-menu {
    height: auto;
    padding-bottom: 10px;
  }
}
.new-plus .counter {
  margin-bottom: 30px;
}
.new-plus .counter.search {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .new-plus .counter {
    margin-bottom: 20px;
  }
}
.new-plus .counter .main {
  font-size: 18px;
  font-weight: 600;
}
.new-plus .counter .value {
  opacity: 0.7;
  font-size: 14px;
}
.new-plus .controls {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .new-plus .controls {
    margin-bottom: 20px;
  }
  .new-plus .controls .search-display-options {
    margin-top: 0;
  }
}
.new-plus .controls .control-label {
  font-size: 14px !important;
  opacity: 0.5;
  font-weight: 500;
  margin-right: 12px;
}
.new-plus .controls select {
  padding-right: 40px;
}
@media (max-width: 991px) {
  .new-plus .controls .advance-search-box {
    margin-bottom: 10px;
  }
}
.new-plus .controls .order-group {
  margin-right: 40px;
}
.new-plus .controls .order-group select {
  width: 145px;
}
@media (max-width: 991px) {
  .new-plus .controls .order-group {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  .new-plus .controls .order-group select {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .new-plus .controls .order-group {
    margin-right: 10px;
  }
}
.new-plus .controls .category-group select {
  width: 204px;
}
@media (max-width: 991px) {
  .new-plus .controls .category-group {
    width: 100%;
    margin-bottom: 0;
  }
  .new-plus .controls .category-group select {
    width: 100%;
  }
  .new-plus .controls .sorting {
    text-align: left;
  }
}
.new-plus .controls .form-group .inline-label {
  margin-bottom: 0;
  vertical-align: middle;
}
.new-plus .controls .non-purchased {
  margin-right: 40px;
}
@media (max-width: 991px) {
  .new-plus .controls .non-purchased {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .new-plus .controls .non-purchased {
    margin-right: 20px;
  }
}
.new-plus .controls .non-purchased .custom-control-label {
  font-size: 1.175em;
  opacity: 0.5;
  font-weight: 500;
  top: 0;
}
@media (min-width: 992px) {
  .new-plus .controls .input-group label, .new-plus .controls .checkout-row__addons .addons__row .col1 label, .checkout-row__addons .addons__row .new-plus .controls .col1 label {
    flex-basis: auto;
  }
}
.new-plus .products .product-item {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 6px 13px rgba(0, 0, 0, 0.07);
  transition: box-shadow 0.4s ease-out;
  background-color: white;
  margin-bottom: 20px;
  height: 365px;
}
@media (max-width: 1199px) {
  .new-plus .products .product-item {
    height: 320px;
  }
}
@media (max-width: 991px) {
  .new-plus .products .product-item {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .new-plus .products .product-item {
    height: auto;
  }
}
.new-plus .products .product-item:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.new-plus .products .product-item:hover .white-heart {
  top: 9px;
}
.new-plus .products .product-item:hover .white-stars {
  top: 9px;
}
.new-plus .products .product-item:hover .white-pin {
  top: 9px;
}
.new-plus .products .product-item .content {
  padding: 18px 15px 22px 15px;
}
.new-plus .products .product-item .content .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-plus .products .product-item .content .title a {
  color: #292929;
}
.new-plus .products .product-item .content .plus-countdown {
  font-size: 0;
  margin-bottom: 20px;
}
.new-plus .products .product-item .content .plus-countdown .cdown-item {
  display: inline-block;
  text-align: center;
  background: #efefef;
  border-radius: 4px;
  margin-right: 5px;
  width: 60px;
  padding: 5px 0;
}
.new-plus .products .product-item .content .plus-countdown .cdown-item .cdown-digit {
  font-size: 18px;
  font-weight: 600;
}
.new-plus .products .product-item .content .plus-countdown .cdown-item .cdown-title {
  font-size: 12px;
}
.new-plus .products .product-item .content .bottom {
  background: rgba(216, 216, 216, 0.2);
  border-radius: 4px;
  text-align: center;
}
.new-plus .products .product-item .content .bottom .row {
  margin: 0;
}
.new-plus .products .product-item .content .bottom .row > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.new-plus .products .product-item .content .bottom .credits {
  color: #ed9508;
  font-weight: bold;
  line-height: 36px;
  display: inline-block;
  background-image: url("https://fbcd.co/images/icons/plus/plus_icn_orange_white.min.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 24px 24px;
  padding-left: 31px;
}
.new-plus .products .product-item .content .bottom .free {
  color: #5ac651;
}
.new-plus .products .product-item .content .bottom button {
  width: 100%;
  background-image: linear-gradient(to right, #efab00, #eb850f);
  color: white;
  font-weight: 600;
  border-radius: 4px;
  height: 36px;
  min-width: 0;
  box-shadow: 0 4px 12px rgba(217, 137, 10, 0.28);
}
.new-plus .products .product-item .content .bottom button:hover {
  opacity: 0.9;
}
.new-plus .products .product-item .content .bottom button.btn-downloaded {
  background-color: #1c9cd2 !important;
  background-image: none !important;
  box-shadow: 0 4px 12px rgba(28, 156, 210, 0.28) !important;
}
.new-plus .products .product-item .content .bottom .btn-free {
  background-image: linear-gradient(to right, #65d05c, #5ac651);
}
.new-plus .products .product-item .item {
  position: relative;
}
.new-plus .products .product-item .img {
  position: relative;
}
.new-plus .products .product-item .white-heart {
  background: #fff;
  position: absolute;
  border: 0;
  z-index: 4;
  color: #ccc;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  opacity: 1;
  cursor: pointer;
  top: -30px;
  left: 9px;
  padding: 3px 5px 1px;
  font-size: 14px;
  transition: all 0.1s ease-in-out;
}
.new-plus .products .product-item .white-heart.confirmed:before {
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  -webkit-animation: "tick-slide-up 1s 1";
  -o-animation: "tick-slide-up 1s 1";
  animation: "tick-slide-up 1s 1";
}
.new-plus .products .product-item .white-heart span {
  color: #999;
  font-weight: 700;
  font-size: 0.8em;
  margin: 3px 1px 0 5px;
  float: right;
  display: inline-block;
  transition: all 0.1s ease-in-out;
}
.new-plus .products .product-item .white-stars {
  top: -30px;
  right: 40px;
  padding: 4px 7px 3px 7px;
  font-size: 12px;
  cursor: auto;
  width: 90px;
  background-image: url("https://fbcd.co/images/icons/ratings/rating-sprite-2.svg");
  background-repeat: no-repeat;
  background-size: 75px auto;
  background-color: #fff;
  position: absolute;
  border: 0;
  z-index: 4;
  color: #ccc;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  opacity: 1;
  height: 24px;
  transition: all 100ms ease-in-out;
}
.new-plus .products .product-item .white-stars.-star-5 {
  background-position: 50% 5px;
}
.new-plus .products .product-item .white-stars.-star-4 {
  background-position: 50% -16px;
}
.new-plus .products .product-item .white-stars.-star-3 {
  background-position: 50% -37px;
}
.new-plus .products .product-item .white-stars.-star-2 {
  background-position: 50% -58px;
  background-position: 50% -79px;
}
.new-plus .products .product-item .white-pin {
  right: 9px;
  padding: 1px 6px;
  font-size: 16px;
  background: #fff;
  position: absolute;
  border: 0;
  z-index: 4;
  top: -100px;
  color: #ccc;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  opacity: 1;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
.new-plus .products .product-item .active {
  top: 9px;
  color: #fff;
  background: #f05f5c;
}
.new-plus .products .product-item .active span {
  color: #fff;
}
@media (max-width: 767px) {
  .new-plus .products .product-item .white-heart {
    top: 9px;
  }
  .new-plus .products .product-item .white-stars {
    top: 9px;
  }
  .new-plus .products .product-item .white-pin {
    top: 9px;
  }
}
.new-plus .license .license-col {
  display: flex;
}
.new-plus .license .license-item {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 6px 13px rgba(0, 0, 0, 0.07);
  transition: box-shadow 0.4s ease-out;
  background-color: white;
  margin-bottom: 20px;
}
.new-plus .license .license-item:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.new-plus .license .license-item .bf-ribbon {
  position: absolute;
  background-color: #eb850f;
  padding: 3px 10px;
  color: white;
  font-size: 0.8em;
  top: 10px;
  z-index: 9999;
}
.new-plus .license .license-item .img {
  position: relative;
  width: 277px;
  float: left;
}
@media (max-width: 1199px) {
  .new-plus .license .license-item .img {
    float: none;
    width: 100%;
  }
}
.new-plus .license .license-item .img .overlay-text {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
}
.new-plus .license .license-item .img .overlay-text i {
  font-size: 40px;
  margin-top: 56px;
}
@media (max-width: 991px) {
  .new-plus .license .license-item .img .overlay-text i {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .new-plus .license .license-item .img .overlay-text i {
    margin-top: 106px;
  }
}
.new-plus .license .license-item .img .overlay-text span {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
}
.new-plus .license .license-item .content {
  margin-left: 292px;
  padding: 13px 19px 15px 0;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1199px) {
  .new-plus .license .license-item .content {
    margin-left: 0;
    padding: 15px;
    height: unset;
  }
}
.new-plus .license .license-item .content .title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-plus .license .license-item .content .title .purchased-link {
  color: #212121;
  text-decoration: none;
}
.new-plus .license .license-item .content .title .purchased-link:hover {
  text-decoration: underline;
}
.new-plus .license .license-item .content .review_rating {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new-plus .license .license-item .content .review_rating .give-rating {
  color: #999;
}
.new-plus .license .license-item .content .review_rating .edit-rating {
  color: #999;
  cursor: pointer;
}
.new-plus .license .license-item .content .review_rating .edit-rating:hover {
  color: #2f2f2f;
}
.new-plus .license .license-item .content .review_rating .starrr {
  margin-right: 10px;
  margin-top: 0;
}
.new-plus .license .license-item .content .store {
  margin-bottom: 20px;
}
.new-plus .license .license-item .content .lic {
  font-size: 12px;
  font-weight: 500;
  background-position: 0 3px;
  background-repeat: no-repeat;
  margin-bottom: 1px;
  opacity: 0.6;
  text-indent: 20px;
}
.new-plus .license .license-item .content .date {
  margin-bottom: 9px;
  opacity: 0.6;
  font-size: 12px;
  margin-top: 5px;
}
@media (min-width: 415px) and (max-width: 768px) {
  .new-plus .license .license-item .content .date {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.new-plus .license .license-item .content .new-plus-plans {
  display: inline-block;
  margin-top: 12px;
}
.new-plus .license .license-item .content button {
  color: white;
}
.new-plus .license .license-item .content button:hover {
  opacity: 0.9;
}
.new-plus .license .license-item .content button.btn-downloaded {
  width: fit-content;
  background-color: #1c9cd2 !important;
  background-image: none !important;
  box-shadow: 0 4px 12px rgba(28, 156, 210, 0.28) !important;
}
.new-plus .license .license-item.premium .content .lic {
  background-image: url("https://fbcd.co/images/plus/icons/plus-stars.svg");
  color: #ed9508;
  background-position: 0 1px;
}
.new-plus .license .license-item.premium .content button {
  background-image: linear-gradient(to right, #efab00, #eb850f);
  box-shadow: 0 4px 12px rgba(217, 137, 10, 0.28);
}
.new-plus .license .license-item.corporate .content .lic {
  background-image: url("https://fbcd.co/images/plus/icons/plus-user.svg");
  color: #ff0039;
}
.new-plus .license .license-item.corporate .content button {
  background-color: #5ac651;
  box-shadow: 0 4px 12px rgba(80, 182, 72, 0.57);
}
.new-plus .bonuses .bonus-item {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 6px 13px rgba(0, 0, 0, 0.07);
  transition: box-shadow 0.4s ease-out;
  background-color: white;
  margin-bottom: 20px;
  display: flex;
  align-items: stretch;
  height: 142px;
}
@media (max-width: 1200px) {
  .new-plus .bonuses .bonus-item {
    height: 180px;
  }
}
.new-plus .bonuses .bonus-item:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.new-plus .bonuses .bonus-item .img {
  flex-basis: 106px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-plus .bonuses .bonus-item .content {
  flex-grow: 1;
  padding: 0 15px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 116px);
}
.new-plus .bonuses .bonus-item .content .name {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.new-plus .bonuses .bonus-item .content .desc {
  font-weight: 500;
  opacity: 0.7;
  font-size: 12px;
  margin-bottom: 8px;
}
.new-plus .bonuses .bonus-item .content .earn {
  font-weight: 600;
  color: #ed9508;
}
.new-plus .bonuses .bonus-item.claimed .img {
  background-image: url("https://fbcd.co/images/plus/icons/round-tick.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.new-plus .bonuses .bonus-item.claimed .content .earn {
  color: #5ac651;
}
.new-plus-credits .menu {
  margin-bottom: 75px;
}
@media (max-width: 991px) {
  .new-plus-credits .menu {
    margin-bottom: 0;
  }
}
.new-plus-credits .mobile-menu {
  margin-bottom: 30px;
}
.new-plus-credits h4 {
  font-size: 18px;
  font-weight: 600;
}
.new-plus-credits h4 + p {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  opacity: 0.7;
}
.new-plus-credits p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 1em;
}
.new-plus-credits .calculator {
  position: relative;
  text-align: center;
  margin-top: 93px;
  width: 556px;
}
@media (max-width: 1199px) {
  .new-plus-credits .calculator {
    margin-top: 20px;
  }
}
.new-plus-credits .calculator:before {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  left: 40px;
  right: 40px;
  bottom: -35px;
  border: 5px solid rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  z-index: -1;
}
.new-plus-credits .calculator .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 18px;
  text-transform: uppercase;
  background-color: #f6f6f6;
  display: inline-block;
  padding: 0 15px;
}
.new-plus-credits .calculator .values {
  width: 100%;
  height: 151px;
  background-image: url("https://fbcd.co/images/plus/backgrounds/plus-credit-bg.png");
  background-size: 556px 151px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
}
.new-plus-credits .calculator .values .exists, .new-plus-credits .calculator .values .new-points {
  width: 50%;
  display: flex;
  justify-content: space-around;
}
.new-plus-credits .calculator .values .exists .content, .new-plus-credits .calculator .values .new-points .content {
  text-align: left;
}
.new-plus-credits .calculator .values .exists .content .digits, .new-plus-credits .calculator .values .new-points .content .digits {
  font-size: 56px;
  font-weight: 600;
  line-height: 50px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 54px;
  margin-top: 7px;
}
.new-plus-credits .calculator .values .exists .content .desc, .new-plus-credits .calculator .values .new-points .content .desc {
  opacity: 0.7;
  padding-left: 54px;
}
.new-plus-credits .calculator .values .exists .content .digits {
  background-image: url("https://fbcd.co/images/plus/icons/loyalty-points-badge.svg");
  background-size: 39px 39px;
}
.new-plus-credits .calculator .values .new-points .content .digits {
  background-image: url("https://fbcd.co/images/plus/icons/plus-coin.png");
  background-size: 38px 38px;
}
@media (max-width: 600px) {
  .new-plus-credits .calculator {
    width: 100%;
  }
  .new-plus-credits .calculator .values .exists .content .digits, .new-plus-credits .calculator .values .new-points .content .digits {
    font-size: 36px;
    padding-left: 32px;
  }
  .new-plus-credits .calculator .values .exists .content .desc, .new-plus-credits .calculator .values .new-points .content .desc {
    font-size: 10px;
    font-weight: 600;
    opacity: 0.8;
    padding-left: 32px;
  }
  .new-plus-credits .calculator .values .exists .content .digits {
    background-size: 26px 26px;
  }
  .new-plus-credits .calculator .values .new-points .content .digits {
    background-size: 25px 25px;
  }
}
@media (max-width: 414px) {
  .new-plus-credits .calculator .title {
    font-size: 14px;
  }
  .new-plus-credits .calculator .values {
    height: 100px;
  }
  .new-plus-credits .calculator .values .exists .content .digits, .new-plus-credits .calculator .values .new-points .content .digits {
    margin-top: 0;
    line-height: 37px;
  }
}
.new-plus-membership .chapters {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .new-plus-membership .chapters {
    background: none;
    border-radius: 0;
    margin-bottom: 25px;
    border-bottom: 1px solid #e6e6e6;
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 767px) {
  .new-plus-membership .chapters {
    border-bottom: none;
  }
}
.new-plus-membership .chapters ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 1199px) {
  .new-plus-membership .chapters ul {
    display: flex;
  }
}
@media (max-width: 767px) {
  .new-plus-membership .chapters ul {
    display: block;
  }
}
@media (max-width: 1199px) {
  .new-plus-membership .chapters ul li {
    flex: 1 1 0;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .new-plus-membership .chapters ul li {
    display: flex;
  }
}
.new-plus-membership .chapters ul li a {
  display: block;
  padding: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
}
@media (max-width: 1199px) {
  .new-plus-membership .chapters ul li a {
    text-align: center;
    padding: 20px 0;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .new-plus-membership .chapters ul li a {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}
.new-plus-membership .chapters ul li a:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.03);
  color: #2f2f2f;
}
.new-plus-membership .chapters ul li.active a {
  background-color: rgba(0, 0, 0, 0.05);
  color: #2f2f2f;
  font-weight: bold;
  cursor: default;
  position: relative;
}
@media (max-width: 1199px) {
  .new-plus-membership .chapters ul li.active a {
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  .new-plus-membership .chapters ul li.active a {
    background-color: rgba(237, 149, 8, 0.15);
  }
}
.new-plus-membership .chapters ul li.active a:before {
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to right, #efab00, #eb850f);
}
@media (max-width: 767px) {
  .new-plus-membership .chapters ul li.active a:before {
    display: none;
  }
}
@media (max-width: 1199px) {
  .new-plus-membership .chapters ul li.active a:before {
    top: auto;
    bottom: 0;
    height: 3px;
    width: 100%;
  }
}
.new-plus-membership .cancel-plan {
  text-align: center;
}
.new-plus-membership .cancel-plan a {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  font-size: 18px;
  margin: 0 10px;
}
.new-plus-membership .plans-container {
  position: relative;
}
@media (max-width: 767px) {
  .new-plus-membership .plans-container {
    overflow: hidden;
    position: relative;
  }
}
.new-plus-membership .plans-container .cancel-popup {
  position: absolute;
  background: rgba(248, 248, 248, 0.9);
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 2;
  padding: 205px 20px 0 20px;
  display: none;
}
.new-plus-membership .plans-container .cancel-popup .content {
  text-align: center;
}
.new-plus-membership .plans-container .cancel-popup .content h3 {
  margin-bottom: 20px;
}
.new-plus-membership .plans-container .cancel-popup .content .btn {
  min-width: 200px;
}
.new-plus-membership .plans-container .plus-invoices {
  text-align: center;
  font-size: 16px;
}
.new-plus-membership .plans-container .lic-plan {
  margin-bottom: 50px;
}
.new-plus-membership .plans-container .lic-plan .btn {
  border-radius: 10px;
  width: 210px;
  padding: 12px 0;
  border: 1px solid #d8d8d8;
  background-color: transparent;
  outline: none;
}
@media (max-width: 1199px) {
  .new-plus-membership .plans-container .lic-plan .btn {
    width: 154px;
  }
}
@media (max-width: 991px) {
  .new-plus-membership .plans-container .lic-plan .btn {
    width: 140px;
  }
}
.new-plus-membership .plans-container .lic-plan .btn:hover {
  color: #2f2f2f;
  background-color: rgba(0, 0, 0, 0.03);
}
.new-plus-membership .plans-container .lic-plan .btn.active {
  font-weight: bold;
  color: #2f2f2f;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.05);
  cursor: default;
}
.new-plus-membership .plans-container .plans {
  margin-bottom: 38px;
}
.new-plus-membership .plans-container .plans .row .col-xs-12 {
  display: flex;
}
@media (min-width: 768px) {
  .new-plus-membership .plans-container .plans .row .col-xs-12:last-child {
    order: -1;
  }
}
.new-plus-membership .plans-container .plans .plan-item {
  width: 100%;
  position: relative;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .new-plus-membership .plans-container .plans .plan-item {
    margin-bottom: 40px;
  }
}
.new-plus-membership .plans-container .plans .plan-item:before {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  position: absolute;
  left: 50%;
}
.new-plus-membership .plans-container .plans .plan-item.plan-click {
  cursor: pointer;
}
.new-plus-membership .plans-container .plans .plan-item .content {
  border-radius: 4px;
  background-color: white;
  overflow: hidden;
  padding: 0;
  transition: all 100ms ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #eee;
  border-bottom: 0;
}
@media (max-width: 767px) {
  .new-plus-membership .plans-container .plans .plan-item .content {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.new-plus-membership .plans-container .plans .plan-item .content .top {
  padding: 40px 0 17px 0;
  background-repeat: no-repeat;
  background-position: center top;
  border-bottom: 1px solid #ddd;
}
.new-plus-membership .plans-container .plans .plan-item .content .top .title {
  font-size: 18px;
  margin-bottom: 7px;
}
.new-plus-membership .plans-container .plans .plan-item .content .top .price {
  font-size: 24px;
  font-weight: 600;
}
.new-plus-membership .plans-container .plans .plan-item .content .top .per {
  opacity: 0.7;
  margin-bottom: 6px;
}
.new-plus-membership .plans-container .plans .plan-item .content .top .desc {
  font-size: 16px;
  font-weight: 600;
  color: #ed9508;
}
.new-plus-membership .plans-container .plans .plan-item .content .top .price-discount-percentage {
  background-color: #5ac651;
  margin-top: 10px;
  display: inline-block;
  padding: 3px 6px;
  border-radius: 3px;
  color: white;
  font-size: 0.9em;
}
.new-plus-membership .plans-container .plans .plan-item .content .bottom {
  padding: 25px 15px 60px 15px;
  position: relative;
  flex-grow: 1;
}
.new-plus-membership .plans-container .plans .plan-item .content .bottom .benefit {
  margin-bottom: 15px;
}
.new-plus-membership .plans-container .plans .plan-item .content .bottom .benefit .title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 3px;
}
.new-plus-membership .plans-container .plans .plan-item .content .bottom .benefit .title .special {
  font-size: 1.4em;
  cursor: pointer;
}
.new-plus-membership .plans-container .plans .plan-item .content .bottom .benefit .desc {
  font-weight: 500;
  opacity: 0.5;
}
.new-plus-membership .plans-container .plans .plan-item .content .bottom .btn-action {
  background-image: linear-gradient(to right, #efab00, #eb850f);
  min-width: 157px;
  color: white;
  border-radius: 4px;
  font-weight: 600;
  margin-top: 15px;
}
.new-plus-membership .plans-container .plans .plan-item .content .bottom .btn-action:hover {
  opacity: 0.9;
}
.new-plus-membership .plans-container .plans .plan-item .content .bottom .btn {
  display: block;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}
.new-plus-membership .plans-container .plans .plan-item .content .bottom .plan-checkbox {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 44px;
  height: 44px;
  border-radius: 6px;
  background: #efefef;
  display: none;
}
.new-plus-membership .plans-container .plans .plan-item .content .bottom .plan-checkbox i {
  font-size: 30px;
  line-height: 44px;
  display: none;
}
.new-plus-membership .plans-container .plans .plan-item .content .bottom .plan-checkbox.active {
  background: #5ac651;
  color: white;
}
.new-plus-membership .plans-container .plans .plan-item .content .bottom .plan-checkbox.active i {
  display: inline-block;
}
.new-plus-membership .plans-container .plans .plan-item .content .bottom .plan-select-button {
  background-color: white;
  border: 1px dashed #999;
  padding: 8px 25px;
  color: #999;
  border-radius: 5px;
  font-weight: bold;
  bottom: -150px;
  position: absolute;
  left: 50%;
  font-size: 0.9em;
  width: 220px;
  transform: translateX(-50%);
  transition: all 200ms ease-in-out;
  opacity: 0;
}
@media (max-width: 767px) {
  .new-plus-membership .plans-container .plans .plan-item .content .bottom .plan-select-button {
    bottom: 20px;
    opacity: 1;
  }
}
.new-plus-membership .plans-container .plans .plan-item.active-plan .content {
  box-shadow: 0 6px 13px rgb(216.75, 216.75, 216.75);
}
.new-plus-membership .plans-container .plans .plan-item.active-plan .content .bottom .plan-select-button {
  bottom: 20px;
  opacity: 1;
  background-color: #5ac651;
  color: white;
}
.new-plus-membership .plans-container .plans .plan-item:hover:not(.active-plan) .content {
  box-shadow: 0 6px 13px rgba(0, 0, 0, 0.07);
}
.new-plus-membership .plans-container .plans .plan-item:hover:not(.active-plan) .content .bottom .plan-select-button {
  bottom: 20px;
  opacity: 1;
}
.new-plus-membership .plans-container .plans .plan-item.basic .content .top, .new-plus-membership .plans-container .plans .plan-item.bronze .content .top {
  background-image: url("https://fbcd.co/images/plus/membership-types/bronze-top-border.svg");
}
.new-plus-membership .plans-container .plans .plan-item.basic .content .bottom, .new-plus-membership .plans-container .plans .plan-item.bronze .content .bottom {
  border-bottom: 2px solid #d78836;
}
.new-plus-membership .plans-container .plans .plan-item.basic:before, .new-plus-membership .plans-container .plans .plan-item.bronze:before {
  background-image: url("https://fbcd.co/images/plus/membership-types/bronze-badge.svg");
  width: 47px;
  height: 47px;
  top: -16px;
  margin-left: -23.5px;
}
.new-plus-membership .plans-container .plans .plan-item.pro .content .top, .new-plus-membership .plans-container .plans .plan-item.gold .content .top {
  background-image: url("https://fbcd.co/images/plus/membership-types/gold-top-border.svg");
}
.new-plus-membership .plans-container .plans .plan-item.pro .content .bottom, .new-plus-membership .plans-container .plans .plan-item.gold .content .bottom {
  border-bottom: 2px solid #fec34f;
}
.new-plus-membership .plans-container .plans .plan-item.pro .content .bottom .benefit .pro-title,
.new-plus-membership .plans-container .plans .plan-item.pro .content .bottom .benefit .gold-title, .new-plus-membership .plans-container .plans .plan-item.gold .content .bottom .benefit .pro-title,
.new-plus-membership .plans-container .plans .plan-item.gold .content .bottom .benefit .gold-title {
  color: #ed9508;
}
.new-plus-membership .plans-container .plans .plan-item.pro .content .bottom .benefit .pro-desc,
.new-plus-membership .plans-container .plans .plan-item.pro .content .bottom .benefit .gold-desc, .new-plus-membership .plans-container .plans .plan-item.gold .content .bottom .benefit .pro-desc,
.new-plus-membership .plans-container .plans .plan-item.gold .content .bottom .benefit .gold-desc {
  color: #ed9508;
  opacity: 1;
}
.new-plus-membership .plans-container .plans .plan-item.pro:before, .new-plus-membership .plans-container .plans .plan-item.gold:before {
  background-image: url("https://fbcd.co/images/plus/membership-types/gold-badge.svg");
  width: 49px;
  height: 49px;
  top: -17px;
  margin-left: -24.5px;
  transform: scale(1.2);
}
.new-plus-membership .plans-container .plans .plan-item.unlimited .content .top, .new-plus-membership .plans-container .plans .plan-item.silver .content .top {
  background-image: url("https://fbcd.co/images/plus/membership-types/silver-top-border.svg");
}
.new-plus-membership .plans-container .plans .plan-item.unlimited .content .bottom, .new-plus-membership .plans-container .plans .plan-item.silver .content .bottom {
  border-bottom: 2px solid #d1d9e1;
}
.new-plus-membership .plans-container .plans .plan-item.unlimited:before, .new-plus-membership .plans-container .plans .plan-item.silver:before {
  background-image: url("https://fbcd.co/images/plus/membership-types/silver-badge.svg");
  width: 47px;
  height: 47px;
  top: -16px;
  margin-left: -23.5px;
}
.new-plus-membership .plans-container .plans .plan-item.current .content .top .desc {
  color: #5ac651;
  text-transform: uppercase;
  font-size: 13px;
}
.new-plus-membership .plans-container .plans .plan-item.current .content .bottom .btn-action {
  visibility: hidden;
}
.new-plus-membership .plans-container .plans .plan-item.downgrade .content .top .desc {
  visibility: hidden;
}
.new-plus-membership .plans-container .plans .plan-item.downgrade .content .bottom .btn {
  border: 1px solid rgba(41, 41, 41, 0.5);
  color: rgba(41, 41, 41, 0.5);
  font-weight: 600;
  width: 157px;
  border-radius: 4px;
  background: none;
}
.new-plus-membership .plans-container .plans .plan-item.downgrade .content .bottom .btn:hover {
  opacity: 0.8;
}
@media (max-width: 767px) {
  .new-plus-membership .plans-container .plans {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
.new-plus-membership .plans-container .cancel-plan {
  text-align: center;
}
.new-plus-membership .plans-container .cancel-plan a {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  font-size: 18px;
  margin: 0 10px;
}
@media (max-width: 767px) {
  .new-plus-membership .plans-container .cancel-plan a {
    display: block;
    margin-bottom: 20px;
  }
  .new-plus-membership .plans-container .cancel-plan {
    white-space: nowrap;
  }
}
.new-plus-membership .subscription-details {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
  padding: 20px;
  min-height: 247px;
}
@media (max-width: 767px) {
  .new-plus-membership .subscription-details {
    min-height: 0;
  }
}
@media (max-width: 414px) {
  .new-plus-membership .subscription-details {
    padding: 10px;
  }
}
.new-plus-membership .subscription-details h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
@media (max-width: 767px) {
  .new-plus-membership .subscription-details h4 + p {
    max-width: 100%;
  }
}
.new-plus-membership .subscription-details .plus-referral-link {
  font-size: 16px;
  padding: 10px 20px;
  background: #f8f8f8;
  border-radius: 4px;
  -webkit-touch-callout: all;
  -webkit-user-select: all;
  -khtml-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
  overflow: hidden;
  word-break: break-all;
}
.new-plus-membership .subscription-details .plus-referral-copy span {
  font-weight: 600;
  padding: 10px 0;
  margin-left: 20px;
  color: #999;
}
.new-plus-membership .subscription-details .top-up .total-credits {
  padding: 24px 20px;
  background-color: #f9f9f9;
  font-size: 16px;
  border-radius: 4px;
  margin-bottom: 25px;
  line-height: 1.7em;
}
@media (max-width: 767px) {
  .new-plus-membership .subscription-details .top-up .total-credits {
    font-size: 14px;
  }
}
.new-plus-membership .subscription-details .top-up .total-credits span {
  background-image: url("https://fbcd.co/images/icons/plus/plus_icn_orange_white.min.svg");
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 32px;
  font-weight: 600;
  color: #eb850e;
  margin: 0 5px;
  display: inline-block;
}
@media (max-width: 767px) {
  .new-plus-membership .subscription-details .top-up .total-credits span {
    background-size: 20px 20px;
    padding-left: 24px;
  }
}
.new-plus-membership .subscription-details .top-up .credits-amount {
  margin-bottom: 25px;
}
.new-plus-membership .subscription-details .top-up .credits-amount p {
  font-weight: 500;
}
.new-plus-membership .subscription-details .top-up .credits-amount .amount {
  max-width: 170px;
  margin: 0 auto;
}
.new-plus-membership .subscription-details .top-up .payment-methods p {
  font-weight: 500;
  margin-bottom: 20px;
}
.new-plus-membership .subscription-details .top-up .payment-methods .methods {
  margin-bottom: 20px;
}
.new-plus-membership .subscription-details .top-up .payment-methods .methods .method-item {
  display: inline-block;
  width: 170px;
  padding: 15px;
  box-shadow: 0 0 12px rgba(80, 80, 80, 0.1);
  border-radius: 3px;
  height: 160px;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 15px;
  border: 1px solid transparent;
  transition: box-shadow 0.4s ease-out;
}
@media (max-width: 767px) {
  .new-plus-membership .subscription-details .top-up .payment-methods .methods .method-item {
    width: 131px;
    margin-right: 10px;
    height: 134px;
  }
  .new-plus-membership .subscription-details .top-up .payment-methods .methods .method-item:last-child {
    margin-right: 0;
  }
}
.new-plus-membership .subscription-details .top-up .payment-methods .methods .method-item:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.new-plus-membership .subscription-details .top-up .payment-methods .methods .method-item.current {
  box-shadow: none;
  border-color: rgba(90, 198, 81, 0.46);
  cursor: default;
}
.new-plus-membership .subscription-details .top-up .payment-methods .methods .method-item .img {
  margin-bottom: 15px;
}
.new-plus-membership .subscription-details .top-up .payment-methods .methods .method-item .img img {
  width: 100%;
}
.new-plus-membership .subscription-details .top-up .payment-methods .methods .method-item .title {
  display: flex;
  font-size: 16px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .new-plus-membership .subscription-details .top-up .payment-methods .methods .method-item .title {
    font-size: 14px;
  }
}
.new-plus-membership .subscription-details .top-up .payment-methods .methods .method-item .title .name {
  font-weight: 600;
}
.new-plus-membership .subscription-details .top-up .payment-methods .methods .method-item .title .number {
  text-align: right;
}
.new-plus-membership .subscription-details .top-up .payment-methods .top-up-button .btn-action {
  background-image: linear-gradient(to right, #efab00, #eb850f);
  width: 258px;
  color: white;
  border-radius: 4px;
  font-weight: 600;
  margin-top: 15px;
  box-shadow: 0 4px 12px rgba(217, 137, 10, 0.28);
}
.new-plus-membership .subscription-details .top-up .payment-methods .top-up-button .btn-action:hover {
  opacity: 0.9;
}
.new-plus-membership .subscription-details .subs-container {
  display: flex;
  padding-top: 20px;
}
@media (max-width: 767px) {
  .new-plus-membership .subscription-details .subs-container {
    flex-direction: column;
  }
}
.new-plus-membership .subscription-details .subs-container .subs-summary {
  background: #f8f8f8;
  border-radius: 4px;
  width: 250px;
  padding: 80px 15px;
  order: 2;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .new-plus-membership .subscription-details .subs-container .subs-summary {
    width: auto;
    padding: 25px 15px;
    order: 1;
    margin-bottom: 30px;
  }
}
.new-plus-membership .subscription-details .subs-container .subs-summary .title {
  font-size: 20px;
}
.new-plus-membership .subscription-details .subs-container .subs-summary .license {
  color: #999;
  font-weight: 600;
  margin-bottom: 18px;
}
.new-plus-membership .subscription-details .subs-container .subs-summary .price {
  font-weight: 600;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 18px;
}
.new-plus-membership .subscription-details .subs-container .subs-summary .price span {
  line-height: 1;
}
.new-plus-membership .subscription-details .subs-container .subs-summary .monthly {
  color: #999;
  font-weight: 600;
  margin-bottom: 0px;
}
.new-plus-membership .subscription-details .subs-container .subs-summary .vat {
  margin-bottom: 18px;
  font-weight: bold;
}
.new-plus-membership .subscription-details .subs-container .subs-summary .vat-discount {
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 18px;
  font-size: 12px;
  padding: 0 10px;
  color: rgba(0, 0, 0, 0.5);
}
.new-plus-membership .subscription-details .subs-container .subs-summary .vat-discount:before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMGMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMi01LjM3My0xMi0xMi0xMnptLS4wMDEgNS43NWMuNjkgMCAxLjI1MS41NiAxLjI1MSAxLjI1cy0uNTYxIDEuMjUtMS4yNTEgMS4yNS0xLjI0OS0uNTYtMS4yNDktMS4yNS41NTktMS4yNSAxLjI0OS0xLjI1em0yLjAwMSAxMi4yNWgtNHYtMWMuNDg0LS4xNzkgMS0uMjAxIDEtLjczNXYtNC40NjdjMC0uNTM0LS41MTYtLjYxOC0xLS43OTd2LTFoM3Y2LjI2NWMwIC41MzUuNTE3LjU1OCAxIC43MzV2Ljk5OXoiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 19px;
  height: 18px;
  background-size: contain;
  display: inline-block;
  margin-right: 10px;
}
.new-plus-membership .subscription-details .subs-container .subs-summary .saved {
  color: #f7941d;
  font-size: 20px;
  font-weight: 600;
}
.new-plus-membership .subscription-details .subs-container .subs-summary .change-country {
  display: inline-block;
  margin-top: 18px;
}
.new-plus-membership .subscription-details .subs-container .subs-payment {
  margin-right: 20px;
  order: 1;
  flex: 1;
}
@media (max-width: 767px) {
  .new-plus-membership .subscription-details .subs-container .subs-payment {
    margin-right: 0;
    order: 2;
  }
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item .head {
  cursor: pointer;
  position: relative;
  padding: 12px 12px 12px 45px;
  border-radius: 4px 4px 0 0;
  display: flex;
  align-items: center;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item .head:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  left: 12px;
  top: 50%;
  margin-top: -10px;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item .head .img {
  max-width: 50px;
  margin-right: 15px;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item .head .img img {
  max-height: 40px;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item .head .title {
  font-size: 16px;
  font-weight: 600;
  flex-grow: 1;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item.disabled .head {
  cursor: default;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item.disabled .head:after {
  display: none;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item.disabled .head .img {
  opacity: 0.5;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item.disabled .head .title {
  color: #999;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item.disabled .head .expired {
  color: #999;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item .description {
  display: none;
  padding: 25px 25px 25px 45px;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item .description.strip-form-desc {
  padding: 0 20px 20px 20px;
}
@media (max-width: 991px) {
  .new-plus-membership .subscription-details .subs-container .subs-payment .payment-item .description {
    padding: 15px;
  }
}
@media (max-width: 414px) {
  .new-plus-membership .subscription-details .subs-container .subs-payment .payment-item .description {
    padding: 7px;
  }
  .new-plus-membership .subscription-details .subs-container .subs-payment .payment-item .description.strip-form-desc {
    padding: 7px;
  }
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item.paypal-item .head .title {
  font-size: 14px;
  font-weight: 400;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item.active {
  border: none;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item.active .head {
  background: #efefef;
  cursor: default;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item.active .head:after {
  background-color: #1c9cd2;
  background-image: url("https://fbcd.co/images/plus/icons/white-tick.svg");
  background-position: center;
  background-repeat: no-repeat;
  border: none;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .payment-item.active .description {
  display: block;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .paypal-item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .add-vat span {
  color: #1c9cd2;
  cursor: pointer;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .add-vat span:hover {
  color: #2f2f2f;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .subs-vat {
  padding: 15px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.new-plus-membership .subscription-details .subs-container .subs-payment .subs-vat .title {
  font-size: 16px;
  font-weight: 600;
}
.new-plus-membership .subscription-details.payments-details {
  overflow: hidden;
}
.new-plus-membership .subscription-details.payments-details .pagination-block-component {
  text-align: center;
}
.new-plus-membership .subscription-details.payments-details .payments-details-switcher {
  text-align: center;
  margin-bottom: 30px;
}
.new-plus-membership .subscription-details.payments-details .payments-details-switcher .btn-group .btn {
  outline: none;
  width: 210px;
  padding: 12px 12px;
  border: 1px solid #d8d8d8;
  background-color: transparent;
}
@media (max-width: 1199px) {
  .new-plus-membership .subscription-details.payments-details .payments-details-switcher .btn-group .btn {
    width: 154px;
  }
}
@media (max-width: 991px) {
  .new-plus-membership .subscription-details.payments-details .payments-details-switcher .btn-group .btn {
    width: 100%;
    border-radius: 0;
    margin: 0;
  }
  .new-plus-membership .subscription-details.payments-details .payments-details-switcher .btn-group .btn:first-child {
    border-radius: 2px 2px 0 0;
  }
  .new-plus-membership .subscription-details.payments-details .payments-details-switcher .btn-group .btn:last-child {
    border-radius: 0 0 2px 2px;
    border-bottom: 1px solid #d8d8d8;
  }
}
.new-plus-membership .subscription-details.payments-details .payments-details-switcher .btn-group .btn:hover {
  color: #2f2f2f;
  background-color: rgba(0, 0, 0, 0.03);
}
.new-plus-membership .subscription-details.payments-details .payments-details-switcher .btn-group .btn.active {
  font-weight: bold;
  color: #2f2f2f;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.05);
  cursor: default;
}
@media (max-width: 991px) {
  .new-plus-membership .subscription-details.payments-details .payments-details-switcher .btn-group .btn.active {
    color: #2f2f2f;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.05);
    cursor: default;
    font-weight: 500;
  }
}
.new-plus-membership .subscription-details.payments-details .payments-details-table {
  display: table;
  width: 100%;
}
@media (max-width: 767px) {
  .new-plus-membership .subscription-details.payments-details .payments-details-table {
    display: block;
  }
}
.new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row {
  display: table-row;
}
@media (max-width: 767px) {
  .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 0;
  }
}
.new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row.gray-color {
  color: #8b8e9d;
}
.new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col {
  display: table-cell;
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  vertical-align: middle;
}
.new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col.pdt-link {
  text-align: right;
}
@media (max-width: 767px) {
  .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col {
    display: block;
    border: none;
    padding: 0;
    vertical-align: top;
  }
  .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col.pdt-subtotal, .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col.pdt-discount, .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col.pdt-vat {
    display: inline-block;
  }
  .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col.pdt-subtotal div, .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col.pdt-discount div, .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col.pdt-vat div {
    padding-right: 15px;
    color: #999;
  }
  .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col.pdt-total {
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 10px;
  }
  .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col.pdt-total div {
    font-size: 14px;
    color: #999;
  }
  .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col.pdt-date {
    margin-bottom: 10px;
  }
  .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col.pdt-link {
    text-align: left;
    width: 100%;
  }
  .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col.pdt-link .btn {
    width: 100%;
  }
}
.new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col .gray-solid {
  background-color: #dddddd;
  border: 1px solid #dddddd;
  color: #8b8e9d;
}
.new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row .pdt-col .gray-solid .fa-undo {
  margin-right: 0;
  margin-left: 5px;
}
.new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row:last-child {
  border: none;
}
.new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row:last-child .pdt-col {
  border: none;
}
@media (max-width: 767px) {
  .new-plus-membership .subscription-details.payments-details .payments-details-table .pdt-row:first-child {
    display: none;
  }
}
.new-plus-membership .subs-footer {
  padding-top: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .new-plus-membership .subs-footer {
    flex-direction: column;
  }
}
.new-plus-membership .subs-footer .footer-btn {
  min-width: 200px;
}
@media (max-width: 767px) {
  .new-plus-membership .subs-footer .footer-btn {
    margin-top: 10px;
    width: 100%;
  }
}
.new-plus-membership .subs-footer .footer-btn .btn {
  width: 100%;
}
@media (max-width: 991px) {
  .new-plus-membership .subs-footer .footer-btn .zoid-outlet {
    width: 100% !important;
  }
}
.new-plus-membership .subs-footer .footer-vat {
  padding-right: 20px;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .new-plus-membership .subs-footer .footer-vat {
    padding-left: 0;
    text-align: center;
  }
}
.new-plus-membership .subs-footer .footer-vat a {
  font-weight: 600;
  color: #2f2f2f;
}
@media (max-width: 767px) {
  .new-plus-membership .subs-footer .footer-vat a {
    display: block;
  }
}
.new-plus-membership .subs-footer .footer-cancel a {
  font-weight: 600;
  color: #2f2f2f;
}
.new-plus-membership .subs-footer .plus-paypal-btn {
  position: relative;
  margin-top: 7px;
}
.new-plus-membership .subs-vat-modal .modal-dialog {
  width: 600px;
  max-height: 96%;
}
.new-plus-membership .subs-vat-modal .modal-dialog .modal-body {
  padding: 30px 50px 50px 50px;
}
.new-plus-membership .subs-vat-modal .modal-dialog .modal-body h3 {
  font-weight: 600;
}
.new-plus-membership .subs-vat-modal .modal-dialog .modal-body .note {
  color: #999;
}
.new-plus-membership .payment-info {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
  padding: 20px;
}
.new-plus-membership .payment-info h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
.new-plus-membership .payment-info .cards {
  margin-bottom: 30px;
}
.new-plus-membership .payment-info .cards .card-item {
  border-radius: 3px;
  box-shadow: 0 0 12px rgba(80, 80, 80, 0.1);
  padding: 12px 20px 12px 12px;
  display: flex;
  font-size: 16px;
  align-items: center;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (max-width: 767px) {
  .new-plus-membership .payment-info .cards .card-item {
    display: block;
    position: relative;
    font-size: 13px;
    min-height: 76px;
  }
}
.new-plus-membership .payment-info .cards .card-item.default {
  box-shadow: none;
  border-color: rgba(90, 198, 81, 0.46);
}
.new-plus-membership .payment-info .cards .card-item .img {
  flex: 0 0 93px;
}
@media (max-width: 767px) {
  .new-plus-membership .payment-info .cards .card-item .img {
    float: left;
  }
}
.new-plus-membership .payment-info .cards .card-item .title {
  font-weight: bold;
  flex: 1 1 140px;
}
@media (max-width: 767px) {
  .new-plus-membership .payment-info .cards .card-item .title {
    margin-left: 93px;
  }
}
.new-plus-membership .payment-info .cards .card-item .number {
  flex: 1 1 100px;
}
@media (max-width: 767px) {
  .new-plus-membership .payment-info .cards .card-item .number {
    margin-left: 93px;
  }
}
.new-plus-membership .payment-info .cards .card-item .date {
  flex: 1 1 230px;
  color: #9b9b9b;
}
@media (max-width: 767px) {
  .new-plus-membership .payment-info .cards .card-item .date {
    margin-left: 93px;
  }
}
.new-plus-membership .payment-info .cards .card-item .default {
  flex: 0 0 130px;
  text-align: right;
}
.new-plus-membership .payment-info .cards .card-item .default span {
  background-image: url("https://fbcd.co/images/plus/icons/green-tick.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 15px;
  color: #5ac651;
  font-weight: 600;
}
@media (max-width: 767px) {
  .new-plus-membership .payment-info .cards .card-item .default {
    margin-left: 93px;
    text-align: left;
  }
}
.new-plus-membership .payment-info .cards .card-item .edit {
  flex: 0 0 108px;
  text-align: right;
}
.new-plus-membership .payment-info .cards .card-item .edit a {
  background-image: url("https://fbcd.co/images/plus/icons/blue-edit.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 18px;
  color: #1c9cd2;
  font-weight: 600;
}
@media (max-width: 767px) {
  .new-plus-membership .payment-info .cards .card-item .edit {
    position: absolute;
    top: 15px;
    right: 15px;
  }
}
.new-plus-membership .payment-info .cards .card-item .set-default {
  flex: 0 0 123px;
  text-align: right;
}
.new-plus-membership .payment-info .cards .card-item .set-default a {
  color: #5c5c5c;
  text-decoration: underline;
  font-weight: 600;
}
@media (max-width: 767px) {
  .new-plus-membership .payment-info .cards .card-item .set-default {
    margin-left: 93px;
    text-align: left;
  }
}
.new-plus-membership .payment-info .cards .card-item .remove {
  flex: 0 0 123px;
  text-align: right;
}
.new-plus-membership .payment-info .cards .card-item .remove a {
  color: #ff0039;
  font-weight: 600;
}
@media (max-width: 767px) {
  .new-plus-membership .payment-info .cards .card-item .remove {
    position: absolute;
    top: 15px;
    right: 15px;
  }
}
.new-plus-membership .payment-info .cards .card-item .cancel {
  flex: 0 0 73px;
  text-align: right;
}
.new-plus-membership .payment-info .cards .card-item .cancel a {
  color: #1c9cd2;
  font-weight: 600;
}
@media (max-width: 767px) {
  .new-plus-membership .payment-info .cards .card-item .cancel {
    position: absolute;
    top: 45px;
    right: 15px;
  }
}
.new-plus-membership .payment-info .add-card .add-form {
  max-width: 500px;
}
.new-plus-membership .payment-info .add-card .add-form .btn-action {
  width: 161px;
  margin-top: 15px;
}
.new-plus-membership .payment-info .add-card .add-form .new-checkbox {
  display: none;
}
.new-plus-membership .payment-info .add-card .add-form .new-checkbox + label {
  position: relative;
  padding-left: 28px;
  font-size: 14px !important;
  font-weight: 600;
  cursor: pointer;
  margin-top: 36px;
}
@media (max-width: 767px) {
  .new-plus-membership .payment-info .add-card .add-form .new-checkbox + label {
    margin-top: 0;
  }
}
.new-plus-membership .payment-info .add-card .add-form .new-checkbox + label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #d1d1d1;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.new-plus-membership .payment-info .add-card .add-form .new-checkbox:checked + label:before {
  background-color: #1c9cd2;
  border-color: #1c9cd2;
  background-image: url("https://fbcd.co/images/plus/icons/white-tick.svg");
  background-position: 4px 4px;
  background-repeat: no-repeat;
}
.new-plus .freebies-popup .freebies-product {
  background: #f8f8f8;
  overflow: auto;
}
.new-plus .freebies-popup .freebies-product .img {
  width: 277px;
  float: left;
}
@media (max-width: 1199px) {
  .new-plus .freebies-popup .freebies-product .img {
    float: none;
    width: 100%;
  }
}
.new-plus .freebies-popup .freebies-product .content {
  margin-left: 322px;
  padding: 13px 19px 15px 0;
}
@media (max-width: 1199px) {
  .new-plus .freebies-popup .freebies-product .content {
    margin-left: 0;
    padding: 15px;
  }
}
.new-plus .freebies-popup .freebies-product .content .title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-plus .freebies-popup .freebies-product .content .lic {
  font-size: 14px;
  font-weight: 500;
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding-left: 20px;
  margin-bottom: 1px;
}
.new-plus .freebies-popup .freebies-product .content .lic-d {
  opacity: 0.7;
  margin-bottom: 12px;
}
.new-plus .freebies-popup .freebies-product .content .date {
  opacity: 0.7;
  margin-bottom: 17px;
}
.new-plus .freebies-popup .freebies-product.premium .content .lic {
  display: inline-block;
  background-image: url("https://fbcd.co/images/plus/icons/plus-stars.svg");
  color: #ed9508;
}
.new-plus .freebies-popup .freebies-product.corporate .content .lic {
  background-image: url("https://fbcd.co/images/plus/icons/plus-user.svg");
  color: #ff0039;
}
.new-plus .freebies-popup .files .vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.new-plus .freebies-popup .files .row {
  padding: 16px 0;
  font-size: 0;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.new-plus .freebies-popup .files .row .title {
  font-size: 14px;
  padding: 0;
}
.new-plus .freebies-popup .files .row .title span {
  color: #999;
}
.new-plus .freebies-popup .files .row .button {
  padding: 0;
}
.new-plus .freebies-popup .files .row .button .btn {
  width: 157px;
  color: white;
  font-weight: 600;
  border-radius: 4px;
  height: 36px;
  outline: none;
}
.new-plus .freebies-popup .files .row .button .btn.btn-all {
  background-image: linear-gradient(to right, #efab00, #eb850f);
  box-shadow: 0 4px 12px rgba(217, 137, 10, 0.28);
}
.new-plus .freebies-popup .files .row .button .btn.btn-item {
  color: #f7941d;
  border: 1px solid #f7941d;
}
.new-plus .freebies-popup .files .row .button .btn:hover {
  opacity: 0.9;
}
.new-plus .credit-transactions th {
  padding: 16px;
}
.new-plus .credit-transactions th:nth-child(1) {
  width: 120px;
}
.new-plus .credit-transactions th:nth-child(3) {
  width: 180px;
}
.new-plus .credit-transactions td {
  padding: 16px;
  background-color: #f8f8f8;
}
.new-plus .credit-transactions .sortable {
  cursor: pointer;
}
.new-plus .billing-details table tr td {
  padding: 15px 0;
  font-size: 14px;
}
.new-plus .billing-details table tr:first-child td {
  border-top: none;
}
.new-plus .billing-details .plus-change-payment {
  color: #1c9cd2;
  cursor: pointer;
  margin-left: 10px;
}
.new-plus .billing-details .plus-change-payment:hover {
  color: #2f2f2f;
}
.new-plus .billing-details .plus-remove-payment {
  color: #999;
  margin-left: 10px;
}
.new-plus .billing-details .plus-remove-payment:hover {
  color: #e9444a;
  text-decoration: none;
}
.new-plus .plusDesignScapeBanner {
  border-top: 1px solid #ebebeb;
}
.new-plus .plusDesignScapeBanner__close {
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 7px;
}

.product-montage-banner {
  height: 460px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.product-montage-banner .montage-tilt {
  display: flex;
  transform: rotate(-18.5deg);
  width: 125%;
  height: 100%;
  margin-top: -30vw;
  margin-left: -12.5%;
}
.product-montage-banner .montage-tilt .montage-column {
  flex-direction: column;
  flex: 1 1 auto;
  padding: 5px;
}
.product-montage-banner .montage-tilt .montage-column .montage-image {
  width: 100%;
  padding-top: 66.47%;
  border-radius: 5px;
  margin-bottom: 10px;
  background-color: #111;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.15;
}
.product-montage-banner .montage-tilt .montage-column:nth-child(1) {
  margin-top: 5.198vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(1) {
    margin-top: 10vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(2) {
  margin-top: 10.396vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(2) {
    margin-top: 20vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(3) {
  margin-top: 15.594vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(3) {
    margin-top: 30vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(4) {
  margin-top: 20.792vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(4) {
    margin-top: 40vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(5) {
  margin-top: 25.99vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(5) {
    margin-top: 50vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(6) {
  margin-top: 31.188vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(6) {
    margin-top: 60vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(7) {
  margin-top: 36.386vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(7) {
    margin-top: 70vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(8) {
  margin-top: 41.584vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(8) {
    margin-top: 80vw;
  }
  .product-montage-banner .montage-hidden-xs {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .product-montage-banner .montage-hidden-sm {
    display: none;
  }
}

.plus-pod-notice {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-weight: 600;
  font-size: 1.2rem;
}
@media (min-width: 415px) and (max-width: 768px) {
  .plus-pod-notice {
    position: relative;
    bottom: auto;
    right: auto;
    margin-bottom: 10px;
  }
}
@media (max-width: 374px) {
  .plus-pod-notice {
    position: relative;
    bottom: auto;
    right: auto;
    margin-bottom: 10px;
  }
}

.noScrollForce .userflowjs-bubble, .modal-open .userflowjs-bubble {
  z-index: 1000 !important;
}
.noScrollForce .userflowjs-modal-backdrop, .modal-open .userflowjs-modal-backdrop {
  z-index: 999 !important;
}

.wtp__page {
  --tw-gradient-from: #f0ac010f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 172 1/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  background-image: radial-gradient(ellipse at top left, var(--tw-gradient-stops));
}
.wtp__container {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.wtp__title {
  margin: 30px 0;
  font-size: 45px;
  font-weight: 700;
}
.wtp__logo {
  height: 40px;
  margin-top: -3px;
}
.wtp__heading {
  font-weight: 400;
  line-height: 150%;
  color: #333;
  max-width: 700px;
  margin: auto;
}
.wtp__heading.-wider {
  max-width: 800px;
}
.wtp__inputgroup {
  background-color: white;
  padding: 0px;
  max-width: 400px;
  margin: auto;
  margin-top: 30px;
}
.wtp__input {
  border: 1px solid #ffe8cc;
  font-size: 1.4rem;
  height: 50px;
  padding: 20px;
}
.wtp__alert {
  max-width: 700px;
  margin: 20px auto;
}

.downloads-switcher {
  display: flex;
  width: 100%;
  background: #e6e6e6;
  border-radius: 0.5em;
  position: relative;
  overflow: hidden;
}
.downloads-switcher:before {
  content: "";
  position: absolute;
  background: #ec900b;
  width: 50%;
  height: 100%;
  left: -100%;
  transition: left 200ms ease-out;
  will-change: left;
}
.downloads-switcher__button {
  border: none;
  background: none;
  margin: unset;
  width: 50%;
  cursor: pointer;
  padding: 1em 2.5em;
  position: relative;
  transition: color 150ms linear;
  will-change: color;
}
.downloads-switcher[data-value=purchases]:before {
  left: 0;
}
.downloads-switcher[data-value=purchases] :first-child {
  color: white;
}
.downloads-switcher[data-value=generations]:before {
  left: 50%;
}
.downloads-switcher[data-value=generations] :last-child {
  color: white;
}
@media (min-width: 768px) {
  .downloads-switcher {
    width: 456px;
    margin: 0 auto;
  }
}

.downloads-switcher-splitter {
  margin-block: 15px 5px;
}
@media (min-width: 992px) {
  .downloads-switcher-splitter {
    margin-block: 30px 20px;
  }
}

.plus-tools-dropdown:hover .plus-tools-dropdown__list {
  display: block;
}

.plus-tools-dropdown__heading {
  background: url(https://fbcd.co/images/icons/header/header-chevron-icon.svg) no-repeat calc(100% - 0px) calc(50% - 0px)/8px;
  background-size: 12px;
  padding-right: 25px;
}

.plus-tools-dropdown__list {
  display: none;
  position: absolute;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  width: 280px;
  list-style-type: none;
  z-index: 100;
}

.plus-tools-dropdown__item {
  display: block;
}

.plus-tools-dropdown__link {
  height: auto !important;
  line-height: 100% !important;
  padding: 15px 20px;
  border-top: 1px solid #ebebeb;
}

@media (max-width: 991px) {
  .plus-tools-dropdown__heading {
    background-image: none;
    opacity: 0.5;
  }
  .plus-tools-dropdown__list {
    display: block;
    position: static;
    background-color: transparent;
    box-shadow: none;
  }
}
.-btn-download-again {
  background-color: #1c9cd2 !important;
  color: white !important;
}
.-btn-download-again:hover {
  background-color: #146789 !important;
}

.plus-product-fav .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 17px;
  margin-top: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.plus-product-fav .title a {
  color: #292929;
}
.plus-product-fav .bottom {
  background: rgba(216, 216, 216, 0.2);
  border-radius: 4px;
  text-align: center;
  margin-bottom: 4px;
}
.plus-product-fav .bottom .row {
  margin: 0;
}
.plus-product-fav .bottom .row > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.plus-product-fav .bottom .credits {
  color: #ed9508;
  font-weight: bold;
  line-height: 36px;
  display: inline-block;
  background-image: url("https://fbcd.co/images/icons/plus/plus_icn_orange_white.min.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 24px 24px;
  padding-left: 31px;
}
.plus-product-fav .bottom .free {
  color: #5ac651;
}
.plus-product-fav .bottom button {
  width: 100%;
  background-image: linear-gradient(to right, #efab00, #eb850f);
  color: white;
  font-weight: 600;
  border-radius: 4px;
  height: 36px;
  box-shadow: 0 4px 12px rgba(217, 137, 10, 0.28);
}
.plus-product-fav .bottom button:hover {
  opacity: 0.9;
}
.plus-product-fav .bottom .btn-free {
  background-image: linear-gradient(to right, #65d05c, #5ac651);
}

.plus-product {
  padding-top: 0;
}
@media (max-width: 767px) {
  .plus-product {
    padding-top: 0;
  }
}
.plus-product .plus-product-block h4 {
  margin-top: 0;
  font-weight: 600;
  font-size: 22px;
}
.plus-product .plus-product-block .plus-product-description {
  font-size: 15px;
  padding-top: 15px;
  padding-bottom: 40px;
}
.plus-product .plus-product-block .plus-product-options {
  font-size: 15px;
  padding-bottom: 40px;
}
.plus-product .plus-product-block .plus-product-options .plus-product-options-item {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.plus-product .plus-product-block .plus-product-options .plus-product-options-item .plus-product-options-title {
  color: #999;
}
.plus-product .plus-product-block .main-image-display {
  position: relative;
}
.plus-product .plus-product-block .main-image-display > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.plus-product .plus-product-info {
  padding-left: 40px;
}
@media (max-width: 1199px) {
  .plus-product .plus-product-info {
    padding-left: 15px;
  }
}
.plus-product .plus-product-info .plus-product-title .plus-product-credits {
  font-size: 20px;
  font-weight: 600;
  padding-top: 28px;
}
@media (max-width: 1199px) {
  .plus-product .plus-product-info .plus-product-title .plus-product-credits {
    text-align: left;
    padding-top: 0;
    margin-bottom: 20px;
  }
}
.plus-product .plus-product-info .plus-product-title .free {
  color: #5ac651;
}
.plus-product .plus-product-info .plus-product-store {
  font-size: 0;
  margin-bottom: 15px;
}
.plus-product .plus-product-info .plus-product-store .plus-product-store-name {
  display: inline-block;
  padding-right: 10px;
  position: relative;
  margin-right: 10px;
}
.plus-product .plus-product-info .plus-product-store .plus-product-store-name:after {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 16px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  right: -1px;
  top: 50%;
  margin-top: -8px;
}
.plus-product .plus-product-info .plus-product-store .plus-product-store-name a {
  color: #999;
  font-weight: 600;
}
.plus-product .plus-product-info .plus-product-store .plus-product-store-name a .designer-avatar {
  vertical-align: middle;
  margin-right: 10px;
}
.plus-product .plus-product-info .plus-product-store .plus-product-store-name a .designer-avatar img {
  width: 24px;
  height: 24px;
  border-radius: 3px;
}
.plus-product .plus-product-info .plus-product-store .plus-product-store-name a .designer-name {
  vertical-align: middle;
  font-size: 14px;
}
.plus-product .plus-product-info .plus-product-store .plus-product-store-font {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.plus-product .plus-product-info .plus-product-store .plus-product-store-font a {
  color: #999;
  font-weight: 600;
}
.plus-product .plus-product-info .plus-product-rating {
  margin-bottom: 25px;
}
.plus-product .plus-product-info .plus-product-buy {
  padding: 25px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.plus-product .plus-product-info .plus-product-buy .btn {
  width: 100%;
  height: 52px;
  line-height: 50px;
  padding: 0;
}
@media (max-width: 1199px) {
  .plus-product .plus-product-info .plus-product-buy .btn {
    margin-bottom: 10px;
  }
}
.plus-product .plus-product-info .plus-product-buy .btn.btn-downloaded {
  background-image: none !important;
  background-color: #1c9cd2;
  box-shadow: 0 4px 12px rgba(28, 156, 210, 0.28);
}
.plus-product .plus-product-info .plus-product-buy .btn.plus-download-btn {
  background-image: none !important;
  background-color: #5ac651;
  box-shadow: 0 4px 12px rgba(90, 198, 81, 0.28);
  color: #fff;
}
.plus-product .plus-product-info .plus-product-buy .btn-free {
  background-image: linear-gradient(to right, #65d05c, #5ac651);
}
.plus-product .plus-product-info .plus-product-buy .plus-product-purchased {
  width: 100%;
  height: 52px;
  border-radius: 4px;
  font-weight: 600;
  padding: 6px 12px;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}
.plus-product .plus-product-info .plus-product-buy .plus-trial-description {
  background: #efefef;
  padding: 20px 20px 10px 20px;
  border-radius: 8px;
}
.plus-product .plus-product-info .social-icon-row {
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.plus-product .plus-product-info .social-icon-row .url-share-links {
  font-size: 0;
  text-align: center;
  margin-top: 20px;
  margin: 10px -5px 0;
}
.plus-product .plus-product-info .social-icon-row .url-share-links li {
  font-size: 14px;
  width: 33.33%;
  padding: 5px;
}
.plus-product .plus-product-info .social-icon-row .url-share-links li a {
  width: 100%;
  max-width: 200px;
}
.plus-product .plus-product-info .plus-product-fav {
  text-align: center;
}
@media (max-width: 414px) {
  .plus-product .plus-product-info .plus-product-fav {
    text-align: left;
    margin-top: 20px;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .plus-product .plus-product-info .plus-product-fav {
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .plus-product .plus-product-info .plus-product-fav {
    text-align: right;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .plus-product .plus-product-info .plus-product-fav {
    text-align: left;
    margin-top: 20px;
  }
}
.plus-product .plus-product-info .plus-product-fav button {
  background: none;
  border: none;
  font-size: 20px;
  vertical-align: middle;
  position: relative;
  color: #999;
}
.plus-product .plus-product-info .plus-product-fav button:hover, .plus-product .plus-product-info .plus-product-fav button.-active {
  color: #e9444a;
}
.plus-product .plus-product-info .plus-product-fav .fav-counter-products {
  font-size: 16px;
  color: #999;
  vertical-align: middle;
}
.plus-product .plus-product-info .info-container {
  padding: 25px 20px 10px 20px;
}
.plus-product .plus-product-info .info-container li {
  color: white;
  overflow: auto;
}
.plus-product .plus-product-info .info-container li div {
  margin: -2px 15px 30px 0;
}
.plus-product .plus-product-info .info-container li div .fa {
  font-size: 24px;
}
.plus-product .plus-product-info .info-container li strong {
  display: inline;
}

#plusChangePayment .subscription-details {
  padding: 0;
  min-height: 0;
  background: none;
  box-shadow: none;
}
#plusChangePayment .subscription-details .subs-container {
  padding-top: 0 !important;
}
#plusChangePayment .subscription-details .subs-container .subs-payment {
  margin-right: 0;
}
#plusChangePayment .subscription-details .add-form .braintree-cc {
  margin-top: 0 !important;
}
#plusChangePayment .subscription-details .paypal-item .paypal .paypal {
  display: flex;
}
#plusChangePayment .subscription-details .subs-vat {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#plusChangePayment .subscription-details .paypal-button {
  margin-top: 10px;
}
#plusChangePayment .subscription-details .subs-footer .footer-btn {
  min-width: 0;
  width: 100%;
}
#plusChangePayment .subscription-details .subs-footer .footer-btn .btn {
  width: 250px;
  vertical-align: middle;
}
@media (max-width: 414px) {
  #plusChangePayment .subscription-details .subs-footer .footer-btn .btn {
    width: 100%;
  }
  #plusChangePayment .subscription-details .subs-footer .footer-btn .btn:first-child {
    margin-bottom: 15px;
  }
}
#plusChangePayment .subscription-details .subs-footer .footer-btn .paypal {
  display: inline-block;
  vertical-align: middle;
}
#plusChangePayment .subscription-details .subs-footer .footer-btn .paypal-solid {
  padding: 10px 16px;
  background-color: #009cde;
  border-color: #009cde;
  border-radius: 22px;
}
#plusChangePayment .subscription-details .subs-footer .footer-btn .paypal-solid:hover {
  opacity: 0.9;
}

#plusChangeBillingDate .changeBDateText {
  margin: 0rem 2rem;
  font-size: 1.4rem;
  display: flex;
  flex-direction: column;
}
#plusChangeBillingDate .changeBDateText span {
  padding: 1rem 2rem;
  border-radius: 5px;
  margin-top: 2rem;
}
#plusChangeBillingDate .changeBDateText_error {
  background-color: rgba(233, 68, 74, 0.1);
  color: rgba(233, 68, 74, 0.75);
  text-align: center;
}
#plusChangeBillingDate .changeBDateText_description {
  background-color: #efefef;
}
#plusChangeBillingDate .footer-btn {
  min-width: 100%;
}
#plusChangeBillingDate .footer-btn button {
  width: 100%;
  height: 4rem;
  font-size: 1.4rem;
}
#plusChangeBillingDate .basic-input {
  border: 1px solid rgba(204, 204, 204, 0.75);
}
#plusChangeBillingDate .prorated-yellow {
  margin-top: 2rem;
  padding: 1rem 2rem;
  border-radius: 5px;
  background: rgba(255, 197, 11, 0.2);
}

.plus-change-billing-date {
  color: #1c9cd2;
  cursor: pointer;
  margin-left: 1.75rem;
}
.plus-change-billing-date:hover {
  color: #2f2f2f;
}

#subsVat, #plusPurchasesModal, #plusFreebiesModal, #plusChangePayment, .modalround {
  display: none;
  text-align: center;
}
#subsVat.in, #plusPurchasesModal.in, #plusFreebiesModal.in, #plusChangePayment.in, .modalround.in {
  display: flex !important;
}
#subsVat .modal-dialog, #plusPurchasesModal .modal-dialog, #plusFreebiesModal .modal-dialog, #plusChangePayment .modal-dialog, .modalround .modal-dialog {
  display: inline-block;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  max-height: 96%;
  width: 100%;
}
@media (min-width: 768px) {
  #subsVat .modal-dialog, #plusPurchasesModal .modal-dialog, #plusFreebiesModal .modal-dialog, #plusChangePayment .modal-dialog, .modalround .modal-dialog {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  #subsVat .modal-dialog, #plusPurchasesModal .modal-dialog, #plusFreebiesModal .modal-dialog, #plusChangePayment .modal-dialog, .modalround .modal-dialog {
    margin: 2rem;
    max-width: calc(100% - 4rem);
  }
}
#subsVat .modal-dialog .modal-content, #plusPurchasesModal .modal-dialog .modal-content, #plusFreebiesModal .modal-dialog .modal-content, #plusChangePayment .modal-dialog .modal-content, .modalround .modal-dialog .modal-content {
  box-shadow: none;
  border: none;
  border-radius: 8px;
}
@media (max-width: 767px) {
  #subsVat .modal-dialog .modal-content .modal-body, #plusPurchasesModal .modal-dialog .modal-content .modal-body, #plusFreebiesModal .modal-dialog .modal-content .modal-body, #plusChangePayment .modal-dialog .modal-content .modal-body, .modalround .modal-dialog .modal-content .modal-body {
    padding: 20px;
  }
}
#subsVat .modal-dialog .modal-content .modal-body .narrow-content, #plusPurchasesModal .modal-dialog .modal-content .modal-body .narrow-content, #plusFreebiesModal .modal-dialog .modal-content .modal-body .narrow-content, #plusChangePayment .modal-dialog .modal-content .modal-body .narrow-content, .modalround .modal-dialog .modal-content .modal-body .narrow-content {
  padding: 20px 30px;
}
@media (max-width: 414px) {
  #subsVat .modal-dialog .modal-content .modal-body .narrow-content, #plusPurchasesModal .modal-dialog .modal-content .modal-body .narrow-content, #plusFreebiesModal .modal-dialog .modal-content .modal-body .narrow-content, #plusChangePayment .modal-dialog .modal-content .modal-body .narrow-content, .modalround .modal-dialog .modal-content .modal-body .narrow-content {
    padding: 20px 0;
  }
}
#subsVat .modal-dialog .modal-content .modal-body .close-modal, #plusPurchasesModal .modal-dialog .modal-content .modal-body .close-modal, #plusFreebiesModal .modal-dialog .modal-content .modal-body .close-modal, #plusChangePayment .modal-dialog .modal-content .modal-body .close-modal, .modalround .modal-dialog .modal-content .modal-body .close-modal {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: white;
  background-image: url("https://fbcd.co/images/icons/cross-black-thick.svg");
  background-size: 36%;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  top: -5px;
  right: -5px;
  cursor: pointer;
}

#newPlus {
  display: none;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  #newPlus {
    align-items: flex-end;
    padding-right: 0 !important;
  }
}
#newPlus.in {
  display: flex !important;
}
#newPlus .modal-dialog {
  width: 600px;
  max-height: 96%;
  background-image: url("https://fbcd.co/images/plus/bg/plus-symbol-bg.png");
  background-size: 576px 232px, 100%;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.16);
  color: white;
  border-radius: 8px;
}
@media (max-width: 767px) {
  #newPlus .modal-dialog {
    width: 100%;
  }
}
#newPlus .modal-dialog .modal-content {
  background: none;
  box-shadow: none;
  border: none;
  text-align: center;
}
#newPlus .modal-dialog .modal-content .modal-body {
  padding: 0 20px;
}
#newPlus .modal-dialog .modal-content .title {
  margin-top: 93px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  #newPlus .modal-dialog .modal-content .title {
    margin-bottom: 20px;
    margin-top: 73px;
  }
}
#newPlus .modal-dialog .modal-content .title span {
  display: inline-block;
  width: 244px;
  height: 105px;
  background-image: url("https://fbcd.co/images/plus/plus-logo-temp.png");
  background-size: 244px 105px;
}
#newPlus .modal-dialog .modal-content .description {
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  opacity: 0.75;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  #newPlus .modal-dialog .modal-content .description {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
#newPlus .modal-dialog .modal-content .description span {
  display: block;
}
@media (max-width: 767px) {
  #newPlus .modal-dialog .modal-content .description span {
    display: inline;
  }
}
#newPlus .modal-dialog .modal-content .view-plans {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  #newPlus .modal-dialog .modal-content .view-plans {
    margin-bottom: 20px;
  }
}
#newPlus .modal-dialog .modal-content .view-plans button {
  width: 200px;
  height: 40px;
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 767px) {
  #newPlus .modal-dialog .modal-content .view-plans button {
    width: 100%;
  }
}
#newPlus .modal-dialog .modal-content .cancel {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  #newPlus .modal-dialog .modal-content .cancel {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}
#newPlus .modal-dialog .modal-content .cancel > span {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  opacity: 0.4;
  cursor: pointer;
}
@media (max-width: 767px) {
  #newPlus .modal-dialog .modal-content .cancel > span {
    font-size: 14px;
  }
  #newPlus .modal-dialog .modal-content .cancel > span span {
    display: block;
    opacity: 0.4;
  }
}
#newPlus .modal-dialog .modal-content .cancel > span:hover {
  opacity: 0.8;
}

#downgradeModal {
  align-items: center;
}
@media (max-width: 767px) {
  #downgradeModal {
    align-items: flex-end;
    padding-right: 0 !important;
  }
}
#downgradeModal.in {
  display: flex !important;
}
#downgradeModal .modal-dialog {
  max-height: 96%;
}
#downgradeModal .modal-dialog .modal-content {
  border-radius: 8px;
  text-align: left;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  #downgradeModal .modal-dialog .modal-content {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }
  #downgradeModal .modal-dialog .modal-content h3 {
    font-size: 18px;
  }
}
#downgradeModal .modal-dialog .modal-content .split {
  display: flex;
}
@media (max-width: 767px) {
  #downgradeModal .modal-dialog .modal-content .split {
    flex-direction: column;
  }
}
#downgradeModal .modal-dialog .modal-content .split .split-item {
  padding-top: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#downgradeModal .modal-dialog .modal-content .split .split-item.split-credits {
  background-image: url("https://fbcd.co/images/plus/icons/split-credits.svg");
}
#downgradeModal .modal-dialog .modal-content .split .split-item.split-freebies {
  background-image: url("https://fbcd.co/images/plus/icons/split-freebies.svg");
}
#downgradeModal .modal-dialog .modal-content .split .split-item:first-child {
  margin-right: 20px;
}
@media (max-width: 767px) {
  #downgradeModal .modal-dialog .modal-content .split .split-item:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
#downgradeModal .modal-dialog .modal-content input[type=radio] {
  float: left;
  display: block;
}
#downgradeModal .modal-dialog .modal-content label {
  font-weight: 400;
  margin-left: 40px;
  display: block;
}
#downgradeModal .modal-dialog .modal-content .reason-text-elsewhere {
  margin-left: 40px;
}
#downgradeModal .modal-dialog .modal-content .cancel-buttons {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #downgradeModal .modal-dialog .modal-content .cancel-buttons {
    margin-bottom: 0;
  }
}
#downgradeModal .modal-dialog .modal-content .cancel-buttons .btn {
  font-size: 16px;
  height: 40px;
  width: 200px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  #downgradeModal .modal-dialog .modal-content .cancel-buttons .btn {
    width: 100%;
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
#downgradeModal .modal-dialog .modal-content .cancel-buttons span {
  cursor: pointer;
  font-size: 16px;
  line-height: 42px;
  color: #1c9cd2;
  float: right;
}
#downgradeModal .modal-dialog .modal-content .cancel-buttons span.cancel-l {
  float: none;
}
@media (max-width: 767px) {
  #downgradeModal .modal-dialog .modal-content .cancel-buttons span {
    display: block;
    text-align: center;
    float: none;
  }
}
#downgradeModal .modal-dialog .modal-content .cancel-buttons span:hover {
  text-decoration: underline;
  color: #2f2f2f;
}
#downgradeModal .modal-dialog .modal-content .cancel-buttons span.disabled {
  color: rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
}

#skipTrialModal .modal-dialog {
  width: 600px;
  max-height: 96%;
}
@media (max-width: 767px) {
  #skipTrialModal .modal-dialog {
    width: calc(100% - 40px);
  }
}
#skipTrialModal .modal-dialog .modal-content {
  border-radius: 8px;
  text-align: left;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  #skipTrialModal .modal-dialog .modal-content {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }
}
#skipTrialModal .modal-dialog .modal-content .modal-body {
  padding: 0 20px;
}
#skipTrialModal .modal-dialog .modal-content .title {
  border-radius: 8px;
  overflow: hidden;
}
#skipTrialModal .modal-dialog .modal-content .title .image {
  height: 145px;
  background: #222;
  position: relative;
}
#skipTrialModal .modal-dialog .modal-content .title .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#skipTrialModal .modal-dialog .modal-content .title .button {
  background: linear-gradient(to right, #efab00, #eb850f);
  color: white;
  font-size: 18px;
  text-align: center;
  padding: 20px;
  cursor: pointer;
}
#skipTrialModal .modal-dialog .modal-content .title .button:hover {
  opacity: 0.9;
}
#skipTrialModal .modal-dialog .modal-content .cancel {
  margin-top: 10px;
  text-align: center;
  padding: 20px;
  cursor: pointer;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
}
#skipTrialModal .modal-dialog .modal-content .cancel:hover {
  background: #f8f8f8;
}

#cancelMemberBonusConfirm .modal-dialog {
  top: 50%;
  transform: translateY(-50%);
}

.plus-tag {
  background-color: #191b47;
  padding: 0 5px;
  border-radius: 2px;
  color: #ef9f1f;
  display: inline-block;
  font-weight: bold;
  position: relative;
  top: -5px;
  margin-left: 5px;
}

.plus-main .plus-logo {
  background-image: url("https://fbcd.co/images/plus/plus-logo-temp-2.png");
}
.plus-main .text-gradient {
  background-image: linear-gradient(to right, #efab00, #eb850f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EFAB00", endColorstr="#EB850F", GradientType=1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.plus-main .opacity-60 {
  opacity: 0.6;
}
.plus-main .btn {
  font-weight: bold;
  border-radius: 3px;
  outline: none;
  border: none;
}
.plus-main .btn.btn-action {
  color: #161616;
  background-image: linear-gradient(to right, #efab00, #eb850f);
  min-width: 252px;
}
.plus-main .btn.btn-lg {
  font-size: 18px;
  padding: 0 30px;
  height: 56px;
  line-height: 56px;
  border-radius: 8px;
}
.plus-main .btn.btn-vat {
  margin-top: 25px;
  padding: 13px;
  min-width: 0;
}
.plus-main .btn:hover {
  opacity: 0.85;
}
.plus-main .welcome-block {
  color: white;
  padding: 30px 20px;
  background-color: #161616;
  background-image: url("https://fbcd.co/images/plus/landing/plus-smoke.jpg"), url("https://fbcd.co/images/plus/landing/plus-smoke.jpg");
  background-size: 680px 635px;
  background-repeat: no-repeat;
  background-position: 100% -100px, -200px 0;
}
.plus-main .welcome-block .content {
  max-width: 964px;
  margin: 0 auto;
}
.plus-main .welcome-block .content .plus-logo {
  display: inline-block;
  width: 200px;
  height: 57px;
  text-indent: -10000px;
  background-size: 100%;
  margin-bottom: 30px;
}
.plus-main .welcome-block .content .title-block {
  padding-top: 286px;
  background-image: url("https://fbcd.co/images/plus/landing/top-title.png");
  background-size: 376px 318px;
  background-position: center top;
  background-repeat: no-repeat;
}
.plus-main .welcome-block .content .title-block h1 {
  font-size: 32px;
  font-weight: bold;
  color: white;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .plus-main .welcome-block .content .title-block h1 {
    font-size: 30px;
    margin-top: 68px;
  }
}
.plus-main .welcome-block .content .btn-action {
  min-width: 276px;
}
.plus-main .welcome-block .content .btn-action-bordered {
  color: #ef9f1f;
  box-shadow: inset 0 0 0 2px #ef9f1f;
  min-width: 276px;
  background-color: transparent;
}
.plus-main .access {
  padding: 100px 0;
}
.plus-main .access .content {
  max-width: 1140px;
  margin: 0 auto;
}
.plus-main .access .content .text-part {
  z-index: 1;
}
.plus-main .access .content h2 {
  margin-bottom: 32px;
  text-align: right;
}
@media (max-width: 767px) {
  .plus-main .access .content h2 {
    font-size: 26px;
    text-align: center;
  }
}
.plus-main .access .content p {
  font-size: 18px;
  margin-bottom: 35px;
  text-align: right;
}
@media (max-width: 767px) {
  .plus-main .access .content p {
    font-size: 16px;
    text-align: center;
  }
}
.plus-main .access .content .row {
  margin: 0;
  display: table;
}
@media (max-width: 767px) {
  .plus-main .access .content .row {
    display: block;
  }
}
.plus-main .access .content .row .no-float {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
@media (max-width: 767px) {
  .plus-main .access .content .row .no-float {
    display: block;
  }
  .plus-main .access .content .row .no-float img {
    max-width: 100%;
    height: auto;
  }
}
.plus-main .plus-choose-welcome {
  background-color: #1e1e1e;
  color: white;
  padding: 50px 0 30px 0;
  position: relative;
}
.plus-main .plus-choose-welcome:before {
  background-image: url("https://fbcd.co/images/plus/landing/plus-smoke.jpg"), url("https://fbcd.co/images/plus/landing/plus-smoke.jpg");
  background-position: calc(50% + 390px) 50%, calc(50% - 560px) -430px;
  background-size: 907px 847px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  opacity: 0.5;
}
.plus-main .plus-choose-welcome .plus-choose-banner {
  position: relative;
  z-index: 2;
}
.plus-main .plus-choose-welcome .plus-choose-banner .plus-logo {
  width: 230px;
  height: 66px;
  text-indent: -10000px;
  background-size: 100%;
  margin: 0 auto 30px auto;
}
.plus-main .plus-choose-welcome .plus-choose-banner h1 {
  font-size: 24px;
  text-align: center;
  width: 70%;
  margin: 40px auto;
  line-height: 150%;
}
.plus-main .plus-choose-welcome .plus-choose-banner .plus-choose-line {
  width: 150px;
  height: 3px;
  background-color: #ef9f1f;
  display: inherit;
  margin: 0 auto 30px;
}
.plus-main .plus-choose-welcome .plus-choose-banner .plus-choose-list {
  list-style: none;
  padding: 0 15px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: left;
  display: inline-block;
}
.plus-main .plus-choose-welcome .plus-choose-banner .plus-choose-list li {
  background: url("https://fbcd.co/images/icons/thin-tick-circle.svg") 0 50%/30px no-repeat;
  padding: 5px 0 5px 45px;
  font-size: 18px;
  margin-bottom: 10px;
}
.plus-main .plus-choose-welcome .plus-choose-banner .plus-choose-img {
  max-width: 345px;
  width: calc(100% - 30px);
  margin: 0 15px;
  display: inline-block;
  float: right;
}
.plus-main .plus-choose-welcome .plus-choose-banner .plus-choose-scroller {
  display: flex;
  align-items: center;
  justify-content: center;
}
.plus-main .plus-choose-welcome .plus-choose-banner .plus-choose-scroller__icon {
  cursor: pointer;
}
@media (max-width: 991px) {
  .plus-main .plus-choose-alignment {
    text-align: center;
  }
  .plus-main .plus-choose-alignment .plus-choose-img {
    float: none;
  }
}
.plus-main .landing-plus-products {
  padding-top: 30px;
}

.plus_payment_icons {
  padding-top: 5px;
  opacity: 1;
}
.plus_payment_icons .payment-256 {
  text-align: right;
  font-size: 0.8em;
}
.plus_payment_icons .payment-256 img {
  height: 20px;
  margin-bottom: 4px;
  width: auto;
}
.plus_payment_icons .symantec-logo {
  height: 54px;
  position: absolute;
  margin: 8px 0 0 30px;
}

.plus_orderoverlay, .payment_orderoverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}
.plus_orderoverlay *, .payment_orderoverlay * {
  color: #ffffff !important;
}

.plus-products-banner {
  height: 350px;
  background-color: #191b47;
  position: relative;
}
.plus-products-banner.show-trial-btn {
  margin-bottom: 30px;
}
.plus-products-banner .plus-right-background, .plus-products-banner .plus-left-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.plus-products-banner .plus-right-background {
  background-image: url("https://fbcd.co/images/banners/other/plus/plus_banner_right.png");
  background-position: 100% 0;
}
.plus-products-banner .plus-left-background {
  background-image: url("https://fbcd.co/images/banners/other/plus/plus_banner_left.png");
  background-position: 0 0;
}
.plus-products-banner .plus-banner-content {
  position: absolute;
  z-index: 1;
  text-align: center;
  width: 100%;
  float: right;
  height: 100%;
}
.plus-products-banner .plus-banner-content .plus-content-text .plus-title-logo {
  width: 120px;
  max-width: 200px;
  display: inline-block;
  margin: 110px 285px 0 0;
}
.plus-products-banner .plus-banner-content .plus-content-text h1 {
  text-transform: uppercase;
  font-size: 5.5em;
  font-weight: bold;
  padding: 0;
  margin: -10px 0 0 0;
  color: white;
  margin-bottom: 30px;
}
.plus-products-banner .plus-banner-content .plus-content-text h2 {
  font-size: 1.2em;
  color: white;
  margin: 0;
  padding-bottom: 5px;
  font-weight: 400;
}
@media (max-width: 414px) {
  .plus-products-banner {
    height: 220px;
    overflow-x: hidden;
  }
  .plus-products-banner .plus-right-background, .plus-products-banner .plus-left-background {
    background-size: 80%;
  }
  .plus-products-banner .plus-right-background {
    right: -80px;
    left: auto;
  }
  .plus-products-banner .plus-left-background {
    left: -120px;
  }
  .plus-products-banner .plus-banner-content .plus-content-text .plus-title-logo {
    width: 20%;
    margin: 40px auto 5px auto;
  }
  .plus-products-banner .plus-banner-content .plus-content-text h1 {
    font-size: 3em !important;
  }
  .plus-products-banner .plus-banner-content .plus-content-text h2 {
    font-size: 1em;
  }
}

.upcoming-plus-products {
  margin-top: 50px;
  position: absolute;
  right: 15px;
  background-color: white;
  border-radius: 2px;
  padding: 7px;
  text-align: center;
}
.upcoming-plus-products .upcoming-product-img {
  width: 230px;
}
.upcoming-plus-products h3 {
  font-size: 1.3em;
  font-weight: bold;
  color: black;
  padding: 0 0 10px 0;
  margin: 0;
  max-width: 200px;
  display: inline-block;
}
.upcoming-plus-products span {
  color: #999;
  margin-top: 15px;
  display: block;
}
.upcoming-plus-products.mobile-upcoming-plus-products {
  position: static;
  right: auto;
  width: 80%;
  margin: 20px 10%;
  text-align: center;
}
.upcoming-plus-products.mobile-upcoming-plus-products .upcoming-product-img {
  width: 100%;
}

.plus-products-site-toggle {
  position: absolute;
  transform: translateX(-50%);
  top: 20px;
  width: 360px;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}
.plus-products-site-toggle a {
  width: 50%;
  height: 50px;
  float: left;
  line-height: 100%;
}
.plus-products-site-toggle a img {
  width: 70%;
  opacity: 0.2;
  transition: all 50ms ease-in-out;
}
.plus-products-site-toggle a.db-adjust-logo img {
  width: 77%;
  margin-top: 4px;
}
.plus-products-site-toggle a:hover img, .plus-products-site-toggle a.active img {
  opacity: 1;
}

.plus-products-grid .add-basket {
  display: none;
}

@media (max-width: 414px) {
  .trial-time-left {
    padding-top: 20px;
    text-align: center;
    clear: both;
    font-size: 1.4em;
  }
}

.plus-products-bar {
  border-bottom: 1px solid #ddd;
  padding: 20px 0 15px 0;
}
.plus-products-bar .plus-products-timer h3 {
  color: #333;
  font-size: 1.4em;
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 414px) {
  .plus-products-bar {
    padding-top: 0;
  }
}

.checkout-plus-banner {
  background-color: #3f3da4;
  background-repeat: no-repeat;
  color: white;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 0 43px -10px rgba(0, 0, 0, 0.2);
  background: linear-gradient(to right, #100054 0%, #454db7 65%, #454db7 84%, #000e91 100%);
  display: flex;
  /*@include device {
    background-size: 50%;
    .banner-logo-box {
      text-align: left;
      img {
        margin: 0 0 15px 0;
      }
      button {
        float: right;
      }
    }
    .banner-text {
      border-left: 0;
      border-top: 1px solid lighten(#191b47, 15%);
      padding-top: 10px;
      margin-top: 5px;
    }
  }
  @include mobile {
    .banner-logo-box {
      text-align: center;
      img, button {
        float: none;
        margin: 5px 0 10px 0;
      }
    }
  }*/
}
.checkout-plus-banner__toggler {
  display: none;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-color: #ffffff !important;
  margin: 30px 20px;
}
.checkout-plus-banner__toggler:active, .checkout-plus-banner__toggler:focus {
  color: #ffffff;
}
.checkout-plus-banner__toggler .hide {
  display: none;
}
@media (max-width: 414px) {
  .checkout-plus-banner__toggler {
    display: inline-flex;
  }
}
.checkout-plus-banner__text-content {
  padding: 30px 0 20px 30px;
  flex: 1 1 0;
}
.checkout-plus-banner__text-content .checkout-plus-banner__logo-img {
  max-width: 150px;
  margin-bottom: 20px;
  display: inline-block;
}
.checkout-plus-banner__background-splash {
  background: url("https://fbcd.co/images/plus/general/checkout-plus-banner-bg.png") no-repeat 0 -50px/450px auto;
  width: 400px;
}
.checkout-plus-banner__background-splash .checkout-plus-banner__bullets-wrapper {
  padding: 55px 0 0 120px;
}
@media (min-width: 415px) {
  .checkout-plus-banner__background-splash .checkout-plus-banner__bullets-wrapper {
    display: block !important;
  }
}
@media (max-width: 414px) {
  .checkout-plus-banner__background-splash .checkout-plus-banner__bullets-wrapper {
    display: none;
    padding-bottom: 0 !important;
  }
}
.checkout-plus-banner__background-splash .checkout-plus-banner__bullets {
  padding: 0 0 0 0;
  list-style-type: none;
  text-align: left;
  line-height: 160%;
}
.checkout-plus-banner__background-splash .checkout-plus-banner__bullets li::before {
  content: "+";
  color: #ef9f1f;
  font-size: 1.5em;
  margin-right: 10px;
}
.checkout-plus-banner__background-splash .checkout-plus-banner__product-tile {
  text-align: center;
  background-color: white;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  margin: 20px 60px;
}
.checkout-plus-banner__background-splash .checkout-plus-banner__product-tile.-added .-in-cart {
  display: block;
}
.checkout-plus-banner__background-splash .checkout-plus-banner__product-name {
  font-weight: bold;
  color: black;
  padding: 12px 0;
  display: block;
}
.checkout-plus-banner__background-splash .checkout-plus-banner__product-info {
  position: absolute;
  z-index: 2;
  border-radius: 4px;
  padding: 4px 8px 3px;
  color: white;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.checkout-plus-banner__background-splash .checkout-plus-banner__product-info.-days-left {
  top: 10px;
  right: 10px;
  background: linear-gradient(to right, #efab00, #eb850f);
}
.checkout-plus-banner__background-splash .checkout-plus-banner__product-info.-in-cart {
  top: 10px;
  left: 10px;
  display: none;
  background: linear-gradient(to right, #5ac651, rgb(126.4285714286, 210.5844155844, 119.4155844156));
}
.checkout-plus-banner__background-splash .checkout-plus-banner__product-info i {
  margin-right: 5px;
}
.checkout-plus-banner .toggle-btn-checkout-plus {
  border: 2px solid #ef9f1f;
  color: white;
  outline: none;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 374px) {
  .checkout-plus-banner .toggle-btn-checkout-plus {
    padding: 10px;
  }
}
.checkout-plus-banner .toggle-btn-checkout-plus .fa {
  margin-right: 9px;
}
@media (max-width: 374px) {
  .checkout-plus-banner .toggle-btn-checkout-plus .fa {
    display: none;
  }
}
.checkout-plus-banner .toggle-btn-checkout-plus:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}
.checkout-plus-banner .toggle-btn-checkout-plus.active {
  background: linear-gradient(to right, #efab00, #eb850f);
}
@media (max-width: 991px) {
  .checkout-plus-banner {
    text-align: center;
    background: linear-gradient(to bottom, #100054 0%, #454db7 100%);
    display: block;
    padding-bottom: 1px;
    margin-top: 20px;
  }
  .checkout-plus-banner .checkout-plus-banner__text-content {
    padding: 30px 20px 20px;
  }
  .checkout-plus-banner .checkout-plus-banner__background-splash {
    background-image: none;
    display: block;
    text-align: center;
    width: auto;
    background-color: rgba(0, 0, 0, 0.2);
    margin: 0 20px 20px 20px;
    border-radius: 10px;
  }
  .checkout-plus-banner .checkout-plus-banner__background-splash ul {
    text-align: center;
  }
  .checkout-plus-banner .checkout-plus-banner__bullets-wrapper {
    padding: 30px 20px 20px 20px;
  }
  .checkout-plus-banner .checkout-plus-banner__bullets-wrapper.in, .checkout-plus-banner .checkout-plus-banner__bullets-wrapper.collapsing {
    display: block !important;
  }
  .checkout-plus-banner .checkout-plus-banner__product-tile {
    margin: 0;
  }
}
@media (max-width: 414px) {
  .checkout-plus-banner {
    margin-top: 10px;
  }
}

.product-plus-box {
  background-color: #191b47;
  text-align: center;
  padding: 25px 5px 25px 5px;
  border-radius: 2px;
}
.product-plus-box img {
  width: 70%;
  margin-bottom: 15px;
  display: inline-block;
}
.product-plus-box strong {
  color: white;
  display: block;
  font-weight: 400;
  font-size: 1.4em;
}

.product-plus-download-btn {
  position: relative;
  padding: 20px 10px;
  background-color: #ef9f1f;
  width: 100%;
}
.product-plus-download-btn:after {
  bottom: 100%;
  left: 50%;
  border: solid rgba(136, 183, 213, 0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #ef9f1f;
  border-width: 10px;
  margin-left: -10px;
  transition: all 150ms ease-in-out;
}
.product-plus-download-btn:hover, .product-plus-download-btn:focus {
  background-color: rgb(242.4, 179.4, 78.6);
  color: white !important;
}
.product-plus-download-btn:hover:after, .product-plus-download-btn:focus:after {
  border-bottom-color: rgb(242.4, 179.4, 78.6);
}
.product-plus-download-btn.product-plus-download-locked {
  background-color: #999;
}
.product-plus-download-btn.product-plus-download-locked:after {
  border-bottom-color: #999;
}
.product-plus-download-btn.product-plus-alt {
  background-color: #1c9cd2;
}
.product-plus-download-btn.product-plus-alt:after {
  border-bottom-color: #1c9cd2;
}

.plus-download-btn__icon {
  vertical-align: middle;
  font-size: 1.2em;
  margin-left: 0.5em;
}

.plus-products-download-list {
  background-color: rgb(38.28125, 41.34375, 108.71875);
  padding: 10px 0;
}
.plus-products-download-list li a {
  padding: 10px 20px;
  display: block;
  color: white;
}
.plus-products-download-list li a i {
  margin-right: 15px;
}

.product-plus-alt-text {
  font-size: 0.9em;
  text-align: center;
  padding: 20px 20px 10px 20px;
  display: block;
  color: #999;
}

.checkout-plus-discount {
  background-color: #eee;
  display: inline-block;
  color: #111;
  font-weight: bold;
}
.checkout-plus-discount img {
  width: 55px;
  float: left;
  margin: 13px 15px 0 10px;
}
.checkout-plus-discount span {
  display: inline-block;
  background-color: #eee;
  font-size: 0.9em;
  padding: 12px;
  border-left: 1px solid #ddd;
}

.plus-banner-plus {
  margin-top: 50px;
  box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.24);
}
.plus-banner-plus .banner-logo-box img {
  height: 30px;
  margin: 15px 0 13px 0;
}
.plus-banner-plus .banner-logo-box a {
  color: white;
  margin-top: 0;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 0.85em;
  display: block;
  margin-left: 20px;
  margin-right: 20px;
}
.plus-banner-plus .banner-logo-box a:hover {
  color: black;
}
.plus-banner-plus .plus-perks-list {
  width: 84%;
  float: left;
}
.plus-banner-plus .plus-perks-list li {
  width: 25%;
  float: left;
  line-height: 140%;
  padding: 17px 10px 0 0;
  margin-bottom: 5px;
  cursor: pointer;
}
.plus-banner-plus .plus-perks-list li svg {
  width: 60px;
  height: 60px;
  float: left;
  margin-top: -12px;
  margin-right: 8px;
  border: 2px solid transparent;
}
.plus-banner-plus .plus-perks-list li svg path, .plus-banner-plus .plus-perks-list li svg rect, .plus-banner-plus .plus-perks-list li svg polygon {
  fill: white;
}
.plus-banner-plus .plus-perks-list li:hover svg {
  border: 0;
}
.plus-banner-plus .tooltip .tooltip-inner {
  background-color: #111 !important;
  color: #eee !important;
  padding: 10px;
  font-size: 12px;
  border-top: 3px solid #ef9f1f;
  font-family: "proximanova", sans-serif;
}
.plus-banner-plus .tooltip.in {
  opacity: 1;
}
.plus-banner-plus .tooltip .tooltip-arrow {
  border-bottom: 5px solid #ef9f1f !important;
  opacity: 1;
}
@media (max-width: 414px) {
  .plus-banner-plus {
    margin-top: 80px;
    padding-bottom: 50px;
  }
  .plus-banner-plus .banner-logo-box img {
    height: 40px;
    margin: 20px 0;
  }
  .plus-banner-plus .plus-perks-list {
    width: 100%;
    text-align: center;
  }
  .plus-banner-plus .plus-perks-list li {
    width: 100%;
    height: 26px;
    padding-left: 30px;
  }
  .plus-banner-plus .plus-perks-list li svg {
    width: 30px;
    position: absolute;
    float: none;
    margin: -5px 0 0 -40px;
  }
}

.plus-cancel-page {
  margin-bottom: 50px;
}
.plus-cancel-page .container-cancel {
  width: 60%;
  margin: auto;
}
.plus-cancel-page .container-cancel .plus-cancel-perks-list {
  margin-bottom: 25px;
}
.plus-cancel-page .container-cancel .plus-cancel-perks-list li {
  margin-bottom: 10px;
}
.plus-cancel-page .container-cancel .plus-cancel-perks-list li i {
  margin-right: 15px;
  opacity: 0.2;
}
.plus-cancel-page .container-cancel input[type=checkbox] {
  margin: 4px 9px 0 0;
  float: left;
}
.plus-cancel-page .container-cancel label {
  cursor: pointer;
}
.plus-cancel-page .container-cancel .cancel-plus-button {
  text-decoration: underline;
  color: #e9444a;
  border: 0;
  font-weight: bold;
  background-color: transparent;
  padding: 0;
  float: right;
  margin-top: 20px;
}

.plus_upgrade_box {
  background-image: url("https://fbcd.co/images/banners/other/plus/plus_upgrade_br_corner.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 10px;
  width: 40%;
  margin: auto;
  padding-bottom: 10px;
}
.plus_upgrade_box.upgrade-sub-box-account {
  border: 1px dashed #5ac651;
  width: 100%;
}
.plus_upgrade_box hr {
  opacity: 1;
  width: 80%;
}
.plus_upgrade_box .payment_plan {
  font-size: 1.8em;
}
.plus_upgrade_box .payment_plan big {
  font-size: 1.5em;
}
.plus_upgrade_box .payment_plan small {
  color: #999;
  font-size: 14px;
}
@media (max-width: 414px) {
  .plus_upgrade_box {
    width: 100%;
  }
  .dollar-deal-plus {
    margin-top: 90px !important;
  }
}
.plus-product-unlock {
  background-color: #fff;
  box-shadow: 0 0 43px -10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 15px 0;
  margin: 0;
}
.plus-product-unlock i.fa-lock {
  position: absolute;
  line-height: 100%;
  left: 22px;
  top: 0;
  font-size: 50px;
  opacity: 0.05;
}
.plus-product-unlock .unlock-info {
  padding-left: 70px;
}
.plus-product-unlock .unlock-info p {
  padding: 0;
  margin: 3px 0 0 0;
}

.free-fonts-plus-banner {
  background-color: #191b47;
  text-align: center;
  padding: 25px 15px 25px 15px;
  border-radius: 4px;
  margin-top: 20px;
  color: white;
}
.free-fonts-plus-banner img.free-plus-logo {
  width: 150px;
  margin-bottom: 20px;
}
.free-fonts-plus-banner span.points {
  display: block;
  font-weight: bold;
}
.free-fonts-plus-banner span.points i {
  font-size: 0.8em;
  margin: 0 10px;
  opacity: 0.3;
}

.plus-popup-container {
  background-color: #191b47;
  color: white;
  background-image: url("https://fbcd.co/images/other/general/plus_popup_left.png"), url("https://fbcd.co/images/other/general/plus_popup_right.png");
  background-position: left bottom, right bottom;
  background-repeat: no-repeat, no-repeat;
}
.plus-popup-container .plus-popup-logo {
  height: 50px;
  margin: 20px 0;
}
.plus-popup-container .plus-popup-info {
  margin-top: 25px;
  border: 1px solid rgb(38.28125, 41.34375, 108.71875);
  border-radius: 10px;
  overflow: hidden;
  background-color: rgba(25, 27, 71, 0.95);
}
.plus-popup-container .plus-popup-info h4 {
  padding: 15px;
  margin: 0;
  background-color: rgb(51.5625, 55.6875, 146.4375);
  position: relative;
  text-align: left;
}
.plus-popup-container .plus-popup-info h4 svg {
  position: absolute;
  right: 10px;
  top: 12px;
  height: 26px;
  width: auto;
  fill: white !important;
  opacity: 0.2;
}
.plus-popup-container .plus-popup-info p {
  padding: 20px 0;
  display: block;
  margin-top: 0 !important;
}

.checkout-plus-label {
  display: inline-block;
  padding: 1px 5px 3px;
  margin-top: 5px;
  border-radius: 3px;
  background-color: #f7f7f7;
  border: 1px solid #ed9e05;
}
.checkout-plus-label img {
  width: 34px;
  height: 100%;
}

.checkout-plus-no-border {
  border-bottom: none !important;
}

.pagination-block-component {
  margin: 20px 0;
  text-align: center;
}
.pagination-block-component li {
  display: inline-block;
}
.pagination-block-component li button {
  font-weight: bold;
  background-color: white;
  border-radius: 3px;
  border: 0;
  width: 40px;
  min-height: 40px;
  padding: 10px 0;
  color: #999;
  transition: all 100ms ease-in-out;
}
@media (max-width: 414px) {
  .pagination-block-component li button {
    width: 30px;
    min-height: 30px;
    padding: 0;
  }
}
.pagination-block-component li button:hover:not(.disabled), .pagination-block-component li button.active {
  background-color: #1c9cd2;
  color: white;
}
.pagination-block-component li button.disabled {
  background-color: #ddd;
}
.pagination-block-component li input[type=number] {
  height: 40px;
  padding: 10px 13px;
  border-radius: 3px;
  border: 1px solid #96d6f1;
  width: 120px;
}

#buyPlusModal .credits {
  color: #ed9508;
  font-weight: bold;
  line-height: 36px;
  display: inline-block;
  background-image: url("https://fbcd.co/images/icons/plus/plus_icn_orange_white.min.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 24px 24px;
  padding-left: 31px;
}

.plus-default-box {
  background-color: #191b47;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
}

.plus-video-examples .video-preview-block {
  position: relative;
}
.plus-video-examples .video-cloak, .plus-video-examples .video-cloak-play {
  width: 100%;
  height: 100%;
  display: block;
}
.plus-video-examples .video-cloak .fa-play-circle, .plus-video-examples .video-cloak-play .fa-play-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -11px;
  margin-top: -11px;
}

.plus-video-block {
  position: relative;
  padding-top: 66.66%;
  margin: 20px 0;
  border: none;
}
.plus-video-block .plus-video {
  position: absolute;
  display: inline;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.product-montage-banner {
  height: 460px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.product-montage-banner .montage-tilt {
  display: flex;
  transform: rotate(-18.5deg);
  width: 125%;
  height: 100%;
  margin-top: -30vw;
  margin-left: -12.5%;
}
.product-montage-banner .montage-tilt .montage-column {
  flex-direction: column;
  flex: 1 1 auto;
  padding: 5px;
}
.product-montage-banner .montage-tilt .montage-column .montage-image {
  width: 100%;
  padding-top: 66.47%;
  border-radius: 5px;
  margin-bottom: 10px;
  background-color: #111;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.15;
}
.product-montage-banner .montage-tilt .montage-column:nth-child(1) {
  margin-top: 5.198vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(1) {
    margin-top: 10vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(2) {
  margin-top: 10.396vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(2) {
    margin-top: 20vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(3) {
  margin-top: 15.594vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(3) {
    margin-top: 30vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(4) {
  margin-top: 20.792vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(4) {
    margin-top: 40vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(5) {
  margin-top: 25.99vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(5) {
    margin-top: 50vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(6) {
  margin-top: 31.188vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(6) {
    margin-top: 60vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(7) {
  margin-top: 36.386vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(7) {
    margin-top: 70vw;
  }
}
.product-montage-banner .montage-tilt .montage-column:nth-child(8) {
  margin-top: 41.584vw;
}
@media (max-width: 414px) {
  .product-montage-banner .montage-tilt .montage-column:nth-child(8) {
    margin-top: 80vw;
  }
  .product-montage-banner .montage-hidden-xs {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .product-montage-banner .montage-hidden-sm {
    display: none;
  }
}

.plus-landing-page {
  position: relative;
  overflow: hidden;
}
.plus-landing-page .plus-landing-background {
  background-color: #1e1e1e;
}
.plus-landing-page .plus-landing-top {
  color: white;
  height: calc(100vh - 118px);
  min-height: 600px;
  z-index: 3;
  position: relative;
}
.plus-landing-page .plus-landing-top .landing-top-content {
  max-width: 1000px;
  width: 94%;
  margin: 0 auto;
  overflow: hidden;
  z-index: 3;
}
.plus-landing-page .plus-landing-top .landing-top-content .landing-logo {
  display: inline-block;
  width: 250px;
  height: 72px;
  text-indent: -10000px;
  background-size: 100%;
  margin-bottom: 7%;
}
.plus-landing-page .plus-landing-top .landing-top-content .landing-title {
  margin-bottom: 30px;
}
.plus-landing-page .plus-landing-top .landing-top-content .btn-action {
  min-width: 276px;
}
.plus-landing-page .plus-landing-top .landing-top-content .btn-action-bordered {
  color: #ef9f1f;
  box-shadow: inset 0px 0px 0px 2px #ef9f1f;
  min-width: 276px;
  background-color: transparent;
}
.plus-landing-page .plus-landing-top .landing-scroll-arrow {
  bottom: 20px;
  text-align: center;
  cursor: pointer;
  transition: all 100ms ease-in-out;
  padding-bottom: 0;
}
.plus-landing-page .plus-landing-top .landing-scroll-arrow img {
  width: 20px;
  margin-top: 5px;
}
.plus-landing-page .plus-landing-top .landing-scroll-arrow:hover {
  padding-bottom: 7px;
}
.plus-landing-page .plus-landing-top .landing-scroll-arrow.arrowHidden {
  opacity: 0;
}
@media (max-width: 767px) {
  .plus-landing-page .plus-landing-top {
    height: calc(100vh - 50px);
  }
}
.plus-landing-page .landing-feature-video {
  margin: -40px auto 60px auto;
  position: relative;
}
.plus-landing-page .landing-feature-video__container {
  max-width: 600px;
  margin: auto;
}
.plus-landing-page .landing-feature-video:before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #ef9f1f;
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  left: 85%;
}
.plus-landing-page .landing-feature-video:after {
  content: "";
  height: 3px;
  width: 100%;
  background-color: #ef9f1f;
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  right: 85%;
}
@media (max-width: 991px) {
  .plus-landing-page .landing-feature-video {
    margin: 0;
  }
  .plus-landing-page .landing-feature-video:before {
    left: 100%;
  }
  .plus-landing-page .landing-feature-video:after {
    right: 100%;
  }
}
@media (max-width: 414px) {
  .plus-landing-page .landing-feature-video {
    margin: 70px auto -30px auto;
  }
  .plus-landing-page .landing-feature-video:before, .plus-landing-page .landing-feature-video:after {
    display: none;
  }
}
.plus-landing-page .plus-landing-features {
  padding-bottom: 70px;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
.plus-landing-page .plus-landing-features .landing-feature-header-row {
  margin: 150px 0 100px 0;
}
.plus-landing-page .plus-landing-features .landing-feature-header-row .underline-plus {
  padding-bottom: 5px;
  border-bottom: 3px solid #ef9f1f;
}
.plus-landing-page .plus-landing-features .landing-feature-row {
  margin: 30px 0;
  display: flex;
}
.plus-landing-page .plus-landing-features .landing-feature-row .landing-feature-text .feature-text-box {
  position: absolute;
  padding: 50px;
  color: white;
  top: 50%;
  transform: translateY(-50%);
}
.plus-landing-page .plus-landing-features .landing-feature-row .landing-feature-text .feature-text-box:after {
  height: 3px;
  width: 100%;
  content: "";
  background-color: #ef9f1f;
  display: inline-block;
  position: absolute;
  top: calc(50% - 1px);
}
.plus-landing-page .plus-landing-features .landing-feature-row .landing-feature-text.right-text {
  text-align: right;
}
.plus-landing-page .plus-landing-features .landing-feature-row .landing-feature-text.right-text .feature-text-box:after {
  left: 103%;
}
.plus-landing-page .plus-landing-features .landing-feature-row .landing-feature-text.left-text {
  text-align: left;
}
.plus-landing-page .plus-landing-features .landing-feature-row .landing-feature-text.left-text .feature-text-box:after {
  right: 103%;
}
.plus-landing-page .plus-landing-features .landing-feature-row .feature-row-img {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  display: block;
}
@media (max-width: 767px) {
  .plus-landing-page .plus-landing-features .landing-feature-row {
    display: block;
  }
  .plus-landing-page .plus-landing-features .landing-feature-row .landing-feature-text .feature-text-box {
    position: relative;
    top: auto;
    transform: translateY(0);
  }
  .plus-landing-page .plus-landing-features .landing-feature-row .landing-feature-text.right-text .feature-text-box:after {
    left: 98%;
  }
  .plus-landing-page .plus-landing-features .landing-feature-row .landing-feature-text.left-text .feature-text-box:after {
    right: 98%;
  }
  .plus-landing-page .plus-landing-features .landing-feature-header-row {
    margin: 80px 0 0 0;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .plus-landing-page .plus-landing-features .landing-feature-header-row {
    margin: 50px 0 100px 0;
  }
}

/* 09 / 09 / 2020

- Cancel Popups
- Response Popup
- Round Plus Buttons

*/
.cancel-memb {
  display: flex;
}
.cancel-memb__left-col {
  background-color: #ef9f1f;
  background-image: url("https://fbcd.co/images/plus/general/cancel-background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 300px;
  flex: 0 1 300px;
  position: relative;
  border-radius: 6px 0 0 6px;
}
.cancel-memb__left-col .cancel-memb__speech-bubble {
  background-image: url("https://fbcd.co/images/plus/general/cancel-quote-bubble.png");
  background-position: 50%;
  background-size: auto;
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  top: 35%;
  left: 0;
  height: 100px;
  text-align: center;
}
.cancel-memb__left-col .cancel-memb__speech-bubble .cancel-memb__bubble-text {
  font-weight: bold;
  width: 140px;
  display: inline-block;
  margin-top: 16px;
}
.cancel-memb__right-col {
  flex: 1 1 0px;
  padding: 30px 80px;
}
.cancel-memb__right-col .cancel-memb__title {
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 2.2em;
  line-height: 1.3em;
}
.cancel-memb__right-col .cancel-memb__loss-point {
  color: #999;
  padding: 10px 0;
  display: flex;
  line-height: 130%;
  align-items: center;
  font-size: 1.1em;
}
.cancel-memb__right-col .cancel-memb__loss-point .cancel-memb__loss-icon {
  min-width: 40px;
  height: 50px;
  margin-right: 20px;
}
.cancel-memb__right-col .cancel-memb__loss-point .cancel-memb__loss-icon.-freebies {
  background: url("https://fbcd.co/images/plus/icons/loose-freebies-1.svg") no-repeat center/80%;
}
.cancel-memb__right-col .cancel-memb__loss-point .cancel-memb__loss-icon.-credits {
  background: url("https://fbcd.co/images/plus/icons/loose-credits-2.svg") no-repeat center/100%;
}
.cancel-memb__right-col .cancel-memb__crown-divider {
  width: 28px;
  height: 28px;
  margin: 20px auto;
  background: url("https://fbcd.co/images/plus/icons/plus-crown-grey.svg") no-repeat 100%/100%;
  position: relative;
}
.cancel-memb__right-col .cancel-memb__crown-divider:before {
  content: "";
  width: 150px;
  height: 1px;
  display: inline-block;
  background-color: #ddd;
  position: absolute;
  top: 14px;
  right: 48px;
}
.cancel-memb__right-col .cancel-memb__crown-divider:after {
  content: "";
  width: 150px;
  height: 1px;
  display: inline-block;
  background-color: #ddd;
  position: absolute;
  top: 14px;
  left: 48px;
}
.cancel-memb__right-col .cancel-memb__buttons {
  margin-top: 30px;
}
@media (max-width: 991px) {
  .cancel-memb {
    padding: 25px 20px;
  }
  .cancel-memb__left-col {
    display: none;
  }
  .cancel-memb__right-col {
    padding: 0;
  }
  .cancel-memb__right-col .cancel-memb__crown-divider:before, .cancel-memb__right-col .cancel-memb__crown-divider:after {
    width: 70px;
  }
}
@media (max-width: 414px) {
  .cancel-memb .cancel-memb__buttons {
    display: flex;
    flex-direction: column;
  }
  .cancel-memb .cancel-memb__buttons .btn-primary + .btn-primary {
    margin-left: 0;
    margin-top: 10px;
  }
  .cancel-memb .cancel-memb__buttons .btn-round {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }
}

.cancel-incentives {
  background-image: url("https://fbcd.co/images/plus/general/benefits-background.jpg");
  background-repeat: no-repeat;
  background-color: #f08116;
  background-size: 100% auto;
  min-height: 500px;
  border-radius: 5px;
  padding: 0 30px 100px 30px;
}
.cancel-incentives__logo {
  margin: 40px auto 10px auto;
  height: 50px;
  width: auto;
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.1));
}
.cancel-incentives__logo path, .cancel-incentives__logo polygon {
  fill: white;
}
.cancel-incentives__sub-text {
  text-align: center;
  color: white;
  font-weight: bold;
  color: #ffff95;
}
.cancel-incentives__slider-wrapper {
  display: flex;
  overflow: hidden;
}
.cancel-incentives__slider-wrapper .cancel-incentives__slider-title {
  color: white;
  font-weight: bold;
  text-align: center;
  padding-top: 50px;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  max-width: 600px;
  margin: 0 auto 30px auto;
}
.cancel-incentives__slider-wrapper .cancel-incentives__slider-section {
  flex: 1 0 100%;
  position: relative;
  transition: all 350ms ease-in-out;
}
.cancel-incentives__slider-wrapper .cancel-incentives__slider-content {
  min-height: 300px;
  transition: all 350ms ease-in-out;
  height: 0;
  display: none;
}
.cancel-incentives__slider-wrapper .cancel-incentives__slider-content.-visible {
  display: block;
  height: auto !important;
}
@media (max-width: 414px) {
  .cancel-incentives__slider-wrapper .cancel-incentives__slider-content:not(.-visible) {
    height: 0 !important;
  }
}
.cancel-incentives__perks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cancel-incentives__perks .cancel-incentives__perk-box {
  flex: 0 1 23%;
  max-width: 23%;
  height: 145px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  margin: 0 1%;
  padding: 10px;
  margin-bottom: 60px;
}
.cancel-incentives__perks .cancel-incentives__perk-image {
  border-radius: 10px;
  height: 100%;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.cancel-incentives__perks .cancel-incentives__perk-image.-after-party {
  background: white url("https://fbcd.co/images/plus/landing/plus-feature-afterparty-2.png") no-repeat center/auto 70%;
}
.cancel-incentives__perks .cancel-incentives__perk-image.-extra-freebies {
  background: white url("https://fbcd.co/images/plus/landing/plus-feature-fpotw-2.png") no-repeat center/auto 90%;
}
.cancel-incentives__perks .cancel-incentives__perk-image.-bonus-points {
  background: white url("https://fbcd.co/images/plus/landing/plus-feature-bonuses-3.png") no-repeat center/auto 90%;
}
.cancel-incentives__perks .cancel-incentives__perk-image.-discounts-15 {
  background: white url("https://fbcd.co/images/plus/landing/plus-feature-15.png") no-repeat center/auto 80%;
}
.cancel-incentives__perks .cancel-incentives__perk-image.-discounts-10 {
  background: white url("https://fbcd.co/images/plus/landing/plus-feature-10.png") no-repeat center/auto 80%;
}
.cancel-incentives__perks .cancel-incentives__perk-label {
  text-align: center;
  color: #ffff95;
  font-size: 16px;
  margin-top: 30px;
  font-weight: bold;
}
.cancel-incentives__offers {
  display: flex;
  justify-content: center;
  margin: 10px 30px;
  flex-wrap: wrap;
}
.cancel-incentives__offers .cancel-incentives__offer-block {
  text-align: left;
  margin: 0 2%;
  flex: 0 1 46%;
  max-width: 46%;
  color: black;
  background-color: white;
  padding: 10px 35px 10px 15px;
  border-radius: 5px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  display: flex;
}
.cancel-incentives__offers .cancel-incentives__offer-block h4 {
  font-weight: bold;
  line-height: 150%;
}
.cancel-incentives__offers .cancel-incentives__offer-block button {
  font-size: 0.9em;
  margin-bottom: 10px;
}
.cancel-incentives__offers .cancel-incentives__offer-img {
  width: 100px;
  text-align: center;
}
.cancel-incentives__offers .cancel-incentives__offer-img img {
  width: 50px;
  margin-right: 15px;
  display: block;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.cancel-incentives__questionnaire {
  background-color: white;
  border-radius: 5px;
  width: 80%;
  margin: 20px auto;
  padding: 20px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.cancel-incentives__questionnaire .input-group, .cancel-incentives__questionnaire .checkout-row__addons .addons__row .col1, .checkout-row__addons .addons__row .cancel-incentives__questionnaire .col1 {
  padding: 5px 0 !important;
}
.cancel-incentives__questionnaire input {
  margin-right: 10px;
}
.cancel-incentives__questionnaire label {
  font-weight: 500 !important;
  cursor: pointer;
  font-size: 13px !important;
}
.cancel-incentives__questionnaire .cancel-incentives__questionaire-header {
  margin: 0;
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 150%;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.cancel-incentives__buttons {
  bottom: 25px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.cancel-incentives__buttons .btn-round {
  min-width: 210px;
}
@media (max-width: 991px) {
  .cancel-incentives__perks .cancel-incentives__perk-box {
    flex-basis: 46%;
    max-width: 46%;
    margin: 0 2% 60px;
  }
  .cancel-incentives__offers {
    margin: auto;
  }
  .cancel-incentives__offers .cancel-incentives__offer-block {
    flex-basis: 70%;
    margin-bottom: 15px;
  }
  .cancel-incentives__questionnaire {
    width: 80%;
  }
}
@media (max-width: 414px) {
  .cancel-incentives {
    padding: 0 30px 30px 30px;
  }
  .cancel-incentives__perks .cancel-incentives__perk-box {
    flex-basis: 100%;
    max-width: 100%;
    min-height: 160px;
  }
  .cancel-incentives__offers {
    margin: auto;
  }
  .cancel-incentives__offers .cancel-incentives__offer-block {
    flex-basis: 100%;
    margin: 0 0 15px 0;
    max-width: 100%;
  }
  .cancel-incentives__questionnaire {
    width: 100%;
    margin: 40px auto 0;
  }
  .cancel-incentives__questionnaire input {
    float: left;
  }
  .cancel-incentives__questionnaire label {
    display: inline;
  }
  .cancel-incentives__questionnaire .form-group {
    margin-bottom: 10px;
  }
  .cancel-incentives__buttons {
    bottom: auto;
    left: auto;
    position: relative;
    margin-top: 30px;
  }
}

.plus-response-modal {
  background: linear-gradient(to right, #efab00, #eb850f);
  color: white;
  font-size: 18px;
  padding: 30px;
  text-align: center;
  font-weight: bold;
  border-radius: 5px;
  line-height: 140%;
}

.btn-round {
  background-color: #eee;
  border-radius: 50px;
  padding: 12px 40px;
  border: 0;
  font-weight: bold;
  transition: all 100ms ease-in-out;
  color: black;
  outline: 0;
  display: inline-block;
  cursor: pointer;
}
.btn-round.-plus-orange {
  background-color: #ffb13d;
  color: white;
}
.btn-round.-plus-orange:hover {
  color: white;
}
.btn-round.-plus-gradient {
  background: linear-gradient(to right, #efab00, #eb850f);
  color: white;
}
.btn-round.-plus-gradient:hover {
  color: white;
}
.btn-round.-dark-shadow {
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.btn-round.-btn-small {
  margin-top: 10px;
  padding: 5px 20px;
  font-size: 0.9em;
}
.btn-round + .btn-round {
  margin-left: 10px;
}
.btn-round:hover {
  transform: translateY(-4px);
  color: black;
  text-decoration: none;
}
.btn-round.-disabled, .btn-round:disabled[disabled] {
  pointer-events: none;
  opacity: 0.6;
}
@media (max-width: 414px) {
  .btn-round + .btn-round {
    margin-left: 0;
    margin-top: 15px;
  }
  .btn-round + .btn-round:hover {
    transform: translateY(0);
  }
}

.plusDesignScapeBanner {
  height: 100%;
  display: flex;
}
.plusDesignScapeBanner > div {
  display: flex;
}
.plusDesignScapeBanner a {
  display: flex;
  height: 100%;
  text-decoration: none;
  color: white;
  justify-content: center;
  flex: 1;
}
.plusDesignScapeBanner a img {
  min-height: auto;
  max-width: 100%;
  align-self: flex-start;
}
.plusDesignScapeBanner__close {
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 7px;
}
@media (max-width: 414px) {
  .plusDesignScapeBanner__close svg {
    width: 20px;
  }
}

.table-details {
  width: 70%;
}
@media (max-width: 991px) {
  .table-details {
    width: 100%;
  }
}

.btn-group {
  display: inline-flex;
}
.btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
  cursor: pointer;
}
.btn-group .btn:first-child {
  border-radius: 10px 0 0 10px !important;
}
.btn-group .btn:last-child {
  border-radius: 0 10px 10px 0 !important;
  border-left: 0 !important;
}

.plus-info-tooltip {
  font-size: 16px;
  color: #999;
  display: inline-block;
  margin-left: 3px;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-width: 2.5;
  stroke-miterlimit: 10;
  stroke: #000;
  animation: stroke 1s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  display: block;
  stroke-miterlimit: 50;
  box-shadow: inset 0 0 0 #000;
  animation: fill 0.8s ease-in-out 0.8s forwards, scale 0.6s ease-in-out 1s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  animation: stroke 0.8s cubic-bezier(0.65, 0, 0.45, 1) 1s forwards;
  stroke: #000;
  stroke-width: 4;
}

.your-plan-block {
  padding: 10px !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.your-plan-block__left {
  padding: 30px;
  max-width: 65%;
}
.your-plan-block__right {
  max-width: 35%;
  background-color: #f8f8f8;
  padding: 30px;
  border-radius: 4px;
}
.your-plan-block__heading {
  font-size: 2.5rem;
}
.your-plan-block__divider {
  margin: 20px 0;
}
.your-plan-block__paused-label {
  display: inline-block;
  background-color: #fdf5e7;
  border-radius: 30px;
  padding: 5px 15px;
  color: #ffa200;
}
.your-plan-block__trial-label {
  display: inline-block;
  background: rgb(228.4285714286, 245.8207792208, 226.9792207792);
  border-radius: 30px;
  padding: 5px 15px;
  color: #5ac651;
  margin-bottom: 10px;
}
.your-plan-block__list-item {
  margin-top: 10px;
  color: #555;
  display: flex;
  align-items: center;
}
.your-plan-block__list-item svg {
  flex: 0 0 20px;
  margin: -1px 10px 0 0;
}
@media (max-width: 991px) {
  .your-plan-block .your-plan-block__left {
    max-width: 100%;
    padding: 30px 20px;
  }
  .your-plan-block .your-plan-block__right {
    max-width: 100%;
    width: 100%;
  }
  .your-plan-block .your-plan-block__heading {
    font-size: 2.3rem;
  }
}

.subscription-cancel {
  text-align: center;
  padding: 20px;
}

.checkout-container {
  background-color: rgb(51, 51, 51);
}
.checkout-container .checkout-info {
  max-width: 890px;
  margin: auto;
  margin-bottom: 20px;
  color: white;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 20px;
}
.checkout-container .checkout-info h3 {
  color: white;
}

.product-review__image {
  padding-top: 20px;
}
.product-review__image .dropzone-parent {
  width: 320px;
  margin: 0;
}
@media (max-width: 414px) {
  .product-review__image .dropzone-parent {
    width: 100%;
  }
}
.product-review__image .dropzone-pre-upload {
  min-height: 200px;
}

.tooltip-close-btn {
  background-color: white;
  border-radius: 30px;
  font-weight: bold;
  color: black;
  padding: 6px 12px;
  margin-top: 5px;
  display: inline-block;
  font-size: 0.9em;
  cursor: pointer;
}

.horizontal-banner {
  padding: 25px;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  /* Secret Deals Banner */
  /* Discount Code Banner */
}
.horizontal-banner__flex-text {
  width: 100%;
  max-width: 850px;
}
.horizontal-banner__title {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.horizontal-banner__para {
  line-height: 150%;
}
.horizontal-banner__btn {
  font-weight: 600;
  line-height: 19px;
}
.horizontal-banner__btn:hover {
  box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.3);
  background-color: white;
}
.horizontal-banner__button-label {
  display: block;
  text-align: center;
}
.horizontal-banner__input {
  border: 0;
  padding: 17px 0;
  border-radius: 6px;
  text-align: center;
  font-size: 1.4rem;
  background-color: white;
  font-weight: 600;
  margin-top: 5px;
  width: 160px;
}
.horizontal-banner__input:focus {
  outline: 0;
  border: 0;
}
@media (max-width: 1200px) {
  .horizontal-banner__flex-text {
    max-width: 100%;
  }
  .horizontal-banner__btn {
    margin-top: 15px;
  }
}
.horizontal-banner.-secret-deals {
  color: white;
  background: #1ea4f3 url("https://fbcd.co/images/pages/dollar-deal/secret-deals-banner.svg") no-repeat;
  background-size: 150px auto;
  background-position: 810px 25px;
}
@media (max-width: 1200px) {
  .horizontal-banner.-secret-deals {
    background: #1ea4f3 url("https://fbcd.co/images/pages/dollar-deal/secret-deals-banner-flip.svg") no-repeat;
    background-size: 130px auto;
    background-position: calc(100% + 50px) calc(100% + 40px);
  }
}
.horizontal-banner.-discount-code {
  color: white;
  background: #562ac5 url("https://fbcd.co/images/pages/purchases/discount-code-banner-1.1.svg") no-repeat;
  background-size: 180px auto;
  background-position: 780px -10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .horizontal-banner.-discount-code {
    /* IE10 IE11 */
    background-size: 180px 115%;
  }
}
.horizontal-banner.-discount-code .horizontal-banner__flex-btn {
  padding: 0 30px;
}
.horizontal-banner.-discount-code .horizontal-banner__btn {
  width: 100%;
  margin-top: 5px;
}
@media (max-width: 1200px) {
  .horizontal-banner.-discount-code {
    background-size: 200px auto;
    background-position: calc(100% + 10px) calc(100% + 5px);
  }
  .horizontal-banner.-discount-code .horizontal-banner__flex-btn {
    padding: 10px 0 0 0;
    margin-top: 10px;
    border-top: 1px dashed rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 991px) {
  .horizontal-banner.-discount-code .horizontal-banner__flex-text {
    flex: 1;
    min-width: 100%;
    padding-right: 200px;
  }
}
@media (max-width: 414px) {
  .horizontal-banner.-discount-code {
    background-size: 140px auto;
  }
  .horizontal-banner.-discount-code .horizontal-banner__flex-text {
    padding-right: 0;
  }
}

.dollar-deal-banner {
  background: #3ec47d;
  background-image: url("https://fbcd.co/images/pages/homepage/homepage-dd-banner-3.0.png");
  background-size: cover;
  border-radius: 10px;
  min-height: 110px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  color: white;
  padding: 0 30px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .dollar-deal-banner {
    height: 100px;
  }
}
.dollar-deal-banner__title {
  font-size: 3rem;
  text-transform: uppercase;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
}
.dollar-deal-banner__title-label {
  font-size: 2rem;
  display: block;
}
.dollar-deal-banner__countdown {
  width: 195px;
}
.dollar-deal-banner__c-wrapper {
  display: inline-flex;
  margin-bottom: 8px;
}
.dollar-deal-banner__c-heading {
  text-transform: uppercase;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  margin-left: 6px;
  font-weight: 600;
  letter-spacing: 2px;
}
.dollar-deal-banner__c-box {
  font-size: 3rem;
  position: relative;
  margin-right: 7px;
  width: 50px;
  height: 43px;
  text-align: center;
}
.dollar-deal-banner__c-box:after {
  content: ":";
  position: absolute;
  right: 0;
  font-size: 2rem;
  top: 6px;
  right: -6px;
  color: white;
}
.dollar-deal-banner__c-box:last-child {
  margin-right: 0;
}
.dollar-deal-banner__c-box:last-child:after {
  content: "";
}
.dollar-deal-banner__c-timer {
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.dollar-deal-banner__c-text {
  position: absolute;
  width: 100%;
  bottom: -10px;
  font-size: 1rem;
  text-transform: uppercase;
  opacity: 0.7;
}
.dollar-deal-banner__go-to-btn {
  background-color: transparent;
  border: 2px solid white;
  font-size: 1.5rem;
  color: white;
}
.dollar-deal-banner__go-to-btn:hover {
  background-color: white;
  color: black;
}
.dollar-deal-banner__live {
  display: inline-block;
}
.dollar-deal-banner__live span {
  color: white;
  margin-bottom: 5px;
  text-align: center;
  display: block;
  font-weight: 600;
  text-transform: uppercase;
}
.dollar-deal-banner__live big {
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-size: 3rem;
  background-color: #ffeb3b;
  color: black;
  border-radius: 5px;
  padding: 2px 15px;
  transition: all 100ms;
}
.dollar-deal-banner__live:hover {
  text-decoration: none;
}
.dollar-deal-banner__live:hover big {
  background-color: rgb(255, 229.7959183673, 8);
}
@media (max-width: 1200px) {
  .dollar-deal-banner__title {
    font-size: 2.6rem;
  }
}
@media (max-width: 991px) {
  .dollar-deal-banner {
    justify-content: center;
    padding: 20px;
  }
  .dollar-deal-banner__countdown {
    background-color: #2e9658;
    border-radius: 4px;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .dollar-deal-banner__title {
    letter-spacing: 4px;
    line-height: 130%;
    margin: 20px;
    text-align: center;
  }
}

.-copied-response {
  width: 32px;
  height: 32px;
  background-color: #40c756;
  border-radius: 50px;
  position: absolute;
  background-image: url("https://fbcd.co/images/icons/tick-bold-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36%;
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-animation: "copySuccess 1000ms 1";
  -o-animation: "copySuccess 1000ms 1";
  animation: "copySuccess 1000ms 1";
}

.t-container {
  background-color: white;
  padding: 20px 15px 20px 15px;
}
.t-container .row {
  padding: 0 0 20px 0;
  border-bottom: 1px solid #eee;
}
@media (min-width: 768px) and (max-width: 992px) {
  .t-container .row {
    border-bottom: 5px solid #eee;
  }
}

.purchase-video-container {
  padding: 20px 50px;
  margin-bottom: 20px;
}

.purchased-table h4 {
  padding: 0;
}
.purchased-table h4 a {
  color: black;
}
.purchased-table h4 small {
  display: block;
  font-size: 0.7em;
  color: #555;
  font-weight: normal;
}
.purchased-table .purchase-store {
  font-size: 1.1rem;
  color: #999999;
  word-break: break-word;
}
.purchased-table .purchase-store a {
  color: #999999;
}
.purchased-table small {
  color: #aaa;
}
.purchased-table big {
  display: block;
  font-size: 1.1em;
  line-height: 80%;
  margin-bottom: 10px;
  margin-top: 3px;
}
.purchased-table .purchase-licence-display {
  display: flex;
  align-items: center;
  justify-content: center;
}
.purchased-table .purchase-image-container {
  position: relative;
}
.purchased-table .purchase-image-container img.purchase-image {
  height: 140px;
  margin-right: 20px;
}
@media (max-width: 414px) {
  .purchased-table .purchase-image-container {
    margin-left: 0;
    float: none;
  }
}
.purchased-table .purchase-content {
  margin-left: 230px;
}
@media (max-width: 414px) {
  .purchased-table .purchase-content {
    margin-left: 0;
    text-align: left;
  }
}
.purchased-table .purchase-plus-credits {
  color: #f7941d;
  background-image: url("https://fbcd.co/images/icons/plus/plus_icn_orange_white.min.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 24px 24px;
  line-height: 26px;
  padding: 5px 0 5px 31px;
}
.purchased-table .review_rating {
  font-size: 1.4em;
  line-height: 100%;
  margin-top: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.purchased-table .review_rating small.give-rating {
  font-size: 10px;
  display: block;
  margin-bottom: 2px;
}
.purchased-table .review_rating small.edit-rating {
  font-size: 10px;
  display: block;
  cursor: pointer;
}
.purchased-table .review_rating small.edit-rating:hover {
  text-decoration: underline;
}
.purchased-table .review_rating a {
  font-size: 17px;
  width: 20px;
  height: 20px;
}
.purchased-table .review_rating .starrr a {
  color: #ffb400;
}
.purchased-table .review_rating .starrr a.fa-star:hover {
  text-decoration: none;
}
.purchased-table .review_rating .starrr-rated a {
  color: #ffb400;
}
.purchased-table .edit-rating-link {
  color: #999;
  display: block;
  font-size: 0.8em;
  padding: 0;
  margin: 0;
}
.purchased-table .view-bundles-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.8em;
  padding: 7px 10px;
  font-weight: 400;
  margin-top: -30px;
}
.purchased-table .ttf-btn {
  font-size: 0.8em;
  background-color: #eee;
  position: absolute;
  padding: 3px 9px;
  margin-top: 10px;
}
.purchased-table .purchase-search {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .purchased-table .purchase-search__container {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .purchased-table .purchase-search {
    flex-direction: column;
  }
}
.purchased-table .purchase-search input {
  white-space: nowrap;
  padding-right: 40px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .purchased-table .purchase-search input {
    min-width: 200px;
  }
}
@media (min-width: 992px) {
  .purchased-table .purchase-search input {
    min-width: 260px;
  }
}
.purchased-table .purchase-search input::-ms-clear {
  display: none;
}
@media (min-width: 768px) {
  .purchased-table .purchase-search-btn,
  .purchased-table .purchase-search .reset-search-btn {
    padding: 12px 30px;
  }
}
.purchased-table .purchase-search__input {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
}
@media (min-width: 992px) {
  .purchased-table .purchase-search__input {
    flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .purchased-table .purchase-search__input {
    width: 100%;
  }
}
.purchased-table .purchase-search__input:first-child {
  align-items: flex-end;
  flex-direction: row;
}
@media (min-width: 768px) and (max-width: 992px) {
  .purchased-table .purchase-search__input:first-child {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
  }
}
@media (max-width: 767px) {
  .purchased-table .purchase-search__input {
    margin-top: 1rem;
  }
}
@media (min-width: 992px) {
  .purchased-table .purchase-search__input .inline-label,
  .purchased-table .purchase-search__input .select-input {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
  }
}
.purchased-table .purchase-search__input-reset {
  position: absolute;
  right: 25px;
  bottom: 0;
  width: 30px;
  line-height: 3em;
  text-align: center;
  color: #999;
  cursor: pointer;
}
.purchased-table .purchase-search__input-reset:hover {
  color: #2f2f2f;
}
@media (max-width: 767px) {
  .purchased-table .purchase-search__input-reset {
    right: 10px;
    top: 2px;
  }
}
.purchased-table .purchase-search__input-wrapper {
  width: 260px;
  margin: 0 auto;
  position: relative;
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 992px) {
  .purchased-table .purchase-search__input-wrapper {
    width: 200px;
  }
}
.purchased-table .purchase-search__input-wrapper .search-text-input {
  text-indent: 0;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 767px) {
  .purchased-table .purchase-search__input-wrapper {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .purchased-table .purchase-search__input .-search-input {
    margin-right: 20px;
  }
}
.purchased-table .purchase-search .inline-label {
  margin-right: 6px;
  min-width: 60px;
  left: 0;
  margin-left: 0;
  text-align: left;
}
.purchased-table .purchase-search .inline-label:hover {
  color: #5c5b69;
  cursor: text;
}
.purchased-table .purchase-search .input-lg {
  height: 46px;
  max-width: 260px;
  display: inline-block;
}
@media (min-width: 768px) {
  .purchased-table .purchase-search__action-group {
    padding-left: 2px;
  }
}
@media (min-width: 992px) {
  .purchased-table .purchase-search__action-group {
    padding-left: 16px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .purchased-table .product-purchase-row {
    height: 110px !important;
  }
}
@media (max-width: 767px) {
  .purchased-table .product-purchase-row {
    height: auto !important;
  }
  .purchased-table .purchase-licence-btn {
    margin: 30px 0;
    top: 0;
    transform: none;
  }
}
@media (max-width: 414px) {
  .purchased-table {
    text-align: center;
  }
  .purchased-table .purchase-image-container img.purchase-image {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
  .purchased-table .purchase-image-container .view-bundles-btn {
    bottom: 15px;
    right: 0;
  }
  .purchased-table .review_rating {
    padding-bottom: 20px;
  }
  .purchased-table .clip-text, .purchased-table .upcoming-plus-products h3, .upcoming-plus-products .purchased-table h3 {
    white-space: normal;
  }
}

.purchase-licence-btn {
  border: 1px solid rgb(249.0244897959, 216.1591836735, 199.9755102041);
  height: 30px;
  width: 100%;
  color: #dd5918;
  background-color: white;
  text-align: center;
  font-size: 0.9em;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .purchase-licence-btn {
    flex-direction: column;
    height: 60px;
    align-items: stretch;
  }
}
.purchase-licence-btn:hover {
  color: rgb(174.9959183673, 70.4734693878, 19.0040816327);
}
.purchase-licence-btn strong {
  font-size: 0.9em;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .purchase-licence-btn strong {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}
.purchase-licence-btn span {
  justify-content: center;
  float: right;
  width: 30px;
  text-align: center;
  background-color: rgb(251.5224489796, 232.3959183673, 222.9775510204);
  border-left: 1px solid rgb(249.0244897959, 216.1591836735, 199.9755102041);
  color: #dd5918;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .purchase-licence-btn span {
    width: 100%;
  }
}

.files-container {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 15px;
  padding: 0 15px;
}
.files-container ul {
  width: 100%;
  background-color: #f7f7f7;
  margin: 0;
  border: 1px solid #ccc;
}
.files-container ul li {
  border-bottom: 1px solid #ccc;
}
.files-container ul li:last-child {
  border-bottom: 0;
}
.files-container ul li.list-heading strong {
  padding: 15px;
  display: inline-block;
}
.files-container ul li.list-heading .table-button {
  background-color: #ddd;
  color: #111;
  font-weight: bold;
  cursor: pointer;
  padding: 15px;
}
.files-container ul li a {
  padding: 6px 15px;
  color: #111;
  display: block;
  line-height: 44px;
}
@media (max-width: 414px) {
  .files-container ul li a {
    display: flex;
    word-break: break-all;
    align-items: center;
    text-align: left;
    line-height: 125%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.files-container ul li a:hover {
  background-color: #eee;
}
.files-container ul li a .file-format {
  margin-right: 1em;
}
@media (max-width: 414px) {
  .files-container ul li a .file-format {
    flex-shrink: 0;
  }
}
.files-container ul li .file-format-medium {
  margin: -6px 20px 0 0;
}

.bundle-product-table {
  clear: both;
  float: left;
  padding: 0 15px;
  border-top: 1px solid #ddd;
  width: 100%;
  display: none;
  background-color: #f9f9f9;
  margin-top: 15px;
}
.bundle-product-table .row {
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
}

/*START web/includes/elements/store/purchases/layout/purchases_layout.php*/
h4 #product_name, h4 #edit_name {
  font-weight: bold;
}

textarea#product_review, textarea#edit_review {
  resize: vertical;
}

.rest-symbols {
  flex-grow: 1;
  margin-left: auto;
  width: fit-content;
  text-align: right;
}

.purchases-tab-menu {
  width: 100%;
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
}
.purchases-tab-menu li {
  margin-right: 25px;
}
.purchases-tab-menu li > a, .purchases-tab-menu li span.menu-link {
  color: #444;
  font-size: 0.85em;
  font-weight: bold;
  padding: 20px 0;
  display: block;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 50ms ease-in-out;
  border-bottom: 3px solid transparent;
  text-decoration: none;
}
.purchases-tab-menu li > a i, .purchases-tab-menu li span.menu-link i {
  margin-right: 5px;
}
.purchases-tab-menu li > a.active, .purchases-tab-menu li > a:hover, .purchases-tab-menu li span.menu-link.active, .purchases-tab-menu li span.menu-link:hover {
  border-bottom: 3px solid #1c9cd2;
  color: #1c9cd2;
}
.purchases-tab-menu li > a.plus.active, .purchases-tab-menu li > a.plus:hover, .purchases-tab-menu li span.menu-link.plus.active, .purchases-tab-menu li span.menu-link.plus:hover {
  color: #ef9f1f;
  border-bottom: 3px solid #ef9f1f;
}
.purchases-tab-menu li.-u-float-right {
  margin-right: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  .purchases-tab-menu li .instantCollapse {
    width: 100%;
  }
}
@media (max-width: 414px) {
  .purchases-tab-menu {
    display: table;
    table-layout: fixed;
    margin-top: 20px;
  }
  .purchases-tab-menu li {
    margin-right: 0;
    display: table-cell;
  }
  .purchases-tab-menu li a, .purchases-tab-menu li span.menu-link {
    text-align: center;
    padding: 10px 10px;
    font-size: 0.7em;
    opacity: 0.4;
  }
  .purchases-tab-menu li a i, .purchases-tab-menu li span.menu-link i {
    display: block;
    margin-bottom: 5px;
    font-size: 1.6em;
    margin-right: 0;
  }
  .purchases-tab-menu li a.active, .purchases-tab-menu li a:hover, .purchases-tab-menu li span.menu-link.active, .purchases-tab-menu li span.menu-link:hover {
    opacity: 1;
    background-color: white;
  }
}
.purchases-tab-menu #purchase-export-data .btn-secondary {
  margin-left: 20px;
}

.invoices-table {
  background-color: #f5f5f5;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.invoices-table td,
.invoices-table th {
  padding: 15px;
}
.invoices-table thead {
  border-bottom: 1px solid #ddd;
}
.invoices-table thead th {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.85em;
  text-align: left;
}
.invoices-table tbody tr {
  border-bottom: 1px dashed #ddd;
}

@media (max-width: 414px) {
  .pagination-block-component .beginning-pages,
  .pagination-block-component .ending-pages {
    display: none !important;
  }
}

/*END web/includes/elements/store/purchases/layout/purchases_layout.php*/
.how-to-guides {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .how-to-guides {
    justify-content: center;
  }
}
.how-to-guides .fa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 6px;
  width: 18px;
  height: 12px;
  border-radius: 4px;
  background-color: #ffffff;
}

.store-signup {
  /* Sections */
  position: relative;
  background: white;
  /* Header  */
  /* Perks */
  /* Curved graphic */
}
.store-signup__header {
  background-color: #f8f8f8;
  padding: 50px 0 160px 0;
}
.store-signup__perks {
  position: relative;
  padding-bottom: 100px;
  z-index: 2;
  background: url("https://fbcd.co/images/pages/store-register/store-signup-perks-left.jpg") -1% bottom/33% no-repeat, url("https://fbcd.co/images/pages/store-register/store-signup-perks-right.jpg") 100% bottom/23% no-repeat, white;
  max-width: 1600px;
  margin: 0 auto;
  padding-top: 50px;
}
.store-signup__testimonials {
  background-color: #f8f8f8;
  padding-top: 150px;
  padding-bottom: 200px;
  position: relative;
  overflow-x: hidden;
}
.store-signup__signup-form {
  background-color: #5ac651;
  position: relative;
  color: white;
  padding: 100px 0;
}
.store-signup__signup-form .store-signup-form__portfolio-input:not(.error-input):focus {
  border-color: #40c756 !important;
}
.store-signup__title {
  font-size: 40px;
  margin-bottom: 20px;
}
.store-signup__btn-wrapper {
  padding: 20px 5px 0 5px;
  display: inline-block;
}
.store-signup__perks-container {
  position: relative;
  top: -60px;
  text-align: center;
}
.store-signup__perk-tile {
  padding: 0 20px;
  margin-bottom: 40px;
}
.store-signup__perk-img {
  height: 54px;
}
.store-signup__curved-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateY(100%);
}
.store-signup__curved-border svg {
  height: 150px;
  width: 100%;
}
.store-signup__curved-border svg path {
  fill: white;
}
.store-signup__curved-border--top {
  bottom: auto;
  top: 0;
  transform: translateY(-100%) rotate(180deg);
}
.store-signup__curved-border--green svg path {
  fill: #5ac651;
}
@media (min-width: 1200px) {
  .store-signup__perks {
    background: url("https://fbcd.co/images/pages/store-register/store-signup-perks-left.jpg") -1% bottom/30% no-repeat, url("https://fbcd.co/images/pages/store-register/store-signup-perks-right.jpg") 100% bottom/20% no-repeat, white;
  }
}
@media (min-width: 1600px) {
  .store-signup__perks {
    background: url("https://fbcd.co/images/pages/store-register/store-signup-perks-left.jpg") -1% bottom/40% no-repeat, url("https://fbcd.co/images/pages/store-register/store-signup-perks-right.jpg") 100% bottom/30% no-repeat, white;
  }
}
@media (max-width: 767px) {
  .store-signup__curved-border svg {
    height: 80px;
  }
  .store-signup__perks {
    padding-bottom: 0;
    background-image: none;
  }
  .store-signup__perks-container {
    top: 0;
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .store-signup__perk-tile {
    height: 250px;
    text-align: center;
  }
  .store-signup__signup-form {
    padding: 50px 0;
  }
}
@media (max-width: 414px) {
  .store-signup__header {
    padding-bottom: 80px;
  }
  .store-signup__curved-border svg {
    height: 60px;
  }
  .store-signup__perk-tile {
    text-align: center;
    height: auto;
  }
  .store-signup__btn-wrapper a {
    padding: 12px 18px;
  }
}

.testimonials {
  width: 118%;
  left: -9%;
  position: relative;
}
.testimonials__list-item {
  height: 100%;
}
.testimonials__tile {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.05);
  padding: 20px;
  margin: 20px 0;
  height: calc(100% - 40px);
}
.testimonials__quote {
  line-height: 160%;
  color: #666;
  height: calc(100% - 55px);
  position: relative;
  padding-top: 30px;
}
.testimonials__quote:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  height: 20px;
  width: 20px;
  background: url("https://fbcd.co/images/icons/left-quote.svg") no-repeat top left/cover;
  opacity: 0.2;
}
.testimonials__avater {
  width: 44px;
  height: 44px;
  border-radius: 3px;
  border: 1px solid #eee;
  margin-right: 10px;
}
.testimonials__arrow-btn {
  position: absolute;
  bottom: -5px;
  width: 28px;
  height: 28px;
  opacity: 0.3;
  cursor: pointer;
  z-index: 1;
}
.testimonials__arrow-btn--right {
  background: url("https://fbcd.co/images/icons/thin-right-circle.svg") no-repeat 100%/cover;
  right: 26%;
}
.testimonials__arrow-btn--left {
  background: url("https://fbcd.co/images/icons/thin-left-circle.svg") no-repeat 100%/cover;
  left: 26%;
}
.testimonials__arrow-btn:hover {
  opacity: 1;
}
.testimonials .lSPager {
  padding-top: 15px !important;
}
.testimonials .lSPager li a {
  background-color: transparent !important;
  border: 1px solid #ccc;
  width: 10px !important;
  height: 10px !important;
}
.testimonials .lSPager li.active a {
  background-color: #1c9cd2 !important;
  border: 1px solid #1c9cd2;
  box-shadow: 0 0 10px 0 rgba(28, 156, 210, 0.5);
}
@media (max-width: 991px) {
  .testimonials {
    width: calc(100% - 40px);
    left: 20px;
  }
}
@media (max-width: 414px) {
  .testimonials__arrow-btn--right {
    right: 10%;
  }
  .testimonials__arrow-btn--left {
    left: 10%;
  }
}

.store-signup-form__progress-bar {
  color: white;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
}
.store-signup-form__progress-bar li {
  margin: 0 15px;
  opacity: 0.3;
}
.store-signup-form__progress-bar li.enabled, .store-signup-form__progress-bar li.active {
  cursor: pointer;
  opacity: 1;
}
.store-signup-form__progress-bar li.enabled span, .store-signup-form__progress-bar li.active span {
  background-color: white;
  color: #5ac651;
}
.store-signup-form__progress-bar li.active span {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.store-signup-form__progress-bar span {
  border: 2px solid white;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-block;
  color: white;
  padding-top: 4px;
  margin-right: 7px;
}
.store-signup-form__alerts {
  max-width: 650px;
  margin: auto;
  margin-top: 30px;
  position: relative;
  top: 35px;
}
.store-signup-form__box {
  background-color: white;
  margin: 100px auto;
  color: black;
  width: 650px;
  max-width: 100%;
  padding: 70px 70px 30px 70px;
  text-align: left;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.3);
}
.store-signup-form__box .handdrawproducts-container {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
.store-signup-form__box .handdrawproducts-container .custom-control-container {
  display: flex;
  flex-direction: column;
}
.store-signup-form__box .handdrawproducts-container .custom-control-container.border-bottom {
  border-bottom: 1px solid #ccc;
}
.store-signup-form__box .handdrawproducts-container .custom-checkmark-text {
  font-weight: bold;
}
.store-signup-form__box .handdrawproducts-container .custom-control-checkmark {
  top: calc(50% - 10.5px);
  left: 15px;
}
.store-signup-form__box .handdrawproducts-container .custom-control-label-container {
  border-left: 1px solid #ccc;
  margin-left: 15px;
  padding: 15px;
  min-height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.store-signup-form__box .productslicensesource-container {
  display: none;
}
.store-signup-form__header {
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 60px 0;
}
.store-signup-form__information {
  padding: 1rem;
  background-color: #f8f8f8;
}
.store-signup-form__information > * {
  margin-bottom: 0;
}
.store-signup-form__portfolio-info {
  background-color: rgb(195, 231.5714285714, 247);
  margin: 10px 0 25px 0;
  padding: 20px;
}
.store-signup-form__portfolio-input {
  transition: all 0.2s;
  padding-right: 42px;
}
.store-signup-form__portfolio-input.-emphasis {
  box-shadow: 0 0 0 1px #5ac651 !important;
  border: 1px solid #5ac651;
}
.store-signup-form__portfolio-remove {
  position: absolute;
  right: 12px;
  border: 1px solid #e9444a;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  top: 6px;
  color: #e9444a;
  text-align: center;
  cursor: pointer;
  opacity: 0.6;
  display: flex;
}
.store-signup-form__portfolio-remove .fa {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}
.store-signup-form__portfolio-remove:hover {
  opacity: 1;
}
@media (max-width: 991px) {
  .store-signup-form__progress-bar li {
    width: 30%;
    margin: 0;
  }
  .store-signup-form__progress-bar li strong {
    display: block;
    font-size: 0.85em;
  }
  .store-signup-form__progress-bar li span {
    margin: 0 0 8px 0;
  }
  .store-signup-form__box {
    margin: 50px auto;
    padding: 70px 35px 30px 35px;
  }
}
.store-signup-form .grecaptcha-privacy {
  color: #FFFFFF;
}
.store-signup-form .grecaptcha-privacy a {
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: underline !important;
}
.store-signup-form .grecaptcha-privacy a:hover, .store-signup-form .grecaptcha-privacy a:active, .store-signup-form .grecaptcha-privacy a:visited {
  color: #FFFFFF;
}

.earnings-calc {
  margin: 0 auto 200px auto;
  padding: 20px;
}
.earnings-calc__stat-block {
  margin: 30px 0;
}
.earnings-calc__stat {
  padding: 15px;
  display: inline-block;
  width: 160px;
  margin: 0 6px;
  text-align: center;
}
.earnings-calc__stat big {
  display: block;
  font-size: 1.8em;
}
@media (max-width: 414px) {
  .earnings-calc__stat {
    padding: 0;
    margin: 0;
  }
}
.earnings-calc__sign {
  font-size: 1.4em;
  background-color: #eee;
  padding: 5px 15px;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  top: -12px;
  margin: 0 10px;
  width: 40px;
}
@media (max-width: 414px) {
  .earnings-calc__sign {
    display: block;
    margin: 22px auto 0 auto;
  }
}
.earnings-calc__slider-container {
  max-width: 450px;
  width: 100%;
  margin: auto;
  display: inline-block;
  position: relative;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
  background-color: white;
}
.earnings-calc__slider {
  -webkit-appearance: none;
  margin-top: 20px;
  appearance: none;
  max-width: 300px;
  width: 100%;
  height: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
  border-radius: 3px;
  float: left;
}
.earnings-calc__slider:hover {
  opacity: 1;
}
.earnings-calc__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #5ac651;
  cursor: pointer;
  border-radius: 50px;
}
.earnings-calc__input {
  width: 70px;
  float: right;
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 3px;
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 414px) {
  .earnings-calc__input {
    float: none;
    margin-top: 25px;
  }
  .earnings-calc {
    margin-bottom: 50px;
  }
}

/* IE11 */
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .earnings-calc__slider {
    padding: 0;
    margin: 0;
    height: 50px;
    background: none;
  }
  .earnings-calc__slider::-ms-track {
    width: 300px;
    height: 5px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
  }
  .earnings-calc__slider::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
  }
  .earnings-calc__slider::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
  }
  .earnings-calc__slider::-ms-thumb {
    border: none;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #5ac651;
  }
  .earnings-calc__slider:focus::-ms-fill-lower {
    background: #888;
  }
  .earnings-calc__slider:focus::-ms-fill-upper {
    background: #ccc;
  }
}
/*END web/includes/elements/store/javascript/latest_bundle_popup.php*/
/* END web/includes/elements/store/category_layout */
.buy-page {
  padding: 0 !important;
}

.buy-page .header {
  border: 1px solid #CCCCCC;
  background: #fff;
  color: #2BA73C;
  padding: 20px;
}

.buy-page .content {
  border-radius: 0;
}

.buy-page .body {
  padding: 20px;
  background: #fff;
  border: 1px solid #CCC;
  border-top: none;
}

.buy-page .green {
  color: #2BA73C;
}

.buy-page .foots {
  padding: 20px;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
}

.buy-page .form-control {
  border-radius: 0;
}

.buy-page .btn {
  border-radius: 0;
}

.buy-page .dialog {
  display: inline-block;
  text-align: left;
  width: 100%;
  vertical-align: middle;
}

.buy-page .btn-pay {
  font-size: 10px;
  padding: 11px 10px 9px 10px;
  min-height: 40px;
}

.register-tab .foots {
  display: none;
}

.banner-jumbo {
  padding: 0;
  margin: 0;
}

.banner-jumbo .banner-container {
  padding: 0;
  width: 100%;
  position: relative;
}

.payment-256 {
  display: inline-block;
  color: #2BA73C;
  position: relative;
  top: 22px;
  left: 20px;
}

.buy-page .body {
  padding: 20px;
  background: #fff;
  border: 1px solid #CCC;
  border-top: none;
}

.quill-content {
  display: inline-block;
  width: 100%;
}
.quill-content p,
.quill-content ol,
.quill-content ul,
.quill-content pre,
.quill-content blockquote,
.quill-content h1,
.quill-content h2,
.quill-content h3,
.quill-content h4,
.quill-content h5,
.quill-content h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.quill-content ol,
.quill-content ul {
  padding-left: 1.5em;
}
.quill-content ol > li,
.quill-content ul > li {
  list-style-type: none;
}
.quill-content ul > li::before {
  content: "•";
}
.quill-content ul[data-checked=true],
.quill-content ul[data-checked=false] {
  pointer-events: none;
}
.quill-content ul[data-checked=true] > li *,
.quill-content ul[data-checked=false] > li * {
  pointer-events: all;
}
.quill-content ul[data-checked=true] > li::before,
.quill-content ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.quill-content ul[data-checked=true] > li::before {
  content: "☑";
}
.quill-content ul[data-checked=false] > li::before {
  content: "☐";
}
.quill-content li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.quill-content li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.quill-content li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.quill-content ol li:not(.ql-direction-rtl),
.quill-content ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.quill-content ol li.ql-direction-rtl,
.quill-content ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.quill-content ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.quill-content ol li:before {
  content: counter(list-0, decimal) ". ";
}
.quill-content ol li.ql-indent-1 {
  counter-increment: list-1;
}
.quill-content ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}
.quill-content ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.quill-content ol li.ql-indent-2 {
  counter-increment: list-2;
}
.quill-content ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}
.quill-content ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.quill-content ol li.ql-indent-3 {
  counter-increment: list-3;
}
.quill-content ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}
.quill-content ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.quill-content ol li.ql-indent-4 {
  counter-increment: list-4;
}
.quill-content ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}
.quill-content ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.quill-content ol li.ql-indent-5 {
  counter-increment: list-5;
}
.quill-content ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}
.quill-content ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.quill-content ol li.ql-indent-6 {
  counter-increment: list-6;
}
.quill-content ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}
.quill-content ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.quill-content ol li.ql-indent-7 {
  counter-increment: list-7;
}
.quill-content ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}
.quill-content ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.quill-content ol li.ql-indent-8 {
  counter-increment: list-8;
}
.quill-content ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}
.quill-content ol li.ql-indent-8 {
  counter-reset: list-9;
}
.quill-content ol li.ql-indent-9 {
  counter-increment: list-9;
}
.quill-content ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}
.quill-content .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.quill-content li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.quill-content .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.quill-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.quill-content .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.quill-content li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.quill-content .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.quill-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.quill-content .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.quill-content li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.quill-content .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.quill-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.quill-content .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.quill-content li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.quill-content .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.quill-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.quill-content .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.quill-content li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.quill-content .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.quill-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.quill-content .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.quill-content li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.quill-content .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.quill-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.quill-content .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.quill-content li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.quill-content .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.quill-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.quill-content .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.quill-content li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.quill-content .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.quill-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.quill-content .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.quill-content li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.quill-content .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.quill-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
@media (max-width: 767px) {
  .quill-content .ql-indent-1:not(.ql-direction-rtl), .quill-content .ql-indent-2:not(.ql-direction-rtl), .quill-content .ql-indent-3:not(.ql-direction-rtl), .quill-content .ql-indent-4:not(.ql-direction-rtl),
  .quill-content .ql-indent-5:not(.ql-direction-rtl), .quill-content .ql-indent-6:not(.ql-direction-rtl), .quill-content .ql-indent-7:not(.ql-direction-rtl), .quill-content .ql-indent-8:not(.ql-direction-rtl),
  .quill-content .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 0 !important;
  }
}
.quill-content .ql-video {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}
.quill-content .ql-video + .ql-link-button,
.quill-content .ql-video + .ql-klaviyo-form {
  margin-top: 20px;
}
.quill-content .ql-video.ql-align-center {
  margin: 0 auto;
}
.quill-content .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.quill-content .ql-bg-black {
  background-color: #000;
}
.quill-content .ql-bg-red {
  background-color: #e60000;
}
.quill-content .ql-bg-orange {
  background-color: #f90;
}
.quill-content .ql-bg-yellow {
  background-color: #ff0;
}
.quill-content .ql-bg-green {
  background-color: #008a00;
}
.quill-content .ql-bg-blue {
  background-color: #06c;
}
.quill-content .ql-bg-purple {
  background-color: #93f;
}
.quill-content .ql-color-white {
  color: #fff;
}
.quill-content .ql-color-red {
  color: #e60000;
}
.quill-content .ql-color-orange {
  color: #f90;
}
.quill-content .ql-color-yellow {
  color: #ff0;
}
.quill-content .ql-color-green {
  color: #008a00;
}
.quill-content .ql-color-blue {
  color: #06c;
}
.quill-content .ql-color-purple {
  color: #93f;
}
.quill-content .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.quill-content .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.quill-content .ql-size-small {
  font-size: 0.75em;
}
.quill-content .ql-size-large {
  font-size: 1.5em;
}
.quill-content .ql-size-huge {
  font-size: 2.5em;
}
.quill-content .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.quill-content .ql-align-center {
  text-align: center;
}
.quill-content .ql-align-justify {
  text-align: justify;
}
.quill-content .ql-align-right {
  text-align: right;
}
.quill-content .ql-caption {
  font-size: 14px;
  color: #999;
}
.quill-content .ql-caption-mb-fix {
  margin-bottom: 0 !important;
}
.quill-content h1 {
  font-size: 2em !important;
  padding: 0 !important;
}
.quill-content h2 {
  font-size: 1.5em !important;
  padding: 0 !important;
}
.quill-content h3 {
  font-size: 1.17em !important;
  padding: 0 !important;
}
.quill-content h4 {
  font-size: 1em !important;
  padding: 0 !important;
}
.quill-content h5 {
  font-size: 0.83em !important;
  padding: 0 !important;
}
.quill-content h6 {
  font-size: 0.67em !important;
  padding: 0 !important;
}
.quill-content a:not(.btn-primary):hover {
  text-decoration: underline;
}
.quill-content blockquote {
  margin-bottom: 5px;
  margin-top: 5px;
  background: rgba(137, 201, 249, 0.15);
  padding: 18px;
  border-radius: 15px;
}
.quill-content code,
.quill-content pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.quill-content pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.quill-content code {
  font-size: 85%;
  padding: 2px 4px;
}
.quill-content pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.quill-content img {
  max-width: 100%;
  display: block;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}
.quill-content strong {
  font-weight: bold;
}
.quill-content s {
  text-decoration: line-through;
}
.quill-content p {
  margin-bottom: 4rem !important;
}

.relatedQuestions {
  margin-bottom: 20px;
}

.relatedQuestionTitle a {
  font-size: 16px;
  color: #4cc5fb;
}

.relatedQuestionText {
  font-size: 14px !important;
  color: #999;
}

.ql-content-menu ul {
  font-size: 1.6rem;
  padding: 30px;
  line-height: 200%;
  background-color: #f5f5f5;
  border-radius: 6px;
  font-weight: 400;
  margin-bottom: 1.5rem;
  text-decoration: none;
  counter-reset: section;
}
.ql-content-menu ul li {
  padding-left: 0;
  margin: 0;
}
.ql-content-menu ul li + li {
  margin-top: 7px;
}
.ql-content-menu ul li:first-letter {
  text-transform: uppercase;
}
.ql-content-menu ul li a {
  color: #000000;
  text-decoration: none;
  font-weight: 500;
}
.ql-content-menu ul li a:hover {
  text-decoration: underline;
}
.ql-content-menu ul li:before {
  font-weight: 600;
  color: #000000;
  width: auto;
  margin: inherit;
  margin-right: 1rem !important;
  text-align: left;
  counter-increment: section;
  content: "Part " counter(section) ": ";
}

.bf-affiliate {
  background-color: #313131;
  border-radius: 5px;
  margin: 10px 0 20px;
  color: #ffffff;
  padding: 15px 0;
}
.bf-affiliate__title {
  color: #ffffff;
  font-size: 30px;
}
.bf-affiliate__header {
  margin: 0 33px;
  padding: 10px 0 18px;
  border-bottom: 1px solid #4f4f4f;
}
.bf-affiliate__block {
  display: flex;
  flex-direction: column;
  padding: 18px 0 0;
}
.bf-affiliate__block-label {
  background-color: #3eac6a;
  border-radius: 0 5px 5px 0;
  width: 155px;
  padding: 0 0 0 33px;
  line-height: 34px;
}
.bf-affiliate__block-label > span {
  padding-left: 10px;
}
.bf-affiliate__page-links {
  padding: 0 33px;
}
.bf-affiliate__page-links__row {
  padding: 6px 0;
}
.bf-affiliate__page-links__row-title {
  line-height: 30px;
}
.bf-affiliate__page-links__row-content {
  display: flex;
}
.bf-affiliate__page-links__row-content > * {
  margin-right: 8px;
  border-radius: 5px !important;
}
.bf-affiliate__page-links__row-content .tooltip .tooltip-inner {
  background-color: #efefef !important;
  color: #000000 !important;
}
.bf-affiliate__page-links__row-content .tooltip .tooltip-arrow {
  border-right-color: #efefef;
}
.bf-affiliate__assets {
  padding: 22px 33px;
  display: flex;
}
.bf-affiliate__assets-item {
  margin-right: 20px;
}
.bf-affiliate__assets-item .img-responsive {
  max-height: 134px;
}
.bf-affiliate__assets-item:nth-last-child {
  margin-right: 0;
}
.bf-affiliate__actions {
  padding: 0 33px 12px;
}
.bf-affiliate .share-container {
  width: 100%;
}
.bf-affiliate .share-container .basic-input {
  border: 1px solid #5c5b69;
}
.bf-affiliate .share-container .btn-secondary.-btn-square {
  border: 1px solid #5c5b69;
  color: #ffffff !important;
}
.bf-affiliate .share-container .btn-secondary.-btn-square:hover {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
.bf-affiliate .share-container .btn-secondary.-btn-square.-text-facebook:hover {
  background-color: #365397 !important;
}
.bf-affiliate .share-container .btn-secondary.-btn-square.-text-twitter:hover {
  background-color: #00a9f1 !important;
}
.bf-affiliate .share-container .btn-secondary.-btn-square.-text-pinterest:hover {
  background-color: #ce1a19 !important;
}

.bf-custom-tooltip {
  opacity: 1;
  font-size: 1.5rem;
}
.bf-custom-tooltip.tooltip.show {
  opacity: 1;
}
.bf-custom-tooltip .tooltip-inner {
  padding: 25px;
  color: white;
  border-radius: 8px;
  max-width: none;
  text-align: left;
}
.bf-custom-tooltip__title-wrapper {
  text-transform: capitalize;
  color: white;
  font-weight: bold;
}
.bf-custom-tooltip__text-wrapper {
  padding: 10px 0 14px;
  font-size: 1.3rem;
}

.dollarDeal-after-party {
  background-color: #161616;
}
.dollarDeal-after-party .logo-wrapper {
  margin: 20px 0 10px 0;
}
.dollarDeal-after-party .logo-wrapper img {
  height: 130px;
}
.dollarDeal-after-party .plus-btn {
  color: #161616;
  background-image: linear-gradient(to right, #EFAB00, #EB850F);
  min-width: 252px;
  font-size: 16px;
  padding: 15px 30px;
  border: 0;
  font-weight: bold;
  outline: 0;
  cursor: pointer;
}
.dollarDeal-after-party .plus-btn:hover {
  opacity: 0.85;
}
.dollarDeal-after-party .plus-btn.confirmed {
  background-color: #5ac651;
  background-image: none;
  color: white;
}

.upe-affiliate {
  background-color: #313131;
  border-radius: 8px;
  margin: 10px 0 20px;
  color: #ffffff;
  padding: 18px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .upe-affiliate {
    flex-wrap: wrap;
  }
}
.upe-affiliate__title {
  color: #ffffff;
  font-size: 30px;
  margin: 10px 0px 10px 10px;
}
.upe-affiliate__title img {
  width: 100px;
  height: auto;
  padding-bottom: 11px;
}
.upe-affiliate__header {
  height: 33px;
  padding: 10px 0 18px;
}
.upe-affiliate__header > img {
  width: 470px;
}
.upe-affiliate__right-col {
  width: 100%;
  max-width: 350px;
}
@media (max-width: 767px) {
  .upe-affiliate__right-col {
    border: none;
    padding-top: 20px;
    border-top: 1px solid #5c5b69;
  }
}
.upe-affiliate__timer {
  padding: 20px;
  background: #252525;
  border-radius: 8px;
}
.upe-affiliate__timer-text {
  color: white;
  font-size: 2.6rem;
}
.upe-affiliate__timer > h4 {
  color: white;
  display: flex;
  justify-content: center;
}
.upe-affiliate__desc {
  font-size: 1.4rem;
  margin: 15px 10px;
  line-height: 170%;
}
.upe-affiliate__desc > a {
  color: white;
  text-decoration: underline;
}
.upe-affiliate__col {
  display: flex;
  flex-direction: column;
  padding: 18px 0 0;
}
.upe-affiliate__actions {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.upe-affiliate__actions-btn {
  flex: 1;
  padding: 10px 0 !important;
}
.upe-affiliate__live {
  line-height: 100px;
  text-align: center;
  font-size: 20px;
}

.upe-box {
  background: #252525;
  border: solid #40c756;
  margin: 10px;
  border-radius: 8px;
}

.popup-plans {
  background-color: #161616;
  text-align: center;
  padding: 40px;
  color: #ccc;
  border: 3px solid #ef9f1f;
}
.popup-plans__heading {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 400;
  color: #ccc;
}
.popup-plans__logo {
  max-width: 400px;
  width: 100%;
}
.popup-plans__usp-list {
  margin: 20px 0;
  font-size: 1.4rem;
}
.popup-plans__options {
  display: flex;
  flex-wrap: wrap;
}
.popup-plans__option {
  flex: 1;
  padding: 0 20px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.popup-plans__option:first-child {
  border: 1px solid #333;
  border-radius: 10px;
  padding: 10px;
  width: 60%;
  margin: auto;
}
.popup-plans__discount {
  color: #fd4e48;
  font-weight: 400;
  font-size: 1.5rem;
}
.popup-plans__amount {
  color: #ef9f1f;
  font-size: 3rem;
}
.popup-plans__period {
  color: white;
  text-transform: uppercase;
  font-size: 1.6rem;
  margin-top: -5px;
}
.popup-plans__subtext {
  font-weight: 400;
  margin: 15px 0;
  display: inline-block;
}
.popup-plans a.inherit-color {
  color: inherit;
}

@font-face {
  font-family: "lg";
  src: url("https://fbcd.co/css/lightslider/lg.ttf?22t19m") format("truetype"), url("https://fbcd.co/css/lightslider/lg.woff?22t19m") format("woff"), url("https://fbcd.co/css/lightslider/lg.svg?22t19m#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 10080;
  border: none;
  outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 10082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  background: none;
  border: none;
  box-shadow: none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 10080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 10080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: rgb(169, 7, 7);
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
  outline: medium none;
  border: none;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 10080;
  cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("https://fbcd.co/images/other/lightslider/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("https://fbcd.co/images/other/lightslider/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("https://fbcd.co/images/other/lightslider/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("https://fbcd.co/images/other/lightslider/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("https://fbcd.co/images/other/lightslider/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: rgb(169, 7, 7);
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 10080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.lg-outer #lg-share {
  position: relative;
}
.lg-outer #lg-share:after {
  content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e904";
}
.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e907";
}
.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e905";
}
.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e906";
}

.lg-outer .lg-img-rotate {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}

.lg-rotate-left:after {
  content: "\e900";
}

.lg-rotate-right:after {
  content: "\e901";
}

.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
  font-size: 26px;
}

.lg-flip-ver:after {
  content: "\e903";
}

.lg-flip-hor:after {
  content: "\e902";
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10050;
  text-align: left;
  opacity: 0;
  outline: none;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url("https://fbcd.co/images/other/lightslider/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 10060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lightSlider:before, .lightSlider:after {
  content: " ";
  display: table;
}

.lightSlider {
  overflow: hidden;
  margin: 0;
}

.lSSlideWrapper {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.lSSlideWrapper > .lightSlider:after {
  clear: both;
}

.lSSlideWrapper .lSSlide {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: all 1s;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform, height;
  transition-property: transform, height;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade {
  position: relative;
}

.lSSlideWrapper .lSFade > * {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 9;
  margin-right: 0;
  width: 100%;
}

.lSSlideWrapper.usingCss .lSFade > * {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade > *.active {
  z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade > *.active {
  opacity: 1;
}

/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
}

.lSSlideOuter .lSPager.lSpg > li {
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
}

.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #222222;
  border-radius: 30px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  text-indent: -999em;
  width: 8px;
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #428bca;
}

.lSSlideOuter .media {
  opacity: 0.8;
}

.lSSlideOuter .media.active {
  opacity: 1;
}

/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lSSlideOuter .lSPager.lSGallery li {
  overflow: hidden;
  -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
  transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 5px;
}

.lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: auto;
  max-width: 100%;
}

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
  content: " ";
  display: table;
}

.lSSlideOuter .lSPager.lSGallery:after {
  clear: both;
}

/* End of Gallery*/
/* slider actions */
.lSAction > a {
  width: 32px;
  display: block;
  top: 50%;
  height: 32px;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: 0.5;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
}

.lSAction > a:hover {
  opacity: 1;
}

.lSAction > .lSPrev {
  background-position: 0 0;
  left: 10px;
}

.lSAction > .lSNext {
  background-position: -32px 0;
  right: 10px;
}

.lSAction > a.disabled {
  pointer-events: none;
}

.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}

/* vertical */
.lSSlideOuter.vertical {
  position: relative;
}

.lSSlideOuter.vertical.noPager {
  padding-right: 0px !important;
}

.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: 0;
  top: 0;
}

.lSSlideOuter.vertical .lightSlider > * {
  width: 100% !important;
  max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
  left: 50%;
  margin-left: -14px;
  margin-top: 0;
}

.lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: 31px -31px;
  bottom: 10px;
  top: auto;
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
  background-position: 0 -31px;
  bottom: auto;
  top: 10px;
}

/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
  direction: rtl;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
  padding-left: 0;
  list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
  padding-right: 0;
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
  float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
  float: right !important;
}

/* Rtl */
@-webkit-keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
.lSSlideOuter .rightEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}

.lSSlideOuter .leftEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}

.lSSlideOuter.vertical .rightEnd {
  -webkit-animation: topEnd 0.3s;
  animation: topEnd 0.3s;
  position: relative;
}

.lSSlideOuter.vertical .leftEnd {
  -webkit-animation: bottomEnd 0.3s;
  animation: bottomEnd 0.3s;
  position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}

/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

#croppic {
  width: 400px; /* MANDATORY */
  height: 208px; /* MANDATORY */
  position: relative; /* MANDATORY */
  margin: 50px 70px 20px;
  border: 3px solid #FFF;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  border-radius: 2px;
  background-image: url("../../js/croppic/placeholder.png");
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.1);
}

/* DO NOT CHANGE FROM HERE ( unless u know what u are doing) */
.cropImgWrapper {
  cursor: -webkit-grab;
  cursor: grab;
}

.cropImgWrapper:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.cropImgUpload {
  z-index: 2;
  position: absolute;
  display: block;
  top: -30px;
  right: -2px;
  font-family: sans-serif;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #FFF;
}

.cropControls {
  z-index: 2;
  position: absolute;
  height: 30px;
  display: block;
  /* top: -31px; */
  top: 5px;
  right: 5px;
  font-family: sans-serif;
  background-color: rgb(0, 0, 0);
}

.cropControls i {
  display: block;
  float: left;
  margin: 0;
  cursor: pointer;
  background-image: url("../../js/croppic/cropperIcons.png");
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 20px;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
}

.cropControls i:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.cropControls i.cropControlZoomMuchIn {
  background-position: 0px 0px;
}

.cropControls i.cropControlZoomIn {
  background-position: -30px 0px;
}

.cropControls i.cropControlZoomOut {
  background-position: -60px 0px;
}

.cropControls i.cropControlZoomMuchOut {
  background-position: -90px 0px;
}

.cropControls i.cropControlRotateLeft {
  background-position: -210px 0px;
}

.cropControls i.cropControlRotateRight {
  background-position: -240px 0px;
}

.cropControls i.cropControlCrop {
  background-position: -120px 0px;
}

.cropControls i.cropControlUpload {
  background-position: -150px 0px;
}

.cropControls i.cropControlReset {
  background-position: -180px 0px;
}

.cropControls i.cropControlRemoveCroppedImage {
  background-position: -180px 0px;
}

.cropControls i:last-child {
  margin-right: none;
}

#croppicModal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10000;
}

/*
*		PRELOADER 
*		With courtesy of : http://cssload.net/
*/
.bubblingG {
  text-align: center;
  width: 80px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px auto auto -40px;
  z-index: 2;
}

.bubblingG span {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin: 25px auto;
  background: #FFF;
  box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 50px;
  -moz-animation: bubblingG 1s infinite alternate;
  -webkit-border-radius: 50px;
  -webkit-animation: bubblingG 1s infinite alternate;
  -ms-border-radius: 50px;
  -ms-animation: bubblingG 1s infinite alternate;
  -o-border-radius: 50px;
  -o-animation: bubblingG 1s infinite alternate;
  animation: bubblingG 1s infinite alternate;
  border-radius: 50px;
}

#bubblingG_1 {
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

#bubblingG_2 {
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

#bubblingG_3 {
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@-moz-keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #FFF;
    -moz-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    background-color: #FFF;
    -moz-transform: translateY(-21px);
  }
}
@-webkit-keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #FFF;
    -webkit-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    background-color: #FFF;
    -webkit-transform: translateY(-21px);
  }
}
@-ms-keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #FFF;
    -ms-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    background-color: #FFF;
    -ms-transform: translateY(-21px);
  }
}
@-o-keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #FFF;
    -o-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    background-color: #FFF;
    -o-transform: translateY(-21px);
  }
}
@keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #FFF;
    transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    background-color: #FFF;
    transform: translateY(-21px);
  }
}
/* some reset stlyes */
/* ======================
	Cropper Plugin
====================== */
.cropUpload {
  position: relative; /* or fixed or absolute */
  background-color: #f7f7f7;
  border: 1px dashed #bbb;
  cursor: pointer;
  display: inline-block;
  color: #309fb7;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .cropUpload {
    max-width: 100%;
  }
}
.cropUpload .croppedImg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cropUpload .cropUploadClickable {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  text-align: center;
  background-image: url("../../js/croppic/placeholder-image.png");
  background-repeat: no-repeat;
  background-position: 50% 30%;
  background-size: 100px;
}
.cropUpload .cropUploadClickable .cropUploadText {
  display: inline-block;
  position: absolute;
  text-align: center;
  background-color: white;
  left: 0;
  font-size: 0.9em;
  width: 60%;
  margin: 0 20%;
  font-weight: bold;
  border: 2px solid #309fb7;
  padding: 10px;
  top: 80%;
  transition: all 100ms ease-in-out;
}
.cropUpload .cropUploadClickable .cropUploadText i {
  margin-right: 7px;
}
.cropUpload .cropUploadClickable:hover .cropUploadText {
  background-color: #309fb7;
  color: white;
}
.cropUpload .crop-image-display img {
  width: 100%;
}

.crop-image-display {
  background-color: #eee;
  display: inline-block;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .crop-image-display {
    max-width: 100%;
  }
}
.crop-image-display img {
  width: 100%;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .crop-image-display img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
.crop-image-display .remove-crop-image {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 31px;
  height: 31px;
  cursor: pointer;
  background-position: -180px 0px;
  background-image: url("../../js/croppic/cropperIcons.png");
  background-color: rgba(0, 0, 0, 0.7);
}
.crop-image-display .remove-crop-image:hover {
  background-color: rgb(0, 0, 0);
}

.croppie-container {
  width: 100%;
  height: 100%;
}

.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none;
}

.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: "";
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
  left: 50%;
  margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
  top: 50%;
  margin-top: -5px;
}

.croppie-container .cr-original-image {
  display: none;
}

.croppie-container .cr-vp-circle {
  border-radius: 50%;
}

.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none;
}

.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center;
}

.croppie-result {
  position: relative;
  overflow: hidden;
}

.croppie-result img {
  position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/
.cr-slider {
  -webkit-appearance: none;
  /*removes default webkit styles*/
  /*border: 1px solid white; */ /*fix for FF unable to apply focus style bug */
  width: 300px;
  /*required for proper track sizing in FF*/
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

.cr-slider:focus {
  outline: none;
}

/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/
.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */
  border-width: 6px 0;
  color: transparent; /*remove default tick marks*/
}

.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px;
}

.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
}

.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
}

/*******************************************/
/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}

.cr-rotate-controls button {
  border: 0;
  background: none;
}

.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}

.cr-rotate-l i:before {
  content: "↺";
}

.cr-rotate-r i:before {
  content: "↻";
}

/*! nouislider - 10.1.0 - 2017-07-28 17:11:18 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-handle:active, .noUi-handle:focus {
  outline: 0;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
  left: -10px;
  top: -6px;
  border-radius: 60px;
  background-color: #5ac651;
  border: 2px solid white;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

/* Styling;
 */
.noUi-target {
  background: #ddd;
  border-radius: 4px;
}

.noUi-connect {
  background: rgb(162.8571428571, 223.1688311688, 157.8311688312);
  border-radius: 4px;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border-radius: 3px;
  background: #FFF;
  cursor: default;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
  border-radius: 100px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  color: #000;
  padding: 3px 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 150%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

/*!
 * jQuery UI CSS Framework @VERSION
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*!
 * jQuery UI CSS Framework @VERSION
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background {
  border: #dddddd;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)"; /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon,
.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
html .ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  -ms-filter: "alpha(opacity=30)"; /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666666;
  box-shadow: 0 0 5px #666666;
}

/*!
 * jQuery UI Slider @VERSION
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.upe-store-box {
  border: 2px solid #ef9f1f;
  background-color: rgb(253.62, 246.72, 235.68);
  padding: 20px 10px 10px;
  margin-top: 20px;
  border-radius: 20px;
}

.hover\:tw-scale-110:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:tw-bg-gradient-to-r:hover{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.hover\:tw-from-\[\#F0AC01\]:hover{
  --tw-gradient-from: #F0AC01 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 172 1 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:tw-to-\[\#EB8510\]:hover{
  --tw-gradient-to: #EB8510 var(--tw-gradient-to-position);
}

.hover\:tw-text-inherit:hover{
  color: inherit;
}

.hover\:tw-text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:tw-no-underline:hover{
  text-decoration-line: none;
}

.tw-group:hover .group-hover\:tw-bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.tw-group:hover .group-hover\:tw-from-\[\#F0AC01\]{
  --tw-gradient-from: #F0AC01 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 172 1 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.tw-group:hover .group-hover\:tw-to-\[\#EB8510\]{
  --tw-gradient-to: #EB8510 var(--tw-gradient-to-position);
}

.tw-group:hover .group-hover\:tw-text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 320px){
  .phone\:tw-mb-\[3rem\]{
    margin-bottom: 3rem;
  }
  .phone\:tw-grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .phone\:tw-text-\[2\.8rem\]{
    font-size: 2.8rem;
  }
  @media not all and (min-width: 1024px){
    .phone\:max-lg\:tw-mx-8{
      margin-left: 2rem;
      margin-right: 2rem;
    }
    .phone\:max-lg\:tw-my-8{
      margin-top: 2rem;
      margin-bottom: 2rem;
    }
    .phone\:max-lg\:tw-mb-24{
      margin-bottom: 6rem;
    }
    .phone\:max-lg\:tw-mb-40{
      margin-bottom: 10rem;
    }
    .phone\:max-lg\:tw-mt-\[2rem\]{
      margin-top: 2rem;
    }
    .phone\:max-lg\:tw-scroll-mt-40{
      scroll-margin-top: 10rem;
    }
    .phone\:max-lg\:tw-p-0{
      padding: 0px;
    }
    .phone\:max-lg\:\!tw-px-4{
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }
    .phone\:max-lg\:tw-px-12{
      padding-left: 3rem;
      padding-right: 3rem;
    }
    .phone\:max-lg\:tw-px-4{
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .phone\:max-lg\:tw-px-8{
      padding-left: 2rem;
      padding-right: 2rem;
    }
    .phone\:max-lg\:tw-pb-12{
      padding-bottom: 3rem;
    }
    .phone\:max-lg\:tw-pt-0{
      padding-top: 0px;
    }
    .phone\:max-lg\:tw-text-\[2\.1rem\]{
      font-size: 2.1rem;
    }
    .phone\:max-lg\:tw-text-\[3rem\]{
      font-size: 3rem;
    }
  }
  @media not all and (min-width: 768px){
    .phone\:max-md\:tw-mb-\[1\.5rem\]{
      margin-bottom: 1.5rem;
    }
    .phone\:max-md\:tw-mr-0{
      margin-right: 0px;
    }
    .phone\:max-md\:tw-w-full{
      width: 100%;
    }
  }
}

@media (min-width: 768px){
  .md\:tw-p-\[2rem\]{
    padding: 2rem;
  }
  .md\:tw-px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px){
  .lg\:tw-mb-0{
    margin-bottom: 0px;
  }
  .lg\:tw-mb-\[4rem\]{
    margin-bottom: 4rem;
  }
  .lg\:tw-mt-\[5rem\]{
    margin-top: 5rem;
  }
  .lg\:tw-h-auto{
    height: auto;
  }
  .lg\:tw-w-\[90rem\]{
    width: 90rem;
  }
  .lg\:tw-max-w-\[460px\]{
    max-width: 460px;
  }
  .lg\:tw-grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:tw-grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:tw-flex-row{
    flex-direction: row;
  }
  .lg\:tw-gap-x-12{
    column-gap: 3rem;
  }
  .lg\:tw-p-8{
    padding: 2rem;
  }
  .lg\:tw-text-\[4\.8rem\]{
    font-size: 4.8rem;
  }
}

.\[\&\>div\]\:tw-flex>div{
  display: flex;
}

.\[\&\>div\]\:tw-cursor-pointer>div{
  cursor: pointer;
}

.\[\&\>div\]\:tw-flex-col>div{
  flex-direction: column;
}

.\[\&\>div\]\:tw-justify-between>div{
  justify-content: space-between;
}

@media (min-width: 1024px){
  .\[\&\>div\]\:lg\:tw-mb-0>div{
    margin-bottom: 0px;
  }
}

.\[\&_img\]\:tw-rounded-\[1\.5rem\] img{
  border-radius: 1.5rem;
}