/* ---- post 18 ---- */
#code_block-44-18{display:flex}
#code_block-4-18{display:none}
#section-2-18 > .ct-section-inner-wrap{max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
#section-2-18{display:block}
#section-2-18{background-color:#000000;width:100vw;height:100vh;position:relative;overflow:hidden;text-align:center}
#div_block-8-18{flex-direction:column;display:flex;text-align:center;align-items:flex-start;position:relative;top:-50px;z-index:1}
#headline-10-18{font-family:'Open Sans';font-size:140px;position:relative;top:40px;left:40px;color:transparent;font-weight:600}
#headline-36-18{font-family:'Open Sans';font-size:140px;font-weight:700}
#div_block-39-18{flex-direction:column;display:flex;text-align:left;align-items:flex-end;justify-content:center;width:100%}
#headline-40-18{font-family:'Lobster';font-size:140px;color:#fa26fa;position:relative;top:-50px;text-shadow:2px 2px 1px #ffffff}
#div_block-3-18{flex-direction:column;display:flex;align-items:center;position:absolute;justify-content:center;bottom:0px;width:100%;height:100%}
#div_block-7-18{flex-direction:column;display:flex;text-align:left;align-items:center;justify-content:center;width:100%;height:100%}
#div_block-42-18{z-index:1;border-top-color:#00e5ff;border-right-color:#00e5ff;border-bottom-color:#00e5ff;border-left-color:#00e5ff;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;padding-left:14px;padding-right:14px;padding-top:6px;padding-bottom:6px;background-color:rgba(0,76,76,0.3)}
#text_block-43-18{color:#00e5ff}
@media (max-width:767px){#headline-10-18{font-size:100px;top:20px;left:30px}#headline-36-18{font-size:100px}#headline-40-18{font-size:100px;top:-30px}}
@media (max-width:479px){#headline-10-18{font-size:80px;left:30px}#headline-36-18{font-size:90px}#headline-40-18{font-size:80px;top:-20px}}
@media (max-width:374px){#headline-10-18{font-size:70px;left:20px}#headline-36-18{font-size:70px}#headline-40-18{font-size:70px}}

/* ---- code blocks ---- */
/* code block 44 */
#preloader {
	background: #0C141F !important;
}

.transition-1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background-color: #000000;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s ease-out;
}

.transition-1.is-active {
  pointer-events: all;
  opacity: 1;
}

.transition-2 {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  bottom: 0;
  z-index: 97;
  background-color: #0C141F;
  transition: left 0.3s ease-out;
}

.transition-2.is-active {
  left: 0px;
}

.transition-3 {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  background-color: #000000;
  transition: 0.5s ease-out;
}

.transition-3.is-active {
  top: 0;
}
/* code block 4 */
/* Inner wrapper */

#div_block-3-18 {
  perspective: 200px;
  perspective-origin: 50% 40%;
  background: linear-gradient(#0c141f 40%, #cf33d9 41%, #0c141f 60%);
}


/* Landscape */
#div_block-7-18 {
  background-image: -webkit-linear-gradient(top, #CF33D9 2px, transparent 2px), -webkit-linear-gradient(left, #CF33D9 2px, transparent 2px);
  background-size: 50px 50px, 80px 80px;
  background-position: -1px -1px, -1px -1px;
  transform: rotateX(85deg);
  animation: moveUp 1.5s infinite linear;
  height: 100%;
  width: 300%;
}

/* Landscape Animation */

@keyframes moveUp{
  0% {
    background-position: -1px -1px, -1px -1px;
  }
  100% {
    background-position: -50px -50px, -1px -1px;
  }
}


/* Heading Animation */

#div_block-8-18 {
	animation: scaleUp 2s linear;
}

@keyframes scaleUp {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}


#div_block-42-18 {
	position: relative;
	animation: slideUp 2.5s linear;
}

@keyframes slideUp {
  from {
   	top: 100vh;
  }
  to {
	top: 0;
	}
}


/* New */

#headline-10-18 {
	transform: rotate(-10deg) skew(-20deg);
	 -webkit-text-stroke: 2px #F4C6F4;
	animation: glow 2.5s linear infinite;
}


/* Glow Animation */

@keyframes glow {
  0% {
    filter: drop-shadow(0 0 6px #CF33D9) drop-shadow(0 0 6px #CF33D9);
  }
  50% {
    filter: drop-shadow(0 0 1px #CF33D9) drop-shadow(0 0 1px #CF33D9);
  }
  100% {
    filter: drop-shadow(0 0 6px #CF33D9) drop-shadow(0 0 6px #CF33D9);
  }
}


/* Digital */

#headline-36-18 {
	transform: rotate(-10deg) skew(-20deg);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(32%, #002024), color-stop(40%, #00E5FF), color-stop(52%, #ffffff), color-stop(56%, #002024), color-stop(85%, #00E5FF), color-stop(100%, #ffffff));
  	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
}



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

#div_block-3-18 {
  		perspective: 400px;
        perspective-origin: 50% 40%;
	}
	
#div_block-7-18 {
  background-image: -webkit-linear-gradient(top, #CF33D9 1px, transparent 1px), -webkit-linear-gradient(left, #CF33D9 1px, transparent 1px);
	}
}