@charset "UTF-8";
/*
Theme Name: Perception Child
Description: Child theme for Perception theme
Author: Lorelle Reid // ContourCode
Author URI: https://lorellereid.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
/**
* TOC
*
* MIXINS & VARIABLES
* TYPOGRAPHY
* MENU & HEADER
* GLOBAL PAGE SETTINGS
* HEADER
* BREADCRUMBS
* FOOTER
* 404
* SEARCH
* HOME
* CONTACT
* EXPERTISE
* INDUSTRY DETAIL PAGE
* WORK
* IDEAS
* TEAM
* FAQ
* CINEMATIC DESIGIN
* CAREERS
**/
/**
 * ============================================
 * > MIXINS & VARIABLES
 * ============================================
 */
/*
Theme Name: Perception Child
Description: Child theme for Perception theme
Author: Lorelle Reid // ContourCode
Author URI: https://lorellereid.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
/*=============================================
=            TYPOGRAPHY           			 =
=============================================*/
/*=============================
=            FONTS            =
=============================*/
/*----------  Font Import  ----------*/
@font-face {
  font-family: "CircularXXWeb Fallback";
  font-style: normal;
  font-weight: 400;
  src: local("Arial");
  ascent-override: 98.01%;
  descent-override: 27.53%;
  line-gap-override: 0%;
  size-adjust: 100.6%;
}
@font-face {
  font-family: "CircularXXWeb";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("fonts/Circular/CircularXXWeb-Light.woff2") format("woff2"), url("fonts/Circular/CircularXXWeb-Light.woff") format("woff");
}
@font-face {
  font-family: "CircularXXWeb";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("fonts/Circular/CircularXXWeb-LightItalic.woff2") format("woff2"), url("fonts/Circular/CircularXXWeb-LightItalic.woff") format("woff");
}
@font-face {
  font-family: "CircularXXWeb";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("fonts/Circular/CircularXXWeb-Regular.woff2") format("woff2"), url("fonts/Circular/CircularXXWeb-Regular.woff") format("woff");
}
@font-face {
  font-family: "CircularXXWeb";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("fonts/Circular/CircularXXWeb-Bold.woff2") format("woff2"), url("fonts/Circular/CircularXXWeb-Bold.woff") format("woff");
}
@font-face {
  font-family: "CircularXXWeb";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("fonts/Circular/CircularXXWeb-BoldItalic.woff2") format("woff2"), url("fonts/Circular/CircularXXWeb-BoldItalic.woff") format("woff");
}
@font-face {
  font-family: "CircularXXWeb-Book";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("fonts/Circular/CircularXXWeb-Book.woff2") format("woff2"), url("fonts/Circular/CircularXXWeb-Book.woff") format("woff");
}
@font-face {
  font-family: "CircularXXWeb-Book";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("fonts/Circular/CircularXXWeb-BookItalic.woff2") format("woff2"), url("fonts/Circular/CircularXXWeb-BookItalic.woff") format("woff");
}
@font-face {
  font-family: "CircularXXWeb-BookItalic";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("fonts/Circular/CircularXXWeb-BookItalic.woff2") format("woff2"), url("fonts/Circular/CircularXXWeb-BookItalic.woff") format("woff");
}
.med-small {
  /* Base font size */
  font-size: 24px;
  /* Define variable for fallback */
  /* Define variable for media query */
}
@media (min-width: 320px) and (max-width: 1199px) {
  .med-small {
    /* Adds a fallback for unsupported browsers */
    font-size: 26px;
    /* The fluid typography magic 🌟  */
    font-size: calc(24px + (28 - 24) * (100vw - 320px) / (1200 - 320));
  }
}
@media (min-width: 1200px) {
  .med-small {
    font-size: 28px;
  }
}

/**
 * Above: raxs, rasm, ramd, ralg
 * Below: rbxs, rbsm, rbmd, rblg
 * Between: rbtw
 * There’s only one “respond between” snippet which takes in lower and upper parameters.
 * Press tab to cycle between values and tab again to start writing SCSS declarations.
 */
