/*
Pink #f526ab
Green #c7fd37
*/
:root {--black:#000000;--white:#FFFFFF;--bodytext:#231F20;--primary:#f526ab;--secondary:#c7fd37;--grey:#B8B9BC;--deepgrey:#6A6868;--keyline:#B2B3B7;--keylinelte:#E7E5E6;--keylinemenu:#6F6E6C;--bgblue:#E5EBEA;}

html,body {position:relative;margin:0;padding:0;border:0;height:100%;}
html {overflow-y:scroll;overflow-x:hidden;height:100%;} 
* {border:0;margin:0;padding:0;box-sizing:border-box;}
body {margin:0 auto;font-family:"sofia-pro-variable", sans-serif;font-size:1rem;font-weight:300;display:flex;flex-direction:column;text-align:center;}
.js-focus-visible :focus:not(.focus-visible) {outline:none;}
.clear {clear:both;font-size:1%;overflow:hidden;width:100%;height:0px;}
.clrfx:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.mclear {display:none;}
.space {clear:both;width:100%;height:60px;}
.rule {clear:both;width:100%;height:1px;font-size:1%;overflow:hidden;background-color:#E8EAEB;margin-bottom:7px;margin-top:5px;}
hr {background-color:#CBC9C9;height:0px;overflow:hidden;width:100%;clear:both;border:0;border-bottom:1px solid #CBC9C9;margin:12px 0px 12px 0px;}
#skipnavigation {left:-5000px;position:absolute;display:none;}
.printlogo {display:none;}
br.hide, br.blog, div.respond, .mshow {display:none;}
em.hide {font-style:normal;}
.right, .pull-right {float:right;}
.left, .pull-left {float:left;}
a.skip-main {left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999;}
a.skip-main:focus, a.skip-main:active {color:#231F20;left:0;right:0;margin:0 auto;top:6px;width:240px;height:auto;overflow:auto;text-align:center;font-weight:800;z-index:100001;}
input:focus, select:focus, textarea:focus, button:focus {outline:none;}
input:-webkit-autofill { -webkit-box-shadow:0 0 0 500px white inset;}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}
.sr-only-focusable:active,.sr-only-focusable:focus {position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;}
a.green {color:#5E9B43 !important;font-weight:500 !important;}
.outer {flex:1 0 auto;}

a.btn {font-family:"Bebas Neue", sans-serif;position:relative;width:auto;color:white;background-color:black;text-align:center;border-radius:22px;-moz-border-radius:22px;-webkit-border-radius:22px;padding:0.7rem 1.4rem 0.6rem 1.4rem;text-decoration:none;font-size:1.2rem;font-weight:400;line-height:1em;text-transform:uppercase;font-weight:600;letter-spacing:1px;}
a.btn.rev {color:black;background-color:white;}
a.btn,.btnprimary {color:black;background-color:var(--primary);}


.inner {position:relative;width:90%;max-width:1240px;margin:0 auto;}
section {position:relative;z-index:4;}

h1 {font-family:"Bebas Neue", sans-serif;font-weight:400;font-style:normal;color:white;font-size:12.6rem;text-transform:uppercase;line-height:1em;text-align:center;margin-top:-2rem;}
h2 {font-family:"Bebas Neue", sans-serif;position:relative;color:white;font-size:2.4rem;text-transform:uppercase;line-height:1em;text-align:center;padding:1rem 18% 2rem 18%;letter-spacing:1px;font-weight:500;margin-bottom:2rem;}
h2::after {position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:100px;height:2px;content:'';background-color:white;}
h2 span {color:var(--primary);}

.drk {background-color:black;color:white;}
.lte {background-color:white;}

.hero {position:relative;min-height:100vh;idth:100%;overflow:hidden;z-index:1;}
.hero::before {position:absolute;z-index:1;top:0;left:0;width:100%;height:200px;content:'';background:url(images/hero-bg.png) top left repeat-x;}
.hero::after {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;content:'';background:rgba(0,0,0,0.3);}
.hero video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:0;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.hero .inner {padding:2rem 0;z-index:3;}
.hero .inner a.btn {position:absolute;top:2rem;right:0;}
.hero img.logo {width:220px;height:auto;display:block;margin:0 auto;}
/*
.herocols {display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:1.4rem 4%;text-align:center;}*/
.herocols img {width:80px;height:auto;display:block;margin:0 auto;}
.herocols p {color:white;font-size:0.96rem;line-height:1.3em;text-align:center;padding:0.2rem 12%;}
.herocols p.ttl {font-family:"Bebas Neue", sans-serif;color:white;font-size:1.46rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;line-height:1.1em;text-align:center;padding:1rem 12% 0.4rem 12%;}

.lte .inner {padding:5.4rem 0;}
.lte h3 {font-family:"Bebas Neue", sans-serif;font-size:2.4rem;color:var(--primary);text-transform:uppercase;line-height:1em;padding:0 0 2rem 0;letter-spacing:1px;font-weight:500;}
.editorial {padding:1rem 22%;}
.editorial p {padding:0;font-size:1.1rem;}
.editorial p strong {font-weight:600;}
.editorial p:has( + p) {padding:0 0 3rem 0;}

.feature {background:url(images/feature-bg.jpg) top center no-repeat #000000;background-size:100%;}
.feature .inner {padding:5.4rem 4%;}
.feature h4 {font-family:"Bebas Neue", sans-serif;font-weight:400;font-size:4.6rem;line-height:1em;text-transform:uppercase;padding:0 0 6rem 0;}
.featurecols {display:flex;justify-content:space-between;align-items:flex-start;}
.featurecols .colside {width:28%;text-align:left;}
.featurecols .colside:first-child .space {height:100px;}
.featurecols .colside:first-child p {padding:0 6% 0.4rem 0;}
.colside h5 {font-size:1.4rem;line-height:1.1em;padding:0 0 0.4rem 0;}
.colside h5.blue {color:#1FF2E1;}
.colside h5.green {color:#C9FF37;}
.colside h5.purple {color:#9181FE;}
.colside h5.pink {color:var(--primary);}
.colside p {font-size:1.04rem;padding:0 0 0.4rem 0;}
.featurecols .col {width:38%;}
.featurecols .col img {width:96%;height:auto;display:block;margin:0 auto;}

.lazy {opacity:0;-webkit-transition:opacity .3s ease-in-out, transform .3s ease-in-out;-ms-transition:opacity .3s ease-in-out, transform .3s ease-in-out;-moz-transition:opacity .3s ease-in-out, transform .3s ease-in-out;-o-transition:opacity .3s ease-in-out, transform .3s ease-in-out;transition:opacity .3s ease-in-out, transform .3s ease-in-out}
.lazy.lazy-up {-webkit-transform:translateY(3rem);-ms-transform:translateY(3rem);-moz-transform:translateY(3rem);-o-transform:translateY(3rem);transform:translateY(3rem)}
.lazy.lazy-down {-webkit-transform:translateY(-3rem);-ms-transform:translateY(-3rem);-moz-transform:translateY(-3rem);-o-transform:translateY(-3rem);transform:translateY(-3rem)}
.lazy.lazy-left {-webkit-transform:translateX(3rem);-ms-transform:translateX(3rem);-moz-transform:translateX(3rem);-o-transform:translateX(3rem);transform:translateX(3rem)}
.lazy.lazy-right {-webkit-transform:translateX(-3rem);-ms-transform:translateX(-3rem);-moz-transform:translateX(-3rem);-o-transform:translateX(-3rem);transform:translateX(-3rem)}
.lazy.in, .no-js .lazy {opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;-o-transform:none;transform:none;transition-delay:0.3s}
.lazy.lazy-down, .lazy.lazy-left, .lazy.lazy-right, .lazy.lazy-up {transition-delay:0.2s}
.lazy.lazy-up.delay4, .lazy.lazy-down.delay4, .lazy.lazy-left.delay4, .lazy.lazy-right.delay4 {transition-delay:0.4s}
.lazy.lazy-up.delay6, .lazy.lazy-down.delay6, .lazy.lazy-left.delay6, .lazy.lazy-right.delay6 {transition-delay:0.6s}
.lazy.lazy-up.delay8, .lazy.lazy-down.delay8, .lazy.lazy-left.delay8, .lazy.lazy-right.delay8 {transition-delay:0.8s}

/* Slider */
.hslider {padding-bottom:2rem;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}

.slick-dots {position:absolute;bottom:0;left:0;display:block;list-style:none;padding:0;width:auto;text-align:center;z-index:10;margin:0 auto;right:0;}
.slick-dots li {cursor:pointer;display:inline-block;width:16px;height:16px;margin:0 4px !important;padding:0 !important;position:relative;overflow:hidden;}
.slick-dots li button {background:none;border:0 none;cursor:pointer;display:block;font-size:0;width:16px;height:16px;line-height:0;outline:none;padding:0;}
.slick-dots li button:hover, .slick-dots li button:focus {outline:none;}
.slick-dots li button:hover::before, .slick-dots li button:focus::before {opacity:1;}
.slick-dots li button::before {color:white;content:"";font-family:"slick";font-size:0;width:16px;height:16px;left:0;opacity:1;position:absolute;text-align:center;top:0;background-image:url(images/slickdot.png);background-size:100% 100%;outline:none;}
.slick-dots li.slick-active button::before {opacity:1.0;background-image:url(images/slickdoton.png);background-size:100% 100%;outline:none;}
.slick-dots li.slick-active button {outline:none;}
.slick-dots li:only-child {display:none;}

footer {background:url(images/footer-bg.jpg) bottom center no-repeat #000000;background-size:100%;color:white;}
footer .inner {padding:4rem 0 6rem 0;}
footer .strap {font-family:"Bebas Neue", sans-serif;font-weight:400;font-size:4.6rem;color:white;line-height:1em;text-transform:uppercase;padding:0 18% 6rem 18%;}
footer .strap span {color:var(--primary);}
footer p {font-size:1.6rem;font-weight:400;line-height:1.2em;padding:0 12% 3rem 12%;}
footer p.intro {font-size:2rem;padding:0 8% 3rem 8%;}
footer p span {font-weight:600;color:var(--primary);}
footer p a {font-weight:500;color:#C9FF37;text-decoration:none;}
footer p a:hover, footer p a:focus {font-weight:500;color:#C9FF37;text-decoration:underline;}
footer a.btn {margin-bottom:3rem;font-size:1.4rem;border-radius:25px;}
footer a.btn:hover {text-decoration:none;font-weight:600;}
footer p.ftr {position:relative;font-size:1rem;font-weight:400;text-align:left;padding:0;}
footer p.ftr::before {position:absolute;content:'';top:-30px;right:0;width:80px;height:80px;background-image:url(images/logo-eventicity.png);background-size:100% 100%;}


@keyframes firework {
  0% { transform:translate(var(--x), var(--initialY));width:var(--initialSize);opacity:1;}
  50% { width:0.5vmin;opacity:1;}
  100% { width:var(--finalSize);opacity:0;}
}
.firework,.firework::before,.firework::after{  --initialSize:0.5vmin;--finalSize:45vmin;--particleSize:0.2vmin;--color1:yellow;--color2:khaki;--color3:white;--color4:lime;--color5:gold;--color6:mediumseagreen;--y:-30vmin;--x:-50%;--initialY:60vmin;content:"";animation:firework 2s infinite;position:absolute;top:30%;left:50%;transform:translate(-50%, var(--y));width:var(--initialSize);aspect-ratio:1;background:radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 0%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%, /* bottom right */radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%,radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%,radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%,radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%,    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%,radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%,    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%,radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%,    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%,radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%,    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%,    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%,    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%,    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%,radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%,radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%,radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%,radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%,radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%,    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%,    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%,radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%;background-size:var(--initialSize) var(--initialSize);background-repeat:no-repeat;}
.firework::before {--x:-50%;--y:-50%;--initialY:-50%;transform:translate(-50%, -50%) rotate(40deg) scale(1.3) rotateY(40deg);}
.firework::after {--x:-50%;--y:-50%;--initialY:-50%;transform:translate(-50%, -50%) rotate(170deg) scale(1.15) rotateY(-30deg);}
.firework.first {display:none;}
.firework:nth-child(2) {--x:30vmin;}
.firework:nth-child(2),.firework:nth-child(2)::before,.firework:nth-child(2)::after {--color1:pink;--color2:violet;--color3:fuchsia;--color4:orchid;--color5:plum;--color6:lavender; --finalSize:40vmin;left:30%;top:60%;animation-delay:-0.25s;}
.firework:nth-child(3) {--x:-30vmin;--y:-50vmin;display:none;}
.firework:nth-child(3),.firework:nth-child(3)::before,.firework:nth-child(3)::after {--color1:cyan;--color2:lightcyan;--color3:lightblue;--color4:PaleTurquoise;--color5:SkyBlue;--color6:lavender;--finalSize:35vmin;left:70%;top:60%;animation-delay:-0.4s;}

@media(max-width:880px){
	h1 {font-size:10.6rem;}
	h2 {font-size:2.0rem;padding:1rem 10% 2rem 10%;}
	.hero img.logo {width:200px;}
	.herocols {grid-template-columns:repeat(2, 1fr);}
	.editorial {padding:0 14%;}
	.feature h4 {font-size:3.6rem;padding:0 0 3rem 0;}
	.featurecols .colside {width:34%;}
	.featurecols .col {width:28%;}
	footer .strap {font-size:3.6rem;padding:0 10% 2rem 10%;}
	footer p {font-size:1.4rem;padding:0 8% 2rem 8%;}
	footer p.intro {font-size:1.8rem;padding:0 4% 2rem 4%;}
}
@media(max-width:768px){
	h1 {font-size:8.6rem;}
	h2 {font-size:1.8rem;padding:1rem 6% 2rem 6%;}
	.hero img.logo {width:190px;}
	.hero .inner a.btn {top:1rem;}
	.editorial {padding:0 6%;}
	.feature .inner {padding:4rem 4% 1rem 4%;}
	.featurecols {display:block;}
	.featurecols .colside {width:80%;margin:0 auto;text-align:center;}
	.featurecols .col {display:none;}
	.featurecols .space {height:0;}
	.featurecols .colside:first-child .space {height:0;}
	.featurecols .lazy {padding-bottom:2rem;}
	.lazy {opacity:1;}
	.lazy.lazy-up {-webkit-transform:none;-ms-transform:none;-moz-transform:none;-o-transform:none;transform:none}
	.lazy.lazy-down {-webkit-transform:none;-ms-transform:none;-moz-transform:none;-o-transform:none;transform:none}
	.lazy.lazy-left {-webkit-transform:none;-ms-transform:none;-moz-transform:none;-o-transform:none;transform:none}
	.lazy.lazy-right {-webkit-transform:none;-ms-transform:none;-moz-transform:none;-o-transform:none;transform:none}
	.lazy.lazy-down, .lazy.lazy-left, .lazy.lazy-right, .lazy.lazy-up {transition-delay:0}
	footer .space {height:0;}
	footer p {padding:1rem 0 1rem 0;}
	footer p.ftr {text-align:center;padding:100px 0 0 0;}
	footer p.ftr::before {position:absolute;content:'';top:0;left:0;right:0;margin:0 auto;width:100px;height:100px;}
	footer p a.email, footer p a.tel {display:block;padding:1rem 0;font-size:1.8rem;}
}
@media(max-width:600px){
	h1 {font-size:5.8rem;}
	.hero img.logo {width:176px;}
	.editorial {padding:0 3%;}
	.featurecols .colside {width:100%;}
}
@media(max-width:400px){
	h1 {font-size:4rem;}
}

