/*
Theme Name: Forest Jump Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.cta {
		position:fixed;
		right:0px;
		bottom:80px;
		width:90px;
	z-index:9999;
}
.ctaitem {
		position: relative;
		visibility: visible;
		background-color: transparent;
		width: 90px;
		height: 90px;
		cursor: pointer;
		z-index: 9999;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0);
		transition: visibility .5s;
		left: 0;
		bottom: 0;
		display: block;
}
.ctabg {
		width: 60px;
		height: 60px;
		top: 15px;
		left: 15px;
		position: absolute;
		box-shadow: 0 0 0 0 #dd3333;
		border-radius: 50%;
		border: 2px solid transparent;
		-webkit-animation: zigzag 2.3s infinite ease-in-out;
		animation: zigzag 2.3s infinite ease-in-out;
		transition: all .5s;
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-animuiion: zoom 1.3s infinite;
		animation: zoom 1.3s infinite;
}
.ctaimg {
		width: 40px;
		height: 40px;
		line-height: 40px;
		top: 25px;
		left: 25px;
		position: absolute;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		-webkit-animation: zigzag 2s infinite ease-in-out;
		animation: zigzag 2s infinite ease-in-out;
}
.ctaimg a {
		display:block;
}
.ctacontent {
		color: #fff;
		padding: 10px 15px;
		border-radius:99px;
		position:absolute;
		z-index:0;
		top:22px;
		transition-duration:2s;
		display:none;		
		margin-left:-120px;
		font-size:100%;
		width:180px;
		transition-duration:2s;
}
.ctaitem:hover .ctacontent {
		display:block;
}
.ctamobile {
		position:fixed!important;
		right:0px;
		bottom:0px;
		width:100%;
	z-index:99999!important;
}
.mobileicon {
		float:left;
		text-align:center;
		padding: 5px 0;
		position:relative;
		z-index:99999!important;
		border-right:1px solid #fff;
}
.mobileicon img {
		width: 30px;
}
.mobileicon p {
		margin-bottom:0;
}
.mobileicon a {
		color: #fff;
}
.mobileicon img {
		justify-content: center;
		-webkit-animation: zigzag 2s infinite ease-in-out;
		animation: zigzag 2s infinite ease-in-out;
}
@-webkit-keyframes zigzag {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@keyframes zigzag {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}