/*==========================================
=            Colors & Variables            =
==========================================*/
/* Accent */
/* LABELS */
.large-h2, h2:not(.h1, .h2, .h3, .h4, .h5, .h6, [class*=fontsize-]).large-h2, h2:not(.h1, .h2, .h3, .h4, .h5, .h6, [class*=fontsize-]).large,
.h2:not([class*=fontsize-]).large-h2,
.h2:not([class*=fontsize-]).large, .page-homepage h2.h2.big-heading-center, .big-heading-center {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(2.369rem, 5.61vw, 58px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  color: #f4f6fb;
}

:root {
  --accent: #0156e9;
  /*----------  FONTS  ----------*/
  --consumed-by-js: $accent;
  --perblue1: #006db6;
  --perblue2: #3a5896;
  --warn: #f0ad4e;
}

/*==============================
=            MIXINS            =
==============================*/
/**
 * > Centering a Block
 */
/*** > Vertical Centering ***/
/**
 * > Placeholders
 */
/*----------  Nth-Child Mixins  ----------*/
/*=============================================
=            Animations            =
=============================================*/
.fade-in {
  animation: fade-in 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 600ms both;
}

/* ----------------------------------------------
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes spoiler-type {
  0% {
    fill: rgb(255, 0, 50);
  }
  50% {
    fill: rgba(255, 0, 50, 0);
  }
  100% {
    fill: rgb(255, 0, 50);
  }
}
.caption-font, .top-subheading-border h2, .top-subheading-border-off h2, .uncode-single-media .wpb_heading.wpb_singleimage_heading, .page-expertise .row-parallax-posts .t-entry-text a, .post-type-archive-press .t-entry-title {
  font-family: "CircularXXWeb-Book", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400;
  letter-spacing: normal;
  color: #fff !important;
  text-transform: uppercase;
  opacity: 50%;
}
@media (max-width: 589px) {
  .caption-font, .top-subheading-border h2, .top-subheading-border-off h2, .uncode-single-media .wpb_heading.wpb_singleimage_heading, .page-expertise .row-parallax-posts .t-entry-text a, .post-type-archive-press .t-entry-title {
    font-size: 1rem !important;
  }
}

#work-heading-label span > a,
.work-heading-label.uncode-info-box span > a {
  margin: 2px 1px 2px 0;
  padding: 4px 6px;
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-size: calc(1rem + 6 * (100vw - 320px) / 2180);
  line-height: 1;
  letter-spacing: normal;
  color: #000;
  color: #000 !important;
  background-color: #d9dbe1;
}
@media (min-width: 590px) {
  #work-heading-label span > a,
  .work-heading-label.uncode-info-box span > a {
    font-size: calc(16px + 6 * (100vw - 320px) / 2180);
  }
}
#work-heading-label span > a:hover,
.work-heading-label.uncode-info-box span > a:hover {
  font-weight: 400;
  text-decoration: none;
}

/* Perception Blue Underline for links */
.btn-text-link {
  font-size: 1.1666666667rem !important;
}
.btn-text-link.off {
  color: #70747d;
}

.form-input-blue, .input-background .style-dark input[type=password], input.wpforms-field-medium, input.wpforms-field-large, .input-background .style-dark textarea,
.input-background .style-dark input[type=email],
.input-background .style-dark input[type=url],
.input-background .style-dark input[type=text], footer .wpcf7-text.wpcf7-validates-as-required.wpcf7-form-control,
.site-footer .wpcf7-text.wpcf7-validates-as-required.wpcf7-form-control,
#block-footer .wpcf7-text.wpcf7-validates-as-required.wpcf7-form-control,
.footer .wpcf7-text.wpcf7-validates-as-required.wpcf7-form-control, footer .wpcf7 .wpcf7-inline-wrapper.wpcf7-input-group input[type=email],
.site-footer .wpcf7 .wpcf7-inline-wrapper.wpcf7-input-group input[type=email],
#block-footer .wpcf7 .wpcf7-inline-wrapper.wpcf7-input-group input[type=email],
.footer .wpcf7 .wpcf7-inline-wrapper.wpcf7-input-group input[type=email] {
  margin-right: 0rem !important;
  padding: 0.888rem 1.33rem !important;
  font-size: 1.277rem;
  color: #fff !important;
  border-width: 0rem !important;
  border-color: #353535 !important;
  border-radius: 0rem !important;
  background: #000f24 !important;
  background-color: #000f24 !important;
}
@media (max-width: 589px) {
  .form-input-blue, .input-background .style-dark input[type=password], input.wpforms-field-medium, input.wpforms-field-large, .input-background .style-dark textarea,
  .input-background .style-dark input[type=email],
  .input-background .style-dark input[type=url],
  .input-background .style-dark input[type=text], footer .wpcf7-text.wpcf7-validates-as-required.wpcf7-form-control,
  .site-footer .wpcf7-text.wpcf7-validates-as-required.wpcf7-form-control,
  #block-footer .wpcf7-text.wpcf7-validates-as-required.wpcf7-form-control,
  .footer .wpcf7-text.wpcf7-validates-as-required.wpcf7-form-control, footer .wpcf7 .wpcf7-inline-wrapper.wpcf7-input-group input[type=email],
  .site-footer .wpcf7 .wpcf7-inline-wrapper.wpcf7-input-group input[type=email],
  #block-footer .wpcf7 .wpcf7-inline-wrapper.wpcf7-input-group input[type=email],
  .footer .wpcf7 .wpcf7-inline-wrapper.wpcf7-input-group input[type=email] {
    font-size: 1rem !important;
  }
}

.form-button-blue, input[type=submit]:not(.btn-custom-typo):not(.btn-inherit), div.wpforms-container-full .wpforms-form .wpforms-submit-container button, input.btn-inset, footer .wpcf7 .wpcf7-inline-wrapper.wpcf7-input-group input[type=submit],
.site-footer .wpcf7 .wpcf7-inline-wrapper.wpcf7-input-group input[type=submit],
#block-footer .wpcf7 .wpcf7-inline-wrapper.wpcf7-input-group input[type=submit],
.footer .wpcf7 .wpcf7-inline-wrapper.wpcf7-input-group input[type=submit] {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px !important;
  letter-spacing: normal;
  color: #006aff !important;
  padding: 0.722rem 1.05556rem 0.72rem 1.0556rem !important;
  letter-spacing: 0rem !important;
  text-transform: uppercase;
  border-width: 0rem !important;
  border-color: #383838 !important;
  border-radius: 0rem !important;
  background-color: #001d5a !important;
}

/* Footer Subheadings & Case Links */
/*=============================================
=            ELEMENT STYLES 		          =
=============================================*/
.w780 p {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 80vw;
  max-width: 780px !important;
}

.pe-list,
.uncode-list {
  margin: 0 4.44444rem;
}

.core-page-hero-heading h2 {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(1.777rem, 3.157vw, 2.369rem);
  font-weight: 300;
  line-height: 1.2;
  color: #f1f1f1;
}

.grey-subheading1 {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #777 !important;
}

.label, .page-social .ff-moderation-wrapper {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.16em;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0;
  color: #000;
  background-color: #93969e;
}

.big-head-p p {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.333rem;
  font-weight: 400;
  line-height: 1.4;
  color: #d9dbe1;
  margin: 0;
  padding-top: 1.333rem;
}

.big-heading-center .triple-top-padding {
  padding-top: 100px;
}
.big-heading-center .triple-bottom-padding {
  padding-bottom: 100px;
}

/*=============================================
=            Case Study Elements             =
=============================================*/
.cs-copy_section-number span {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.125;
  letter-spacing: 0.8px;
  color: #000;
  display: inline-block;
  margin: 0;
  padding: 1px 3px 1px 3px;
  background-color: #93969e;
}

.cs-copy {
  margin-top: 0.624rem !important;
  /* h3 {
  	span {
  		@include font($circular-book, calc(16px + 5 * ((100vw - 320px) / 2160)), 400, 1.8, 1.2px, $head1);

  		word-spacing: .8px;
  	}
  }
  */
}
.cs-copy h2 span,
.cs-copy h3.h2 span {
  font-family: "CircularXXWeb-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.8px;
  color: #f4f6fb;
  margin-top: 0;
  margin-bottom: 0rem;
  padding: 0;
  word-spacing: 0.6px;
  text-transform: uppercase;
}
.cs-copy p {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: calc(20px + 6 * (100vw - 320px) / 2180) !important;
  font-weight: 300;
  line-height: 1.502;
  letter-spacing: -0.2px;
  color: #d9dbe1;
  margin-top: 1rem;
  margin-bottom: 0;
  padding: 0;
  word-spacing: 0.1px;
  -webkit-hyphens: none;
          hyphens: none;
}

/**
 *  Select any range in {h1, h2, h3, h4, h5, h6}.
 *
 *  e.g. usage
 *    headings("", 1, 6, ".--attr") { ... }
 */
/*=============================================
=            Utilities                       =
=============================================*/
.margin-left-0 {
  margin-left: 0;
}

/*----------  Fonts  ----------*/
.accent {
  color: #0156e9 !important;
}

/*=====  Mixins  ======*/
/*----------------------------------------------------------
#Standard font size
----------------------------------------------------------*/
.style-color-black-bg {
  color: #fff;
}

h1:not(.h1, .h2, .h3, .h4, .h5, .h6, [class*=fontsize-]),
.h1:not([class*=fontsize-]) {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(2.369rem, 2.106rem + 1.31vw, 4.209rem);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0;
  color: #f4f6fb;
}

h2:not(.h1, .h2, .h3, .h4, .h5, .h6, [class*=fontsize-]),
.h2:not([class*=fontsize-]) {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(1.777rem, 5.61vw, 2.6458rem);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  color: #f4f6fb;
  word-break: break-word;
}
h3:not(.h1, .h2, .h3, .h4, .h5, .h6, [class*=fontsize-]),
.h3:not([class*=fontsize-]) {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(1.125rem, 33.33px, 2.0833rem);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #f4f6fb;
}
@media (max-width: 767px) {
  h3:not(.h1, .h2, .h3, .h4, .h5, .h6, [class*=fontsize-]),
  .h3:not([class*=fontsize-]) {
    font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.72222rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0;
    color: #f4f6fb;
  }
}

h4:not(.h1, .h2, .h3, .h4, .h5, .h6, [class*=fontsize-]),
.h4:not([class*=fontsize-]) {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #70747d;
}

h5:not(.h1, .h2, .h3, .h4, .h5, .h6, [class*=fontsize-]),
.h5:not([class*=fontsize-]) {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #70747d;
}

h6:not(.h1, .h2, .h3, .h4, .h5, .h6, [class*=fontsize-]),
.h6:not([class*=fontsize-]) {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #70747d;
}

p,
ol,
ul,
li,
.text-lead,
.text-lead:not(ul) > *,
input[type=text],
textarea,
div.wpforms-container-full .wpforms-form input,
div.wpforms-container-full .wpforms-form textarea {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.277rem;
  color: #f4f6fb;
}
@media (min-width: 1024px) {
  p,
  ol,
  ul,
  li,
  .text-lead,
  .text-lead:not(ul) > *,
  input[type=text],
  textarea,
  div.wpforms-container-full .wpforms-form input,
  div.wpforms-container-full .wpforms-form textarea {
    font-size: 1.34rem !important;
  }
}

ol,
ul {
  margin-left: 0.5rem;
}

a:hover {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
a[href^="mailto:"]:not(.social-menu-link) {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  margin: 0;
  padding: 0;
  padding-top: 0.25rem;
  font-weight: normal;
  transition: background-size 300ms;
  transition-delay: 0s;
  transition-timing-function: ease;
  color: #fff !important;
  background: linear-gradient(45deg, rgb(0, 86, 233), rgba(0, 86, 233, 0.5));
  background-repeat: no-repeat;
  background-size: 0 100%;
  word-wrap: break-word;
}
a[href^="mailto:"]:not(.social-menu-link):hover {
  color: #fff !important;
  background-size: 100% 100%;
}
@media (max-width: 589px) {
  footer a[href^="mailto:"]:not(.social-menu-link) {
    font-size: 1.125rem;
  }
}
a[href=""] {
  pointer-events: none;
}
@media (max-width: 589px) {
  a[href="mailto:imagine@experienceperception.com"], a[href="mailto:careers@experienceperception.com"], a[href="mailto:ask@experienceperception.com"] {
    font-size: 18px;
  }
}
@media (max-width: 375px) {
  a[href="mailto:imagine@experienceperception.com"], a[href="mailto:careers@experienceperception.com"], a[href="mailto:ask@experienceperception.com"] {
    font-size: 16px;
  }
}

.main-container .row-container .row-parent .uncont > #footer-menu-2_menu,
.main-container .row-container .row-parent .uncont > #footer-menu-2_menu h3 {
  margin-top: unset !important;
  margin-bottom: unset !important;
}

.top-subheading span {
  font-size: 1.375rem !important;
}

.top-subheading-grey span, footer #footer-menu-links span,
footer .footer-menu-links span,
.site-footer #footer-menu-links span,
.site-footer .footer-menu-links span,
#block-footer #footer-menu-links span,
#block-footer .footer-menu-links span,
.footer #footer-menu-links span,
.footer .footer-menu-links span {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.125rem !important;
  font-weight: 400;
  line-height: 1.125;
  letter-spacing: normal;
  color: #93969e;
  margin-top: 1.563rem;
  margin-bottom: 1.563rem;
}

.top-subheading-border, .top-subheading-border-off {
  margin-bottom: -18px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .top-subheading-border, .top-subheading-border-off {
    margin-left: 18px !important;
  }
  .top-subheading-border h2, .top-subheading-border-off h2 {
    padding-left: 12px;
  }
}
.top-subheading-border h2, .top-subheading-border-off h2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding-left: 6px;
  border-left: 0.5px solid #fff;
  font-style: normal !important;
  opacity: 50%;
  color: #fff !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .top-subheading-border h2, .top-subheading-border-off h2 {
    margin-left: 1em;
  }
}
@media (max-width: 767px) {
  .top-subheading-border h2, .top-subheading-border-off h2 {
    margin-left: 0.5em;
  }
}

.top-subheading-border-off h2 {
  padding-left: 0;
  border-left: none !important;
}

.caption_ts {
  font-size: 1.2917em;
  font-weight: normal;
  font-style: italic;
}

.endnote_ts {
  font-size: 1.2917em;
}

.footnote_ts {
  margin: var(--vspace-0) 0 var(--vspace-2) 0;
  font-size: 1.1875em;
  line-height: 2em;
  border-top: 1px solid #ccc;
}

.small-text, .wpcf7-response-output, sup {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.1875rem;
  font-weight: 400;
}

sup {
  margin: 0.5em;
  font-style: italic;
}

.comment p {
  font-size: 1rem;
}

