@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 {
  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 {
  padding: 0;
  margin: 0;
}
.hor-list li {
  vertical-align: middle;
  display: inline-block;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.basic-list {
  padding: 0;
  margin: 0;
}
.basic-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 {
  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 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 {
  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 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 {
  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 {
  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 {
  padding: 1rem 0;
  position: relative;
  display: flex;
  align-content: baseline;
  flex-flow: row wrap;
}
.input-group 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 {
  color: #fd4e48;
}
.input-group label:not(.custom-control-container):hover {
  color: #000000;
}
.input-group .helper {
  font-size: 1.1rem;
  margin-top: 0.5rem;
  display: inline-block;
  color: #999999;
}
.input-group .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 {
  margin: 2rem 0;
}
.input-group.-control-input label {
  margin-bottom: 0;
}
.input-group.-counter-container {
  justify-content: space-between;
}
.input-group .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 {
  display: flex;
  margin: 2rem 0;
}
.input-group.-inline-control-inputs > label {
  margin-right: 3rem;
  margin-bottom: 0;
}
.input-group.-inline-control-inputs > label:last-child {
  margin-right: 0;
}
.input-group.-input-button-group {
  display: flex;
  align-items: stretch;
}
.input-group.-input-button-group .basic-input {
  flex: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.-input-button-group .btn-secondary {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: auto;
}
.input-group .input-label-group {
  display: flex;
}
.input-group .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 {
  border-radius: 0 4px 4px 0;
}
.input-group.-inline-group {
  display: flex;
  align-items: center;
}
.input-group.-inline-group label {
  white-space: nowrap;
  margin: 0 20px 0 0;
  flex: 0;
}
.input-group.-inline-group .basic-input {
  flex: 1;
}
@media (max-width: 414px) {
  .input-group.-inline-group {
    width: 100%;
    flex-wrap: wrap;
  }
  .input-group.-inline-group label {
    width: 100%;
    margin-bottom: 5px;
  }
}
.input-group.-input-group-error label:not(.custom-control-container), .input-group.-input-group-error .error-input:not(input):not(select):not(textarea) {
  color: #fd4e48;
}
.input-group.-input-group-error .basic-input,
.input-group.-input-group-error .input-group-addon {
  border: 1px solid #fd4e48;
}
.input-group.-input-group-error .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 {
    flex: none;
  }
}
.inline-form-group .input-group {
  margin: 1rem 0;
}
.inline-form-group .input-group label {
  margin-bottom: 0;
  min-height: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.inline-form-group .input-group .helper {
  margin-top: 5px;
}
@media (max-width: 414px) {
  .inline-form-group .input-group {
    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 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 {
  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__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;
  }
}

.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__buttons .btn-secondary {
  font-size: 1.6rem;
  padding: 15px 30px;
  min-width: 332px;
  margin-left: 5px;
  margin-right: 5px;
}
@media (max-width: 414px) {
  .plus-landing-page .plus-landing-top .landing-top-content__buttons .btn-secondary {
    margin-bottom: 10px;
  }
}
.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;
  font-size: 2em;
}
.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;
  }
}

.plus-main .plus-logo {
  background-image: url("https://fbcd.co/images/plus/plus-logo-temp-2.png");
}
.plus-main .text-gradient {
  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;
  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;
}
@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-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-feedback__modal .action-title, .plus-feedback__modal .action-subtitle {
  max-width: 400px;
  width: 100%;
  letter-spacing: 3px;
  margin: 0 auto;
}
.plus-feedback__modal .action-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 1.2;
  color: #ef9f1f;
}
.plus-feedback__modal .action-subtitle {
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width: 992px) {
  .plus-feedback__modal .modal-dialog {
    max-width: 700px;
    width: 100%;
  }
}
.plus-feedback__modal .modal-body {
  position: relative;
}
.plus-feedback__bg {
  padding: 40px 0;
  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-feedback__content {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: height 200ms ease;
}
.plus-feedback__content .alert {
  margin: 0 65px;
  margin-bottom: 40px !important;
}
@media (max-width: 414px) {
  .plus-feedback__content .alert {
    margin: 0 26.6666666667px;
  }
}
.plus-feedback__placeholder__inner {
  font-size: 3rem;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ef9f1f;
}
.plus-feedback__success, .plus-feedback__fail {
  margin: 0 auto;
}
.plus-feedback__fail .action-title {
  color: #fd4e48;
}
.plus-feedback__success__img {
  max-height: 250px;
  width: auto;
  margin: 0 auto;
}
.plus-feedback__placeholder, .plus-feedback__success, .plus-feedback__fail, .plus-feedback__step, .plus-feedback__modal {
  display: none;
}
.plus-feedback__placeholder, .plus-feedback__success, .plus-feedback__fail, .plus-feedback__step {
  margin: 0 65px;
}
@media (max-width: 414px) {
  .plus-feedback__placeholder, .plus-feedback__success, .plus-feedback__fail, .plus-feedback__step {
    margin: 0 26.6666666667px;
  }
  .plus-feedback__step__progress {
    text-align: center;
  }
  .plus-feedback__step__btn {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    display: flex;
    margin-bottom: 2rem;
  }
}
.plus-feedback__step__btn__prev {
  border-width: 0;
  color: #ef9f1f;
  background-color: transparent;
}
@media (min-width: 415px) {
  .plus-feedback__step__btn__next {
    width: 150px;
  }
}
@media (max-width: 414px) {
  .plus-feedback__step__btn__prev, .plus-feedback__step__btn__next {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
  }
}
.plus-feedback__step__header__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.35;
  margin-bottom: 40px;
}
.plus-feedback__step__choices ul {
  display: flex;
  flex-wrap: wrap;
}
.plus-feedback__step__choices li {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50%;
  margin-bottom: 1rem;
}
@media (max-width: 414px) {
  .plus-feedback__step__choices li {
    flex-basis: 100%;
  }
}
.plus-feedback__step__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
@media (max-width: 414px) {
  .plus-feedback__step__footer {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    flex-direction: column-reverse;
    align-items: stretch;
  }
}
.plus-feedback__step__other, .plus-feedback__step__choices {
  display: none;
}
.plus-feedback__step__other textarea {
  transition: opacity 200ms ease;
  background-color: #ffffff;
  resize: none;
}
.plus-feedback__step input:checked ~ .custom-control-checkmark {
  background-color: #ef9f1f !important;
}
.plus-feedback__step[data-step="0"] .plus-feedback__step__choices li {
  flex-basis: 100%;
}
.plus-feedback__step.-last .plus-feedback__step__other {
  display: block;
}

.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-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;
}

.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;
  }
}

.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;
  }
  .previewTextBtn, .mobileShowFilterBtn {
    width: 100%;
  }
}

