.displayN {display:none !important}


body {
background-color: rgba(0, 0, 0, 0.5) !important;
}

#Top_bar .menu > li ul.sub-menu {
border: 1px solid rgba(255, 255, 255, 0.2);
background-color: rgba(0,0,0,0.5);
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
}

.caseStudiesPanel h4 {
font-size: 22px;
font-weight:400;
}

.caseStudiesPanel h3 {
font-size: 28px;
font-weight:400;
}



#Top_bar .menu li ul li {
background-color: rgba(0,0,0,0.3);
backdrop-filter:blur(1px);
}


#Top_bar .menu > li ul.sub-menu li:last-child  {
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
overflow:none;
}


.vc_tta-color-black.vc_tta-style-flat .vc_tta-tab a {
background-color: #1a1d24 !important; 
}

.vc_tta-color-black.vc_tta-style-flat .vc_tta-tab.vc_active a {
background-color: #7C46FB !important; 
}

.vc_tta-color-black.vc_tta-style-flat .vc_tta-tab.vc_active a {
font-weight:700;
}

.tourPlatform  .vc_tta-panel-body {
background:transparent !important;
}

.maxHeight550 {
max-height:550px;
}


.tourPlatform .vc_tta-tab a {
border-radius:25px !important;
}

.fabSections h3 {
font-size: 22px;
    line-height: 28px;
}

.fabLeft .vc_column-inner {
border-radius: 25px 0px 0px 25px;
min-height:360px;
}

.fabRight .vc_column-inner {
border-radius: 0px 25px 25px 0px;
min-height:360px;
}

.purpleButtonM .vc_btn3.vc_btn3-color-violet.vc_btn3-style-flat {
color:#fff !important;
border:1px solid rgba(255, 255, 255, 0.45);
box-shadow: 5px 5px 15px 10px rgba(0, 0, 0, 0.15);
background-color:#7c46fb;
}

.blueButtonM .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {
color:#fff !important;
border:1px solid rgba(255, 255, 255, 0.45);
box-shadow: 5px 5px 15px 10px rgba(0, 0, 0, 0.05);
background-color:#004cb8;
}

.redButtonM .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat {
color:#fff !important;
border:1px solid rgba(255, 255, 255, 0.45);
box-shadow: 5px 5px 15px 10px rgba(0, 0, 0, 0.05);
background-color:#a80216;
}

.greenButtonM .vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat {
color:#fff !important;
border:1px solid rgba(255, 255, 255, 0.45);
box-shadow: 5px 5px 15px 10px rgba(0, 0, 0, 0.05);
background-color:#0f7a61;
}

#Footer {
margin-top: 100px;
}

.single-kb #Subheader h1.title {
display:none;
}

.single-kb #Subheader {
    padding: 20px 0 20px;
}

.mkb-root h3 {
    color: #fff;
    font-weight:400;
}

.mkb-root h1 {
    color: #fff;
    font-size: 2em;
    font-weight: 700;
}

.mkb-breadcrumbs li a {
    color: #ccc;
}

.mkb-widget-global.mkb_content_tree_widget .mkb-widget-content-tree__list-icon, .mkb-widget-global.mkb_content_tree_widget .mkb-widget-content-tree__list-icon-open, .mkb-widget-global.mkb_content_tree_widget ul .topic-open > .mkb-widget-content-tree__topic-name > .mkb-widget-content-tree__list-icon-open { 
display: none;
}

.mkb-widget-global.mkb_content_tree_widget ul ul {
padding-left:0em;
}

h3.mkb-widget-title {
font-weight:700;
text-transform:uppercase;
}

.mkb-sidebar {
    width: 31%;
    margin-right: 15px;
    padding-top: 20px;
    border-radius: 20px;
}

.mkb-widget-global.mkb_content_tree_widget ul li .mkb-widget-content-tree__topic-name {
font-weight:400;
padding-top:1.5em;
font-size:90%;
text-transform:uppercase;
color: #6a6c71;
}


.mkb-widget.widget {
    padding: 1.2em 0.2em;
}

.mkb-widget-global.mkb_content_tree_widget ul li.mkb-widget-content-tree__article.mkb-widget-content-tree__article--active {
color:#fff;
background: #000;
border-radius: 20px;
padding: 10px 5px 10px 5px;
min-width:90%;
}
.mkb-widget.mkb_content_tree_widget .mkb-widget-content-tree__article-title {
color:#fff;

}


