@import url('http://fonts.googleapis.com/css?family=Tangerine');

/* *
{
	margin:  0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}*/

.load-animate
{
	display: flex;
	justify-content: center;
    align-items: center;
    font-family: "Times New Roman", sans-serif;
	/* min-height: 100vh;
	background: #252839;  */
}
.navbar-loads
{
    margin-top: 0px;
}
.navbar-pink-load
{
	position: relative;
	font-size: 4vw;
	color: #252839;
	-webkit-text-stroke:  0.2vw #383d52;
	text-transform: uppercase;
	/*border-bottom: 16px solid #383d52;
	letter-spacing: 0em;
	line-height: 1.2em;*/
}
.navbar-pink-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	/*color: #e83e8c;*/
	background: #fc00ff;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #00dbde, #fc00ff);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #00dbde, #fc00ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	-webkit-text-stroke:  0vw #383d52;
	border-right: 2px solid #e83e8c;
	overflow: hidden;
	animation: animate 3s linear infinite;
}



@media(max-width:768px){
    .navbar-pink-load
    {
        position: relative;
        font-size: 12vw;
        color: #252839;
        -webkit-text-stroke:  0.3vw #383d52;
        text-transform: uppercase;
        /*border-bottom: 16px solid #383d52;
        letter-spacing: 0em;
        line-height: 1.2em;*/
    }
    .navbar-pink-load:before
    {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        
        /*color: #e83e8c;*/
        background: #fc00ff;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #00dbde, #fc00ff);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #00dbde, #fc00ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

        -webkit-text-stroke:  0vw #383d52;
        border-right: 2px solid #e83e8c;
        overflow: hidden;
        animation: animate 3s linear infinite;
    }

}




/*theme grey */
.navbar-grey-load
{
	position: relative;
	font-size: 4vw;
	color: #646261;
	-webkit-text-stroke:  0.2vw #383d52;
	text-transform: uppercase;
	/*border-bottom: 16px solid #383d52;
	letter-spacing: 0em;
	line-height: 1.2em;*/
}
.navbar-grey-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	/*color: #e83e8c;*/
	background: #646261;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #e3e2e0, #9b9b9b);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #e3e2e0, #2b2928); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	-webkit-text-stroke:  0vw #646261;
	border-right: 2px solid #fff;
	overflow: hidden;
	animation: animate 3s linear infinite;
}



@media(max-width:768px){
    .navbar-grey-load
    {
        position: relative;
        font-size: 12vw;
        color: #646261;
        -webkit-text-stroke:  0.3vw #383d52;
        text-transform: uppercase;
        /*border-bottom: 16px solid #383d52;
        letter-spacing: 0em;
        line-height: 1.2em;*/
    }
    .navbar-grey-load:before
    {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        
        /*color: #e83e8c;*/
		background: #646261;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #e3e2e0, #9b9b9b);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #e3e2e0, #9b9b9b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

        -webkit-text-stroke:  0vw #646261;
		border-right: 2px solid #fff;
        overflow: hidden;
        animation: animate 3s linear infinite;
    }

}
/* end theme grey */




/* navbar sakura */
.navbar-sakura-load
{
	position: relative;
	font-size: 4vw;
	color: #252839;
	-webkit-text-stroke:  0.2vw #383d52;
	text-transform: uppercase;
	/*border-bottom: 16px solid #383d52;
	letter-spacing: 0em;
	line-height: 1.2em;*/
}
.navbar-sakura-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	/*color: #e83e8c;*/
	background: #fc00ff;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #d796b0, #fc00ff);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #d796b0, #fc00ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	-webkit-text-stroke:  0vw #383d52;
	border-right: 2px solid #e83e8c;
	overflow: hidden;
	animation: animate 3s linear infinite;
}



@media(max-width:768px){
    .navbar-sakura-load
    {
        position: relative;
        font-size: 12vw;
        color: #252839;
        -webkit-text-stroke:  0.3vw #383d52;
        text-transform: uppercase;
        /*border-bottom: 16px solid #383d52;
        letter-spacing: 0em;
        line-height: 1.2em;*/
    }
    .navbar-sakura-load:before
    {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        
        /*color: #e83e8c;*/
        background: #fc00ff;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #d796b0, #fc00ff);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #d796b0, #fc00ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

        -webkit-text-stroke:  0vw #383d52;
        border-right: 2px solid #e83e8c;
        overflow: hidden;
        animation: animate 3s linear infinite;
    }

}
/*end nanbar sakura */