.grecaptcha-badge {
  display: none !important;
}

/*=============================================
=            GLOBAL PAGE SETTINGS            =
=============================================*/
@media (min-width: 992px) and (max-width: 1698px) and (max-width: 1699px) {
  .main-container .row-container .triple-h-padding {
    padding-right: 108px;
    padding-left: 108px;
  }
}
.style-dark p {
  color: #f1f1f1 !important;
}

.vp-controls-,
.player .vp-controls .play {
  display: none !important;
}

.text-small,
.text-small > * {
  font-size: 16px;
}

/**
 * Navigation
 */
#navigation,
.row-navigation.row-navigation-dark {
  border-top: 1px solid #16181b;
  border-bottom: 1px solid #16181b;
  background-color: #000;
}
@media (max-width: 767px) {
  #navigation .double-gap .uncode-custom-navigation__link--prev,
  #navigation .double-gap .uncode-custom-navigation__link--next,
  .row-navigation.row-navigation-dark .double-gap .uncode-custom-navigation__link--prev,
  .row-navigation.row-navigation-dark .double-gap .uncode-custom-navigation__link--next {
    justify-content: space-evenly;
  }
}
#navigation .uncode-custom-navigation__title,
.row-navigation.row-navigation-dark .uncode-custom-navigation__title {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 1px;
  color: #fff;
}
@media (max-width: 767px) {
  #navigation .uncode-custom-navigation__title,
  .row-navigation.row-navigation-dark .uncode-custom-navigation__title {
    font-size: 1rem;
  }
}
#navigation .uncode-custom-navigation__item a:hover,
.row-navigation.row-navigation-dark .uncode-custom-navigation__item a:hover {
  text-decoration: none !important;
}

.owl-nav-container.btn-default.btn-hover-nobg {
  color: #fff !important;
  background-color: rgba(2, 2, 2, 0.5) !important;
}

.owl-dot span {
  opacity: 0.3;
  background: #0156e9 !important;
}

.uncode-single-media .wpb_heading.wpb_singleimage_heading {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding-left: 6px;
  border-left: 0.5px solid #fff;
  transition: all 0.2s linear;
}
@media (min-width: 768px) and (max-width: 991px) {
  .uncode-single-media .wpb_heading.wpb_singleimage_heading {
    margin-left: 1em;
  }
}
@media (max-width: 767px) {
  .uncode-single-media .wpb_heading.wpb_singleimage_heading {
    margin-left: 0.5em;
  }
}

.essb-point-bottomright {
  right: 25px;
  bottom: 120px;
}

/*=============================================
=            SEARCH            =
=============================================*/
.search .search-container-inner i.fa {
  right: 0.35em;
}
.search .search_footer a {
  font-size: 1rem !important;
  font-weight: 400;
  text-transform: uppercase;
  color: #93969e;
}
.search .style-dark ul.dwls_search_results li {
  border-color: rgba(255, 255, 255, 0.15);
}
.search .style-dark #searchbox.uncode-live-search input[type=search] {
  padding-right: 0 !important;
  padding-left: 0 !important;
  font-size: 2rem !important;
  border-bottom: 1px solid #0156e9 !important;
}
.search .style-dark #searchbox.uncode-live-search input[type=search]:focus {
  border: unset !important;
  border-bottom: 1px solid #0156e9 !important;
}
.search .search-excerpt {
  text-align: left;
}
.search .tmb-dark.tmb-content-under.tmb .t-entry p.t-entry-meta span {
  font-weight: 400;
  letter-spacing: 0.8px;
  color: #93969e;
}
.search p {
  font-size: 1rem !important;
  color: #d9dbe1 !important;
}
.search .t-entry-title a {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  margin: 0;
  padding: 0;
  padding-top: 0.25rem;
  font-weight: normal;
  transition: background-size 300ms;
  transition-delay: 0s;
  transition-timing-function: ease;
  color: #fff !important;
  background: linear-gradient(45deg, rgb(0, 86, 233), rgba(0, 86, 233, 0.5));
  background-repeat: no-repeat;
  background-size: 0 100%;
  font-weight: bold;
  line-height: 1.4;
}
.search .t-entry-title a:hover {
  color: #fff !important;
  background-size: 100% 100%;
}
.search .single-block-padding {
  padding: 18px !important;
}
.search .t-entry-cf-detail-position {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #006db6;
}
.search .daves-wordpress-live-search_result .search-category {
  font-size: 0.8rem !important;
  font-weight: 600;
  text-transform: uppercase;
  color: #777;
  color: #006db6;
}
/*----------  SearchWP  ----------*/
.searchwp-live-search-results-showing {
  padding: 0 0.5em;
  background-color: #000;
}
@media (min-width: 1200px) {
  .searchwp-live-search-results-showing {
    padding: 0 1.5em 1.5em 1.5em;
  }
}
.searchwp-live-search-results-showing p {
  padding-left: 1em;
}

.overlay .search-container-inner input[type=search] {
  font-weight: 300 !important;
  color: #f1f1f1;
}
@media (max-width: 767px) {
  .overlay.overlay-search .search-container-inner input[type=search].search-field {
    font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    color: #fff;
  }
}
.overlay.overlay-search .search-container-inner input[type=search].search-field:focus, .overlay.overlay-search .search-container-inner input[type=search].search-field:focus-visible {
  border: none;
  outline-style: solid;
  outline-color: #000;
}
.overlay.overlay-search .search-container form .search-container-inner input {
  padding-left: 0.5em;
}
@media (min-width: 768px) {
  .overlay.overlay-search .search-container form .search-container-inner input {
    padding: 2rem;
  }
}

.searchwp-live-search-results {
  background-color: #000;
}
.searchwp-live-search-results .searchwp-live-search-result a {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
}
@media (max-width: 767px) {
  .searchwp-live-search-results .searchwp-live-search-result a {
    transition: all 0.2s linear;
    text-decoration: underline;
    color: #fff !important;
    text-decoration-color: #0156e9;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
    margin: 0;
    padding: 0;
    padding-top: 0.25rem;
    font-weight: normal;
    transition: background-size 300ms;
    transition-delay: 0s;
    transition-timing-function: ease;
    color: #fff !important;
    background: linear-gradient(45deg, rgb(0, 86, 233), rgba(0, 86, 233, 0.5));
    background-repeat: no-repeat;
    background-size: 0 100%;
  }
  .searchwp-live-search-results .searchwp-live-search-result a:hover {
    color: #fff !important;
    background-size: 100% 100%;
  }
}

.searchwp-live-search-result--focused {
  background: #141618;
}

.searchwp-live-search-no-min-chars:after {
  color: #93969e;
}

/* Desktop Search Field */
.input-background .style-dark input[type=search].search-field.form-fluid {
  background-color: rgba(0, 0, 0, 0.65) !important;
}

/*=============================================
=            Components                      =
=============================================*/
#component-heading-textbox h2,
.component-heading-textbox h2 {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(1.777rem, 3.157vw, 2.369rem);
  font-weight: normal;
  line-height: 1.2;
  text-align: left;
  color: #f4f6fb;
}
#component-heading-textbox p,
.component-heading-textbox p {
  color: #d9dbe1;
}
#component-heading-textbox .col-custom-width,
.component-heading-textbox .col-custom-width {
  width: 80vw;
  max-width: 780px !important;
}

.related-posts .tmb-username-text {
  z-index: 14px;
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6d6f77;
}

