/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.float-icons{
	display:none;		    
}
@media screen and (max-width: 768px){
    .float-icons {
        display: -webkit-inline-box;
        position: fixed;
        z-index: 100001;
        left: 10px;
        bottom: 10px;
    }
}
/* Animation */
.floating {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
    -webkit-animation: float 3s ease-in-out infinite;
    animation: float 6s ease-in-out infinite;
	float: right;
    padding-left: 5px;
}
@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-5px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}
.scaling{
    float: left;
    -webkit-animation-name: scalex;
    -webkit-animation-duration:3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -moz-animation-name: scale;
    -moz-animation-duration:3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease-in-out;
}
    
    @-webkit-keyframes scalex{
        from {-webkit-transform: scale(0.9);}
        65% {-webkit-transform: scale(1.0);}
        to {-webkit-transform: scale(0.9);}    
    }
        
    @-moz-keyframes scale{
        from {-moz-transform: scale(0.9);}
        65% {-moz-transform: scale(1.0);}
        to {-moz-transform: scale(0.9);}    
    }