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

	
a .h-pro:hover {
color:#73FCD6;	
}

	
a .h-app:hover {
color:#009193;	
}

	
h2 a {	
text-decoration:none;
}


.outliner-1  {
font-family: Open Sans, sans-serif; 
font=weight: 800;
font-style:italic;
-webkit-text-stroke: .01em #ffffff;
}

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

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

.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;	
}



.word-bg {
	background: #5A96F8;
	opacity: 0.7;
	padding: 0 20px;
	color:#fff;
	font-weight:600;
	border-radius: 130px 20px ;
}


.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;
	
}

.h-1-grad {
    background-image: linear-gradient(253deg, #cdff64 0, #00ffc2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color:transparent
}

.bookapp {
font-size:1rem!important;	
}

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

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

/* ----------------------------------------------
 * 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;
  }
}