/*=============================================
=            Form Inputs 			          =
=============================================*/
form label {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
form select {
  border: 1px solid #93969e !important;
}
form select option {
  color: white;
  background-color: #000;
}

input:-webkit-autofill {
  color: #fff !important;
  background-color: #000f24 !important;
  -webkit-box-shadow: 0 0 0 10px #000f24 inset !important;
  -webkit-text-fill-color: #fff;
}

input:autofill, input:-webkit-autofill, input:focus, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:-internal-autofill-previewed, input:-internal-autofill-selected {
  color: #fff !important;
  background-color: #000f24 !important;
  -webkit-box-shadow: 0 0 0 10px #000f24 inset !important;
  -webkit-text-fill-color: #fff;
}
div.wpforms-container-full .wpforms-form input[type=email] {
  max-width: 100% !important;
  background-color: #000f24 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container button {
  padding-top: 0;
}
@media (max-width: 991px) {
  div.wpforms-container-full .wpforms-form .wpforms-submit-container button {
    width: 100%;
  }
}
@media (max-width: 767px) {
  div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-layout-column.wpforms-layout-column-50:first-of-type {
    margin-bottom: 18px;
  }
}
div.wpforms-container-full .wpforms-form .wpforms-field label.wpforms-error {
  font: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-layout {
  padding-bottom: 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field:not(div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-layout):nth-child(n+2) {
  margin: 18px 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field input,
div.wpforms-container-full .wpforms-form .wpforms-field textarea {
  padding: 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field input::-moz-placeholder, div.wpforms-container-full .wpforms-form .wpforms-field textarea::-moz-placeholder {
  color: #fff !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field input::placeholder,
div.wpforms-container-full .wpforms-form .wpforms-field textarea::placeholder {
  color: #fff !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field input[type=text], div.wpforms-container-full .wpforms-form .wpforms-field input[type=tel],
div.wpforms-container-full .wpforms-form .wpforms-field textarea[type=text],
div.wpforms-container-full .wpforms-form .wpforms-field textarea[type=tel] {
  background-color: transparent !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field input:focus,
div.wpforms-container-full .wpforms-form .wpforms-field textarea:focus {
  border-color: #0156e9 !important;
}
div.wpforms-container-full .wpforms-confirmation-container-full,
div.wpforms-container-full div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  border-color: #fff;
  background-color: transparent;
}

.before-after .style-accent-bg,
.before-after .border-accent-color {
  border-width: 2px;
  border-color: #fff !important;
  background-color: transparent;
}

/* body:not(.rtl) .wpcf7-inline-wrapper.wpcf7-input-group > *:first-child input:not(.btn):not(.inset-input) {
	border-right: 5px solid $black $i;
} */
.wpcf7-inline-field-text {
  margin-right: 1rem !important;
}
/**
 * ============================================
 * > MENU & HEADER
 * ============================================
 */
@media (min-width: 960px) {
  .menu-wrapper #masthead .row-menu .row-menu-inner {
    padding: 0 4.44444rem 0 4.44444rem;
  }
}
@media (min-width: 590px) {
  #menu-main-menu li:last-of-type {
    padding-right: 0;
  }
}
/*=====  End of Mobile Icon Menu  ======*/
@media (max-width: 589px) {
  .style-color-15-bg {
    background-color: rgba(0, 0, 0, 0.95);
  }
}
/*----------  Menu transparency header tablet  ----------*/
.is_mobile_open .menu-container .logo-container {
  background: rgba(0, 0, 0, 0.93);
}

/** Search list Item */
@media (max-width: 958px) {
  #masthead .nav.navbar-nav-last .menu-smart {
    padding-top: 0.583rem !important;
    text-align: right;
  }
  #masthead .nav.navbar-nav-last .menu-smart li.social-icon:first-of-type {
    padding-right: 18px;
  }
  #masthead .nav.navbar-nav-last .menu-smart li.social-icon.social-email {
    padding-right: 36px;
    padding-bottom: 0.583rem !important;
  }
  #masthead .nav.navbar-nav-last .menu-smart li.social-icon a .fa {
    font-size: 2rem;
    text-align: right;
  }
}
#masthead .nav.navbar-nav-last .menu-smart li.social-icon a:hover {
  text-decoration: none !important;
}
#masthead .nav.navbar-nav-last .menu-smart .search-icon {
  transition: all 0.2s linear;
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0;
  color: #f1f1f1;
  text-align: right;
  border-bottom: 0 !important;
}
@media (max-width: 589px) {
  #masthead .nav.navbar-nav-last .menu-smart .search-icon {
    font-size: 32px !important;
  }
}

#menu-main-menu {
  text-align: right;
  /* MENU DESKTOP */
}
@media (max-width: 767px) {
  #menu-main-menu ul.drop-menu li a {
    font-size: 1.33em !important;
    font-weight: 300;
  }
  #menu-main-menu ul.drop-menu li ul li a {
    font-size: 1.2rem !important;
  }
}
@media (max-width: 589px) {
  #menu-main-menu > li.current-menu-item > a, #menu-main-menu > li.current_page_parent > a,
  #menu-main-menu > li .current-menu-item.active > a {
    transition: all 0.2s linear;
    text-decoration: underline;
    color: #fff !important;
    text-decoration-color: #0156e9;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
  }
  #menu-main-menu > li a {
    transition: all 0.2s linear;
    padding-top: 0.5833333333rem;
    padding-bottom: 0.5833333333rem;
    font-size: 32px !important;
    font-weight: 300 !important;
    border-bottom: 0 !important;
  }
}
#menu-main-menu > li a {
  transition: all 0.2s linear;
  text-decoration: none;
  letter-spacing: 1px;
  color: #fff;
  text-underline-offset: 6px;
}
#menu-main-menu > li a:hover {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
#menu-main-menu > li.current-menu-item > a {
  transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

/*=============================================
=            HEADER   			         =
=============================================*/
/* #block-header {
	h1 {
		font-family: $circular;
		font-size: clamp(2.369rem, 5.61vw, 4.209rem);
		font-weight: 300;
		line-height: 1.3;

		color: $head1;
	}
} */
@media (min-width: 959px) {
  .header-uncode-block .main-container .row-container .triple-h-padding {
    padding: 0 4.44444rem 0 4.44444rem;
  }
}
.header-uncode-block .header-heading-col {
  padding-left: 0 !important;
}
.header-uncode-block #n2-ss-1 .n2-ss-control-bullet {
  bottom: 1.5rem !important;
  left: 1.5rem;
}
@media (min-width: 590px) {
  .header-uncode-block #n2-ss-1 .n2-ss-control-bullet {
    left: 4.44444rem !important;
  }
}

/*=============================================
=            Footer - Main      		      =
=============================================*/
@media (min-width: 768px) {
  footer .footer-last {
    padding: 0 4.44444rem 0 4.44444rem;
  }
}
@media (max-width: 589px) {
  footer .footer-last {
    font-size: 1rem !important;
  }
}
footer .footer-last .site-info {
  padding-left: 0;
}
footer .footer-last .text-right {
  padding-right: 0;
}

.footer-menu-2 {
  padding-top: 0.2em;
  font-family: "CircularXXWeb-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  background-color: #141618;
}
.footer-menu-2 #menu-footer-menu li a {
  font-size: 1rem;
  text-transform: uppercase;
}

@media (max-width: 589px) {
  footer #copyright-tag p,
  .site-footer #copyright-tag p,
  #block-footer #copyright-tag p,
  .footer #copyright-tag p {
    font-size: 15px !important;
  }
}
@media (min-width: 1200px) {
  footer #footer-col-contact,
  .site-footer #footer-col-contact,
  #block-footer #footer-col-contact,
  .footer #footer-col-contact {
    padding-left: 0;
  }
  footer #footer-col-links,
  .site-footer #footer-col-links,
  #block-footer #footer-col-links,
  .footer #footer-col-links {
    width: 20%;
  }
  footer #footer-twitter-widget,
  .site-footer #footer-twitter-widget,
  #block-footer #footer-twitter-widget,
  .footer #footer-twitter-widget {
    text-align: right;
  }
  footer h3.widget-title,
  .site-footer h3.widget-title,
  #block-footer h3.widget-title,
  .footer h3.widget-title {
    margin-top: 1em !important;
  }
}
footer .uncode-vc-social .icon-box:nth-last-child(-n+2),
footer .uncell .icon-box:nth-last-child(-n+2),
.site-footer .uncode-vc-social .icon-box:nth-last-child(-n+2),
.site-footer .uncell .icon-box:nth-last-child(-n+2),
#block-footer .uncode-vc-social .icon-box:nth-last-child(-n+2),
#block-footer .uncell .icon-box:nth-last-child(-n+2),
.footer .uncode-vc-social .icon-box:nth-last-child(-n+2),
.footer .uncell .icon-box:nth-last-child(-n+2) {
  display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  footer #footer-col-about,
  .site-footer #footer-col-about,
  #block-footer #footer-col-about,
  .footer #footer-col-about {
    margin-right: 36px;
    margin-bottom: 36px;
    margin-left: 36px;
    padding: 0 36px 36px;
  }
}
footer .lr-tag p,
footer #copyright-tag p,
.site-footer .lr-tag p,
.site-footer #copyright-tag p,
#block-footer .lr-tag p,
#block-footer #copyright-tag p,
.footer .lr-tag p,
.footer #copyright-tag p {
  font-size: 1.25rem !important;
}
@media (max-width: 589px) {
  footer .lr-tag p,
  footer #copyright-tag p,
  .site-footer .lr-tag p,
  .site-footer #copyright-tag p,
  #block-footer .lr-tag p,
  #block-footer #copyright-tag p,
  .footer .lr-tag p,
  .footer #copyright-tag p {
    font-size: 15px !important;
  }
}
footer .lr-tag p a,
footer #copyright-tag p a,
.site-footer .lr-tag p a,
.site-footer #copyright-tag p a,
#block-footer .lr-tag p a,
#block-footer #copyright-tag p a,
.footer .lr-tag p a,
.footer #copyright-tag p a {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  margin: 0;
  padding: 0;
  padding-top: 0.25rem;
  font-weight: normal;
  transition: background-size 300ms;
  transition-delay: 0s;
  transition-timing-function: ease;
  color: #fff !important;
  background: linear-gradient(45deg, rgb(0, 86, 233), rgba(0, 86, 233, 0.5));
  background-repeat: no-repeat;
  background-size: 0 100%;
}
footer .lr-tag p a:hover,
footer #copyright-tag p a:hover,
.site-footer .lr-tag p a:hover,
.site-footer #copyright-tag p a:hover,
#block-footer .lr-tag p a:hover,
#block-footer #copyright-tag p a:hover,
.footer .lr-tag p a:hover,
.footer #copyright-tag p a:hover {
  color: #fff !important;
  background-size: 100% 100%;
}
footer .footer-row.row-container .row-parent .single-internal-gutter .uncont > *,
.site-footer .footer-row.row-container .row-parent .single-internal-gutter .uncont > *,
#block-footer .footer-row.row-container .row-parent .single-internal-gutter .uncont > *,
.footer .footer-row.row-container .row-parent .single-internal-gutter .uncont > * {
  margin-top: 0 !important;
}
footer #footer-menu-links ul,
footer .footer-menu-links ul,
.site-footer #footer-menu-links ul,
.site-footer .footer-menu-links ul,
#block-footer #footer-menu-links ul,
#block-footer .footer-menu-links ul,
.footer #footer-menu-links ul,
.footer .footer-menu-links ul {
  margin-left: 0;
}
footer #footer-menu-links ul li a,
footer .footer-menu-links ul li a,
.site-footer #footer-menu-links ul li a,
.site-footer .footer-menu-links ul li a,
#block-footer #footer-menu-links ul li a,
#block-footer .footer-menu-links ul li a,
.footer #footer-menu-links ul li a,
.footer .footer-menu-links ul li a {
  font-size: 1.5rem;
  text-transform: capitalize;
}
footer h6,
.site-footer h6,
#block-footer h6,
.footer h6 {
  font-size: 1rem;
  color: rgb(70, 80, 112);
}
@media (min-width: 768px) {
  footer .wpcf7,
  .site-footer .wpcf7,
  #block-footer .wpcf7,
  .footer .wpcf7 {
    margin-right: 1.5em;
  }
}
footer .wpcf7-form-control.wpcf7-text,
.site-footer .wpcf7-form-control.wpcf7-text,
#block-footer .wpcf7-form-control.wpcf7-text,
.footer .wpcf7-form-control.wpcf7-text {
  margin-right: 5px !important;
}
footer iframe,
footer #twitter-widget-0,
.site-footer iframe,
.site-footer #twitter-widget-0,
#block-footer iframe,
#block-footer #twitter-widget-0,
.footer iframe,
.footer #twitter-widget-0 {
  text-align: right;
  background-color: black !important;
}
footer iframe .timeline-Widget,
footer #twitter-widget-0 .timeline-Widget,
.site-footer iframe .timeline-Widget,
.site-footer #twitter-widget-0 .timeline-Widget,
#block-footer iframe .timeline-Widget,
#block-footer #twitter-widget-0 .timeline-Widget,
.footer iframe .timeline-Widget,
.footer #twitter-widget-0 .timeline-Widget {
  background-color: black !important;
}
footer #wpcf7-f89560-o2,
.site-footer #wpcf7-f89560-o2,
#block-footer #wpcf7-f89560-o2,
.footer #wpcf7-f89560-o2 {
  margin-left: 0;
}

