/**
*  @package   tf-social-slider
*  @version   1.0.0
*  @author TinyForestGroup TF<tinyforestgroup@gmail.com>
*  @copyright 2014-2015 TinyForestGroup TF
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of TinyForestGroup TF
*/

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.tf-social-slider{
	margin:0;
	padding:0;
}

.tfss-wrap {
	margin:0;
	padding:0;
	font-family:tahoma;
}

.tf-social-slider .tfss-outer {
    display: table;
    position: fixed;
	height:100%;
	top:0;
    vertical-align: middle;
    z-index: 8888;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}

.tf-social-slider .tfss-left .tfss-outer{
	right:auto!important;
}

.tf-social-slider .tfss-left .tfss-outer.tfss-over {
	left:0!important;
	z-index:9999;
}

.tf-social-slider .tfss-right .tfss-outer{
	left:auto!important;
}

.tf-social-slider .tfss-right .tfss-outer.tfss-over {
	right:0!important;
	z-index:9999;
}

.tf-social-slider .tfss-inner {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}	

.tfss-form-inner{
	background-color: #ffffff;
}

.tf-social-slider .tfss-form {
	background: #3b5998 none repeat scroll 0 0;
	position:relative;
}

.tf-social-slider .tfss-left .tfss-form {
	padding: 5px 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius:0 5px 5px 0;
}

.tf-social-slider .tfss-right .tfss-form {
	padding: 5px 0px 5px 5px;
	-webkit-border-radius: 5px 0  0 5px;
	border-radius: 5px 0  0 5px;
}

.tf-social-slider .tfss-head {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: absolute;
	height: 36px;
    width: 36px;
	line-height:33px;
	font-size:20px;
    z-index:9 ;
	color:#FFF;
	text-align:center;
	margin:0 auto;
	background-color: #33CCFF;
}

.tf-social-slider .tfss-left .tfss-head {
	right:auto!important;
}

.tf-social-slider .tfss-right .tfss-head {
	left:auto!important;
}

/*** Facebook ***/
.tfss-facebook .tfss-head {
    background-color: #234999;
	top:5px;
}

.tfss-facebook .tfss-form{
	background-color: #234999;
}

.tfss-form-inner.tfss-loading {
    background-image: url("http://www.mylookfeminin.com/shop/modules/tfsocialslide/views/css/img/fb_loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

/*** Twitter ***/
.tfss-twitter .tfss-head  {
	background-color: #33CCFF;
	top:45px;
}

.tfss-twitter .tfss-form{
	background-color: #33CCFF;
}

/*** Googleplus ***/
.tfss-googleplus .tfss-head  {
	background-color:#B53223;
	top:85px;
}

.tfss-googleplus .tfss-form  {
	background-color:#B53223;
}

.tfss-googleplus .tfss-gplus-items{
	overflow-y:auto;
	overflow-x:hidden;	
	max-height:334px;
	background-color:#f6f7f8;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:13px;
}

 .tfss-googleplus .tfss-gplus-item{
	padding:8px;
	background: #fff none repeat scroll 0 0;
    border-color: #e9eaed #dfe0e4 #d0d1d5;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
	margin:10px 5px;
}

.tfss-googleplus .tfss-gplus-item img {
	max-width:100%;
}

.tfss-googleplus .tfss-gplus-item div{
	margin-bottom:5px;
}


/*** Youtube ***/
.tfss-youtube .tfss-head  {
	background-color:#E62117;
	top:125px;
}

.tfss-youtube .tfss-form  {
	background-color:#E62117;
}

.tfss-youtube .tfss-yt-items {
	overflow-y:auto;
	overflow-x:hidden;	
}

.tfss-youtube .tfss-yt-item {
	padding:8px;
	background: #fff none repeat scroll 0 0;
    border-color: #e9eaed #dfe0e4 #d0d1d5;
    border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
	margin:10px 5px;
}

.tfss-youtube .tfss-yt-image{
	float:left;
	margin-right:10px;
	overflow:hidden;
}

.tfss-youtube .tfss-yt-title a{
	font-weight:bold;
	color:#167ac6;
	display:block;
}

.tfss-youtube .tfss-yt-title a:hover{
	text-decoration:underline;
}

/*** Linkedin ***/
.tfss-linkedin  .tfss-head  {
	background-color: #0077B5;
	top:165px;
}

.tfss-linkedin   .tfss-form  {
	background-color:#0077B5;
}

/*** Vimeo ***/
.tfss-vimeo  .tfss-head  {
	background-color:#16B5F0;
	top:165px;
}

.tfss-vimeo  .tfss-form {
	background-color:#16B5F0;
}

.tfss-vimeo .tfss-vi-header{
	padding:5px;
	margin-bottom:5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

.tfss-vimeo .tfss-vi-username{
	font-size:16px;
	font-weight:600;
	margin-left:10px;
}

.tfss-vimeo .tfss-vi-username:hover{
	color:#167ac6;
}

.tfss-vimeo .tfss-vi-items {
	overflow-y:auto;
	overflow-x:hidden;	
}

.tfss-vimeo .tfss-vi-item {
	padding:8px;
	background: #fff none repeat scroll 0 0;
    border-color: #e9eaed #dfe0e4 #d0d1d5;
    border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
	margin:10px 5px;
}

.tfss-vimeo .tfss-vi-item:hover{
	background: #eee none repeat scroll 0 0;
}

.tfss-vimeo .tfss-vi-item .tfss-vi-thumb{
	float:left;
	margin-right:10px;
	overflow:hidden;
	width:75px;
	height:75px;
}

.tfss-vimeo .tfss-vi-item span{
	color:#000;
	font-weight:bold;
	display:block;
}

.tfss-vimeo .tfss-vi-item span:hover{
	color:#167ac6;
}

/*** Instagram ***/
.tfss-instagram .tfss-head  {
	background-color:#3D2E26;
	top:285px;
}

.tfss-instagram .tfss-form  {
	background-color:#3D2E26;
}

.tfss-instagram .tfss-ins-avatar{
	float:left;
	margin-right:10px;
}

.tfss-instagram .tfss-ins-header  {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	font-family:tahoma;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
	margin-bottom:5px;
}

.tfss-instagram .tfss-ins-avatar img{
	width:80px;
	height:80px;
	border-radius:50%;
	overflow:hidden;
}

.tfss-instagram  .tfss-ins-username {
	font-size:20px;
	font-weight:300;
	margin-bottom:10px;
	text-transform:capitalize;
}

.tfss-instagram  .tfss-ins-other span {
	margin-right:10px;
}

.tfss-instagram .tfss-ins-media {
	overflow-y:auto;
	overflow-x:hidden;
}

.tfss-ins-media .tfss-ins-item {
	float:left;
	width:46%;
	margin:5px;
}

.tfss-ins-media .tfss-ins-item img{
	width:100%;
	max-width:100%;
}

/*** Pinterest ***/

.tfss-pinterest .tfss-head  {
	background-color: #BC081A;
	top:205px;
}

.tfss-pinterest .tfss-form{
	background-color: #BC081A;
}