.search-order {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvgAAAH+AQMAAADTXeggAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAEZJREFUeNrtwQENAAAAwiD7p7bHBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgIQDv0AAAQRgJQEAAAAASUVORK5CYII=);
}
@media (max-width: 991px) {
  .search-order {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .search-order {
    display: flex;
    flex-direction: column;
  }
}

.search-header {
  margin-bottom: 10px;
  padding: 30px 0 0 0;
  border-top: 1px solid #ebebeb;
}
@media (max-width: 767px) {
  .search-header {
    padding-top: 0 !important;
    border-top: 0;
    margin: 0 0 10px;
  }
}
.search-header__container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .search-header__container {
    display: none;
  }
}
.search-header__title {
  min-height: 27px;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 0;
  margin-top: 10px;
}
@media (max-width: 414px) {
  .search-header.collection {
    padding-top: 0;
    border-top: 0;
    margin: 0 0 10px;
  }
}
@media (max-width: 767px) {
  .search-header {
    margin-bottom: 20px;
  }
}
.search-header.search-header__plus {
  margin-bottom: 0;
  padding: 22px 0 7px;
  border-top: 1px solid #ebebeb;
  border-bottom: 0;
}
.search-header.search-header__templates {
  padding: 10px 0 0 0;
}
.search-header.search-header__templates .search-header__container {
  justify-content: center;
}

