
/* fullscreen banner */
.welcome	{ 	color: #e0dfdc;
  				text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222,
				0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212,
				0 22px 30px rgba(0, 0, 0, 0.9);	}

.pain 		{	text-shadow: 4px 4px 0px black, 7px 7px 0px rgba(0, 0, 0, 0.2);	}

.anyanim 	{	animation: lights 4s 750ms linear infinite;	}
				@keyframes lights 
					{
						0% {  	color: hsl(230, 40%, 80%);
								text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424,
								0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616,
								0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);	}
						30% { 	color: hsl(230, 80%, 90%);
								text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 60%, 0.5), -0.5em -0.125em 0.25em
								hsla(40, 100%, 60%, 0.2), 0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);	}
						40% {   color: hsl(230, 100%, 95%);
								text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 90%, 0.5), -0.25em -0.125em 0.125em
								hsla(40, 100%, 60%, 0.2), 0.25em 0.125em 0.125em hsla(200, 100%, 60%, 0.4)	}
						70% { 	color: hsl(230, 80%, 90%);
								text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 60%, 0.5), 0.5em -0.125em 0.25em
								hsla(40, 100%, 60%, 0.2), -0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);	}
						100% { 	color: hsl(230, 40%, 80%);
								text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424,
								0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616,
								0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);	}	}



/* category */
.cateh4  > span {	text-transform: uppercase;
					font-weight: bold;
  					animation: glow 4s ease-in-out infinite;	}
@keyframes glow {	0%, 100% {	color: #FFF;
    							text-shadow: 0 0 10px #0652DD,
								0 0 50px #0652DD,
								0 0 100px #0652DD;	}
    				10%, 90% {	color: #111;
    							text-shadow: none;	}	}
.cateh4  > span:nth-child(2) {	animation-delay: 0.25s;	}
.cateh4  > span:nth-child(3) {	animation-delay: 0.50s;	}
.cateh4  > span:nth-child(4) {	animation-delay: 0.75s;	}
.cateh4  > span:nth-child(5) {	animation-delay: 1s;	}
.cateh4  > span:nth-child(6) {	animation-delay: 1.25s;	}
.cateh4  > span:nth-child(7) {	animation-delay: 1.50s;	}
.cateh4  > span:nth-child(8) {	animation-delay: 1.75s;	}





/* thought of the week */
.anithought	{	background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );
  				background-size: 200% auto;
  				color: #fff;
  				background-clip: text;
			    text-fill-color: transparent;
			    -webkit-background-clip: text;
			    -webkit-text-fill-color: transparent;
			    animation: textclip 5s alternate infinite;
			    display: inline-block;	}
@keyframes textclip { to { background-position: 200% center; } }



/* hightlights */
#service {	padding:83px 0px;
			background: linear-gradient(to bottom, #ff3300 0%, #ff9900 100%); 	}

.servfeat  > span {	text-transform: uppercase;
					font-weight: bold;
  					animation: glows 3s ease-in-out infinite;	}
@keyframes glows {	0%, 100% {	color: #FFF;
    							text-shadow: 0 0 10px #0652DD,
								0 0 50px #0652DD,
								0 0 100px #0652DD;	}
    				10%, 90% {	color: #111;
    							text-shadow: none;	}	}
.servfeat  > span:nth-child(2) {	animation-delay: 0.25s;	}
.servfeat  > span:nth-child(3) {	animation-delay: 0.50s;	}
.servfeat  > span:nth-child(4) {	animation-delay: 0.75s;	}
.servfeat  > span:nth-child(5) {	animation-delay: 1s;	}
.servfeat  > span:nth-child(6) {	animation-delay: 1.25s;	}
.servfeat  > span:nth-child(7) {	animation-delay: 1.50s;	}
.servfeat  > span:nth-child(8) {	animation-delay: 1.75s;	}
.servfeat  > span:nth-child(9) {	animation-delay: 2s;	}
.servfeat  > span:nth-child(10) {	animation-delay: 2.25s;	}

.service_area	{	padding:40px 0 40px;	}

.service_block	{	text-align:center;
					box-shadow: 2px 2px 2px black;
					background-color: white;	}

.service_block h3 {	height: 5px;
					font-weight: bold;
					font-size:24px;
					color:#111111;
					margin-top:10px;
					margin-bottom: 30px;}

.service_block p {	font-size:20px;
					color:black;
					padding:15px;
					text-align: left;}




	

	