.footer-subheading,
.top-subheading-grey h3.widget-title,
footer #footer-menu-links h3.widget-title,
footer .footer-menu-links h3.widget-title,
.site-footer #footer-menu-links h3.widget-title,
.site-footer .footer-menu-links h3.widget-title,
#block-footer #footer-menu-links h3.widget-title,
#block-footer .footer-menu-links h3.widget-title,
.footer #footer-menu-links h3.widget-title,
.footer .footer-menu-links h3.widget-title,
.text-color-grey-label-color span {
  font-style: normal !important;
  font-family: "CircularXXWeb-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.16rem;
  font-weight: 300 !important;
  color: #fff !important;
  margin-bottom: 0;
  text-align: left;
}
@media (max-width: 589px) {
  .footer-subheading,
  .top-subheading-grey h3.widget-title,
  footer #footer-menu-links h3.widget-title,
  footer .footer-menu-links h3.widget-title,
  .site-footer #footer-menu-links h3.widget-title,
  .site-footer .footer-menu-links h3.widget-title,
  #block-footer #footer-menu-links h3.widget-title,
  #block-footer .footer-menu-links h3.widget-title,
  .footer #footer-menu-links h3.widget-title,
  .footer .footer-menu-links h3.widget-title,
  .text-color-grey-label-color span {
    font-size: 1rem;
  }
}

@media (max-width: 589px) {
  #footer-right-col {
    text-align: left;
  }
}

/*=============================================
=            Home Page       			     =
=============================================*/
@media (max-width: 767px) {
  .page-homepage .menu-container .logo-container {
    padding: 1em !important;
  }
}
@media (max-width: 589px) {
  .page-homepage #home-img-1 > div.single-wrapper {
    max-width: 100% !important;
  }
}
.page-homepage #row-home-slider .row-parent {
  padding-top: 0;
}
@media (max-width: 767px) {
  .page-homepage .exa-top-padding {
    padding-top: 4.75rem !important;
  }
  .page-homepage .exa-bottom-padding {
    padding-bottom: 4.75rem !important;
  }
}
.page-homepage .top-subheading-grey span, .page-homepage footer #footer-menu-links span, footer .page-homepage #footer-menu-links span,
.page-homepage footer .footer-menu-links span,
footer .page-homepage .footer-menu-links span,
.page-homepage .site-footer #footer-menu-links span,
.site-footer .page-homepage #footer-menu-links span,
.page-homepage .site-footer .footer-menu-links span,
.site-footer .page-homepage .footer-menu-links span,
.page-homepage #block-footer #footer-menu-links span,
#block-footer .page-homepage #footer-menu-links span,
.page-homepage #block-footer .footer-menu-links span,
#block-footer .page-homepage .footer-menu-links span,
.page-homepage .footer #footer-menu-links span,
.footer .page-homepage #footer-menu-links span,
.page-homepage .footer .footer-menu-links span,
.footer .page-homepage .footer-menu-links span {
  font-size: unset !important;
}
.page-homepage .left-col-h2 h3 {
  font-size: 1.5rem;
}
@media (min-width: 992px) {
  .page-homepage .left-col-h2 h3 {
    font-size: 2.0625rem;
  }
}
@media (min-width: 992px) {
  .page-homepage h2.h2 span {
    font-size: clamp(2.375rem, 3rem, 3.625em);
  }
}
.page-homepage div#row-home-slider > div {
  padding-top: 0;
}
.page-homepage .n2-ss-item-content p {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.page-homepage h1,
.page-homepage .home-page-hero-slider-heading,
.page-homepage .home-page-hero-slider-button {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  letter-spacing: normal;
}
.page-homepage div#n2-ss-5 .n2-font-b2cc30040d32a61078e5032604e62e03-paragraph {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
}
.page-homepage .heading-text a,
.page-homepage .heading-text i {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: normal;
  line-height: 1.1;
  letter-spacing: normal;
  color: #fff;
  word-spacing: 2px;
  text-transform: none;
  color: #fff;
}
.page-homepage #home-row-2 h2.h1 span {
  line-height: 1.5;
}
@media (max-width: 991px) {
  .page-homepage #home-row-2 h2.h1 span {
    font-size: clamp(1.15rem, -0.159rem + 5.8vw, 3.75rem);
  }
}
@media (max-width: 589px) {
  .page-homepage #home-row-2 .wpb_row:has(.home-row2-col) {
    height: 350px !important;
  }
}
.page-homepage #home-row-2 .home-row2-col .col-custom-width {
  width: 80vw;
}
@media (max-width: 589px) {
  .page-homepage #home-row-2 .home-row2-col .col-custom-width {
    width: 100%;
  }
}
.page-homepage #row-testimonials p {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 25px !important;
}
.page-homepage #row-testimonials .textual-carousel .tmb .regular-text .pullquote,
.page-homepage #row-testimonials .tmb-dark.tmb .t-entry-visual *:not(.add_to_cart_text):not(.view-cart) {
  color: #fff !important;
}

/*=============================================
=            ABOUT PAGE            		  =
=============================================*/
.page-about {
  /* 	#row-needle {
  	z-index: 2;
  	// html {

  	height: 1000px;

  	.unique-problem {
  		position: relative;
  		z-index: 2;

  		width: 400px;
  		margin-left: 5em;
  	}

  	// }

  	#col-needle {
  		height: 500vh;

  		// background: #000;
  	}

  	canvas {
  		position: sticky;
  		z-index: -1;
  		top: 50%;
  		left: 50%;

  		max-width: 100vw;
  		max-height: 100%;

  		transform: translate(-50%, -50%);
  	}
  } */
}
@media (max-width: 767px) {
  .page-about #row-hero h3 {
    font-size: 1.4rem !important;
  }
}

