/* Facebook Widget module: CSS */

#fblike-box {
  position: fixed;
  top: 260px;
  left: 0;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  z-index: 5101; }
  @media (max-width: 767px) {
    #fblike-box {
      display: none; } }

#fblike_inner {
  position: fixed;
  top: 260px;
  left: -300px;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  background: #3b5999;
  padding: 2px; }

#fblike-box.right_fb {
  left: auto;
  right: 0; }
  #fblike-box.right_fb #fblike_inner {
    left: auto;
    right: -300px; }
  #fblike-box.right_fb.clicked {
    right: 296px;
    left: auto; }
    #fblike-box.right_fb.clicked #fblike_inner {
      left: auto;
      right: 0; }

#fblike-box.clicked {
  left: 296px; }

#fblike-box.clicked #fblike_inner {
  left: 0; }

#fblike_inner .fb-like-box-inner {
  background: #fff; }

#fblike-box .belt {
  background: url('../img/facebook-f.png') no-repeat 50% 50% #425f9c;
  position: relative;
  z-index: 0;
  float: left;
  cursor: pointer;
  position: relative;
  z-index: 0;
  width: 48px;
  height: 48px;
  color: #fff;
  text-align: center;
  line-height: 44px;
  font-size: 21px;
  border: 3px solid transparent;
  border-left: none;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease; }