.mkb-sidebar-left .mkb-sidebar {
    float: left;
    background: #141a1e;
}

/* Form Optimisations */

.gform_wrapper label {
margin: .4em 0 0.1em;
}

body .gform_wrapper .top_label div.ginput_container {
margin-top: 4px;
}

.gform_wrapper div.validation_error{
background: #333;
}

 .gform_wrapper .gfield_error .gfield_label {
color: #ccc; 
}

.gform_wrapper .validation_message {
color: #fff;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 3px solid #f4524d;
}

.gform_wrapper .field_description_below .gfield_description {
padding-top: 6px;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: rgba(0,0,0,.25);
}


form,fieldset{margin-bottom:0}
textarea{min-height:60px;line-height:20px}
label,legend{display:block;margin-bottom:5px;font-weight:700}
input[type="checkbox"]{display:inline}
input[type="checkbox"] ~ label{display:inline}
input[type="checkbox"] ~ label:before{content:" "}
input[type="date"], input[type="email"],
input[type="number"],
input[type="password"],
input[type="select"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
.ginput_container_email input[type="text"],  
select,
textarea{
padding: 11px 15px 11px 15px !important;
outline:none;margin:0;width:230px;max-width:100%;display:block;margin-bottom:5px;font-size:14px;border-width:1px;border-style:solid;border-radius:0;box-sizing:border-box;-webkit-appearance:none; border-radius:12px;}




/* Knowledge Base */

.kb-topic .kb-topic__inner {
    background: #141a1e;
    padding: 1.6em 1.8em;
    border-radius: 25px;
    border: 2px #333 solid;
}

.mkb-article-item--simple .mkb-entry-header {
background-color: #141a1e;
border-radius:25px;
}

.mkb-widget-global.mkb_content_tree_widget .mkb-widget-content-tree__article-title:hover {
      color: #ccc; }

.mkb-widget-global.mkb_content_tree_widget ul li.mkb-widget-content-tree__article.mkb-widget-content-tree__article--active {
color:#8224e3;
}

.mkb-breadcrumbs__label {
display:none;
}

.mkb-widget-global.mkb_content_tree_widget .mkb-widget-content-tree__topic-name {
color:#fff;
font-weight: 400;
}

.mkb-widget-global.mkb_content_tree_widget ul li.mkb-widget-content-tree__article a:hover {
color:#fff;
}

.mkb-root {
color: rgba(255, 255, 255, 0.6);
}

.kb-header {
    background: #000;
}

.mkb-article-extra__navigation-item {
    display: inline-block;
    border: 0px solid #aaa;
}

a.post-more {
border: solid 2px #7c46fb !important;
}

.kb-topic__title a {
color: #7c46fb !important;
}


.mkb-article-extra__navigation-item a {
    color: #fff;
    font-weight:700;
}

/* General Layout - BeTheme Overrides */

.wpb_wrapper > div {
    margin-bottom: 10px;
}

#Content {
padding-top: 0px;
}

/* Footer */

.social-menu {
font-size:80%;
}

/* Image Border Radius */

.imgBorderRadius25 img {
border-radius:25px;
}

.imgBorderRadius25 .wpb_wrapper > div {
    margin-bottom: 0px;
}

/* Homepage Typography */

.homepageTitleCue h3 {
font-weight:400;
}

/* Quotation Bubbles */

.quote-splash {
max-width: 366px;
    margin: auto;
}

.quote-splash-wide {
max-width: 550px;
    margin: auto;
}

.quote-splash-author .quote-splash-author-company {
    display: block;
    color: white;
}

.quote-splash .quote-splash-author .quote-splash-author-name {
    font-weight: 500;
}

.quote-splash-author {
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
}

.quote-splash-bubble {
    position: relative;
    padding: 12px;
    text-shadow: 0 2px 4px rgb(0 0 0 / 30%);
    text-align: center;
    background-color: #7C46FB;
    border-radius: 18px;
    margin-bottom: 1rem;
}
.quote-splash-bubble:after {
position: absolute;
    content: "";
    width: 26px;
    height: 12px;
    bottom: -12px;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/splash-quote-after.png);
    background-size: 26px 12px;
}

.guest-bubbles {
position: absolute;
    content: "";
    width: 26px;
    height: 12px;
    bottom: -12px;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/splash-quote-after.png);
    background-size: 26px 12px;
}



/* Homepage Header Row */

