/*
* Socialtabs Module Stylesheet
* Developed for OpenCart 2.x
* Author Gedielson Peixoto - http://www.gepeixoto.com.br
* @03/2015
* Under GPL license.
*/
.socialtabs-container{
  position: fixed;
  z-index: 99999;
  width: 280px;
  transition: all 550ms;
}
.top_left, .top_right{
  top: 125px;
}
.bottom_left, .bottom_right{
  bottom: 55px;
}
.top_right, .bottom_right{
  right: -280px;
}
.top_left, .bottom_left{
  left: -280px;
}
.socialtab-icon{
  position: absolute;
  padding: 12px;
  color: white;
  z-index: -1;
}
.socialtab-icon i{
  font-size: 30px;
}
.facebook_icon_top_left, .facebook_icon_bottom_left, .facebook_icon_top_right, .facebook_icon_bottom_right{
  background-color: #3B579D;
}
.twitter_icon_top_left, .twitter_icon_bottom_left, .twitter_icon_top_right, .twitter_icon_bottom_right{
  background-color: #4092CC;
}
.wechat_icon_top_left, .wechat_icon_bottom_left, .wechat_icon_top_right, .wechat_icon_bottom_right{
  background-color: #2DC100;
}
.facebook_icon_top_right, .facebook_icon_bottom_right, .twitter_icon_top_right, .twitter_icon_bottom_right, .wechat_icon_top_right, .wechat_icon_bottom_right {
  left: -50px;
}
.facebook_icon_top_left, .facebook_icon_bottom_left, .twitter_icon_top_left, .twitter_icon_bottom_left, .wechat_icon_top_left, .wechat_icon_bottom_left {
  right: -50px;
}
.twitter-body{
    border: 1px solid #4092CC;
}
.twitter-light-theme{
    background-color: #FFF;
}
.twitter-dark-theme{
    background-color: #292F33;
}
.wechat-body {
  width: 280px;
}
.wechat-body{
    border: 2px solid #2DC100;
    background-color: #FFF;
}
.wechat-body img{
    width: 100%;
    padding: 20px;
}
.top_left1, .top_right1{
  top: 0px;
}
.bottom_left1, .bottom_right1{
  bottom: 0px;
}
.top_left2, .top_right2{
  top: 125px;
}
.bottom_left2, .bottom_right2{
  bottom: 55px;
}
.top_left3, .top_right3{
  top: 110px;
}
.bottom_left3, .bottom_right3{
  bottom: 110px;
}
.top_left4, .top_right4{
  top: 165px;
}
.bottom_left4, .bottom_right4{
  bottom: 165px;
}
.top_left5, .top_right5{
  top: 220px;
}
.bottom_left5, .bottom_right5{
  bottom: 220px;
}
.top_left.open, .bottom_left.open{
  left: 0;
}
.top_right.open, .bottom_right.open{
  right: 0;
}
@media (max-width: 420px) {
  .socialtabs-container{
    display:none
  }
}
@media only screen and (max-device-width: 420px) {
  .socialtabs-container{
    display:none
  }
}