.whatsapp {position: fixed;bottom: 4%;left: 3%;z-index: 999999;}
#whatsapp {
    position: fixed;
    /* bottom: 20px; */
    left: 21px;
    width: 50px;
    height: 50px;
    color: #2fd82f;
    text-align: center;
    font-size: 44px;
    padding: 0px 0;
    z-index: 9;
    box-shadow: none;
}
#showmore {
-webkit-animation: rotation 2s infinite linear;
}
#whatsapp{
	position: fixed;
    /*bottom: 20px;*/
    left: 21px;
    width: 50px;
    height: 50px;
    color: #2fd82f;
    text-align: center;
    font-size: 44px;
    padding: 0px 0;
    z-index: 9;
}
.whatsapp{
	position: fixed;
    /*bottom: 20px;*/
    left: 21px;
    width: 50px;
    height: 50px;
    color: #2fd82f;
    text-align: center;
    font-size: 44px;
    padding: 0px 0;
    z-index: 9;
}
#showmore{
	position: fixed;
    bottom: 20px;
    left: 21px;
    width: 50px;
    height: 50px;
    color: #2fd82f;
    text-align: center;
    font-size: 44px;
    padding: 0px 0;
    z-index: 9;
}
#showmore img{float:left;}
#whatsapp.showScrollTop{
	opacity:1;
	visibility:visible;
}

			.swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
    float:left;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
.swing img {
    /*border: 5px solid #f8f8f8;*/
    display: block;
}
.swing:after{
    content: '';
    position: absolute;  
    width: 20px; height: 20px;  
    /*border: 1px solid #999;*/
    top: -10px; left: 50%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}
/* nail */
.swing:before{
    content: '';
    position: absolute;
    width: 5px; height: 5px;
    top: -14px;left: 54%;
    z-index: 5;
    border-radius: 50% 50%;
    /*background: #000;*/
}
 
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}

	@-webkit-keyframes rotation {
			from {
					-webkit-transform: rotate(0deg);
			}
			to {
					-webkit-transform: rotate(359deg);
			}
	}
	.bottom-180{bottom: 180px;}
	.bottom-220{bottom: 220px;}
	.bottom-20{bottom: 20px;}
.bottom-73{bottom: 73px;}
.bottom-125{bottom: 125px;}
.bottom-145{bottom: 145px;}
.display-none{display: none;}
.display-block{display: block;}




/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #fd7000; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}