/*
* 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: 55px;
}
.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;
}
.instagram_icon_top_left, .instagram_icon_bottom_left, .instagram_icon_top_right, .instagram_icon_bottom_right{
  background-color: #C32AA3;
}
.wechat_icon_top_left, .wechat_icon_bottom_left, .wechat_icon_top_right, .wechat_icon_bottom_right{
  background-color: #2DC100;
}
.youtube_icon_top_left, .youtube_icon_bottom_left, .youtube_icon_top_right, .youtube_icon_bottom_right{
  background-color: #FF0000;
}
.facebook_icon_top_right, .facebook_icon_bottom_right, .twitter_icon_top_right, .twitter_icon_bottom_right, .instagram_icon_top_right, .instagram_icon_bottom_right, .wechat_icon_top_right, .wechat_icon_bottom_right, .youtube_icon_top_right, .youtube_icon_bottom_right{
  left: -50px;
}
.facebook_icon_top_left, .facebook_icon_bottom_left, .twitter_icon_top_left, .twitter_icon_bottom_left, .instagram_icon_top_left, .instagram_icon_bottom_left, .wechat_icon_top_left, .wechat_icon_bottom_left, .youtube_icon_top_left, .youtube_icon_bottom_left{
  right: -50px;
}
.twitter-body{
    border: 1px solid #4092CC;
}
.twitter-light-theme{
    background-color: #FFF;
}
.twitter-dark-theme{
    background-color: #292F33;
}
.instagram-body, .wechat-body, .youtube-body{
  width: 280px;
}
.instagram-body{
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #CCC;
    background-color: #FFF;
}
.youtube-body{
    background-color: #FFF;
    border: 1px solid #F00;
}
.instagram-gallery-header, .youtube-gallery-header{
    border-bottom: 1px solid #CCC;
}
.instagram-gallery-header img, .youtube-gallery-header img{
    display: block;
    margin: 10px auto;
}
.instagram-gallery{
    padding: 10px 15px;
}
.single-instagram-image{
    margin-bottom: 10px;
}
.single-instagram-image img{
    width: 100%;
}
.wechat-body{
    border: 2px solid #2DC100;
    background-color: #FFF;
}
.wechat-body img{
    width: 100%;
    padding: 20px;
}
.youtube-profile-body{
    padding: 10px 15px;
    border-bottom: 1px solid #CCC;
}
.youtube-profile-body img, .single-youtube-video img{
    width: 100%;
    border: 1px solid #CCC;
}
.youtube-profile-body h4{
    font-size: 12px;
    color: #F00;
    font-weight: bold;
    margin: 0;
}
.youtube-profile-body span{
    color: #282828;
    font-size: 10px;
}
.single-youtube-video, .youtube-videos{
    padding: 10px 15px;
}
.single-youtube-video .video-thumbnail-div{
    padding: 0;
}
.youtube-videos{
    height: 300px;
    overflow-y: auto;
}
.single-youtube-video .video-title{
    color: #282828;
    text-decoration: none;
}
.single-youtube-video .video-title:hover, .single-youtube-video .video-title:focus{
    color: #F00;
}
.top_left1, .top_right1{
  top: 0px;
}
.bottom_left1, .bottom_right1{
  bottom: 0px;
}
.top_left2, .top_right2{
  top: 55px;
}
.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
  }
}