.navbar-bw-load
{
	position: relative;
	font-size: 3em;
	color: #222;
	text-transform: uppercase;
	border-bottom: 6px solid #222;
	letter-spacing: 0em;
	line-height: 1.2em;
}

.navbar-bw-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*color: #343a40;*/
	background: #fc00ff;  /* fallback for old browsers */
  	background: -webkit-linear-gradient(to left, #fdeff9, #ec38bc, #7303c0, #03001e);  /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to left, #fdeff9, #ec38bc, #7303c0, #03001e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	overflow: hidden;
	border-bottom: 6px solid #ec38bc;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-bw-load
    {
		position: relative;
		font-size: 2.5em;
		color: #222;
		text-transform: uppercase;
		border-bottom: 5px solid #222;
		letter-spacing: 0em;
		line-height: 1.2em;
    }
    .navbar-bw-load:before
    {
        content: attr(data-text);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		/*color: #343a40;*/
		background: #fc00ff;  /* fallback for old browsers */
	  	background: -webkit-linear-gradient(to left, #fdeff9, #ec38bc, #7303c0, #03001e);  /* Chrome 10-25, Safari 5.1-6 */
	  	background: linear-gradient(to left, #fdeff9, #ec38bc, #7303c0, #03001e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	  	-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

		overflow: hidden;
		border-bottom: 5px solid #ec38bc;
		animation: animate 3s linear infinite;
    }

}









/* navbar purple */
.navbar-purple-load
{
	position: relative;
	font-size: 4vw;
	color: #252839;
	-webkit-text-stroke:  0.2vw #383d52;
	text-transform: uppercase;
	/*border-bottom: 16px solid #383d52;
	letter-spacing: 0em;
	line-height: 1.2em;*/
}

.navbar-purple-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	/*color: #6f42c1;*/
	background: #DA22FF;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #9733EE, #DA22FF);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #9733EE, #DA22FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
	-webkit-text-stroke:  0vw #383d52;
	border-right: 2px solid #6f42c1;
	overflow: hidden;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-purple-load
    {
        position: relative;
        font-size: 12vw;
        color: #252839;
        -webkit-text-stroke:  0.3vw #383d52;
        text-transform: uppercase;
        /*border-bottom: 16px solid #383d52;
        letter-spacing: 0em;
        line-height: 1.2em;*/
    }
    .navbar-purple-load:before
    {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        
        /*color: #6f42c1;*/
        background: #DA22FF;  /* fallback for old browsers */
	  	background: -webkit-linear-gradient(to right, #9733EE, #DA22FF);  /* Chrome 10-25, Safari 5.1-6 */
	  	background: linear-gradient(to right, #9733EE, #DA22FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

        -webkit-text-stroke:  0vw #383d52;
        border-right: 2px solid #6f42c1;
        overflow: hidden;
        animation: animate 3s linear infinite;
    }

}




/* navbar primary */
.navbar-primary-load
{
	position: relative;
	font-size: 4vw;
	color: #252839;
	-webkit-text-stroke:  0.4vw #383d52;
	text-transform: uppercase;
	/*border-bottom: 16px solid #383d52;
	letter-spacing: 0em;
	line-height: 1.2em;*/
}

.navbar-primary-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	/*color: #007bff;*/
	background: #43cea2;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #185a9d, #43cea2);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #185a9d, #43cea2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
	-webkit-text-stroke:  0vw #383d52;
	border-right: 2px solid #007bff;
	overflow: hidden;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-primary-load
    {
        position: relative;
        font-size: 12vw;
        color: #252839;
        -webkit-text-stroke:  0.3vw #383d52;
        text-transform: uppercase;
        /*border-bottom: 16px solid #383d52;
        letter-spacing: 0em;
        line-height: 1.2em;*/
    }
    .navbar-primary-load:before
    {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        /*color: #007bff;*/
        background: #43cea2;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #185a9d, #43cea2);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #185a9d, #43cea2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

        -webkit-text-stroke:  0vw #383d52;
        border-right: 2px solid #007bff;
        overflow: hidden;
        animation: animate 3s linear infinite;
    }

}


/* navbar secondary */
.navbar-secondary-load
{
	position: relative;
	font-size: 4vw;
	color: #252839;
	-webkit-text-stroke:  0.2vw #383d52;
	text-transform: uppercase;
	/*border-bottom: 16px solid #383d52;
	letter-spacing: 0em;
	line-height: 1.2em;*/
}

.navbar-secondary-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*color: #6c757d;*/

	background: #8360c3;  /* fallback for old browsers */
  	background: -webkit-linear-gradient(to right, #2ebf91, #8360c3);  /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to right, #2ebf91, #8360c3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	-webkit-text-stroke:  0vw #383d52;
	border-right: 2px solid #6c757d;
	overflow: hidden;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-secondary-load
    {
        position: relative;
        font-size: 12vw;
        color: #252839;
        -webkit-text-stroke:  0.3vw #383d52;
        text-transform: uppercase;
        /*border-bottom: 16px solid #383d52;
        letter-spacing: 0em;
        line-height: 1.2em;*/
    }
    .navbar-secondary-load:before
    {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        
        /*color: #6c757d;*/
        background: #8360c3;  /* fallback for old browsers */
	  	background: -webkit-linear-gradient(to right, #2ebf91, #8360c3);  /* Chrome 10-25, Safari 5.1-6 */
	  	background: linear-gradient(to right, #2ebf91, #8360c3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	  	-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

        -webkit-text-stroke:  0vw #383d52;
        border-right: 2px solid #6c757d;
        overflow: hidden;
        animation: animate 3s linear infinite;
    }

}


/* navbar info */
.navbar-info-load
{
	position: relative;
	font-size: 4vw;
	color: #252839;
	-webkit-text-stroke:  0.2vw #383d52;
	text-transform: uppercase;
	/*border-bottom: 16px solid #383d52;
	letter-spacing: 0em;
	line-height: 1.2em;*/
}

.navbar-info-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	/*color: #17a2b8;*/
	background: #009FFF;  /* fallback for old browsers */
  	background: -webkit-linear-gradient(to right, #ec2F4B, #009FFF);  /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to right, #ec2F4B, #009FFF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	-webkit-text-stroke:  0vw #383d52;
	border-right: 2px solid #17a2b8;
	overflow: hidden;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-info-load
    {
        position: relative;
        font-size: 12vw;
        color: #252839;
        -webkit-text-stroke:  0.3vw #383d52;
        text-transform: uppercase;
        /*border-bottom: 16px solid #383d52;
        letter-spacing: 0em;
        line-height: 1.2em;*/
    }
    .navbar-info-load:before
    {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        
        /*color: #17a2b8;*/
        background: #009FFF;  /* fallback for old browsers */
	  	background: -webkit-linear-gradient(to right, #ec2F4B, #009FFF);  /* Chrome 10-25, Safari 5.1-6 */
	  	background: linear-gradient(to right, #ec2F4B, #009FFF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	  	-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

        -webkit-text-stroke:  0vw #383d52;
        border-right: 2px solid #17a2b8;
        overflow: hidden;
        animation: animate 3s linear infinite;
    }

}



/* navbar success */
.navbar-success-load
{
	position: relative;
	font-size: 4vw;
	color: #252839;
	-webkit-text-stroke:  0.2vw #383d52;
	text-transform: uppercase;
	/*border-bottom: 16px solid #383d52;
	letter-spacing: 0em;
	line-height: 1.2em;*/
}

.navbar-success-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	/*color: #28a745;*/
	/* kyoo tah */
  	background: #544a7d;  /* fallback for old browsers */
  	background: -webkit-linear-gradient(to right, #ffd452, #544a7d);  /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to right, #ffd452, #544a7d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	-webkit-text-stroke:  0vw #383d52;
	border-right: 2px solid #544a7d;
	overflow: hidden;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-success-load
    {
        position: relative;
        font-size: 12vw;
        color: #252839;
        -webkit-text-stroke:  0.3vw #383d52;
        text-transform: uppercase;
        /*border-bottom: 16px solid #383d52;
        letter-spacing: 0em;
        line-height: 1.2em;*/
    }
    .navbar-success-load:before
    {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*color: #28a745;*/
        background: #544a7d;  /* fallback for old browsers */
  		background: -webkit-linear-gradient(to right, #ffd452, #544a7d);  /* Chrome 10-25, Safari 5.1-6 */
  		background: linear-gradient(to right, #ffd452, #544a7d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

        -webkit-text-stroke:  0vw #383d52;
        border-right: 2px solid #544a7d;
        overflow: hidden;
        animation: animate 3s linear infinite;
    }

}



/* navbar danger */
.navbar-danger-load
{
	position: relative;
	font-size: 4vw;
	color: #252839;
	-webkit-text-stroke:  0.2vw #383d52;
	text-transform: uppercase;
	/*border-bottom: 16px solid #383d52;
	letter-spacing: 0em;
	line-height: 1.2em;*/
}

.navbar-danger-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	/*color: #dc3545;*/
	background: #603813;  /* fallback for old browsers */
  	background: -webkit-linear-gradient(to right, #b29f94, #603813);  /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to right, #b29f94, #603813); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	-webkit-text-stroke:  0vw #383d52;
	border-right: 2px solid #b29f94;
	overflow: hidden;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-danger-load
    {
        position: relative;
        font-size: 12vw;
        color: #252839;
        -webkit-text-stroke:  0.3vw #383d52;
        text-transform: uppercase;
        /*border-bottom: 16px solid #383d52;
        letter-spacing: 0em;
        line-height: 1.2em;*/
    }
    .navbar-danger-load:before
    {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*color: #dc3545;*/
        background: #603813;  /* fallback for old browsers */
  		background: -webkit-linear-gradient(to right, #b29f94, #603813);  /* Chrome 10-25, Safari 5.1-6 */
  		background: linear-gradient(to right, #b29f94, #603813); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

        -webkit-text-stroke:  0vw #383d52;
        border-right: 2px solid #b29f94;
        overflow: hidden;
        animation: animate 3s linear infinite;
    }

}



/* navbar indigo */
.navbar-indigo-load
{
	position: relative;
	font-size: 4vw;
	color: #252839;
	-webkit-text-stroke:  0.2vw #383d52;
	text-transform: uppercase;
	/*border-bottom: 16px solid #383d52;
	letter-spacing: 0em;
	line-height: 1.2em;*/
}

.navbar-indigo-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	/*color: #6610f2;*/
	background: #833ab4; /* fallback for old browsers */
  	background: -webkit-linear-gradient(to right, #833ab4, #fd1d1d, #fcb045); /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	-webkit-text-stroke:  0vw #383d52;
	border-right: 2px solid #fd1d1d;
	overflow: hidden;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-indigo-load
    {
        position: relative;
        font-size: 12vw;
        color: #252839;
        -webkit-text-stroke:  0.3vw #383d52;
        text-transform: uppercase;
        /*border-bottom: 16px solid #383d52;
        letter-spacing: 0em;
        line-height: 1.2em;*/
    }
    .navbar-indigo-load:before
    {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*color: #6610f2;*/
        background: #833ab4; /* fallback for old browsers */
	  	background: -webkit-linear-gradient(to right, #833ab4, #fd1d1d, #fcb045); /* Chrome 10-25, Safari 5.1-6 */
	  	background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	  	-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

        -webkit-text-stroke:  0vw #383d52;
        border-right: 2px solid #fd1d1d;
        overflow: hidden;
        animation: animate 3s linear infinite;
    }

}


/* navbar navy */
.navbar-navy-load
{
	position: relative;
	font-size: 3em;
	color: #222;
	text-transform: uppercase;
	border-bottom: 6px solid #222;
	letter-spacing: 0em;
	line-height: 1.2em;
}

.navbar-navy-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*color: #001f3f;*/
	background: #FEAC5E;  /* fallback for old browsers */
  	background: -webkit-linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E);  /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	overflow: hidden;
	border-bottom: 6px solid #C779D0;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-navy-load
    {
		position: relative;
		font-size: 2.5em;
		color: #222;
		text-transform: uppercase;
		border-bottom: 5px solid #222;
		letter-spacing: 0em;
		line-height: 1.2em;
    }
    .navbar-navy-load:before
    {
        content: attr(data-text);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		/*color: #001f3f;*/
		background: #FEAC5E;  /* fallback for old browsers */
	  	background: -webkit-linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E);  /* Chrome 10-25, Safari 5.1-6 */
	  	background: linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	  	-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

		overflow: hidden;
		border-bottom: 5px solid #C779D0;
		animation: animate 3s linear infinite;
    }

}


/* navbar lightblue */
.navbar-lightblue-load
{
	position: relative;
	font-size: 3em;
	color: #222;
	text-transform: uppercase;
	border-bottom: 6px solid #222;
	letter-spacing: 0em;
	line-height: 1.2em;
}

.navbar-lightblue-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	
	/*color: #3c8dbc;*/
	background: #59C173;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #5D26C1, #a17fe0, #59C173);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #5D26C1, #a17fe0, #59C173); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	overflow: hidden;
	border-bottom: 6px solid #5D26C1;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-lightblue-load
    {
		position: relative;
		font-size: 2.5em;
		color: #222;
		text-transform: uppercase;
		border-bottom: 5px solid #222;
		letter-spacing: 0em;
		line-height: 1.2em;
    }
    .navbar-lightblue-load:before
    {
        content: attr(data-text);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		/*color: #3c8dbc;*/
		background: #59C173;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to left, #5D26C1, #a17fe0, #59C173);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to left, #5D26C1, #a17fe0, #59C173); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

		overflow: hidden;
		border-bottom: 5px solid #5D26C1;
		animation: animate 3s linear infinite;
    }

}


/* navbar teal */
.navbar-teal-load
{
	position: relative;
	font-size: 3em;
	color: #222;
	text-transform: uppercase;
	border-bottom: 6px solid #222;
	letter-spacing: 0em;
	line-height: 1.2em;
}

.navbar-teal-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*color: #20c997;*/
	background: #77A1D3;  /* fallback for old browsers */
 	background: -webkit-linear-gradient(to left, #E684AE, #79CBCA, #77A1D3);  /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to left, #E684AE, #79CBCA, #77A1D3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	overflow: hidden;
	border-bottom: 6px solid #77A1D3;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-teal-load
    {
		position: relative;
		font-size: 2.5em;
		color: #222;
		text-transform: uppercase;
		border-bottom: 5px solid #222;
		letter-spacing: 0em;
		line-height: 1.2em;
    }
    .navbar-teal-load:before
    {
        content: attr(data-text);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		/*color: #20c997;*/
		background: #77A1D3;  /* fallback for old browsers */
	 	background: -webkit-linear-gradient(to left, #E684AE, #79CBCA, #77A1D3);  /* Chrome 10-25, Safari 5.1-6 */
	  	background: linear-gradient(to left, #E684AE, #79CBCA, #77A1D3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	  	-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

		overflow: hidden;
		border-bottom: 5px solid #77A1D3;
		animation: animate 3s linear infinite;
    }

}


/* navbar cyan */
.navbar-cyan-load
{
	position: relative;
	font-size: 3em;
	color: #222;
	text-transform: uppercase;
	border-bottom: 6px solid #222;
	letter-spacing: 0em;
	line-height: 1.2em;
}

.navbar-cyan-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	
	/*color: #17a2b8;*/
	background: #59C173;  /* fallback for old browsers */
  	background: -webkit-linear-gradient(to top, #5D26C1, #a17fe0, #59C173);  /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to top, #5D26C1, #a17fe0, #59C173); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	overflow: hidden;
	border-bottom: 6px solid #59C173;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-cyan-load
    {
		position: relative;
		font-size: 2.5em;
		color: #222;
		text-transform: uppercase;
		border-bottom: 5px solid #222;
		letter-spacing: 0em;
		line-height: 1.2em;
    }
    .navbar-cyan-load:before
    {
        content: attr(data-text);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		
		/*color: #17a2b8;*/
		background: #59C173;  /* fallback for old browsers */
	  	background: -webkit-linear-gradient(to top, #5D26C1, #a17fe0, #59C173);  /* Chrome 10-25, Safari 5.1-6 */
	  	background: linear-gradient(to top, #5D26C1, #a17fe0, #59C173); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	  	-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

		overflow: hidden;
		border-bottom: 5px solid #59C173;
		animation: animate 3s linear infinite;
    }

}




/* navbar dark */
.navbar-dark-load
{
	position: relative;
	font-size: 3em;
	color: #222;
	text-transform: uppercase;
	border-bottom: 6px solid #222;
	letter-spacing: 0em;
	line-height: 1.2em;
}

.navbar-dark-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	
	/*color: #343a40;*/
	background: #000046;  /* fallback for old browsers */
  	background: -webkit-linear-gradient(to top, #1CB5E0, #000046);  /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to top, #1CB5E0, #000046); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	overflow: hidden;
	border-bottom: 6px solid #1CB5E0;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-dark-load
    {
		position: relative;
		font-size: 2.5em;
		color: #222;
		text-transform: uppercase;
		border-bottom: 5px solid #222;
		letter-spacing: 0em;
		line-height: 1.2em;
    }
    .navbar-dark-load:before
    {
        content: attr(data-text);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		/*color: #343a40;*/
		background: #000046;  /* fallback for old browsers */
	  	background: -webkit-linear-gradient(to top, #1CB5E0, #000046);  /* Chrome 10-25, Safari 5.1-6 */
	  	background: linear-gradient(to top, #1CB5E0, #000046); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	  	-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

		overflow: hidden;
		border-bottom: 5px solid #1CB5E0;
		animation: animate 3s linear infinite;
    }

}


/* navbar gray-dark */
.navbar-gray-dark-load
{
	position: relative;
	font-size: 3em;
	color: #222;
	text-transform: uppercase;
	border-bottom: 6px solid #222;
	letter-spacing: 0em;
	line-height: 1.2em;
}

.navbar-gray-dark-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*color: #343a40;*/
	background: #03001e;  /* fallback for old browsers */
  	background: -webkit-linear-gradient(to left, #fdeff9, #ec38bc, #7303c0, #03001e);  /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to left, #fdeff9, #ec38bc, #7303c0, #03001e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	overflow: hidden;
	border-bottom: 6px solid #ec38bc;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-gray-dark-load
    {
		position: relative;
		font-size: 2.5em;
		color: #222;
		text-transform: uppercase;
		border-bottom: 5px solid #222;
		letter-spacing: 0em;
		line-height: 1.2em;
    }
    .navbar-gray-dark-load:before
    {
        content: attr(data-text);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		/*color: #343a40;*/
		background: #03001e;  /* fallback for old browsers */
	  	background: -webkit-linear-gradient(to left, #fdeff9, #ec38bc, #7303c0, #03001e);  /* Chrome 10-25, Safari 5.1-6 */
	  	background: linear-gradient(to left, #fdeff9, #ec38bc, #7303c0, #03001e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	  	-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;

		overflow: hidden;
		border-bottom: 5px solid #ec38bc;
		animation: animate 3s linear infinite;
    }

}


/* navbar gray */
.navbar-gray-load
{
	position: relative;
	font-size: 3em;
	color: #222;
	text-transform: uppercase;
	border-bottom: 6px solid #222;
	letter-spacing: 0em;
	line-height: 1.2em;
}

.navbar-gray-load:before
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*color: #6c757d;*/
	background: #40E0D0;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #FF0080, #FF8C00, #40E0D0);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #FF0080, #FF8C00, #40E0D0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	overflow: hidden;
	border-bottom: 6px solid #40E0D0;
	animation: animate 3s linear infinite;
}

@media(max-width:768px){
    .navbar-gray-load
    {
		position: relative;
		font-size: 2.5em;
		color: #222;
		text-transform: uppercase;
		border-bottom: 5px solid #222;
		letter-spacing: 0em;
		line-height: 1.2em;
    }
    .navbar-gray-load:before
    {
        content: attr(data-text);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		/*color: #6c757d;*/
		background: #40E0D0;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to left, #FF0080, #FF8C00, #40E0D0);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to left, #FF0080, #FF8C00, #40E0D0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		
		overflow: hidden;
		border-bottom: 5px solid #40E0D0;
		animation: animate 3s linear infinite;
    }

}


@keyframes animate
{
	0%, 10%, 100%
	{
		width:  0;
	}
	70%, 90%
	{
		width: 100%;
	}
}






/* new animate text accordion */
.navbar-accordions
{
	margin:  0;
	padding: 0;
	padding-top: 40px;
	/*font-family: sans-serif;*/
	font-weight: bold;
	/*background: #f7f7f7;*/
}

.navbar-primary-accordions > ul
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	display: flex;
}
.navbar-primary-accordions > ul li
{
	list-style: none;
	font-size: 3.5em;
	letter-spacing: 20px;
	background: #43cea2;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #185a9d, #43cea2);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #185a9d, #43cea2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: animatenew 3s linear infinite;

}
@media(max-width:768px)
{
	.navbar-primary-accordions  > ul
	{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0;
		padding: 0;
		display: flex;
	}

	.navbar-primary-accordions > ul li
	{
		list-style: none;
		font-size: 2.5em;
		letter-spacing: 20px;
		background: #43cea2;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #185a9d, #43cea2);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #185a9d, #43cea2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		animation: animatenew 3s linear infinite;
	}
}




/* navbar- secondary */
.navbar-secondary-accordions > ul
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	display: flex;
}
.navbar-secondary-accordions > ul li
{
	list-style: none;
	font-size: 3.5em;
	letter-spacing: 20px;
	background: #8360c3;  /* fallback for old browsers */
  	background: -webkit-linear-gradient(to right, #2ebf91, #8360c3);  /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to right, #2ebf91, #8360c3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: animatenew 3s linear infinite;

}
@media(max-width:768px)
{
	.navbar-secondary-accordions  > ul
	{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0;
		padding: 0;
		display: flex;
	}

	.navbar-secondary-accordions > ul li
	{
		list-style: none;
		font-size: 2.5em;
		letter-spacing: 20px;
		background: #8360c3;  /* fallback for old browsers */
	  	background: -webkit-linear-gradient(to right, #2ebf91, #8360c3);  /* Chrome 10-25, Safari 5.1-6 */
	  	background: linear-gradient(to right, #2ebf91, #8360c3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	  	-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		animation: animatenew 3s linear infinite;
	}
}


/* navbar-info */
.navbar-info-accordions > ul
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	display: flex;
}
.navbar-info-accordions > ul li
{
	list-style: none;
	font-size: 3.5em;
	letter-spacing: 20px;
	background: #009FFF;  /* fallback for old browsers */
  	background: -webkit-linear-gradient(to right, #ec2F4B, #009FFF);  /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to right, #ec2F4B, #009FFF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: animatenew 3s linear infinite;

}
@media(max-width:768px)
{
	.navbar-info-accordions  > ul
	{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0;
		padding: 0;
		display: flex;
	}

	.navbar-info-accordions > ul li
	{
		list-style: none;
		font-size: 2.5em;
		letter-spacing: 20px;
		background: #009FFF;  /* fallback for old browsers */
	  	background: -webkit-linear-gradient(to right, #ec2F4B, #009FFF);  /* Chrome 10-25, Safari 5.1-6 */
	  	background: linear-gradient(to right, #ec2F4B, #009FFF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	  	-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		animation: animatenew 3s linear infinite;
	}
}




@keyframes animatenew
{
	0%
	{
		transform: translateX(10px);
		letter-spacing: 20px;
		opacity: 0;
	}
	10%
	{	
		opacity: 1;
	}
	50%
	{
		letter-spacing: -20px;
		opacity: 1;
	}
	100%
	{
		transform: translateX(20px);
		letter-spacing: 20px;
		opacity: 0;
	}
}




ul li:nth-child(1)
{
	animation-delay: 0s;
}
ul li:nth-child(2)
{
	animation-delay: .2s;
}
 ul li:nth-child(3)
{
	animation-delay: .4s;
}
 ul li:nth-child(4)
{
	animation-delay: .6s;
}
 ul li:nth-child(5)
{
	animation-delay: .8s;
}
 ul li:nth-child(6)
{
	animation-delay: 1s;
}