/*=============================================
=            CONTACT PAGE   	   	          =
=============================================*/
.page-contact {
  /* @include respond-below(sm) {
  	#post-33 .row-parent {
  		height: 90vw !important;
  	}
  } */
}
.page-contact #faq-section h2 {
  margin-bottom: 0;
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.66667rem;
  letter-spacing: 0.8px;
}
.page-contact #faq-section .wpb_accordion_section.group .single-block-padding {
  padding-top: 18px;
  padding-bottom: 18px;
}
@media (max-width: 1023px) {
  .page-contact #faq-section .wpb_accordion_section.group .single-block-padding {
    padding-top: 0;
  }
}
.page-contact #faq-section .panel {
  border-color: transparent;
}
.page-contact #faq-section .style-dark .panel-title > a:hover {
  text-decoration: none;
}
.page-contact #faq-section .panel-title.active a:hover span, .page-contact #faq-section .panel-title.active a span {
  text-decoration: none !important;
}
.page-contact #faq-section .panel-title > a {
  padding-right: 2.5em;
}
.page-contact #faq-section .panel-title > a:hover span {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 10px;
}
.page-contact #faq-section .panel-title > a > span {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(1.333rem, 2.36vw, 1.777rem);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.8px;
  color: #fff;
}
@media (max-width: 767px) {
  .page-contact #faq-section .panel-title > a > span {
    font-weight: 500 !important;
  }
}
.page-contact #faq-section .panel-title > a > span::after {
  font-size: 1.3rem !important;
  font-weight: 700;
  content: "\e874" !important;
}
.page-contact #faq-section .panel-body {
  font-size: 1.3rem;
}
@media (max-width: 589px) {
  .page-contact #faq-section .panel-body .uncode_text_column > p {
    margin-top: 18px !important;
  }
}
@media (max-width: 991px) {
  .page-contact #faq-section .panel-body p {
    font-size: 1.15rem;
  }
}
.page-contact #faq-section .panel-body a {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  margin: 0;
  padding: 0;
  padding-top: 0.25rem;
  font-weight: normal;
  transition: background-size 300ms;
  transition-delay: 0s;
  transition-timing-function: ease;
  color: #fff !important;
  background: linear-gradient(45deg, rgb(0, 86, 233), rgba(0, 86, 233, 0.5));
  background-repeat: no-repeat;
  background-size: 0 100%;
}
.page-contact #faq-section .panel-body a:hover {
  color: #fff !important;
  background-size: 100% 100%;
}
.page-contact #address,
.page-contact .heading-text {
  margin-top: 1px;
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
}
.page-contact #address div,
.page-contact .heading-text div {
  margin-top: 1px;
}
.page-contact #address div p,
.page-contact .heading-text div p {
  margin-top: 1px;
}
.page-contact #address a,
.page-contact .heading-text a {
  margin: 0;
  padding: 0;
  padding-top: 0.25rem;
  font-weight: normal;
  transition: background-size 300ms;
  transition-delay: 0s;
  transition-timing-function: ease;
  color: #fff !important;
  background: linear-gradient(45deg, rgb(0, 86, 233), rgba(0, 86, 233, 0.5));
  background-repeat: no-repeat;
  background-size: 0 100%;
}
.page-contact #address a:hover,
.page-contact .heading-text a:hover {
  color: #fff !important;
  background-size: 100% 100%;
}
.page-contact .heading-text a:not(.tel) {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

/*=============================================
=            EXPERTISE    			        =
=============================================*/
@media (max-width: 589px) {
  .page-expertise h2 {
    font-size: 33.33px !important;
  }
  .page-expertise h3 span,
  .page-expertise .h3 span {
    font-size: 1.3rem !important;
  }
}
@media (min-width: 1000px) and (max-width: 1399px) {
  .page-expertise #row-hero .col-custom-width {
    width: unset !important;
    max-width: unset !important;
  }
}
.page-expertise #row-hero .about-hero-text {
  font-size: clamp(1.9rem, 5.61vw, 4.209rem);
}
@media (min-width: 590px) and (max-width: 1023px) {
  .page-expertise #row-hero .about-hero-text {
    font-size: clamp(1.9rem, 4.61vw, 4.209rem);
  }
}
.page-expertise .row-parallax-posts .t-entry-text a {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding-left: 6px;
  border-left: 0.5px solid #fff;
  color: #93969e !important;
  border-left: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .page-expertise .row-parallax-posts .t-entry-text a {
    margin-left: 1em;
  }
}
@media (max-width: 767px) {
  .page-expertise .row-parallax-posts .t-entry-text a {
    margin-left: 0.5em;
  }
}
.page-expertise .row-parallax-posts .t-entry-text a:hover {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.page-expertise .row-parallax-posts .t-entry-text .single-block-padding {
  padding-top: 5px;
  padding-right: 0;
}
.page-expertise #cutting-edge {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 10px 10px 33px -2px rgb(0, 0, 0);
}

/*=============================================
=            WORK LANDING 			        =
=============================================*/
.page-work,
.post-type-archive-portfolio,
.postid-103722 {
  /* @include respond-above(sm) {
  	.grid-filters {
  		display: none;
  	}
  } */
}
.page-work #work-landing-header,
.post-type-archive-portfolio #work-landing-header,
.postid-103722 #work-landing-header {
  display: flex;
  flex-flow: row nowrap;
}
.page-work #work-landing-header h1,
.post-type-archive-portfolio #work-landing-header h1,
.postid-103722 #work-landing-header h1 {
  flex: 1 0 auto;
  flex-basis: 100px;
}
.page-work #work-landing-header h1 span,
.post-type-archive-portfolio #work-landing-header h1 span,
.postid-103722 #work-landing-header h1 span {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(2.369rem, 1.7rem + 3.35vw, 4.209rem);
  line-height: 1.3;
  color: #9fa0a6;
}
@media (max-width: 589px) {
  .page-work #work-landing-header h1 span,
  .post-type-archive-portfolio #work-landing-header h1 span,
  .postid-103722 #work-landing-header h1 span {
    font-size: max(2.369rem, 5.61vw, 4.209rem);
  }
}
@media (max-width: 767px) {
  .page-work #work-landing-header h1 span,
  .post-type-archive-portfolio #work-landing-header h1 span,
  .postid-103722 #work-landing-header h1 span {
    font-size: clamp(1.8rem, -5.427rem + 15.06vw, 4.209rem);
  }
}
.page-work #work-landing-header h1 span > span,
.post-type-archive-portfolio #work-landing-header h1 span > span,
.postid-103722 #work-landing-header h1 span > span {
  font-weight: normal;
  color: #fff;
}
@media (min-width: 768px) {
  .page-work .work-landing-subheading p,
  .post-type-archive-portfolio .work-landing-subheading p,
  .postid-103722 .work-landing-subheading p {
    font-size: 1.5rem;
  }
}
.page-work .t-entry-text-tc.single-block-padding,
.post-type-archive-portfolio .t-entry-text-tc.single-block-padding,
.postid-103722 .t-entry-text-tc.single-block-padding {
  padding-top: 15px !important;
}
.page-work .work-posts-grid .t-entry-title,
.post-type-archive-portfolio .work-posts-grid .t-entry-title,
.postid-103722 .work-posts-grid .t-entry-title {
  color: #fff;
}
.page-work .btn-link,
.post-type-archive-portfolio .btn-link,
.postid-103722 .btn-link {
  vertical-align: top;
  border: 0;
}
.page-work .term-filter-link--active,
.post-type-archive-portfolio .term-filter-link--active,
.postid-103722 .term-filter-link--active {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

/**
 * Work Grid
 * Category Filters
 * WORK FACETS
 * */
.wpgb-facet .wpgb-input,
.wpgb-facet .wpgb-select,
.wpgb-facet .wpgb-button:not(button),
.wpgb-facet .wpgb-radio .wpgb-radio-control,
.wpgb-facet .wpgb-checkbox .wpgb-checkbox-control,
.wpgb-facet .wpgb-checkbox .wpgb-checkbox-control:before,
.wpgb-facet .wpgb-facet .wpgb-input,
.wpgb-facet .wpgb-facet .wpgb-select,
.wpgb-facet .wpgb-facet .wpgb-button:not(button),
.wpgb-facet .wpgb-facet .wpgb-radio .wpgb-radio-control,
.wpgb-facet .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control,
.wpgb-facet .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control:before {
  border-color: #000;
}
#work-filter-mobile .wpgb-facet .wpgb-select {
  background-color: #000 !important;
}
.wpgb-facet .wpgb-radio-facet > .wpgb-hierarchical-list {
  flex-flow: column wrap;
  width: 100% !important;
  height: 165px;
  -moz-columns: 2;
       columns: 2;
}
.wpgb-facet .wpgb-radio-facet > .wpgb-hierarchical-list li {
  margin-top: 1rem;
}
.wpgb-facet .wpgb-radio-facet > .wpgb-hierarchical-list li:first-child {
  display: none;
}
.wpgb-facet .wpgb-radio-facet > .wpgb-hierarchical-list li:nth-child(2) {
  margin-top: 0;
  pointer-events: none;
}
.wpgb-facet .wpgb-radio-facet > .wpgb-hierarchical-list li:nth-child(2) div {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.wpgb-facet .wpgb-radio-facet > .wpgb-hierarchical-list li .wpgb-radio[aria-pressed=true] {
  color: #fff;
}
.wpgb-facet .wpgb-checkbox-facet li[role]:focus > .wpgb-checkbox {
  outline: none !important;
}
.wpgb-facet .wpgb-checkbox-facet li[aria-expanded=false]::after,
.wpgb-facet .wpgb-checkbox-facet li[aria-expanded=true]::after {
  display: none;
}
.wpgb-facet .wpgb-checkbox-facet span.wpgb-checkbox-control {
  display: none;
}
.wpgb-facet .wpgb-facet-title,
.wpgb-facet .wpgb-radio-facet .wpgb-radio .wpgb-radio-control {
  display: none !important;
}
.wpgb-facet .wpgb-radio-label {
  padding: 0 !important;
}
.wpgb-facet .wpgb-radio-facet .wpgb-hierarchical-list {
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.wpgb-facet li[aria-expanded=true] {
  display: flex;
}
.wpgb-facet li[aria-expanded=true] div[aria-pressed=true],
.wpgb-facet li[aria-expanded=true] div[aria-pressed=mixed] {
  transition: all 0.2s linear;
}
.wpgb-facet li[aria-expanded=true] div[aria-pressed=true] .wpgb-checkbox-label,
.wpgb-facet li[aria-expanded=true] div[aria-pressed=mixed] .wpgb-checkbox-label {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.wpgb-facet li[aria-expanded=true] div[aria-pressed=true] + .wpgb-hierarchical-list,
.wpgb-facet li[aria-expanded=true] div[aria-pressed=mixed] + .wpgb-hierarchical-list {
  display: flex;
  flex-flow: column wrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 7em;
  padding-top: 10px !important;
  -moz-column-count: auto;
       column-count: auto;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
.wpgb-facet li[aria-expanded=true] div[aria-pressed=mixed] + .wpgb-hierarchical-list div[aria-pressed=true] .wpgb-checkbox-label {
  text-decoration: none;
  color: #fff;
}
.wpgb-facet li[aria-expanded=true] div[aria-pressed=false] {
  transition: all 0.2s linear;
}
.page-id-109306 .wpgb-facet li[aria-expanded=true] div[aria-pressed=false] {
  display: block !important;
}
.wpgb-facet li[aria-expanded=true] div[aria-pressed=false] + ul {
  transition: all 0.2s linear;
  display: none;
}
.wpgb-facet .wpgb-hierarchical-list {
  flex-flow: row wrap;
  justify-content: space-between;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
@media (max-width: 1399px) {
  .wpgb-facet .wpgb-hierarchical-list {
    flex-flow: column wrap;
    max-width: 94vw;
  }
}
.wpgb-facet .wpgb-hierarchical-list li {
  display: inline;
  flex: 1 1 auto;
  color: #777;
}
@media (min-width: 992px) {
  .wpgb-facet .wpgb-hierarchical-list li {
    padding-right: 1.67rem;
  }
}
.wpgb-facet .wpgb-hierarchical-list li span {
  font-size: 1.1666666667rem !important;
}

#work-filter-mobile .wpgb-select-remove {
  color: #777;
}

.wpgb-select-placeholder .wpgb-select-values > div.wpgb-select-value,
.wpgb-select-dropdown,
.wpgb-select-values,
.wpgb-facet .wpgb-apply,
.wpgb-facet .wpgb-load-more {
  background-color: #000 !important;
}
.wpgb-select-placeholder .wpgb-select-values > div.wpgb-select-value select,
.wpgb-select-dropdown select,
.wpgb-select-values select,
.wpgb-facet .wpgb-apply select,
.wpgb-facet .wpgb-load-more select {
  background-color: #000;
}

.wpgb-select-placeholder .wpgb-select-values > div.wpgb-select-value span {
  text-transform: uppercase;
}

.wpgb-select .wpgb-select-controls .wpgb-select-separator {
  color: #ccc !important;
}

div[aria-pressed=true] span.wpgb-checkbox-label {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

/**
 * Work – Film Page
 */
.page-id-109306 .wpgb-facet .wpgb-checkbox-facet li[aria-expanded=false] ul {
  display: block !important;
}
.page-id-109306 .wpgb-facet .wpgb-checkbox-facet li[aria-expanded] > .wpgb-checkbox .wpgb-checkbox-label {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

/* WORK GRID (mainly, some facets) */
@media (min-width: 1200px) {
  .wp-grid-builder .wpgb-card-12 h3.wpgb-block-2 {
    font-size: clamp(1.3rem, 24px, 2.369rem);
  }
}
@media (min-width: 1699px) {
  .wp-grid-builder .wpgb-card-12 h3.wpgb-block-2 {
    font-size: 2.369rem;
  }
}

/*=============================================
=            Work Detail Pages            =
=============================================*/
#work-detail-header .category-info a {
  display: inline-block;
  margin: 2px 1px 2px 0;
}
.detail-none #work-detail-header .category-info a {
  display: none;
}
.detail-one #work-detail-header .category-info a:not(:first-of-type) {
  display: none;
}
#work-detail-header #work-detail-label .detail-container span.detail-value,
#work-detail-header .uncode-custom-fields .detail-container span.detail-value {
  line-height: 1;
  color: #000 !important;
}
#work-detail-header .vc_custom_heading_wrap.header-heading {
  margin-top: 18px;
}
#work-detail-header .vc_custom_heading_wrap.header-heading h1 {
  text-transform: uppercase;
}