.ultimate-typed-main {
margin-left:0px;
}


.headerRowLeft {
margin-top:10px;
}

.headerRowMax {
max-height:400px;
}

.homeHeaderLight h2 {
font-weight:300;
}

.homepageHeader img {
margin:20px;
}

.homepageHeaderX h4 {
font-size:16pt; 
font-weight:300;
text-shadow: 0 0 5px rgba(0, 0, 87, 0.87), 0 0 3px rgba(0, 0, 87, 0.87);
}

.homeHeaderType {
margin-top:00px;
font-family: "Rubik", Helvetica, Arial, sans-serif;
font-size:33pt;
font-weight:400;
line-height:36pt;
text-shadow: 0 0 5px rgba(0, 0, 87, 0.87), 0 0 3px rgba(0, 0, 87, 0.87);
}

.homepageSofiExp h2, .homepageSofiExp h4 {
text-shadow: 0px 0px 3px #111, 0px 0px 5px #111, 0px 0px 7px #111;
}





/* Gravity Forms Error Messages */

.gform_wrapper .gfield_error .gfield_label {
    color: #fff;
}


/* Button on Contact Page */

.buttonMinWidthOutline .vc_btn3.vc_btn3-color-violet.vc_btn3-style-outline {
min-width:250px;
color:#fff;
}

.contactPrompt p {
font-size:80%;
}  

.minHeight200px {
min-height:200px !important;
}


.purpleButtonBorder .vc_btn3-style-gradient-custom.vc {
color:#fff !important;
border:2px solid #ad4fea;
}

/* Menu Subtle Highlight */

#Top_bar .menu>li.current-menu-item>a, #Top_bar .menu>li.current_page_item>a {
border-bottom: 2px solid #fff;
background:rgba(255, 255, 255, 0.2);
}
   
/* innerRow800 */

.innerRow800 {
max-width:1200px !important;
margin-left:auto !important;
margin-right:auto !important;;
}




/* emailSubForm */

.emailSubForm input[type="submit"] {
border: solid 2px #a113fd !important;
}

/* CommmunityPage */

.homepageCurveBox img {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
width:100%;
}

/* .homepageCurveBox p, .homepageCurveBox h4 {
margin-left:15px;
margin-right:15px;
padding-left:5px;
} */

.homepageCurveBox p {
font-size:90%;
}

.homepageCurveBox h4  {

font-size: 1.4rem;
line-height: 1;
margin-bottom: 1.2rem;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6)
}


/* iFrame Tests */

.noHeaderFooter #Header, .noHeaderFooter #Footer  {
display:none;

}

.homePageRow .vc_col-has-fill>.vc_column-inner {
padding-top: 10px;
}

.sparkleversityCore .grid .post-item {
background-color:#000 !important;
}

/* Hide but don't delete */

.hideClass {
display:none !important;
}

body.noHeaderFooter {
background-color: #333;
}

/* Widget Spacing */

#Footer .widgets_wrapper .widget {
    padding: 15px 15px;
}

/* Action Button */

.action_button {
font-weight:700 !important;
font-size:90% !important;
border: 2px dotted #000 !important;
}

/* Tickets Button */

.ticketsHome {
border-radius:20px;
padding:10px 20px 10px 20px;
margin-bottom:10px;
text-decoration:none;
color:#000;
background-color:#fff !important;
font-size:110% !important;
border: solid 3px #f4c902;
}


.ticketsHome:hover {
text-decoration:none;
color:#fff !important;
background-color:#000 !important;
}


/* Sparkleversity Blog Layout & removing hover effect */

.vc_tta-panel.faqAccordian, .vc_tta-panel-heading, .vc_tta-panel-body {
background-color:#141a1e !important;
border:1px #222 !important;
}

.image_frame .image_wrapper .mask { display: none; }
.image_frame .image_wrapper .image_links { display: none; }
.image_frame:hover .image_wrapper img, .image_frame.hover .image_wrapper img { top: 0px; }


/* Sparkleversity Blog Layout */

.post-desc {
    padding: 0px 0 0 20px;
}

h2.entry-title {
font-size:28px;
line-height:32px;
}


a.post-more {
    float: right;
    /* border-left-width: 1px; */
    /* border-style: solid; */
    /* padding-left: 10px; */
    border: solid 2px #fff !important;
    font-weight: 700;
    color: #fff;
    background-color: #141a1e;
    border-radius: 25px;
    padding: 10px 16px 8px 16px;
}

