/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.bg-cover {
  background: none #052240 no-repeat center center fixed; 
/* #177EC0 */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*
    background-size: cover !important;
	background-attachment: fixed;
	background-size: 100% auto;
    background-repeat: no-repeat;
	*/
}

span.blockit {
  display: none;
}

svg {
	margin-right: 15px;
}

.page-holder {
    min-height: 100vh;
    min-width: 100vw;
}

h1,
span.h1,
div.coms {
	color: transparent;
	opacity: 0;
	animation-iteration-count: 1;
	animation: blur 8s ease-in forwards;
	-webkit-animation: blur 8s ease-in forwards;
	
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
}
span.h1 {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5;
}
div.coms {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}


@keyframes blur {
	0%		{text-shadow:  0 0 100px #fff; opacity:0;}
	5%		{text-shadow:  0 0 90px #fff;}
	15%		{opacity: 1;}
	20%		{text-shadow:  0 0 0px #fff;}
	80%		{text-shadow:  0 0 0px #fff;}
	85%		{opacity: 1;}
	95%		{text-shadow:  0 0 100px #fff; opacity:1;}
	98%		{text-shadow:  0 0 90px #fff; opacity:1;}
	100%	{text-shadow:  0 0 0px #fff;opacity:1}
}

@-webkit-keyframes blur {
	0%		{text-shadow:  0 0 100px #fff; opacity:0;}
	5%		{text-shadow:  0 0 90px #fff;}
	15%		{opacity: 1;}
	20%		{text-shadow:  0 0 0px #fff;}
	80%		{text-shadow:  0 0 0px #fff;}
	85%		{opacity: 1;}
	95%		{text-shadow:  0 0 100px #fff; opacity:1;}
	98%		{text-shadow:  0 0 90px #fff; opacity:1;}
	100%	{text-shadow:  0 0 0px #fff;opacity:1}
}