/*=============================================
=           WORK |  CASE STUDY			      =
=============================================*/
.header-heading h1:not(.h1, .h2, .h3, .h4, .h5, .h6, [class*=fontsize-]) span,
.header-heading .h1:not([class*=fontsize-]) span,
#case-study-header h1:not(.h1, .h2, .h3, .h4, .h5, .h6, [class*=fontsize-]) span,
#case-study-header .h1:not([class*=fontsize-]) span {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: calc(32px + 68 * (100vw - 320px) / 2180);
  font-weight: 300;
  line-height: 1.16;
  letter-spacing: calc(1px + 2 * (100vw - 320px) / 2180);
  color: #f4f6fb;
  text-transform: uppercase;
}

.single-portfolio #component-heading-textbox .col-custom-width,
.single-portfolio .component-heading-textbox .col-custom-width,
.single-portfolio .row .uncont.col-custom-width {
  border: 0;
}
.single-portfolio .post-content a {
  color: #138bd6;
}
.single-portfolio .uncode-custom-fields {
  display: inline-block;
  padding: 4px 6px;
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: calc(16px + 6 * (100vw - 320px) / 2180) !important;
  font-weight: 400;
  line-height: 1;
  color: #000;
  background-color: #d9dbe1;
}
.single-portfolio .uncode-custom-fields span {
  font-weight: 400 !important;
}
.single-portfolio .player .vp-title {
  padding-top: 0;
}
.single-portfolio p {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: calc(20px + 6 * (100vw - 320px) / 2180) !important;
  font-weight: 300;
  line-height: 1.502;
  letter-spacing: -0.2px;
  color: #d9dbe1;
  margin-top: 1rem;
  margin-bottom: 0;
  padding: 0;
  word-spacing: 0.1px;
  -webkit-hyphens: none;
          hyphens: none;
}
@media (max-width: 589px) {
  .single-portfolio p {
    font-size: 1.25rem;
  }
}

/*=============================================
=            IDEAS LANDING 			        =
=============================================*/
@media (max-width: 991px) {
  .blog .header-heading h2 span {
    font-size: clamp(2rem, 1.415rem + 2.26vw, 2.5rem);
  }
}
@media (max-width: 589px) {
  .blog .header-heading h2 span {
    font-size: clamp(1.8rem, 0.438rem + 6.81vw, 2.2rem);
  }
}
.blog #row-featured-image {
  display: none;
}
.blog .menu-smart li.filter-show-all span {
  display: none !important;
  padding: 0 !important;
}
.blog #row-content-ideas .grid-filters .menu-smart--filter-cats li:nth-child(2) span {
  padding-left: 0 !important;
}
.blog #row-content-ideas .grid-filters .menu-smart--filter-cats li a {
  font-family: "CircularXXWeb-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #93969e;
}
.blog #row-content-ideas .grid-filters .menu-smart--filter-cats li a.active {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.blog #row-content-ideas .t-entry-text-tc.single-block-padding,
.blog #row-content-ideas .tmb-no-bg.tmb .t-entry-text .t-entry-text-tc {
  padding-top: 18px !important;
}

/**
 *
 * ! Single Post
 *
 */
.single-post a {
  color: #1573dd;
}
.single-post .comment-meta.post-meta p br {
  display: none;
}

/**
 *
 * ? Comments
 *
 */
/**
 *
 * ! Password protect Box
 *
 */
.warning-box-2 {
  border-radius: 8px;
}
.warning-box-2 .alert-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1rem;
  border-radius: 5px;
}
.warning-box-2 .alert-icon .lock {
  position: absolute;
  margin-top: 1px;
  animation-name: lock;
  animation-duration: 1.25s;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
  animation-delay: 0;
  animation-iteration-count: infinite;
  fill: red;
}
.warning-box-2 .alert-icon .alert-triangle {
  animation-name: spoiler-type;
  animation-duration: 1.25s;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  fill: rgb(255, 0, 50);
  stroke: rgb(255, 0, 50);
  stroke-width: 1px;
}
.warning-box-2 .alert-2 {
  display: flex;
  align-items: center;
  border-radius: 8px;
  background-color: rgb(10, 10, 15);
}
@media (min-width: 768px) {
  .warning-box-2 .alert-2 {
    width: 55%;
  }
}
.warning-box-2 .alert-text h2 {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -0.08px;
  color: #fff;
  width: auto;
  margin: 0;
  padding: 1rem;
  opacity: 0.5;
}

/*=============================================
=            IDEAS SINGLES 			        =
=============================================*/
.single-post .author-profile-bio {
  overflow: hidden;
  height: 100px;
  resize: vertical;
  text-overflow: ellipsis;
}

.author .tab-container:not(.default-typography) .nav-tabs > li > a span,
.author .extras-wrap span,
.author .extras span {
  font-size: 1rem !important;
}
.author .author-profile-bio {
  text-align: center;
}
.author .author-profile li {
  margin-right: 10px;
}
.author .author-profile-content h2 {
  display: none;
}
.author .author-profile-content p {
  max-width: 80%;
  margin: 0 auto;
  text-align: left;
}

/*=============================================
=            TEAM 		   			        =
=============================================*/
@media (max-width: 958px) {
  .page-team .main-container .row-container .penta-bottom-padding,
  .post-type-archive-team .main-container .row-container .penta-bottom-padding {
    padding-bottom: 18px;
  }
}
.page-team .gallery-team :not(.tmb-post):not(.tmb-title):not(.tmb-table).tmb .t-entry > *:not(hr):not(.spacer),
.post-type-archive-team .gallery-team :not(.tmb-post):not(.tmb-title):not(.tmb-table).tmb .t-entry > *:not(hr):not(.spacer) {
  margin-top: 0.25rem;
}
.page-team .gallery-team p.t-entry-meta span,
.page-team .gallery-team .t-entry-cf-detail-position,
.page-team .gallery-team .t-entry-readmore,
.post-type-archive-team .gallery-team p.t-entry-meta span,
.post-type-archive-team .gallery-team .t-entry-cf-detail-position,
.post-type-archive-team .gallery-team .t-entry-readmore {
  font-size: 16px;
  color: #1573dd !important;
}
.page-team .btn:not(.btn-custom-typo):not(.btn-inherit),
.page-team .btn-link:not(.btn-custom-typo):not(.btn-inherit),
.post-type-archive-team .btn:not(.btn-custom-typo):not(.btn-inherit),
.post-type-archive-team .btn-link:not(.btn-custom-typo):not(.btn-inherit) {
  letter-spacing: normal !important;
}