a.post-more:hover {
    float: right;
    /* border-left-width: 1px; */
    /* border-style: solid; */
    /* padding-left: 10px; */
    border: solid 2px #fff !important;
    font-weight: 700;
    color: #fff;
    background-color: #494949;
    border-radius: 25px;
    padding: 10px 16px 8px 16px;
    text-decoration:none;
}

i.icon-doc-text {
display:none;
}

/* Social Icons in Header */

i.icon-facebook, i.icon-instagram {
font-size:150%;
} 

/* Text Shadow Layer  */

.textShadowTrans {
text-shadow: 0 0px 5px rgba(0, 0, 0, 0.8);
}


.vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline, .ticketsHome {
background-color: #15182c;
}

/* Email Style */

.gform_wrapper.emailSubForm_wrapper {
text-align:center;
}

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

.eFormWrapper {
width: 70%; 
margin-left: auto; 
margin-right: auto;
}

.gform_wrapper.emailSubForm_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
text-align:center;
}

.gform_wrapper .gform_footer { 
margin-top:2px;
}

/* Homepage Header */

.homepageHeader h1 {
        font-size: 3.2rem;
    line-height: 1;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}  

.homepageHeader h2 {
        font-size: 2.4rem;
    line-height: 1;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6)
}

.homepageHeader h3 {
        font-size: 2rem;
    line-height: 1;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6)
}

.homepageHeader h4 {
        font-size: 2rem;
    line-height: 1;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6)
}

/* Homepage Row */

.homePageRow {
background-color:rgba(0, 0, 0, 0.4);
height:800px;
}

/* Top Bar Style Transpose */

.header-fixed #Top_bar {
    background-color: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
}

/* Button Styling */

.purpleCapButton {
    color: #FFF;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.21);
    box-shadow: none;
    text-transform:uppercase; 
    font-weight:700;
 }

.vc_btn3.vc_btn3-color-sky {
background-color: #7C46FB;
}

.vc_btn3.vc_btn3-color-sky:hover {
background-color: #6731e4;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {
border: solid 2px #fff;
font-weight:700;
}

/* Logo */


/* Subscribe Form  */

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

.ginput_container_email input[type="text"] {
padding:11px !important;
margin:0px !important;
}

.gform_confirmation_wrapper .gform_confirmation_message {
background: #141a1e;
margin:15px;
border:1px solid #222;
}

.buttonX .vc_btn3 {
font-size:110% !important;
font-family: "Rubik",Helvetica,Arial,sans-serif;
font-weight:700;
width:100%;
text-transform:uppercase;
background-color: #7C46FB;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.21);
color:#fff;
}




input[type="submit"] {
font-size:110% !important;
font-family: "Rubik",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:600;
background-color: #5aa1e3;
margin-left:auto;
margin-right:auto;
border-radius:15px !important;
background:#f4c902;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.0);
color:#000;
}



.header-stack #Top_bar .menu_wrapper .menu>li>a {
text-shadow: #000 2px 0 5px, 0 0 1em black, 0 0 0.2em black;
}


.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
width:97%;

}

.gform_wrapper textarea.medium, .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file])   {
padding:10px;
}

.gform_wrapper .top_label div.ginput_container {
margin-top:1px;
}

@media only screen and (max-width: 767px) {
.subheader-both-center #Subheader .title {font-size:40px; line-height: 48px;}

.minimalist-header-no #Subheader {
    padding: 40px 0 20px 0 !important;
}

.homeButtonDesktop { display:none !important; }

.homepageHeader h2 {   
  font-size: 2rem;

}

.homepageHeader h1 {
  margin-top:10px;   
  font-size: 2.3rem;

}

.homepageHeader h4 {
     font-size: 1.4rem;

}
  
/* SparkleVersity Heading */

.sparkleversityCore #Subheader h1.title {
font-size:32px !important;
  }

#Subheader h1.title {
font-size:36px;
  }



.eFormWrapper {
width:100%;
  }

.gform_wrapper.emailSubForm_wrapper {
max-width:100%;
}
  
}

/* Change spacing on menu */

#Top_bar .menu > li > a span:not(.description) {
padding: 0 25px;
}


@media only screen and (min-width: 767px) {
  #menu-item-573, .homeButtonMobile { display:none !important; }
}


/* Homepage Demo Animations */

.splash-demo-card {
  border-radius: 28px;
  padding: 10px 2px;
  height: 300px;
  min-height:300px;
}

