:root{
  --shadow:0 14px 40px rgba(0,0,0,.35),0 6px 16px rgba(0,0,0,.18);
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: auto;
  image-rendering: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  text-wrap: balance;
}
bold, b, strong {font-weight:700 !important;}

.apple-os  .blurbackground > .fusion-builder-row, .apple-os  .blurbackgroundtwo {
			-webkit-backdrop-filter: blur(12px) !important;
			backdrop-filter: blur(12px) !important;
			transform: translate3d(0, 0, 0) !important;
}
.apple-os  .blurbackgroundtwo {background-image:linear-gradient(0deg, rgba(212,160,23,0.19) 0%,var(--awb-color3) 100%) !important;}

/** SPINNER **/
/**
.spinner-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999999999999999999999999999;
  backdrop-filter: blur(0px);
}
.spinner {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.spinner > img {
  background-color: rgba(0, 0, 0, 0);
  height: auto;
  width: 100%;
  display: inline-block;
  animation: 2s cubic-bezier(.63,.045,.34,1) 0s normal none infinite spinner-animation
}

@keyframes spinner-animation {
  0% {
    transform: scale(0.4);
    filter: saturate(0%) brightness(200%);
    rotate: 0deg;
  }
  100% {
    transform: scale(0.25);
    filter: saturate(100%) brightness(100%);
    rotate: 720deg;
  }
}
**/

.spinners {
  position: absolute;
  height: 120px;
  width: 120px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999999999999999999999999;
  backdrop-filter: blur(0px);
}

.spinner-1, .spinner-4, .spinner-3, .spinner-2 {
  box-sizing: border-box;
  border: 4px solid transparent;
  border-top: 4px solid white;
  border-radius: 50%;
  height: 120px;
  width: 120px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  animation-name: spin;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.spinner-2 {
  height: 100px;
  width: 100px;
  animation-duration: 0.75s;
}

.spinner-3 {
  height: 80px;
  width: 80px;
  animation-duration: 1s;
}

.spinner-4 {
  height: 60px;
  width: 60px;
  animation-duration: 1.25s;
}

@keyframes spin {
  from {
    transform: rotate(0);
    scale: 2;
  }
  to {
    transform: rotate(1turn);
    scale: 1;
  }
}

.global-header {backdrop-filter: blur(8px);}
.header-logo {transition: mall 1s ease-in-out !important;}
.shadow > div {box-shadow:var(--shadow) !important;}
.shadow:hover {transform:translate3d(0px,-5px,0)}

.home-hero {
  position: relative;overflow:hidden;
}
.home-hero::before{
  content:"";
  position:absolute;
  inset:-30%;
  max-height:120vh;
    overflow:hidden;
  background:
      radial-gradient(50% 40% at 15% 20%, rgba(255,255,255,.10), transparent 70%),
      radial-gradient(50% 40% at 80% 30%, rgba(255,255,255,.08), transparent 70%),
      radial-gradient(60% 50% at 50% 90%, rgba(255,255,255,.05), transparent 70%);
      filter:blur(60px);animation:bgfloat 28s ease-in-out infinite alternate}
    @keyframes bgfloat{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(25px,-35px,0)}
    
    }


.fusion-grid.fusion-grid-posts-cards.fusion-grid-container-infinite {justify-content:center;}



.homebox > .fusion-column-wrapper {
    border-radius: 24px 0 24px 0 !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-top: 2px solid rgba(200,200,200,0.7) !important;
    border-left: 2px solid rgba(200,200,200,0.33) !important;
    background: linear-gradient(235deg, rgba(13, 35, 38, 0.8), rgba(13, 35, 38, 0) 33%), linear-gradient(45deg, rgba(13, 13, 38, 0.8), rgba(13, 13, 38, 0) 33%), rgba(9, 11, 15, 0.66) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: rgb(3, 3, 8) 0px 10px 16px -8px, rgb(5, 5, 15) 0px 20px 36px -14px !important;
    overflow: hidden !important;
    border-bottom-width: 0px !important;
}
.homebox.padding > .fusion-column-wrapper {padding: 30px !important;}

.smooth-auto {
    overflow: hidden !important;
    transition: height 0.35s ease !important;
    height: auto !important;
}

.reviews .review .author .company-name a span {color:#e3c269;}



/** Materia **/

.materia-hero {
  background: radial-gradient(1200px 600px at 70% 30%, rgba(42,212,217,0.22), transparent 60%),
                  radial-gradient(800px 400px at 20% 60%, rgba(31,53,64,0.25), transparent 60%),
                  linear-gradient(180deg, #0b0c10, #12131a 35%, #0b0c10) !important; 
}
.materia-toggles .fusion-panel {
  border-radius:16px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.4) !important;
}
.materia-toggles .fusion-panel .panel-body {columns:2}
.materia-toggles.fusion-accordian .panel-title a.active .fa-fusion-box,
.materia-toggles.fusion-accordian .panel-title a:hover .fa-fusion-box {background-color: rgba(0,0,0,0) !important;}
.materia-glass > div {
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .4) !important;
  
}



/** RESPONSIVE **/

/** desktop **/
@media screen and (min-width: 1025px) {
  .nodesktop {display: none !important;}
}
/** tablet **/
@media screen and (max-width: 1024px) and (min-width: 801px) {
	
}
/** mobile **/
@media screen and (max-width: 800px) {
  .nomobile {display: none !important;}
  body {font-size: 14px !important;}
  .fusion-footer p {font-size: 10px !important; margin: 5px 0;}
  .fusion-text.awb-text-cols.fusion-text-columns-2 {columns: 1;}
  .contact-content > .fusion-builder-row {align-content: end !important;}
  .web-dev-animated-header h1 {font-size:9vw !important;}
  .client-grid.fusion-post-cards>.fusion-grid>.fusion-grid-column {
      width: var(--awb-columns-small,50%)!important;
  }
  .fusion-post-cards .fusion-filters {columns: 2; margin: 0 0 20px 0; padding: 10px 0;}
  .fusion-post-cards .fusion-filter {margin: 3px 0 3px 0; width: 100%;}
  .fusion-post-cards .fusion-filters li a {font-size:12px !important;}
  .smaller-button-text {font-size: 0.7em !important;}
  .awb-carousel--masked {mask-image: none !important; -webkit-mask-image: none !important;}
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0 !important;}
  .materia-tabs .tab-pane ul {margin: -10px 0 0 0; padding-left: 0px;}
  .fusion-button-text {font-size: 0.75em !important; margin-bottom: -2px;}
  .homebox.padding  > .fusion-column-wrapper {padding:15px !important;}
}


body.error404 #main {padding-top:66px; min-height: calc(100vh - 57px); align-content: center;}
body.error404 .error-page {display:none;}