/*=============================================
=        Team Member Individual Pages         =
=============================================*/
@media (max-width: 589px) {
  .single-team .main-container #row-single-team .unexpand > .uncoltable > .uncell.no-block-padding {
    padding-top: 40px;
  }
}
@media (max-width: 991px) {
  .single-team .main-container #row-single-team .uncell.single-block-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .single-team .main-container #row-single-team .detail-container.detail-container--single .detail-value {
    padding-left: 5px;
  }
  .single-team .main-container #row-single-team #row-unique-1 .row-parent {
    padding: 0;
    /* .wpb_column.column_parent.single-internal-gutter {
    	padding: 0;
    } */
  }
  .single-team .main-container #row-single-team .col-team-text .uncell.single-block-padding {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .single-team .main-container #row-single-team p {
    font-size: 1.15rem;
  }
}
@media (max-width: 589px) {
  .single-team .main-container #row-single-team .row-team-text .row.limit-width.row-parent {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 589px) {
  .single-team .main-container #row-single-team .column-background .background-wrapper .background-inner {
    background-position: center center !important;
  }
}
@media (max-width: 1099) {
  .single-team .main-container #row-single-team .column-background .background-wrapper .background-inner {
    background-attachment: unset;
  }
}
@media (min-width: 1024px) {
  .single-team .main-container #row-single-team .column-background .background-wrapper .background-inner {
    background-position: -7% center !important;
  }
}
.single-team .main-container #row-single-team #row-unique-0 .row.single-top-padding.single-bottom-padding.one-h-padding.limit-width.row-parent {
  padding-top: 0;
}
.single-team .main-container #row-single-team #row-unique-0 .wpb_column {
  padding-top: 0;
}
.single-team .main-container #row-single-team #row-unique-0 .wpb_column .no-block-padding > div {
  padding-top: 0 !important;
}

/*=============================================
=            Privacy            				 =
=============================================*/
.page-privacy p {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*=============================================
=     Technology & Cinematic Design  		 =
=============================================*/
@media (max-width: 767px) {
  .page-tech-design #row-unique-0 .single-internal-gutter {
    padding-top: 0 !important;
  }
}
.page-tech-design p {
  line-height: 1.4;
}

.page-cinematic-design #tri-block-heading {
  font-family: "CircularXXWeb-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1rem;
  letter-spacing: normal;
  color: #5c5e63;
  margin-bottom: 1rem !important;
  padding-left: 6px;
  border-left: 0.5px solid white;
}
.page-cinematic-design .tri-block-grid {
  padding-top: 0 !important;
}
.page-cinematic-design .single-gutter:not(.owl-carousel-container):not(.uncode-post-table):not(.justified-wrapper):not(.post-titles-inner) .tmb > .t-inside {
  margin-top: 0 !important;
}
.page-cinematic-design .t-entry-text-tc.single-block-padding {
  padding-top: 0;
}

.page-cinematic-design .uncode-list,
.page-tech-design .uncode-list {
  margin-left: 0;
}
.page-cinematic-design .uncode-list ul.icons li i:before,
.page-tech-design .uncode-list ul.icons li i:before {
  transform: rotate(45deg);
  display: inline-block;
}

/*=============================================
=            Career & Job			        =
=============================================*/
@media (min-width: 768px) {
  .page-careers #block-header p {
    font-size: 1.5rem;
  }
}
.page-careers .open-positions-table .t-entry-table-category {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #d9dbe1;
  opacity: 0.6;
}
.page-careers a.contact-email {
  margin: 0;
  padding: 0;
  padding-top: 0.25rem;
  font-weight: normal;
  transition: background-size 300ms;
  transition-delay: 0s;
  transition-timing-function: ease;
  color: #fff !important;
  background: linear-gradient(45deg, rgb(0, 86, 233), rgba(0, 86, 233, 0.5));
  background-repeat: no-repeat;
  background-size: 0 100%;
  padding: 2px 6px 4px 1rem;
  transition: background-size 300ms, color 300ms !important;
  transition-delay: 0s !important;
  transition-timing-function: ease !important;
  text-decoration: none !important;
  background: linear-gradient(45deg, rgb(0, 86, 233), rgba(0, 86, 233, 0.5));
  background-repeat: no-repeat;
  background-size: 1% 100%;
}
.page-careers a.contact-email:hover {
  color: #fff !important;
  background-size: 100% 100%;
}
.page-careers a.contact-email:after {
  margin-left: 0.33rem;
  content: "→";
  text-decoration: none !important;
  opacity: 0.6;
}
.page-careers .t-inside-post-table.t-entry-text {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .page-careers .t-inside-post-table.t-entry-text .t-entry-table-typography,
  .page-careers .t-inside-post-table.t-entry-text a {
    font-size: 0.9rem !important;
  }
  .page-careers .t-inside-post-table.t-entry-text .uncode-post-table-column {
    width: auto !important;
  }
}
.page-careers .tmb-content-last-right.tmb.tmb-table .uncode-post-table-column:nth-child(-2) {
  display: none;
}

.job-template-default p,
.job-template-default li {
  color: #f1f1f1;
}

/*=============================================
=            SOCIAL	    			        =
=============================================*/
.page-social .ff-nav-mob {
  right: 0;
  left: auto;
  width: 50px !important;
  height: 50px !important;
  border: none;
  background-color: #0030ce;
}
.page-social .ff-nav-mob .ff-nav-mob__close {
  top: 15px;
  right: 13px;
}
.page-social #ff-stream-2 {
  margin-top: 0;
  padding-top: 0;
}
.page-social #ff-stream-2 a {
  transition: all 0.2s linear;
  text-decoration: underline;
  color: #fff !important;
  text-decoration-color: #0156e9;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  margin: 0;
  padding: 0;
  padding-top: 0.25rem;
  font-weight: normal;
  transition: background-size 300ms;
  transition-delay: 0s;
  transition-timing-function: ease;
  color: #fff !important;
  background: linear-gradient(45deg, rgb(0, 86, 233), rgba(0, 86, 233, 0.5));
  background-repeat: no-repeat;
  background-size: 0 100%;
}
.page-social #ff-stream-2 a:hover {
  color: #fff !important;
  background-size: 100% 100%;
}
.page-social .ff-slideshow {
  margin: 1em;
}
.page-social .ff-slideshow .ff-dropdown .ff-external-link,
.page-social .ff-slideshow .ff-dropdown .flaticon-share2 {
  background-color: #0030ce;
}
.page-social .ff-slideshow .ff-content {
  color: #fff !important;
}
.page-social .ff-slideshow .ff-content.is-truncated {
  font-family: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
.page-social .ff-slideshow .ff-content a {
  color: #006db6;
}
.page-social .ff-item-header a,
.page-social .ff-slideshow .ff-comments-list div a,
.page-social .ff-slideshow .ff-nickname {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: "CircularXXWeb", "CircularXXWeb Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
}
.page-social .ff-infinite .ff-comments-list,
.page-social .ff-infinite .ff-item-meta,
.page-social .ff-slideshow .ff-supports-comments .ff-item-meta {
  border-color: rgba(25, 25, 25, 0.75);
}
.page-social #ff-stream-2,
.page-social .ff-moderation-holder p,
.page-social #ff-stream-2 .ff-popup,
.page-social #ff-stream-2 .ff-search input {
  color: #fff;
  background-color: #000;
}
.page-social .ff-moderation-wrapper {
  font-family: "CircularXXWeb-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #f1f1f1 !important;
  border-radius: 15px;
  background-color: #111;
}
.page-social .ff-infinite .ff-comments-list,
.page-social .ff-infinite .ff-item-meta,
.page-social .ff-slideshow .ff-supports-comments .ff-item-meta {
  color: white;
  background-color: #000;
}
.page-social .ff-infinite .ff-slide-wrapper {
  background-color: #000;
}

/*=============================================
=     Author Pages (single & Archive          =
=============================================*/
#author p {
  font-size: 1.1rem;
  color: #70747d !important;
}
#author .contact-methods li {
  margin-right: 0.8rem !important;
}

/*=============================================
=            Press Page                		  =
=============================================*/
.post-type-archive-press .t-entry-visual {
  max-height: 50px;
}
.post-type-archive-press .t-entry-visual img {
  width: auto;
  height: 100%;
  max-height: clamp(35px, 1vw, 50px);
}
@media (max-width: 589px) {
  .post-type-archive-press .t-entry-visual img {
    max-height: 4vh;
  }
}
.post-type-archive-press .t-entry-title {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding-left: 6px;
  border-left: 0.5px solid #fff;
  cursor: default;
  pointer-events: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .post-type-archive-press .t-entry-title {
    margin-left: 1em;
  }
}
@media (max-width: 767px) {
  .post-type-archive-press .t-entry-title {
    margin-left: 0.5em;
  }
}
.post-type-archive-press .t-entry-excerpt {
  margin-top: 3px !important;
}

/*# sourceMappingURL=style.css.map */