.splash-demo-avatar {
  position: absolute;
  height: 54px;
  width: 54px;
  background-size: 54px 54px;
}
.splash-demo-avatar.splash-demo-avatar-1 {
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-avatar-1.png);
}
.splash-demo-avatar.splash-demo-avatar-2 {
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-avatar-2.png);
}
.splash-demo-avatar.splash-demo-avatar-3 {
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-avatar-3.png);
}
.splash-demo-avatar.splash-demo-avatar-4 {
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-avatar-4.png);
}
.splash-demo-avatar.splash-demo-avatar-5 {
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-avatar-5.png);
}
.splash-demo-avatar.splash-demo-avatar-6 {
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-avatar-6.png);
}
.splash-demo-avatar.splash-demo-avatar-7 {
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-avatar-7.png);
}
.splash-demo-card-1-anim {
  position: relative;
  width: 100%;
  height: 100%;
  min-height:200px;
}
.splash-demo-card-1-anim .splash-demo-avatar-1 {
  left: 15%;
  top: 15%;
  animation: avatar1 4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
@keyframes avatar1 {
  0% {
    left: 15%;
    top: 10%;
  }
  40% {
    left: 70%;
    top: 40%;
  }
  70% {
    left: 15%;
    top: 50%;
  }
  100% {
    left: 15%;
    top: 10%;
  }
}
.splash-demo-card-2-anim {
  position: relative;
  width: 100%;
  height: 100%;
}
.splash-demo-card-2-anim .splash-demo-avatar-2 {
  left: 19%;
  top: 142px;
}
.splash-demo-card-2-anim .splash-demo-avatar-2:after {
  position: absolute;
  content: '';
  width: 24px;
  height: 26px;
  right: 0;
  top: -4px;
  background-size: 24px 26px;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-reaction-love.png);
  animation: reactionpulse 4s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation-delay: 1.6s;
  opacity: 0;
}
.splash-demo-card-2-anim .splash-demo-avatar-3 {
  right: 15%;
  top: 150px;
}
.splash-demo-card-2-anim .splash-demo-avatar-3:after {
  position: absolute;
  content: '';
  width: 24px;
  height: 26px;
  right: 0;
  top: -4px;
  background-size: 24px 26px;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-reaction-love.png);
  animation: reactionpulse 4s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
