@font-face {
    font-family: neon-lights;
    src: url(../fonts/neon-lights.regular.ttf);
}
/*neeeeoooon*/

p.neon {
    text-align: center;
    font-size: 5em;
    margin: 50px 0 20px 0;
}
p.neon a {
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
p.neon a {
    font-size: 1.5em;
    color: #fff;
    font-family: neon-lights;
}
p.neon a:hover {
    
}
.first-sparkling {
    -webkit-animation: neon-first 0.2s ease-in-out infinite alternate;
    animation: neon-first 0.2s ease-in-out infinite alternate;
    -webkit-animation-iteration-count: 7;
    animation-iteration-count: 7;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.glowing-on {
    -webkit-animation: neon-first .05s ease-in-out infinite alternate;
    animation: neon-first .05s ease-in-out infinite alternate;
    -webkit-animation-iteration-count: 5;
    animation-iteration-count: 5;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.glowing {
    -webkit-animation: neon2 1.5s ease-in-out infinite alternate;
    animation: neon2 1.5s ease-in-out infinite alternate;
}
p.neon a:hover {
    color: #228DFF;
}
/*glow for webkit*/

@-webkit-keyframes neon2 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
    }
    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
    }
}
@keyframes neon2 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
    }
    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
    }
}
@-webkit-keyframes neon-first {
    from {
        text-shadow: none;
    }
    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
    }
}
@keyframes neon-first {
    from {
        text-shadow: none;
    }
    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
    }
}
/*REEEEEEEEEEESPONSIVE*/
@media (max-width: 1200px) {
    p.neon {
        font-size: 4.5em;
    }
}
@media (max-width: 650px) {
    p.neon {
        font-size: 3.5em;
    }
}

img.wire {
	position: absolute;
}
img.wire.left {
	left: 0;
}
img.wire.right {
	right: 0;
}
.services-section {
	position: relative;
	background: none !important;
	//background: rgba(0, 15, 20, 0.8);
}
.frm-contact {
    position:relative;
    z-index:1031;
}
canvas#bolt {
	position: absolute;
	left: 0;
	top: 0;
}
@media (min-width: 1200px) {
    img.wire {
		height: 20%;
	}
}
@media (min-width: 1500px) {
    img.wire {
		height: 40%;
	}
}