/* Previous Theme CSS */
/* Previous Theme CSS */
.grayScale {
  filter: grayscale(100%);
  mix-blend-mode: multiply;
  -webkit-transition: all ease 1.6s;
	-moz-transition: all ease 1.6s;
	transition: all ease 1.6s;
}
.grayScale:hover {
    mix-blend-mode: multiply;
    filter: grayscale(0%);
} 

@-webkit-keyframes fadeIn { from {opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-In {
  opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn linear 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn linear 1;
  animation:fadeIn linear 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1.75s;
  -moz-animation-duration:1.75s;
  animation-duration:1.75s;
}
.fade-In.start {
    -webkit-animation-delay: .25s;
  -moz-animation-delay:.25s;
  animation-delay: .25s;
    
}


.textColor {box-shadow: inset 0 0 0 0 #ffffff;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	transition: all ease 1s;
}
.textColor:hover {
    box-shadow: inset 1500px 0 0 0 #ffffff;
    /*color:#2A53C1;*/
    
}

.sp-fx .nav-item {
    
	-webkit-transition: all ease 0.75s;
	-moz-transition: all ease 0.75s;
	transition: all ease 0.75s;
}

.sp-fx {
    
	-webkit-transition: all ease 0.75s;
	-moz-transition: all ease 0.75s;
	transition: all ease 0.75s;
}
.skew {
-webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
}

@media screen and (max-device-width: 860px){
  .skew {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
}
}


/* End of Previous Event */
/* End of Previous Theme */
/* End of Previous Theme */

/* Previous Event CSS */
@-webkit-keyframes panelFade { from { box-shadow: inset 0 0 0 0 #21C1FF; } to { box-shadow: inset -1500px 0 0 0 #21C1FF; } }
@-moz-keyframes panelFade { from { box-shadow: inset 0 0 0 0 #21C1FF; } to { box-shadow: inset -1500px 0 0 0 #21C1FF; } }
@keyframes panelFade { from { box-shadow: inset 0 0 0 0 #21C1FF; } to { box-shadow: inset -1500px 0 0 0 #21C1FF; } }

.panel-Fade {
  opacity:0;  
  -webkit-animation:panelFade linear 1;  
  -moz-animation:panelFade linear 1;
  animation:panelFade linear 1;
  

 -webkit-animation-fill-mode:forwards; 
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  

  -webkit-animation-duration:1.3s;
  -moz-animation-duration:1.3s;
  animation-duration:1.3s;
}
.panel-Fade.go {
    -webkit-animation-delay: 1.5s;
  -moz-animation-delay:1.5s;
  animation-delay: 1.5s;
    
}


@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 100;  } }
@-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 100;  } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 100;  } }

.fade-In {
  opacity:0;  
  -webkit-animation:fadeIn linear 1;  
  -moz-animation:fadeIn linear 1;
  animation:fadeIn linear 1;
  

 -webkit-animation-fill-mode:forwards; 
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  

  -webkit-animation-duration:.5s;
  -moz-animation-duration:.5s;
  animation-duration:.5s;
}
.fade-In.go {
    -webkit-animation-delay: 2s;
  -moz-animation-delay:2s;
  animation-delay: 2s;
    
}

.sp-effect{

  -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

.sp-effect .nav-item {

  -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

.sp-effect .social-btn {

  -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

.shadow{
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}

.floatUp{
  position:relative;
  bottom:0rem;
  -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.floatUp:hover {
    position:relative;
  bottom:.75rem;
}
/* End of Previous Event */
/* End of Previous Theme */