.splash-demo-card-2-anim .splash-demo-screen-1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  margin: auto;
  height: 138px;
  width: 180px;
  background-size: 180px 138px;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-screen-1a.png);
}
@keyframes reactionpulse {
  0% {
    opacity: 0;
    transform: scale(1) translateY(0px);
  }
  10% {
    opacity: 1;
    transform: scale(1) translateY(-10px);
  }
  50% {
    opacity: 0;
    transform: scale(1.7) translateY(-30px);
  }
  100% {
    opacity: 0;
    transform: scale(1.7) translateY(-30px);
  }
}
.splash-demo-card-3-anim {
  position: relative;
  width: 100%;
  height: 100%;
}
.splash-demo-card-3-anim .splash-demo-avatar-4 {
  left: 19%;
  top: 142px;
  animation: avatar4 4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
.splash-demo-card-3-anim .splash-demo-avatar-5 {
  right: 15%;
  top: 150px;
  animation: avatar5 6s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  animation-delay: 1.5s;
}
.splash-demo-card-3-anim .splash-demo-screen-2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  margin: auto;
  height: 138px;
  width: 180px;
  background-size: 180px 138px;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-screen-2.png);
}
.splash-demo-card-3-anim .splash-demo-screen-2:after {
  position: absolute;
  content: '';
  width: 24px;
  height: 26px;
  right: 16px;
  top: 0px;
  background-size: 24px 26px;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-reaction-music.png);
  animation: reactionpulse 4s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  opacity: 0;
}
.splash-demo-card-3-anim .splash-demo-screen-2:before {
  position: absolute;
  content: '';
  width: 24px;
  height: 26px;
  left: 10px;
  top:20px;
  background-size: 24px 26px;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-reaction-music.png);
  animation: reactionpulse 5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  opacity: 0;
}
@keyframes avatar4 {
  0% {
    left: 22%;
    top: 180px;
    opacity: 0;
  }
  10% {
    left: 22%;
    top: 180px;
    opacity: 1;
    transform: scale(1);
  }
  30% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    left: 28%;
    top: 50px;
  }
  54% {
    left: 28%;
    top: 50px;
    opacity: 0;
    transform: scale(0.6);
  }
  100% {
    left: 22%;
    top: 180px;
    opacity: 0;
    transform: scale(0.6);
  }
}
@keyframes avatar5 {
  0% {
    right: 15%;
    top: 150px;
    opacity: 0;
  }
  10% {
    right: 15%;
    top: 150px;
    opacity: 1;
    transform: scale(1);
  }
  30% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    right: 28%;
    top: 50px;
  }
  54% {
    right: 28%;
    top: 50px;
    opacity: 0;
    transform: scale(0.6);
  }
  100% {
    right: 15%;
    top: 150px;
    opacity: 0;
    transform: scale(0.6);
  }
}
.splash-demo-card-4-anim {
  position: relative;
  width: 100%;
  height: 100%;
}
.splash-demo-card-4-anim .splash-demo-video-1 {
  position: absolute;
  left: 8%;
  top: 10px;
  margin: auto;
  height: 90px;
  width: 40%;
  animation: showvideo 8s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
.splash-demo-card-4-anim .splash-demo-video-1 img {
  width: 100%;
}
.splash-demo-card-4-anim .splash-demo-video-2 {
  position: absolute;
  right: 8%;
  top: 10px;
  margin: auto;
  height: 90px;
  width: 40%;
  max-width: 114px;
  animation: showvideo 8s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation-delay: 0.1s;
}
.splash-demo-card-4-anim .splash-demo-video-2 img {
  width: 100%;
}
.splash-demo-card-4-anim .splash-demo-avatar-6 {
  left: 19%;
  top: 133px;
}
.splash-demo-card-4-anim .splash-demo-avatar-6:before {
  position: absolute;
  content: '';
  z-index: -1;
  width: 118px;
  height: 118px;
  left: -32px;
  top: -32px;
  background-size: 118px 118px;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2020/10/splash-demo-avatar-halo.png);
  animation: halopulse 5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  opacity: 1;
}
.splash-demo-card-4-anim .splash-demo-avatar-7 {
  right: 15%;
  top: 120px;
  animation: avatar7 8s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
@keyframes avatar7 {
  10% {
    right: 15%;
    top: 120px;
  }
  40% {
    right: 35%;
    top: 130px;
  }
  70% {
    right: 15%;
    top: 120px;
  }
}
@keyframes halopulse {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes showvideo {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  26% {
    opacity: 0;
    transform: translateY(30px);
  }
  40% {
    opacity: 1;
    transform: translateY(0px);
  }
  60% {
    opacity: 1;
    transform: translateY(0px);
  }
  76% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 0;
    transform: translateY(30px);
  }
}
@keyframes messagepulse {
  7% {
    transform: scale(0.6);
    opacity: 0;
  }
  10% {
    transform: scale(1);
    opacity: 1;
  }
  45% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.6);
    opacity: 0;
  }
}


/* RESPONSIVE CODE */

@media only screen and (min-width: 641px) {

.desktopClientCollage {
display:inline;
		}

.mobileClientCollage {
display:none

}
}



@media only screen and (min-width: 641px) and (max-width: 1239px) {

.homeHeaderType {
margin-top:10px;
font-family: "Rubik", Helvetica, Arial, sans-serif;
font-size:31pt;
font-weight:400;
line-height:33pt;
}
}

/* Mathieu Splash */

