
@media only screen {.preview-mode-theme-mismatch-warning {display: none !important;}
}


.gradient {
background: -webkit-linear-gradient(135deg, #ffa745 0%, #fe869f 30%, #ef7ac8 45%, #a083ed 70%, #43aeff 85%);
position: relative;
z-index: 9999;
border-radius:0px 0px 10px 10px;
}

 
.gradient.gradient-box {
background: -webkit-linear-gradient(135deg, #ffa745 0%, #fe869f 30%, #ef7ac8 45%, #a083ed 70%, #43aeff 85%);
position: relative;
z-index: 9999;
border-radius:0px!important;	
}


.header-gradient {
background: -webkit-linear-gradient(130deg, #FE8D54 0%, #fe869f 40%, #A235D2 45%, #a083ed 70%, #43aeff 85%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
	
}

.outliner  {
font-family: Rubik, sans-serif; 
font=weight: 800;
-webkit-text-stroke: .01em #292929;
}

.wordbg { 

	background: #5A96F8;
	opacity: 0.9; 
	padding: 3px 10px; 
	border-radius: 5px;
	color:#fff;
	font-weight:500;
	white-space: nowrap;
}

.ps-3 {
padding-left: 4.5rem!important;
}

.mt-2 {
	margin-top: 2.5rem!important;
}

/* Menu + Limelights + Banner  */


.ll-overlay {
border-radius:15px;	
}

.logo-tilt  {
	transform:rotate(-6deg);
}

.head-zed {
	z-index:999!important;
}

a .listlinks {
	color: #FF7E80!important;
	decoration: none;	
}


ul .disc {
	color:#204C87
}


ul .disc-home {
	color:#fff;
}


.header-gradient {
background: -webkit-linear-gradient(130deg, #FE8D54 0%, #fe869f 40%, #fe869f 45%, #a083ed 70%, #43aeff 85%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
	
}
.goggle-eyes {
	margin-left: -20px;
}

.backpanel {
  transform: rotate(2deg);
	
}

.frontpanel {
	transform: rotate(20deg);
	margin-left:-40%;
	margin-bottom:-10%;
}

.pod4 {
		margin-right:-20%;
}

.rad4 svg{
	border-radius: 20px;	
}

.listlinks a:hover {
	color:white;
}



/* ----------------------------------------------
 * Generated by Animista on 2019-9-24 11:37:28
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation jello-horizontal
 * ----------------------------------------
 */
 
@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}


.jello-horizontal, .jellything {
	-webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both;
}

.social-bar a:hover i, .social-bar a:hover h1
{
  -webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both;
}

@media only screen and (max-width: 300px) {
  .process-section .slider-nav-item
  {
    height: 30px;
    width: 30px;
    margin: 15px 10px;
    line-height: 28px;
  }
}
