/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
#hhs-main-nav a {
  text-transform: uppercase;
}
.all-caps {
  text-transform: uppercase;
}

.underline h1, .underline h2, .underline h3, .underline h4, .underline p, .underline span  {
  text-decoration-color: currentColor;
  text-decoration-line: underline;
  text-decoration-skip-ink: auto;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  white-space: normal;
}

.bold500, .bold500 h3 {
 font-weight:500;
}

.hhs-header-logo .hs-image-widget  {
  height: 70px;
  width: 213px;
  background-repeat: no-repeat;
  background-position: 0px;
  transform: scale(1);
}
	
.hhs-header-logo .hs-image-widget:hover {
  animation-name: playLogo;
  animation-duration: 1s;
  animation-timing-function: steps(15);
  animation-fill-mode: backwards;
}
.hero-overlay {
  position: relative;
  z-index: 1;
}

.hero-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: rgba(17,17,17,0.7);
  height: 100%;
  z-index: -1;
}


@keyframes animate {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 400%;
  }
}

.viva-btn-pri .cta-primary, .viva-btn-pri .hs-button {
 background: linear-gradient(90deg, #ea651d, #ea651d, #d92b2b, #02adf0, #9dc1fc, #d92b2b, #ffaa0d, #ea651d);
  background-size: 400%;
  overflow: hidden;
  z-index: 1;
  text-transform: uppercase;
  transition: color 190ms ease-in-out;
}

.viva-btn-pri .cta-primary:hover, .viva-btn-pri .hs-button:hover {
  animation: animate 10s linear infinite;
  color: #FFF;
}

.viva-btn-pri .cta-primary::before, .viva-btn-pri .hs-button::before {
content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(90deg, #ea651d, #ea651d, #d92b2b, #02adf0, #9dc1fc, #d92b2b, #ffaa0d, #ea651d);
    background-size: auto;
  background-size: 400%;
  opacity: 0;
  transition: .5s;
}

.viva-btn-pri .cta-primary:hover::before, .viva-btn-pri .hs-button:hover::before {
filter: blur(25px);
  opacity: .8;
  animation: animate 10s linear infinite;
}

.img-rotate-left img {
  transform: rotate(-17deg);
  position: relative;
  left: 30%;
}

/* decrease font-size of post loop titles for SEO opt */
.loop-title-txt h2 {
  font-size: 1.7em;
}




@media screen and (max-width: 768px) {
  .mobile-hide img {
    position: absolute;
    left: -99999px;
  }
}





/****************************************/


/* Hide on large screens (desktops) */
@media (min-width: 992px) {
  .hidden-lg {
    display: none !important;
  }
}

/* Hide on medium screens (tablets) */
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md {
    display: none !important;
  }
}

/* Hide on small screens (mobiles) */
@media (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}


.white-text, .white-text blockquote, .white-text p, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text ul, .white-text li, .white-text label { color: #fff !important;}

.white-form label {color: #fff !important;}

/*.filter-white .filter-label, .filter-white .filter-container form select { color: #fff !important;}

.filter-white .filters::after {
border-color: rgba(255, 255, 255, 1) transparent transparent transparent;

}*/

c-cta-con
                

.disable-hover .hhs-blog-post-card:hover, .disable-hover .c-cta-con a:hover {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;

  transform: none !important;
  -moz-transform: none !important;
  -webkit-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
}


@media (min-width: 768px) {
.quote-sec {
   display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-content: ;
  align-items: center;
}

.quote-sec .name-inner{
  margin-right: 30px;
  margin-left: 50px;
}  
}  



/* Nav and Footer */

footer.footer::before {
  background: #02adf0;
  background: linear-gradient(90deg,#02adf0,#d02d5e 50%,#f09314);
  content: "";
  display: block;
  height: 8px;
}

#vFooter {
background: #1e1a19 url(https://2479702.fs1.hubspotusercontent-na1.net/hubfs/2479702/Vivalociti%20Files%202021/v-pattern-footer1.png) 0 0 no-repeat;
  margin-top: -5px;
}
#vFooter .hhs-foot-base-nav {display:none;}

@media (max-width: 767px) {
#vFooter .hhs-foot-nav-col h5 {display:none;}
  #vFooter .hhs-foot-rss {margin-top: 0px;}
}
.top-header {
float: none;
  width: 90%;
  max-width: none;
  margin: 0 auto;
  display: flex;
  justify-content: center;
} 
.top-header .first {
  margin-right: 100px;
}
.top-header img.desktop {
  max-width: 120px;
}
.top-header .mobile {
  display: none;
}
.top-header .second {
  display: flex;
  position: relative;
  right: 20px;
  width: 180px;
}

.top-header .second::after {
  background: url(https://2479702.fs1.hubspotusercontent-na1.net/hubfs/2479702/bg.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 40px;
  left: -60px;
  position: absolute;
  top: -2px;
  width: 250px;
}

.top-header .second a {
  z-index: 1;
}

.hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1::after {
content: none !important;
}

@media (max-width: 767px) {
 .top-header .desktop {
    display: none;
  }
  .top-header .mobile {
    display: block;
    padding: 0 10px;
    width: 60px;
  }
  .top-header .second img.mobile {
    margin-left: 6px;
}
  .top-header .first {
    margin-right: 0;
  }
  .top-header .second {
    right: 0;
}
  hhs-header-hat {overflow:hidden:}
.top-header .second::after {
  left: 0px;
  width: 600px;
}  
}

/* End Nav and Footer */