/**
 * @package 	JF Side Buttons
 * @author		JoomForest.com
 * @email		support@joomforest.com
 * @website		http://www.joomforest.com
 * @copyright	Copyright (C) 2011-2016 JoomForest.com, All rights reserved.
 * @license		JoomForest.com Proprietary Use License - http://www.joomforest.com/licenses
**/
.jf_sidebuttons li a,.jf_sidebuttons li a i{font-size:20px;text-align:center;display:block}

.jf_sidebuttons{position:fixed;top:50%;left:0;z-index:888;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);list-style:none;margin:0;padding:0}

.jf_sidebuttons li{margin:2px 0}

.jf_sidebuttons li a{position:relative;border:1px solid #DDD;background-color:#FFF;padding:10px 37px 10px 10px;color:#222;left:-100%;margin-right:-37px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;letter-spacing:0px;text-transform:uppercase}

.jf_sidebuttons li a img{float:right;margin:0 -27px}

.jf_sidebuttons li a:hover{left:0;text-decoration:none}

.jf_sidebuttons li a i{position:absolute;top:0;right:0;height:40px;line-height:47px;width:36px}

.jf_sidebuttons.right{left:auto;right:0}

.jf_sidebuttons.right li a,.jf_sidebuttons.right li a:active{
left: auto;
right: -100%;
margin-left: -37px;
padding: 40px 10px 10px 4px;
writing-mode: vertical-rl;
text-orientation: upright;
background:#b8272d;
color: #fff;
text-decoration:none;
box-shadow: 0 0 0 rgba(184,39,45, 0.4);
animation: pulse 2s infinite;
}

.jf_sidebuttons.right li a:focus;.jf_sidebuttons.right li a:hover{left:auto;right:0;text-decoration:none;}

.jf_sidebuttons.right li a i{left:0;right:0}.jf_sidebuttons.right li a img{float:left}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(184,39,45, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(184,39,45, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(184,39,45, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(184,39,45, 0.4);
    box-shadow: 0 0 0 0 rgba(184,39,45, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(184,39,45, 0);
      box-shadow: 0 0 0 10px rgba(184,39,45, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(184,39,45, 0);
      box-shadow: 0 0 0 0 rgba(184,39,45, 0);
  }
}