/* -- GENERAL SETUP */
body { background: #f4f4f4; }
em { color: #989898; }
p { line-height: 1.7; }
html,
h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle,
.uk-logo { font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; color: #212121; }
.uk-navbar-nav > li > a { font-size: 16px; }
.uk-logo { padding-left: 12px; width: 110px; }
.uk-navbar-nav>li.uk-active>a { color: #7fc241; }
.uk-slidenav { color: #7fc241; }
.uk-slidenav:hover { color: #ccc; }
.uk-light .uk-navbar-nav>li>a { color: #fff; }
.uk-navbar-nav { gap: 50px; }
.uk-navbar-container { padding-left: 25px; padding-right: 25px; }
.uk-container-xlarge { max-width: 1440px; }
.uk-marker { background-color: #24CB00; }
#header-container.uk-position-z-index { z-index: 99; }
.BoxShadow { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); }

/* Primary text color */
a,
a:hover,
.uk-link,
.uk-text-primary,
.uk-link:hover,
.uk-button-link { color: #7fc241; }
a.uk-link-reset,
.uk-text-success,
.uk-list-primary>::before { color: #7fc241 !important; }
.uk-text-bold { font-weight: 900; }
.uk-text-large { font-size: 1.6rem; }

/* Primary bg color */
.uk-label,
.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-radio:checked,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus,
.uk-radio:checked:focus { background-color: #7fc241; }

/* Primary border color */
.uk-checkbox:focus,
.uk-radio:focus { border-color: #7fc241; }

blockquote footer { font-style: normal; }
blockquote footer::before { content: none; }
a:hover .uk-label { background-color: #3C4E50; }
.uk-card { border-radius: 33px; }
.uk-button-link:hover { text-decoration: none; color: #3C4E50; }
.uk-card-title { text-transform: capitalize; }
.uk-card-small .uk-card-title,
.uk-h3, h3 { font-size: 1.3rem; font-weight: 600; }
.uk-card-medium .uk-card-title { font-weight: 300; }
.uk-card-default { border: 1px solid #e5e5e5; }
.uk-card-default .uk-card-footer { border: none; }
.uk-navbar-container:not(.uk-navbar-transparent) { background-color: #fff; }
.uk-section-muted { background-color: #f7f7f7; }
.uk-section-medium { padding-top: 60px; padding-bottom: 60px; }
.uk-heading-small { font-weight: 700; font-size: 2.1rem; }
h1.uk-heading-small { font-weight: 900; }
h1.uk-heading-medium { font-size: 3.3rem; }
h2.uk-heading-small { font-weight: 400; }
.uk-text-lead { font-weight: 500; letter-spacing: 1px; text-transform: uppercase; font-size: 1.1rem; color: #7FC241; }
.uk-light,
.uk-light .uk-icon-button { color: #fff; }
.uk-light .uk-button-default { border-color: #fff; }
.uk-light .uk-button-default:hover { border-color: rgba(255,255,255,0.7); }
.uk-light.uk-navbar-sticky { background: #fff; }
.uk-light.uk-navbar-sticky .uk-navbar-nav>li>a { color: #1a1a1a; }
.uk-light.uk-navbar-sticky .uk-navbar-nav>li>a:hover { color: #c9c9c9; }
.uk-light.uk-navbar-sticky .uk-button-secondary { background: #5F26AA; color: #fff; }
.uk-light.uk-navbar-sticky .uk-button-secondary:hover { background: #1494a2; }
@media (max-width: 1200px) {
  .uk-light.uk-navbar-sticky .uk-navbar-toggle { color: #000; }
}

[class^=uk-button] { letter-spacing: 1px; }
.uk-card-media-top svg,
.uk-card-media-bottom svg,
.uk-card-media-right svg,
.uk-card-media-left svg { color: #7fc241; }
.uk-card .uk-badge { background-color: #7fc241; }
.uk-description-list dt { font-size: 1.3rem; text-transform: capitalize; font-weight: 400; color: #333; margin-bottom: 6px; }
.uk-text-primary { color: #7fc241 !important; }
.uk-card-secondary { background-color: #3C4E50; }
.uk-input,
.uk-select,
.uk-textarea { border-color: #dadada; border-radius: 50px !important; }
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus { border-color: #7fc241; }
.uk-label { letter-spacing: 1px; border-radius: 100em; }
.uk-description-list dd { color: #666; font-weight: 300; }
.uk-accordion-title { font-size: 18px; color: #111; }
.uk-width-medium { width: 325px; }
.uk-border-rounded { border-radius: 33px; }
.uk-form-danger,
.uk-form-danger:focus { border-color: #f0506e !important; }
.uk-description-list a { color: #000; }
.uk-description-list a:hover { color: #888; text-decoration: none; }
.uk-description-list a svg path { fill: #7fc241; }
.uk-description-list a svg { transition: transform 250ms; }
.uk-description-list a:hover svg { transform: translateY(-7px); }

/* green-blue gradient */
.uk-background-primary,
.uk-section-primary { background: #7fc241;
background: -moz-linear-gradient(-45deg, #7fc241 0%, #54dcf7 100%);
background: -webkit-linear-gradient(-45deg, #7fc241 0%,#54dcf7 100%);
background: linear-gradient(135deg, #7fc241 0%,#54dcf7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fc241', endColorstr='#54dcf7',GradientType=1 ); }
/* green gradient */
.uk-background-secondary,
.uk-section-secondary { background: #7fc241;
background: -moz-linear-gradient(-45deg, #7fc241 0%, #5ed682 100%);
background: -webkit-linear-gradient(-45deg, #7fc241 0%,#5ed682 100%);
background: linear-gradient(135deg, #7fc241 0%,#5ed682 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fc241', endColorstr='#5ed682',GradientType=1 ); }
/* gray gradient */
.uk-background-muted,
.uk-section-muted { background: #ebf2f4;
background: -moz-linear-gradient(-45deg, #ebf2f4 0%, #f7f7f7 100%);
background: -webkit-linear-gradient(-45deg, #ebf2f4 0%,#f7f7f7 100%);
background: linear-gradient(135deg, #ebf2f4 0%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf2f4', endColorstr='#f7f7f7',GradientType=1 ); }

.hero-lead { text-shadow: 0 2px 6px rgba(0,0,0,0.45); }
.text-first { color: #18AF96; font-weight: 500; }

/* ---- BUTTONS ---- */
.uk-button { border-radius: 100em; line-height: initial; padding: 19px 36px; font-size: 19px; }
.uk-button.uk-button-small { padding: 10px 22px; font-size: 16px; }
.uk-button-text { text-transform: capitalize; letter-spacing: initial; }
.uk-button-primary { background-color: #EE6056; color: #fff; border-width: 3px; }
.uk-button-primary:focus,
.uk-button-primary:hover { background-color: #3C4E50; color: #fff; background-position: right center; }
.uk-light .uk-button-primary { background-color: #5F26AA; color: #fff; }
.uk-light .uk-button-primary:focus,
.uk-light .uk-button-primary:hover { background-color: #1494a2; color: #fff; }
.uk-button-secondary { background-color: #fff; color: #000; border-radius: 100em; }
.uk-light.uk-button-secondary { color: #000; }
.uk-button-default { border-width: 3px; }
.uk-button-large { font-weight: 500; font-size: 24px; padding: 20px 50px; }
.button-medium  { font-weight: 500; font-size: 20px; padding: 16px 75px; }
.button-callout { box-shadow: 0 2px 4px rgba(0,0,0,0.5); }

.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.btn:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.btn-white {
    background-color: #fff;
    color: #777;
}
.btn::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
}
.btn-white::after {
    background-color: #fff;
}
.btn:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}
.btn-animated {
    animation: moveInBottom 5s ease-out;
    animation-fill-mode: backwards;
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* ---- MODULES */

/* Wave divider single container */
.wave-divider-single {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.wave-divider-single svg {
    position: relative;
    display: block;
    width: calc(130% + 1.3px);
    height: 109px;
}

.wave-divider-single .shape-fill {
    fill: #f4f4f4;
}

/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
    .wave-divider-single svg {
        width: calc(130% + 1.3px);
        height: 78px;
    }
}

/** For mobile devices **/
@media (max-width: 767px) {
    .wave-divider-single svg {
        width: calc(145% + 1.3px);
        height: 47px;
    }
}

/* Wave divider parallax */
.waves {
  position:relative;
  width: 100%;
  height:75px; /*15vh*/
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:75px;
  max-height:75px;
  bottom: 5px;
  z-index: 0;
}
.parallax-waves > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax-waves > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 17s;
}
.parallax-waves > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 20s;
}
.parallax-waves > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 23s;
}
.parallax-waves > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 30s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% {
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
}

/* Pulse ping animation for round hot spots */
.ping { position: absolute; background: transparent; border-radius: 100%; display: inline-block; transform: scale(1); }
.ping.info {
  top: 0px;
  left: 0px;
	height: 64px;
	width: 64px;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
	animation: pinginfo 2s infinite;
}

@keyframes pinginfo {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
	70% {	transform: scale(1); box-shadow: 0 0 0 13px rgba(255, 255, 255, 0); }
	100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

.ping.hotspot {
  top: 0px;
  left: 0px;
	height: 30px;
	width: 30px;
	box-shadow: 0 0 0 0 rgba(36, 203, 0, 1);
	animation: hotspot 2s infinite;
}

@keyframes hotspot {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(36, 203, 0, 0.7); }
	70% {	transform: scale(1); box-shadow: 0 0 0 13px rgba(36, 203, 0, 0); }
	100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(36, 203, 0, 0); }
}

#page-cta { position: relative; }
#page-cta .uk-container { margin-bottom: -170px; }
#page-cta .cta-callout { position: relative; z-index: 3; border-radius: 33px; }
#page-cta .cta-callout h3 { font-size: 42px; font-weight: 700; line-height: 1.1; text-shadow: 0 2px 4px rgba(0,0,0,0.45); }
#page-cta .cta-callout .uk-button-secondary { color: #000; }
#page-cta .extra-border-bottom-1 { position: relative; z-index: 2; bottom: 60px; height: 80px; opacity: 0.6; border-radius: 33px; margin: 0 15px; }
#page-cta .extra-border-bottom-2 { position: relative; z-index: 1; bottom: 120px; height: 80px; opacity: 0.3; border-radius: 33px; margin: 0 30px; }

#testimonials-small { position: relative; }
#testimonials-small .uk-container { margin-top: -80px; }
#testimonials-small .testies { position: relative; z-index: 3; border-radius: 33px; background: rgb(83,207,141); background: linear-gradient(90deg, rgba(83,207,141,1) 0%, rgba(20,148,162,1) 50%, rgba(53,93,190,1) 100%); }
#testimonials-small .testies h3 { font-size: 42px; font-weight: 700; line-height: 1.1; text-shadow: 0 2px 4px rgba(0,0,0,0.45); }
#testimonials-small .testies .uk-button-secondary { color: #000; }
#testimonials-small .testies .headshot { width: 100%; max-width: 150px; max-height: 150px; border: 4px solid #fff; border-radius: 100em; }
#testimonials-small .testies .quotations { position: absolute; width: 80px; top: 30px; right: 30px; }
#testimonials-small .testies blockquote { font-style: normal; font-size: 24px; padding-right: 100px; }
#testimonials-small .extra-border-bottom-1 { position: relative; z-index: 2; top: 138px; height: 80px; opacity: 0.6; border-radius: 33px; margin: 0 15px; background: rgb(83,207,141); background: linear-gradient(90deg, rgba(83,207,141,1) 0%, rgba(20,148,162,1) 50%, rgba(53,93,190,1) 100%); }
#testimonials-small .extra-border-bottom-2 { position: relative; z-index: 1; top: 36px; height: 80px; opacity: 0.3; border-radius: 33px; margin: 0 30px; background: rgb(83,207,141); background: linear-gradient(90deg, rgba(83,207,141,1) 0%, rgba(20,148,162,1) 50%, rgba(53,93,190,1) 100%); }
@media (max-width: 640px) {
  #testimonials-small .testi blockquote { padding-right: 0; }
}

.case-side img { border-radius: 33px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.case-side figure:last-of-type img { box-shadow: none; }
.case-side figcaption { margin: 10px 0 0 30px; }

.nav-slideout .uk-offcanvas-bar { background: #fff; box-shadow: 6px 0 16px rgba(0,0,0,0.55); }
.nav-slideout .uk-offcanvas-bar .uk-close { color: #212121; }
.channel-item { display: block; }
.channel-item,
.channel-item > div { height: 130px; border-radius: 33px; }
.channel-item h3 { font-size: 24px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.8); }
.channel-item:hover { text-decoration: none; }

.page-slideout { width: 100%; }
.page-slideout .uk-offcanvas-bar { width: 50%; background: #fff; box-shadow: 6px 0 16px rgba(0,0,0,0.55); }
.page-slideout .uk-offcanvas-bar hr { border-top-color: #dadada; }
.page-slideout .uk-offcanvas-bar h2 { font-weight: 900; margin-bottom: 45px; }
.page-slideout .uk-offcanvas-bar h3 { text-transform: capitalize; }
.page-slideout .uk-offcanvas-bar h2,
.page-slideout .uk-offcanvas-bar h3,
.page-slideout .uk-offcanvas-bar h4,
.page-slideout .uk-offcanvas-bar p,
.page-slideout .uk-offcanvas-bar li,
.page-slideout .uk-offcanvas-bar li span,
.page-slideout .uk-offcanvas-bar .uk-close { color: #212121; }
.page-slideout .uk-offcanvas-bar .uk-text-lead,
.page-slideout .uk-offcanvas-bar a { color: #7FC241; }
.page-slideout .uk-offcanvas-bar a:hover { color: #5F26AA; }
.page-slideout .uk-offcanvas-bar h3:first-of-type { margin-top: 20px; }
@media (max-width: 1200px) {
  	.page-slideout .uk-offcanvas-bar { width: 70%; }
  	.uk-card-large .uk-card-body {	padding: 70px 70px 60px 70px !important; }
}
@media (max-width: 640px) {
 	.page-slideout .uk-offcanvas-bar { width: 100%; }
}

.slideout-img { border-radius: 33px; padding: 30px; box-shadow: 0 0 15px rgba(0,0,0,0.15); }

/* ---- HOME PAGE */

#home-hero {
  padding-top: 180px;
  padding-bottom: 340px;
  background:url('https://vboblobprod.blob.core.windows.net/awsvboticketscom/_images/site/heros/gradient-home.webp');
  background-size: cover;
}
/*
#home-hero {
  padding-top: 180px;
  padding-bottom: 340px;
  background-image: linear-gradient(118deg, #0dc898, #d03ec4, #2d7be6, #a6d075);
  background-blend-mode: unset;
  animation: hue-rotate 12s linear infinite;
}

@keyframes hue-rotate {
  from {
    -webkit-filter: hue-rotate(0);
    -moz-filter: hue-rotate(0);
    -ms-filter: hue-rotate(0);
    filter: hue-rotate(0);
  }
  to {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}*/

#industries-row { margin-top: -340px; }
#industries-row .uk-slider-container { padding: 0 15px 15px; }
#industries-row .uk-slider-items > div { padding-top: 23px; }
#industries-row .channel-card { display: block; height: 360px; border-radius: 13px; padding: 15px; text-align: center; position: relative; top: 0; transition: top ease 0.2s; }
#industries-row .channel-card:hover { top: -15px; }
#industries-row .channel-card.card-1,
#industries-row .channel-card.card-3,
#industries-row .channel-card.card-5,
#industries-row .channel-card.card-7 { margin-top: 100px; }
@media (max-width: 640px) {
  #industries-row { margin-bottom: 0; padding-bottom: 0; }
}
@media (max-width: 1200px) {
  #industries-row .channel-card.card-1,
  #industries-row .channel-card.card-3,
  #industries-row .channel-card.card-5,
  #industries-row .channel-card.card-7 { margin-top: 0px; }
}
.channel-card button { text-transform: capitalize; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 18px; padding: 15px; position: relative; bottom: 0; transition: bottom ease 0.3s; }
.channel-card:hover button { background-color: #5F26AA; box-shadow: 0 2px 6px rgba(0,0,0,0.4); color: #fff; bottom: -40px; }
.channel-card.uk-box-shadow-small { box-shadow: 0 3px 14px rgb(0 0 0 / 35%); }

#branding-logos img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: ease 0.3s; }
#branding-logos img:hover { -webkit-filter: none; filter: none; }
@media (max-width: 640px) {

  #branding-logos { padding-top: 0; }
  #branding-logos img { max-width: 70%; padding-bottom: 30px; }

}

#testimonials-big .testi { position: relative; border-radius: 33px; color: #fff; text-align: center; }
#testimonials-big .testi > div { border-radius: 33px; padding: 100px 40px; }
#testimonials-big .testi .stars { max-width: 150px; }
#testimonials-big .testi blockquote { font-size: 32px; line-height: 1.2; font-weight: 700; color: #fff; font-style: normal; }
#testimonials-big .testi cite { display: block; font-size: 18px; font-weight: 400; font-style: normal; }
#testimonials-big .testi .headshot { position: absolute; width: 170px; border-radius: 100em; border: 8px solid #f4f4f4; top: -16px; left: -16px; }
#testimonials-big .testi .quotations { position: absolute; width: 80px; top: 30px; right: 30px; }
#testimonials-big .uk-slider-items > div { padding-top: 8px; }
#testimonials-big .uk-slidenav-next svg,
#testimonials-big .uk-slidenav-previous svg,
#industries-row .uk-slidenav-next svg,
#industries-row .uk-slidenav-previous svg { width: 40px; height: 40px; color: #000; }
#testimonials-big .uk-slidenav-next svg:hover,
#testimonials-big .uk-slidenav-previous svg:hover { color: #999; }
@media (max-width: 640px) {
  #testimonials-big .testi .headshot { width: 120px; }
  #testimonials-big .testi > div { padding-bottom: 45px; }
  #testimonials-big .testi blockquote { font-size: 21px; }
}

#video-sales { position: relative; z-index: 1; }
#video-sales .videoask { position: relative; z-index: 3; }
#video-sales .floating-heads img { border-radius: 100em; }
#video-sales .floating-heads .head { position: absolute; }
#video-sales .floating-heads .head1 { width: 130px; height: 130px; top: 288px; left: 76px; }
#video-sales .floating-heads .head2 { width: 110px; height: 110px; top: 362px; right: 15px; z-index: 2; }
#video-sales .floating-heads .head3 { width: 150px; height: 150px; top: 822px; right: -60px; }
#video-sales .floating-heads .head4 { width: 140px; height: 140px; top: 1000px; left: 106px; z-index: -1; }
#video-sales .floating-heads .head5 { width: 110px; height: 110px; top: 1100px; left: 700px; z-index: -1; }
@media (max-width: 960px) {
  #video-sales .floating-heads .head1 { display: none; }
  #video-sales .floating-heads .head2 { display: none; right: 42px; }
  #video-sales .floating-heads .head3 { display: none; }
  #video-sales .floating-heads .head4 { display: none; top: 848px; }
  #video-sales .floating-heads .head5 { display: none; top: 916px; left: 626px; }
}

#benefits .uk-tab { margin-left: 0; }
#benefits { background-position: 60px 0; background-size: 53%; background-repeat: no-repeat; }
#benefits .tab-bar { background: #fff; border-radius: 100em; box-shadow: 0 3px 12px rgba(0,0,0,0.24); }
#benefits .tab-bar a { padding: 0; text-transform: capitalize; font-weight: 400; font-size: 18px; }
#benefits .tab-bar a span { padding: 18px; }
#benefits .tab-bar.uk-tab>a,
#benefits .tab-bar.uk-tab>.uk-active>a { border: none; }
#benefits .tab-bar.uk-tab>.uk-active>a span {display: block; border-bottom: 2px solid #73BF71; }
#benefits .tab-bar.uk-tab:before { border: none; }
#benefits .benefit { margin-top: 60px; }
#benefits .benefit .desc { margin-top: 85px; }
#benefits .benefit .desc h3 { font-weight: 600; }
#benefits .benefit blockquote { font-size: 15px; }
#benefits .benefit .head { width: 80px; }
#benefits .benefit .graphic a { box-shadow: 0 0 2px rgba(0,0,0,0.55); }
#benefits .uk-divider-small::after { border: 2px solid #2D82FF; border-radius: 100em; }
@media (max-width: 800px) {
  #benefits .benefit { margin-top: 0px; }
  #benefits .benefit .desc { margin-top: 30px; }
  #benefits .tab-bar { background: transparent; box-shadow: none; }
  #benefits .tab-bar li { display: block; flex: none; background: #fff; border-radius: 100em; margin-bottom: 15px; box-shadow: 0 3px 12px rgba(0,0,0,0.24); }
}

/* ---- CHANNEL PAGES */
#channel-hero .channel-switch { display: inline-block; opacity: 0.75; text-transform: uppercase; font-size: 14px; border: 1px solid #fff; border-radius: 100em; padding: 4px 11px; margin-bottom: 24px; }
#channel-hero .channel-switch:hover { opacity: 1; text-decoration: none; }
#channel-hero h1 { margin-top: 0px; }
#channel-hero .heading-sub-hero { font-size: 20px; font-weight: 400; }
#channel-hero .channel-img-container { z-index: 1; }
#channel-hero .channel-img-container img { box-shadow: 0 0 22px rgba(0,0,0,0.75); }
#channel-hero .channel-info { cursor: pointer; left: -30px; border: none; display: inline-block; background-color: rgba(255,255,255,0.7); border-radius: 100em; padding: 12px; z-index: 12; }
#channel-hero .channel-info span { color: #000; }
#channel-hero .channel-hero-cta { position: absolute; z-index: 12; bottom: -140px; }
#channel-hero .channel-hero-cta .uk-button { width: 100%; }
@media (max-width: 640px) {
    #channel-hero .channel-info { left: 15px; top: 45px; }
}
@media (max-width: 960px) {
    #channel-hero .channel-hero-cta { position: relative; bottom: initial; }
    #channel-hero .channel-hero-cta .uk-button { width: auto; }
}
@media (min-width: 1140px) {
    #channel-hero .channel-img-container { position: absolute; right: -120px; top: -20px; width: 780px; max-width: 780px; z-index: 1; }
}

#channel-benefits { background-image:url('https://vboblobprod.blob.core.windows.net/awsvboticketscom/_images/site/graphics/gray-wave.png'); background-position: center 700px; }
#channel-benefits .benefit { position: relative; cursor: pointer; padding: 40px; border-radius: 33px; transition: 0.2s; }
#channel-benefits .benefit h3 { color: #121212; font-size: 27px; font-weight: 500; text-transform: capitalize; text-align: center; margin-bottom: 60px; }
#channel-benefits .benefit .benefit-graphic { background: #fff; padding: 30px; box-shadow: 0 0 16px rgba(0,0,0,0.23); border-radius: 33px; position: relative; bottom: 0; transition: bottom ease 0.5s; }
#channel-benefits .benefit:hover { border: 3px solid #5F26AA; box-shadow: 0 0 20px rgba(0,0,0,0.11); }
#channel-benefits .benefit:hover .benefit-graphic { bottom: 15px; }
#channel-benefits .benefit.b1 { background: rgb(240,216,213); background: linear-gradient(140deg, rgba(240,216,213,1) 0%, rgba(193,220,166,1) 100%); }
#channel-benefits .benefit.b1 .benefit-graphic { padding-bottom: 43px; }
#channel-benefits .benefit.b2 { background: rgb(214,241,219); background: linear-gradient(140deg, rgba(214,241,219,1) 0%, rgba(165,202,220,1) 100%); }
#channel-benefits .benefit.b3 { background: rgb(242,219,244); background: linear-gradient(140deg, rgba(242,219,244,0.75) 0%, rgba(128,166,220,0.75) 100%); }
#channel-benefits .benefit.b4 { background: rgb(227,244,217); background: linear-gradient(140deg, rgba(227,244,217,0.75) 0%, rgba(245,204,244,0.75) 100%); }
#channel-benefits .benefit.b5 { background: rgb(215,228,243); background: linear-gradient(140deg, rgba(215,228,243,0.75) 0%, rgba(244,225,189,0.75) 100%); }
#channel-benefits .benefit.b6 { background: rgb(218,243,232); background: linear-gradient(140deg, rgba(218,243,232,1) 0%, rgba(172,180,173,1) 100%); }

/* notification box */
.uk-notification-message-danger { background-color: #ee0000 !important; color: #fff !important; }
.uk-notification-message-danger .uk-notification-close { color: #fff !important; }
.uk-notification-message-success { background-color: #46c654 !important; color: #fff !important; }
.uk-notification-message-success .uk-notification-close { color: #fff !important; }

.ToggleOff  { display: none; }
.Error { padding: 10px 10px 10px 30px; margin: 0 0 15px 0;  color: #FFF; font-size: 13px; font-weight: bold; background:url(//www.vbotickets.com/_images/icons/error.png) 8px 11px no-repeat #DD0000; }
.Success { padding: 10px 10px 10px 30px; margin: 0 0 15px 0;  color: #FFF; font-size: 13px; font-weight: bold; background:url(//www.vbotickets.com/_images/icons/success.png) 10px 11px no-repeat #7FC241; }
.BoxError { border: 1px solid #DD0000 !important; }
.Info { padding: 13px 10px 13px 33px; margin: 0 0 15px 0; font-family: 'Roboto', Arial, Verdana, sans-serif; color: #ffffff; font-size: 14px; font-weight: 300; border-radius: 1px; background:url(../../../_images/icons/info_white.png) 10px 12px no-repeat #4da2f7; box-shadow: 0 1px 2px rgba(0,0,0,0.15); line-height:1.5; }

.testi h4,
.land-testimonial h2 { color: #fff; }
.shadow-up { box-shadow: 0 -3px 3px rgba(0,0,0,0.28); }

.button-gradient {
  background-color: #52daa2;
  /*flex: 1 1 auto;*/
  transition: 0.5s;
  background-size: 200% auto;
  color: #fff;
  background-image: linear-gradient(to right, #7fc241 0%, #52daa2 51%, #7fc241 100%);
}

.button-animate:hover { background-position: right center; }
.button-glow { box-shadow: 0 0 20px #eee; }
.button-cta { position: relative; line-height: initial; padding: 20px 30px; }
.button-cta .uk-icon { position: absolute; top: 16px; left: 15px; font-size: 32px; }

/* Hero banner backgrounds */
.hero-overlay { background: linear-gradient(rgba(0, 0, 0, 0.45),rgba(0, 0, 0, 0.45) ); background-position: 50% 50%; }
.hero-mask-bg { background-color: rgba(0,0,0,0.4); }
.hero-mask-bg-lighter { background-color: rgba(0,0,0,0.26); }
.hero-mask-bg-darker { background-color: rgba(0,0,0,0.6); }
.page-hero > .uk-container { padding: 100px 0; }
.hero-with-nav > .uk-container { padding: 160px 0 90px 0; }
.hero-arrow { position: relative; top: 9px; left: 12px; display: inline-block; background: rgba(0,0,0,0.6); padding: 6px 10px; border-radius: 100em; }
svg.hero-arrow2 { position: relative; top: 9px; left: 12px; }
.hero-arrow svg { color: #7FC241; }

.page-hero-bgd-intix { height: 500px; }
.page-hero-intix { height: 360px; }

#hero-vbopay { background-image: url(../images/heros/vbo-pay.jpg); }
#hero-demo {  background-image: url(../images/heros/workplace-guy-girl.jpg); }
#hero-jobs { background-image: url(../images/hero-jobs-1.jpg); }
#hero-job { background-image: url(../images/heros/vbo-office-wide.jpg); }
#hero-old { background-image: url(../images/hero-bg-geobright-2.jpg); }
#hero-ts { background-image: url(../images/heros/herobg4.jpg); }
#hero-tours { background-image: url(../images/heros/tours-museum-bg.jpg); }
#hero-touch { background-image: url(../images/touch/touch_phone.jpg); }
#hero-seatsocket { background-image: url(../images/heros/features-banner.jpg); }

.padding-xlarge { padding: 160px 30px; }
.padding-2xlarge { padding: 160px 30px 260px; }

.page-hero h1,
.cta-box h2 { font-weight: 900; }
.page-hero h1,
.page-hero h2,
.page-hero li,
.cta-box h2 { text-shadow: 0px 3px 11px rgba(0,0,0,0.45); }
.page-hero h2 { margin-top: 0; }
.heading-sub-hero { font-size: 1.8rem; font-weight: 300; }

body.theatres #channel-hero { background: rgb(14,42,17); background: linear-gradient(135deg, rgba(14,42,17,1) 13%, rgba(108,27,68,1) 36%, rgba(193,107,81,1) 65%, rgba(241,215,70,1) 99%); }
body.museums #channel-hero { background: rgb(41,57,62); background: linear-gradient(135deg, rgba(41,57,62,1) 4%, rgba(55,138,151,1) 35%, rgba(173,168,95,1) 58%, rgba(185,80,80,1) 89%); }
body.colleges #channel-hero { background: rgb(100,28,0); background: linear-gradient(135deg, rgba(100,28,0,1) 0%, rgba(202,110,58,1) 25%, rgba(213,103,171,1) 56%, rgba(173,66,66,1) 89%); }
body.attractions #channel-hero { background: rgb(0,15,63); background: linear-gradient(135deg, rgba(0,15,63,1) 0%, rgba(31,110,192,1) 25%, rgba(177,179,51,1) 56%, rgba(47,164,120,1) 89%); }
body.comedyclubs #channel-hero { background: rgb(128,0,33); background: linear-gradient(135deg, rgba(128,0,33,1) 0%, rgba(167,13,66,1) 25%, rgba(37,133,190,1) 56%, rgba(22,191,173,1) 89%); }
body.festivals #channel-hero { background: rgb(0,150,135); background: linear-gradient(135deg, rgba(0,150,135,1) 4%, rgba(220,45,171,1) 35%, rgba(247,142,0,1) 58%, rgba(210,45,0,1) 89%); }
body.sports #channel-hero { background: rgb(63,31,71); background: linear-gradient(135deg, rgba(63,31,71,1) 4%, rgba(206,141,24,1) 35%, rgba(81,163,88,1) 58%, rgba(0,90,17,1) 89%); }
body.music #channel-hero { background: rgb(9,26,69); background: linear-gradient(135deg, rgba(9,26,69,1) 9%, rgba(27,106,108,1) 31%, rgba(157,110,58,1) 74%, rgba(105,44,25,1) 99%); }

.highlight-links a { text-decoration: underline; /*border: 1px solid #dadada; border-radius: 7px; padding: 0 9px;*/ }
.highlight-links a:hover { text-decoration: none; border-width: 3px; }

#panel-white-label { background: url(../images/graphics/whitelabel-bg.png) no-repeat center center; background-size: cover !important; }
#panel-mobile-apps { background: url(../images/graphics/apps-wave-bg.jpg) no-repeat center center; background-size: 100%; background-position: 0 230px; }

#footer-cta .cta-box { position: relative; top: 160px; margin-top: -100px; border-radius: 33px; padding: 90px 50px; box-shadow: 0 7px 13px rgba(0,0,0,0.5); }
body.home #footer-cta .cta-box { margin-top: -265px; }
#footer-cta h2 { font-size: 3.3rem; }
#site-footer .bottom-bar ul li { display: inline; margin-left: 15px; }
#site-footer .bottom-bar ul li:first-child { marigin: 0; }
#site-footer .bottom-bar a { color: #898989; }
#site-footer .uk-list li { text-transform: capitalize; }
#landing-footer { background: #242424; color: #fff; }
.landing-quote.above { margin-bottom: 40px; }
.landing-quote.above p { font-size: 1.25rem !important; }
.landing-quote.above blockquote { margin-top: 0; }
.ljOBEA { display: none !important; }

@media (max-width: 960px) {

  body.home #footer-cta .cta-box { margin-top: -60px; }
  #footer-cta .cta-box { top: 60px; border-radius: 0px; box-shadow: none; margin-top: -60px; }
  #footer-cta h2 { font-size: 2.6rem; }

}

.heading-secondary { margin-top: 15px; font-size: 36px; font-weight: 600; text-transform: capitalize; }
.animation-delay { -webkit-animation-delay: .5s; animation-delay: .5s; }
.animation-delay-2 { -webkit-animation-delay: .7s; animation-delay: .7s; }
.text-thin { font-weight: 100; }
.text-light { font-weight: 300; }
.text-medium { font-size: 1.3rem; line-height: 1.4; }
.icon-list { font-size: 1.2rem; font-weight: 300; }
.icon-list-large { font-size: 1.5rem !important; }
.icon-list-large i { margin-left: 15px; }
.icon-list span,
.icon-heading span { margin-right: 10px; width: 26px; text-align: center; }
.icon-list svg,
.icon-heading svg { display: inline-block; }
.icon-green span,
.icon-green svg { color: #7FC241; }
.icon-primary span,
.icon-primary svg { color: #ab5eea; }
.icon-white span { color: #fff; }
.phone-item { max-width: 40%; }

.heading-list span { top: 4px; margin-right: 10px; }
.heading-list svg { font-size: 24px; }
.heading-list h2,
.heading-list h3 { font-size: 20px; margin: 0; }
.heading-list p { margin: 0; font-size: 16px; }

.p-list li { margin: 20px 0; }
.p-list p { margin: 10px 0 0 0; }
.p-list .uk-icon { color: #ab5eea !important; }
.p-list .uk-icon svg { font-size: 20px; position: relative; margin-right: 6px; }
.p-list .uk-text-large { font-size: 17px; font-weight: 700; }

.list-big li { margin-left: 35px; }
.list-big .uk-icon { position: relative; top: 4px; margin-left: -37px; font-size: 26px; }

.pull-quote { border-left: 3px solid #7FC241; margin: 40px 0px; padding-left: 15px; }
.pull-quote p { font-size: 36px; font-weight: 300; line-height: 1.2; font-style: italic; margin: 0; }

.pull-quote2 { border-left: 3px solid #7FC241; margin: 40px 0px 10px 0px; padding-left: 15px; }
.pull-quote2 p { margin: 0 0 15px 0 !important; font-size: 36px; font-weight: 600; line-height: 1.2; font-style: normal !important; }

.text-desc { font-weight: 400; }

.img-border-green { border: 4px solid #7fc241; }
.circle-features figcaption { max-width: 80%; margin: 0 auto; font-size: 15px; color: #777; }

.shadow-inner { box-shadow: inset 0px 0px 10px 2px rgba(0,0,0,.2); }

.min-height-medium { min-height: 270px; }

/* Icon boxes */
.ibox { position: relative; }
.ibox-number { position: absolute; z-index: 1; left: 27%; font-weight: 700; background: #f4f4f4; border-radius: 100em; width: 30px; height: 30px; }
.ibox-heading { margin: 15px 0 0 0; font-size: 1.75rem; font-weight: 300; }
.ibox-text p { margin: 10px 0; }

.feature-list .icon-heading { color: #7FC241; }

.hero-bar { background: rgba(0,0,0,0.6); padding: 30px 0; }
.hero-bar a { font-weight: normal; margin: 0 5px; }

.quote-avatar { width: 98px; height: 98px; }
.icon-submit .uk-form-icon { left: 0; right: 0; margin: auto; color: #fff; }
.channel-phone { max-width: 330px; }
.img-border-bottom { border-bottom: solid 1px #7fc241; }

.demo-background { background: rgb(52,125,101); background: linear-gradient(311deg, rgba(52,125,101,1) 0%, rgba(20,148,162,1) 57%, rgba(30,60,134,1) 83%, rgba(8,22,57,1) 94%); }
.demo-background2 { background: rgb(125, 105, 52); background: linear-gradient(311deg, rgb(217, 162, 91) 0%, rgb(162, 117, 20) 57%, rgb(134, 30, 30) 83%, rgb(62, 48, 0) 94%); }
.demo-box { position: absolute; top: -265px; right: 0; }
.demo-box.demo-channel { top: -410px; }
.demo-box.demo-channel.landing-small { top: -520px; }
.demo-box .uk-card-default { border: 6px solid #ffa766; border-radius: 33px; box-shadow: 0 4px 22px rgba(0,0,0,0.35); }
.demo-box a { color: #000; }
.demo-box h2 { line-height: 0.8; padding-bottom: 15px; }
.demo-box .uk-sticky.uk-active .uk-card-default { border-color: #ab5eea; }

.demo-box-intix { position: absolute; top: -265px; right: 0; }
.demo-box-intix.demo-channel-intix { top: -410px; }
.demo-box-intix.demo-channel-intix.landing-small { top: -520px; }
.demo-box-intix .uk-card-default { border: 6px solid #ffa766; border-radius: 33px; box-shadow: 0 4px 22px rgba(0,0,0,0.35); }
.demo-box-intix a { color: #000; }
.demo-box-intix h2 { line-height: 0.8; padding-bottom: 15px; }
.demo-box-intix .uk-sticky.uk-active .uk-card-default { border-color: #ab5eea; }

.demo-content .pull-quote { margin: 20px 0; }
.demo-content .pull-quote p { font-size: 22px !important; line-height: 1.3; }
.demo-content .quote-cite span { line-height: 18px !important; }
.demo-list li { font-size: 18px; font-weight: 400; text-transform: capitalize; }
@media (max-width: 480px) {
  .page-hero-bgd-intix { height: 300px; background-position: 25% 0 !important; }
  .page-hero-intix { height: 225px !important; }
}
@media (max-width: 780px) {
  .page-hero-bgd-intix { height: 300px; background-position: 25% 0 !important; }
  .page-hero-intix { height: 225px !important; }
}
@media (max-width: 1140px) {
  .demo-box.demo-channel { top: -535px; }
  .demo-box-intix.demo-channel-intix { top: -245px; }

  .page-hero-bgd-intix { height: 300px; background-position: 25% 0 !important; }
  .page-hero-intix { height: 190px; }
  .intix-form-wrapper { margin-bottom: 100px !important; }
}
@media (max-width: 1200px) {
  .demo-box.demo-channel { top: -535px; }
  .demo-box-intix.demo-channel-intix { top: -245px; }

  .page-hero-bgd-intix { height: 300px; background-position: 25% 0 !important; }
  .page-hero-intix { height: 190px; }
  .intix-form-wrapper { margin-bottom: 100px !important; }
}
.IntixLabel { padding: 0 0 40px 0; font-weight: 500; font-size: 24px; }
.IntixThankYou { font-weight: 600; }

.request-demo .trustpilot-widget iframe { height: 100px !important; }

.cursor-zoom { cursor: zoom-in; }

.fancy-border { border: 3px solid; border-image: linear-gradient(45deg, #7fc241, #54dcf7) 1; box-shadow: 0 2px 8px rgba(0,0,0,0.24); }
.fancy-border.link-dark a { color: #444; text-decoration: underline; }
.fancy-border.link-dark a:hover { color: #999; text-decoration: none; }
.button-fancy-border:hover { border-image: none; border-color: #dadada; box-shadow: none; }

.feature-slider { position: relative; top: 30px; z-index: 999; }
.feature-slider .uk-slider-items { padding-bottom: 15px; }
.feature-slider .uk-card { padding: 5px; }
.feature-slider .uk-card-body { display: block; color: #000; text-decoration: none; border: 3px solid #7FC241; border-radius: 2px; transition: all .2s ease-in; }
.feature-slider .uk-card-body:hover { background-color: #7FC241; }
.feature-slider .uk-card-body:hover .uk-card-title,
.feature-slider .uk-card-body:hover .uk-icon { color: #fff; }
.feature-slider .uk-card-body:hover .uk-icon { font-size: 72px; }
.feature-slider .uk-card-body:hover .uk-button { display: none; }
.feature-slider .uk-card-title { font-size: 2em; font-weight: 300; transition: all .2s ease-in; }
.feature-slider .uk-icon { color: #7FC241; font-size: 54px; transition: all .2s ease-in; }
.feature-slider .uk-button { transition: all .2s ease-out; }

.signin-card.uk-card-default { border: none; border-radius: 33px; box-shadow: 0 5px 15px rgba(0,0,0,.5); }

@media (max-width: 640px) {
  h1#SigninTitle.uk-heading-small { font-size: 22px !important; }
  .signin-card.uk-card-body.uk-card-large { padding: 40px !important; }
}

/* Contact Forms */
html .cog-loader__cog, :root:root:root:root:root .cog-loader__cog { height: 100px !important; }
html .cog-page__navigation, :root:root:root:root:root .cog-page__navigation { justify-content: flex-end !important; }
.cog-page__navigation { padding-top: 10px !important; }
.cognito .cog-input input,
.cognito .cog-input textarea { border-radius: 9px !important; border-color: #1494a2 !important; padding: 15px 10px !important; }
.cognito .cog-input input:focus,
.cognito .cog-input textarea:focus { border-color: #ffa766 !important; }
.cognito .cog-button { width: 100% !important; text-transform: uppercase !important; background-color: #1494a2 !important; border: none !important; border-radius: 100em !important; }
.cognito .cog-button:hover { background-color: #5F26AA !important; }
.cognito:not(.cog-forms-actionBar) { max-width: 100% !important; }

.optin-form { background: #fff !important; border: 3px solid #5F26AA !important; border-radius: 13px !important; padding: 15px !important; margin-top: 30px; }
.optin-form .cog-field,
.optin-form .cog-input { margin-bottom: 0 !important; }
.optin-form .cog-button { text-transform: uppercase !important; }

.home-exit .cog-button{margin-top:0!important;}
.home-exit .cog-page__navigation{justify-content:flex-end!important;}
.home-exit .cog-cognito--styled input[type=text]{border-color: #86bc25 !important;border-width:2px!important;}
.home-exit .cog-cognito--styled input[type=text]:focus{outline: 2px solid black !important;}

.video-platforms .uk-height-small { height: 100px; }

.serve-nav > a { top: 36px; }

a.feedback-happy svg { color: #fab25a; }
a.feedback-sad svg { color: #8abae5; }
a.feedback-sad:hover,
a.feedback-happy:hover { color: #000; text-decoration: none; }

#guide-body h2:first-child { font-size: 30px; }
#guide-body h2 { font-size: 24px; }
#guide-body .guide-container { background: #fff; border-radius: 33px; position: relative; top: -133px; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* up to small */
@media (min-width: 640px) {

  .item-offset-bottom { bottom: -90px; }

}

@media (max-width: 639px) {

    .position-reset-s { position: initial !important; top: initial; right: initial; bottom: initial; left: initial; transform: none; }
    .uk-inline { position: initial; display: block; }
    .icon-submit { position: relative; }
    .image-align-bottom .uk-position-bottom-center { transform: initial; margin-left: auto; margin-right: auto; }

}

/* starts after medium */
@media (min-width: 959px) {

    .uk-section-medium { padding-top: 80px; padding-bottom: 80px; }
    .overlap-up { position: relative; top: -70px; }
    .overlap-up-large { position: relative; top: -170px; }
    .item-offset-right { position: absolute; z-index: 9; right: -120px; top: 50px; }
    .item-offset-left { position: absolute; left: -120px; top: 50px; }
    .item-offset-left.item-offset-small { left: -60px; top: -40px; }
    .item-offset-left-small { position: absolute; left: -60px; top: 70px; }
    .item-offset-large { max-width: 59%; }
    .item-offset-medium { max-width: 50%; }
    .item-offset-small { max-width: 44%; }
    .item-offset-bottom-large { top: initial; bottom: -120px; }
    .phone-item { position: absolute; z-index: 99; right: 580px; bottom: -30px; max-width: 20%; }
    .margin-large-top { margin-top: 70px !important; }
    .margin-xlarge-right { margin-right: 140px !important; }
    .margin-xlarge-left { margin-left: 140px !important; }
    .list-inline li { display: inline-block; margin: 0 10px; }
    .uk-button.uk-position-bottom { width: 50%; }
    .feature-slider { top: 60px; }
}

/* up to medium */
@media (max-width: 960px) {

    .position-reset-m { position: initial !important; top: initial; right: initial; bottom: initial; left: initial; transform: none; }
    .uk-button.uk-position-bottom { position: relative !important; }
    .remove-padding-m { padding: 0; }
    .padding-2xlarge { padding: 60px 30px; }
    h1.uk-heading-medium { font-size: 2.6rem; }
}

a[title="Sumo"],
a[title="Sumo"] span { background-color: transparent !important; background-image: none !important; box-shadow: none !important; }

/* Disable animations for IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

     [class*=uk-animation-],
     [uk-scrollspy] { animation-duration: 0s !important; opacity:1 !important; visibility: visible !important; }

}

@supports (-ms-ime-align:auto) {

  [class*=uk-animation-],
  [uk-scrollspy] { animation-duration: 0s !important; opacity:1 !important; visibility: visible !important; }

}