.smartsoft{
	bottom: 50%; right:40px; display: block;position: relative;
}
.smartsoft-phone.smartsoft-static {opacity: 0.8;}.smartsoft-phone.smartsoft-hover {opacity: 0.5;}
.smartsoft-ph-circle {animation: 1.2s ease-in-out 0s normal none infinite running smartsoft-circle-anim;background-color: transparent;border: 2px solid rgba(30, 30, 30, 0.4);border-radius: 100%;left: 20px;opacity: 0.1;position: absolute;top: -20px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 160px;height: 160px;}
.smartsoft-phone.smartsoft-active .smartsoft-ph-circle {animation: 1.1s ease-in-out 0s normal none infinite running smartsoft-circle-anim !important;}
.smartsoft-phone.smartsoft-static .smartsoft-ph-circle {animation: 2.2s ease-in-out 0s normal none infinite running smartsoft-circle-anim !important;}
.smartsoft-phone.smartsoft-hover .smartsoft-ph-circle {border-color: #2B22E0;opacity: 0.5;}
.smartsoft-phone.smartsoft-green.smartsoft-hover .smartsoft-ph-circle {border-color: rgba(236,16,25, 1);opacity: 0.5;}
.smartsoft-phone.smartsoft-green .smartsoft-ph-circle {border-color: #2B22E0;opacity: 0.5;}
.smartsoft-phone.smartsoft-gray.smartsoft-hover .smartsoft-ph-circle {border-color: rgba(244, 11, 131, 0.96);opacity: 0.5;}
.smartsoft-phone.smartsoft-gray .smartsoft-ph-circle {border-color: #2B22E0;opacity: 0.5;}
.smartsoft-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running smartsoft-circle-fill-anim;background-color: #000;border: 2px solid transparent;border-radius: 100%;height: 100px;left: 50px;opacity: 0.1;position: absolute;top: 10px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 100px;}
.smartsoft-phone.smartsoft-active .smartsoft-ph-circle-fill {animation: 1.7s ease-in-out 0s normal none infinite running smartsoft-circle-fill-anim !important;}
.smartsoft-phone.smartsoft-static .smartsoft-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running smartsoft-circle-fill-anim !important;opacity: 0 !important;}
.smartsoft-phone.smartsoft-hover .smartsoft-ph-circle-fill {background-color: #2B22E0;opacity: 0.75 !important;}
.smartsoft-phone.smartsoft-green.smartsoft-hover .smartsoft-ph-circle-fill {background-color: #2B22E0;opacity: 0.75 !important;}
.smartsoft-phone.smartsoft-green .smartsoft-ph-circle-fill {background-color: #2B22E0;opacity: 0.75 !important;}
.smartsoft-phone.smartsoft-gray.smartsoft-hover .smartsoft-ph-circle-fill {background-color: #2B22E0;opacity: 0.75 !important;}
.smartsoft-phone.smartsoft-gray .smartsoft-ph-circle-fill {background-color: #2B22E0;opacity: 0.75 !important;}
.smartsoft-ph-img-circle {animation: 1s ease-in-out 0s normal none infinite running smartsoft-circle-img-anim;background-color: rgba(30, 30, 30, 0.1);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==");background-position: center center;background-repeat: no-repeat;border: 2px solid transparent;border-radius: 100%;height: 60px;left: 70px;opacity: 0.7;position: absolute;top: 30px;transform-origin: 50% 50% 0;width: 60px;}
.smartsoft-phone.smartsoft-active .smartsoft-ph-img-circle {animation: 1s ease-in-out 0s normal none infinite running smartsoft-circle-img-anim !important;}
/*.smartsoft-phone.smartsoft-static .smartsoft-ph-img-circle {animation: 0s ease-in-out 0s normal none infinite running smartsoft-circle-img-anim !important;}*/
.smartsoft-phone.smartsoft-hover .smartsoft-ph-img-circle {background-color: #2B22E0;}
.smartsoft-phone.smartsoft-green.smartsoft-hover .smartsoft-ph-img-circle {background-color: #2B22E0;}
.smartsoft-phone.smartsoft-green .smartsoft-ph-img-circle {background-color: #2B22E0;}
.smartsoft-phone.smartsoft-gray.smartsoft-hover .smartsoft-ph-img-circle {background-color: #2B22E0;}
.smartsoft-phone.smartsoft-gray .smartsoft-ph-img-circle {background-color: #2B22E0;}
.smartsoft-phone {background-color: transparent;cursor: pointer;height:120px;width:120px;position:fixed;transition: visibility 0.5s ease 0s;visibility: hidden;z-index: 100 !important;}
.smartsoft-phone.smartsoft-show {visibility: visible;}
@keyframes smartsoft-circle-anim {
0% {opacity: 0.1;transform: rotate(0deg) scale(0.5) skew(1deg);}
30% {opacity: 0.5;transform: rotate(0deg) scale(0.7) skew(1deg);}
100% {opacity: 0.6;transform: rotate(0deg) scale(0.7) skew(1deg);}
}
@keyframes smartsoft-circle-anim {
0% {opacity: 0.1;transform: rotate(0deg) scale(0.5) skew(1deg);}
30% {opacity: 0.5;transform: rotate(0deg) scale(0.7) skew(1deg);}
100% {opacity: 0.1;transform: rotate(0deg) scale(0.7) skew(1deg);}
}
@keyframes smartsoft-circle-fill-anim {
0% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}
50% {opacity: 0.2;}
100% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}
}
@keyframes smartsoft-circle-fill-anim {
0% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}
50% {opacity: 0.2;transform: rotate(0deg) scale(1) skew(1deg);}
100% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}
}
@keyframes smartsoft-circle-img-anim {
0% {transform: rotate(0deg) scale(1) skew(1deg);}
10% {transform: rotate(-25deg) scale(1) skew(1deg);}
20% {transform: rotate(25deg) scale(1) skew(1deg);}
30% {transform: rotate(-25deg) scale(1) skew(1deg);}
40% {transform: rotate(25deg) scale(1) skew(1deg);}
50% {transform: rotate(0deg) scale(1) skew(1deg);}
100% {transform: rotate(0deg) scale(1) skew(1deg);}
}
@keyframes smartsoft-circle-img-anim {
0% {transform: rotate(0deg) scale(1) skew(1deg);}
10% {transform: rotate(-25deg) scale(1) skew(1deg);}
20% {transform: rotate(25deg) scale(1) skew(1deg);}
30% {transform: rotate(-25deg) scale(1) skew(1deg);}
40% {transform: rotate(25deg) scale(1) skew(1deg);}
50% {transform: rotate(0deg) scale(1) skew(1deg);}
100% {transform: rotate(0deg) scale(1) skew(1deg);}
}
@media (max-width: 939px) {
	.smartsoft-ph-circle-fill {
		animation: 2.3s ease-in-out 0s normal none infinite running smartsoft-circle-fill-anim;
		background-color: #000;
		border: 2px solid transparent;border-radius: 100%;
		height: 50px;left: 25px;
		opacity: 0.1;position: absolute;
		top: 25px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;
		width: 50px;
	}
	.smartsoft-ph-img-circle {
		animation: 1s ease-in-out 0s normal none infinite running smartsoft-circle-img-anim;
		background-color: rgba(30, 30, 30, 0.1);
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==");
		background-position: center center;background-repeat: no-repeat;
		border: 2px solid transparent;border-radius: 100%;
		height: 30px;left: 35px;opacity: 0.7;position: absolute;
		top:35px;
		transform-origin: 50% 50% 0;width: 30px;background-size:25px 25px;
	}
	.smartsoft-phone {
		background-color: transparent;cursor: pointer;height: 100px;position: fixed;
			transition: visibility 0.5s ease 0s;visibility: hidden;
			width: 100px;z-index: 100 !important;
	}
	.smartsoft-ph-circle {animation: 1.2s ease-in-out 0s normal none infinite running smartsoft-circle-anim;
			background-color: transparent;
			border: 2px solid rgba(30, 30, 30, 0.4);
			border-radius: 100%;height: 80px;left: 10px;
			opacity: 0.1;position: absolute;
			top: 10px;transform-origin: 50% 50% 0;
			transition: all 0.5s ease 0s;width: 80px;
			}
		}
@media (max-width: 939px) {
	.smartsoft{
		right: 0px;
		
	}
}