.search-description {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .search-description {
    order: 1;
    margin-bottom: 20px;
    padding-top: 10px;
    border-top: 1px solid #ebebeb;
  }
}
.search-description__container {
  padding-bottom: 30px;
  border-bottom: 1px solid #ebebeb;
}
@media (max-width: 767px) {
  .search-description__container {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.search-description__templates {
  text-align: center;
  margin-bottom: 20px !important;
  color: #5c5b69;
}
.search-description__templates .search-description__container {
  padding-bottom: 20px !important;
}
.search-description__templates .search-description__container p {
  line-height: 160%;
  margin-bottom: 0;
}

.search-top-bar__filter-col {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 414px) {
  .search-top-bar__filter-col {
    justify-content: space-between;
  }
}
.search-top-bar__filter-col .btn-secondary {
  margin-left: 0 !important;
}
.search-top-bar__product-count {
  margin-left: 1rem;
  font-weight: 600;
  font-size: 1.5rem;
}
@media (min-width: 768px) and (max-width: 992px) {
  .search-top-bar__product-count {
    font-size: 12px;
    line-height: 1;
  }
}
.search-top-bar__product-count .ais-Stats-text {
  white-space: nowrap;
  display: block;
}
.search-top-bar__options {
  text-align: right;
}
@media (max-width: 767px) {
  .search-top-bar__options select {
    font-size: 12px !important;
    margin-top: -1px;
  }
  .search-top-bar__options {
    flex-direction: column;
  }
  .search-top-bar__options .btn-secondary {
    margin-left: 0 !important;
    margin-top: 15px;
  }
}
@media (max-width: 991px) {
  .search-top-bar {
    margin-top: 15px;
  }
}

.search-body {
  display: flex;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
.search-body__filters {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex: 0 0 25%;
  max-width: 25%;
}
.search-body__products {
  margin-top: -7px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex: 0 0 75%;
  max-width: 75%;
}
@media (min-width: 1200px) {
  .search-body__products .search-body__products-row > .col-xl-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}
@media (min-width: 992px) {
  .search-body__products.-replace-result-column.-active {
    margin-top: -48px;
  }
}
.search-body__products .plus-feedback__trigger {
  display: flex;
  justify-content: center;
}
.search-body__products .plus-feedback__trigger a {
  padding: 0 5px;
}
@media (max-width: 414px) {
  .search-body__products .plus-feedback__trigger {
    flex-direction: column;
  }
}
.search-body.-hidden-filters .search-body__products {
  flex: 0 0 100%;
  max-width: 100%;
}
.search-body.-hidden-filters .search-body__filters {
  display: none;
}
@media (min-width: 1200px) {
  .search-body.-hidden-filters .search-body__products-row > .col-xl-4 {
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media (max-width: 991px) {
  .search-body__filters, .search-body__products {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.search-filters {
  /* Common */
  /* Category component */
  /* Checkbox component */
  /* Tag component */
  /* Rating component */
  /* Plus Filter Icon */
  /* Price inputs */
}
.search-filters__mobile-header {
  display: none;
}
@media (max-width: 767px) {
  .search-filters__button {
    position: fixed;
    bottom: 20px;
    width: calc(100% - 60px);
    z-index: 1;
    max-width: 370px;
  }
  .search-filters__button.withChat {
    width: calc(100% - 130px);
  }
}
.search-filters__group-header {
  padding: 28px 0 8px 0;
  font-weight: 600;
  color: #5c5b69;
}
.search-filters__group-content {
  min-height: 58px;
  padding-bottom: 20px;
  position: relative;
}
.search-filters__no-results {
  font-size: 1.1rem;
  color: #999999;
  margin-top: 10px;
}
.search-filters .custom-control-right {
  margin-right: 44px;
}
.search-filters__refinement-list {
  display: none;
  max-height: 180px;
}
.search-filters__checkbox-row {
  margin: 8px 0;
}
.search-filters__tag {
  padding: 5px 10px;
  background-color: #ebebeb;
  color: #5c5b69;
  border-radius: 20px;
  display: inline-block;
  margin: 0 3px 7px 0;
  cursor: pointer;
  font-size: 1.2rem;
}
.search-filters__tag.active, .search-filters__tag:hover {
  color: white;
}
.search-filters__tag.active:hover {
  color: white;
}
.search-filters__rating-row {
  opacity: 0.5;
  padding: 2px 0;
}
.search-filters__rating-row a {
  color: #555;
  text-decoration: none;
}
.search-filters__rating-row .filter-full-star, .search-filters__rating-row .filter-empty-star {
  margin-right: 3px;
  font-size: 1.4rem;
  color: #ffa200;
}
.search-filters__rating-row .filter-full-star:before, .search-filters__rating-row .filter-empty-star:before {
  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;
}
.search-filters__rating-row .filter-empty-star {
  color: #ebebeb;
}
.search-filters__rating-row:hover, .search-filters__rating-row.-active {
  opacity: 1;
}
.search-filters__rating-row:hover a, .search-filters__rating-row.-active a {
  color: black;
}
.search-filters__rating-row.-disabled {
  opacity: 0.5;
}
.search-filters__rating-row.-disabled .filter-full-star:before {
  color: #999;
}
.search-filters__rating-row.-disabled .filter-empty-star:before {
  color: #e5e5e5;
}
.search-filters__plus-filter-icon {
  height: 10px;
  position: relative;
  top: -1px;
}
.search-filters__price-input {
  padding: 7px 10px;
  width: 80px;
  border: 1px solid #eee;
  font-weight: normal;
}
.search-filters__placeholder {
  padding: 1px 0 0;
}
.search-filters__placeholder .text-lazy-loader:before, .search-filters__placeholder .text-lazy-loader:after {
  height: 2rem;
  border-radius: 6px;
}
.search-filters__placeholder .text-lazy-loader:after {
  margin-top: 15px;
}
.search-filters__placeholder .text-lazy-loader:nth-child(odd):before {
  width: 60%;
  margin-top: 25px;
}
.search-filters__placeholder .text-lazy-loader:nth-child(odd):after {
  width: 70%;
}
@media (max-width: 991px) {
  .search-filters {
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 62px;
    left: 0;
    right: 0;
    z-index: 90;
    overflow-x: auto;
    display: none;
    height: 100%;
  }
  .search-filters__mobile-wrapper {
    background-color: white;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 0 15px 115px 15px;
    margin: 15px auto;
    max-width: 400px;
  }
  .search-filters__mobile-header {
    min-height: 80px;
    align-items: center;
    display: flex;
    border-bottom: 1px solid #eee;
  }
  .search-filters__mobile-heading {
    flex: 1 1 0;
    margin: 0;
  }
  .search-filters .custom-control-right {
    margin-right: 10px;
  }
}
@media (min-width: 992px) {
  .search-filters__mobile-wrapper.-free {
    border-radius: 20px;
    background: #f9f9f9;
  }
}

.cat-filters__item {
  display: inline-block;
  font-size: 13px;
}
.cat-filters__link {
  display: block;
  color: black;
  border: 1px solid transparent;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 5px 0;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .cat-filters__link {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
}
.cat-filters__link .cat-filters__chevron {
  margin-right: 7px;
  display: flex;
  min-width: 6px;
  float: right;
  margin-top: 2px;
  height: 15px;
  font-size: 1.2em;
  color: #000000;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .cat-filters__link .cat-filters__chevron {
    position: absolute;
    right: 10px;
  }
}
.cat-filters__link .cat-filters__count {
  float: right;
  font-weight: 600;
  margin-top: 2px;
  font-size: 11px;
  margin-right: 20px;
  color: #000000;
}
.cat-filters__link + ul {
  padding-left: 25px;
  display: none;
}
.cat-filters__link.-active {
  font-weight: 600;
  text-decoration: none;
  border: 1px solid #ebebeb;
}
.cat-filters__link.-active i {
  transform: rotate(90deg);
}
.cat-filters__link.-disabled {
  opacity: 0.5;
  text-decoration: none;
  cursor: default;
}
.cat-filters__link.-disabled .cat-filters__chevron {
  opacity: 0;
}
.cat-filters__link:hover, .cat-filters__link:focus {
  color: #000000;
}
.cat-filters__separator {
  font-size: 0.9em;
  font-weight: bold;
  margin: 15px 12px 10px 0 !important;
  text-decoration: underline;
}

.search-results {
  margin-top: 15px;
}
.search-results__scroll-top-btn {
  position: fixed;
  right: 100px;
  bottom: 22px;
  z-index: 999;
  display: none;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  transition: all 100ms;
}
.search-results__scroll-top-btn:after {
  content: " ";
  display: block;
  background: #ffffff url("https://fbcd.co/images/icons/scroll-up_1.1.svg") no-repeat 50%/50%;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.search-results__scroll-top-btn:hover:after {
  opacity: 1;
}
@media (max-width: 991px) {
  .search-results__scroll-top-btn {
    right: 20px;
    bottom: 100px;
  }
}
.search-results__no-results {
  text-align: center;
  padding: 20px;
  margin-top: 20px;
  width: 100%;
}
.search-results__no-results h4 {
  line-height: 1.5em;
  margin-top: 10px;
}
.search-results__result-info-row {
  display: flex;
}
.search-results__applied-filters {
  flex: 1 1 0;
  min-height: 48px;
}
.search-results__product-loader {
  width: 80px;
  height: 80px;
  padding-top: 23px;
  background-position: center;
  margin: auto auto 400vh;
  background-repeat: no-repeat;
  background-image: url("https://fbcd.co/images/icons/loading_small.gif");
  opacity: 0.5;
}
.search-results__list-container {
  min-height: 100vh;
}
.search-results.-site-2 {
  margin-top: 0;
}
.search-results.-site-2.fix-margin-top {
  margin-top: -48px;
}
@media (max-width: 991px) {
  .search-results.-site-2.fix-margin-top {
    margin-top: 0;
  }
}

.applied-filters {
  margin: 0 0 20px 0;
  padding: 0;
  text-align: left;
}
.applied-filters__item {
  border-radius: 4px;
  color: #999999;
  margin: 0 7px 5px 0;
  display: inline-flex;
  align-items: center;
  border: 1px solid #ebebeb;
  font-size: 1.1rem;
}
.applied-filters__label {
  border-right: 1px solid #ebebeb;
  color: #5c5b69;
  display: inline-block;
  margin-right: 7px;
  font-weight: 600;
  padding: 3px 10px;
}
.applied-filters__value-list {
  display: inline-block;
}
.applied-filters__value-list__item {
  display: flex;
  align-items: center;
  word-break: break-word;
}
.applied-filters__remove {
  border: 0;
  opacity: 0.5;
  width: 20px;
  height: 20px;
  margin: 0 4px;
  background-size: 10px;
  background: transparent url("https://fbcd.co/images/icons/cross-black-thick.svg") no-repeat center/7px;
  cursor: pointer;
}
.applied-filters__remove:hover, .applied-filters__remove:focus {
  opacity: 1;
  outline: 0;
}
.applied-filters__remove.individualCatRemove + .applied-filters__remove:not(.individualCatRemove) {
  display: none;
}

.preview-options {
  border-top: 1px solid #ebebeb;
  margin-top: 5px;
  padding-top: 10px;
}

.text-lazy-loader:before {
  background-color: #ebebeb;
  width: 80%;
  height: 14px;
  border-radius: 4px;
  content: "";
  display: block;
}
.text-lazy-loader:after {
  background-color: #ebebeb;
  width: 50%;
  height: 14px;
  border-radius: 4px;
  content: "";
  display: block;
  margin-top: 10px;
}

.collections-list {
  margin-bottom: 40px;
}
.collections-list__letter-heading {
  font-size: 2.3rem;
  display: inline-block;
  border-bottom: 1px solid #cccccc;
  margin-top: 40px;
}
.collections-list__break-word {
  word-break: break-word;
}

.collection-preview-options {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.collection-preview-options .input-group {
  align-items: center;
  margin: 0;
  padding: 0;
}
.collection-preview-options .input-group:first-child {
  flex: 1;
  margin-right: 30px;
}
.collection-preview-options label {
  white-space: nowrap;
}
@media (max-width: 991px) {
  .collection-preview-options {
    margin: 20px 0;
  }
}
@media (max-width: 414px) {
  .collection-preview-options {
    margin: 0 0 20px;
    flex-direction: column;
  }
  .collection-preview-options .input-group {
    flex: 1;
    margin: 20px 0 0 0 !important;
  }
}

.plus-search-prompt {
  background-color: #fffcf5;
  padding: 15px;
  border-radius: 15px;
  margin-top: 20px;
  border: 2px solid #ef9f1f;
  color: #ef9f1f;
  box-shadow: 0 0 10px #fff3e0;
  position: relative;
  display: none;
}
.plus-search-prompt strong {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}

.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 {
    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;
  }
}
.plus-christmas-header {
  height: 0;
}
@media (max-width: 767px) {
  .plus-christmas-header {
    height: auto;
  }
}
.plus-christmas-header__text {
  padding: 1rem 0 1rem 50px;
  background-image: url("https://fbcd.co/images/pages/christmas-plus-event/christmas-tree-icon.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #ffffff;
}
@media (max-width: 767px) {
  .plus-christmas-header__text {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
}
.plus-christmas-header__content {
  background-color: #d8211c;
  transform: translateY(-100%);
}
@media (max-width: 767px) {
  .plus-christmas-header__content {
    transform: translateY(0);
  }
}
.plus-christmas-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
}
@media (max-width: 767px) {
  .plus-christmas-header__container {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    flex-direction: column;
    align-items: stretch;
  }
}

@media (min-width: 768px) {
  .new-plus .header.-christmas {
    padding-top: 45px;
    padding-bottom: 60px;
  }
}

.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;
}

.bf-filter-component {
  padding: 17px 22px 19px;
  border-radius: 14px;
  min-height: auto;
  background-color: #fff5f5;
  border: 2px solid #fd4e48;
  margin-top: 20px;
}
.bf-filter-component .custom-control-container input:checked ~ .custom-control-checkbox {
  background-color: #fd4e48;
  border: none;
}
.bf-filter-component .custom-control-container .custom-control-checkbox {
  border: 2px solid #fd4e48;
  background: white;
}

#upe-filter-text {
  color: #999;
  display: block;
  margin: 15px 0;
  font-weight: 550;
}

#upe-filter-button {
  margin-top: 10px;
  padding: 0px 14px;
}

.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;
}
.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;
}