.auditorium-splash {
  position: relative;
  border-radius: 18px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
  overflow: hidden;
  width: calc(100% - 40px);
  max-width: 700px;
  margin: 60px auto 30px auto;
  transform: rotate(3deg);
  background-color: #000;
}
.auditorium-splash img {
  width: 100%;
}
.auditorium-splash .auditorium-splash-video {
  position: absolute;
  width: 47.6%;
  height: 37.2%;
  top: 24.2%;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 0px 30px rgba(255, 255, 255, 0.4);
}
.auditorium-splash .auditorium-splash-video img, .auditorium-splash .auditorium-splash-video video {
  width: 100%;
}
.auditorium-splash .auditorium-splash-face {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.88%;
  height: 3.8%;
  border-radius: 50%;
  background-size: cover;
  animation: newface 10s infinite linear;
  transform: scale(0);
}
.auditorium-splash .auditorium-splash-face.auditorium-splash-face-1 {
  left: 20%;
  top: 70.3%;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/avatar10.jpg);
}
.auditorium-splash .auditorium-splash-face.auditorium-splash-face-2 {
  left: 77.21%;
  top: 8.12%;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/avatar11.jpg);
  animation-delay: 4s;
}
.auditorium-splash .auditorium-splash-face.auditorium-splash-face-3 {
  left: 87.3%;
  top: 48.09%;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/avatar12.jpg);
  animation-delay: 6s;
}
.auditorium-splash .auditorium-splash-face.auditorium-splash-face-4 {
  left: 6.54%;
  top: 43.65%;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/avatar13.jpg);
  animation-delay: 8s;
}
.auditorium-splash .auditorium-splash-message {
  position: absolute;
  left: 0;
  top: 0;
  height: 5.58%;
  background-size: cover;
  animation: newface 10s infinite linear;
  transform: scale(0);
}
.auditorium-splash .auditorium-splash-message.auditorium-splash-message-1 {
  width: 11.05%;
  left: 11.82%;
  top: 21.7%;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/auditorium-splash-message-1.png);
  animation-delay: 1s;
}
.auditorium-splash .auditorium-splash-message.auditorium-splash-message-2 {
  width: 10.19%;
  left: 74.42%;
  top: 61.48%;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/auditorium-splash-message-2.png);
  animation-delay: 7s;
}
.auditorium-splash .auditorium-splash-message.auditorium-splash-message-3 {
  width: 15.23%;
  left: 18.65%;
  top: 70.81%;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/auditorium-splash-message-3.png);
  animation-delay: 3s;
}
.auditorium-splash .auditorium-splash-emoji {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.88%;
  height: 3.8%;
  border-radius: 50%;
  background-size: cover;
  animation: newemoji 10s infinite linear;
  transform: scale(0);
}
.auditorium-splash .auditorium-splash-emoji.auditorium-splash-emoji-1 {
  left: 77.21%;
  top: 80.96%;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/auditorium-splash-emoji-1.png);
}
.auditorium-splash .auditorium-splash-emoji.auditorium-splash-emoji-2 {
  left: 9.9%;
  top: 32.74%;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/auditorium-splash-emoji-1.png);
  animation-delay: 4s;
}
.auditorium-splash .auditorium-splash-emoji.auditorium-splash-emoji-3 {
  left: 84.04%;
  top: 18.91%;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/auditorium-splash-emoji-2.png);
  animation-delay: 9s;
}
.auditorium-splash .auditorium-splash-emoji.auditorium-splash-emoji-4 {
  left: 36.82%;
  top: 85.91%;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/auditorium-splash-emoji-3.png);
  animation-delay: 6s;
}
.auditorium-splash .auditorium-splash-emoji.auditorium-splash-emoji-5 {
  left: 30.09%;
  top: 14.72%;
  background-image: url(https://sparklespaces.com/wp-content/uploads/2021/02/auditorium-splash-emoji-4.png);
  animation-delay: 2s;
}

@keyframes newface {
  0% {
    transform: scale(0);
  }
  1% {
    transform: scale(1);
  }
  60% {
    transform: scale(1);
  }
  61% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes newemoji {
  0% {
    transform: scale(0);
  }
  1% {
    transform: scale(1);
  }
  20% {
    transform: scale(1);
  }
  21% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}

@media only screen and (max-width: 640px) {

.clientLogos  {
margin-bottom:15px;
		}

.clientLogos img {
filter: brightness(140%) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.4));
		}

.clientLogos .wpb_wrapper > div {
margin-bottom:15px;
		}



.logoHeaderRow {
margin-top:40px;
		}

.homeHeaderType {
margin-top:10px;
font-size:28pt;
padding-right:30px;
font-weight:400;
line-height:30pt;
		}

.auditorium-splash {
margin-top:40px;
		}

.desktopClientCollage {
display:none;
		}

.headerRowLeft {
margin-top:10px;
		}

.homepageFullHeight3 {
background:linear-gradient(180deg, rgba(0,0,0,0) 1%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.7) 100%);
}

}


body {
padding: 0;
margin:0;
background-color: #110019;
background-repeat: no-repeat;
background-size: auto;
background-position: center center;
background-image: none;
}


.grid .post-item {
    background: #141a1e !important;
    border-radius: 25px;
    border: 0px #333 solid;
		padding-bottom:10px;
		min-height:200px;
}

.image_frame.post-photo-wrapper.scale-with-grid.image {
display:none;
}