/*------------------------------------------------------------------------
# mod_tc_team2j4 Extension
# ------------------------------------------------------------------------
# author    themescreative
# copyright Copyright (C) 2014 themescreative.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.themescreative.com
-------------------------------------------------------------------------*/
/* ! OUR TEAM  ! */

.team-member
	{
		width:100%;text-align:center;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
	}
.team-member:hover
	{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
	}
	
/*- Image Member -*/
.img-member 
	{
		margin-top:-100px;
		margin-right: auto;
		margin-left: auto;
		padding:5px;
		text-align:center;
	}

.img-member img 
	{
		display: inline !important;
		width:160px !important;
		height:160px !important;
	}

/* Text */
.team-member h3 
	{
		text-transform:uppercase;
		background-image: none;
		margin-bottom:10px;
	}

.team-member h5 
	{
		font-weight:300;
		color:#8a8a8a;
		text-transform: uppercase;
	}

/* Socials Member */
.team-member ul 
	{
		margin:0;
		padding:0;
		list-style:none;
	}

.team-member ul li 
	{
		display:inline-block;
		margin:18px 2px 0 2px;
	}

.team-member ul li a 
	{
		display:inline-block;
		color:#fff;
		font-size:17px;
		padding: 5px !important;
		width:21px;
		height:21px;
		background:#333;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
	}

/* Hover Member */
.team-member:hover ul li a 
	{
		color:#222;
		background:#dddddd;
	}

.team-member:hover ul li a:hover i 
	{
		color:#ffffff;
	}

.img-member img 
	{
		border:10px solid #f1f1f1;
	}


.team-member:hover ul li a:hover

	{
	background: #e67e22;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	}	

#members {
    position: relative;
}
.members {
    margin-top: 10px;
}

#members .prev {
    right: 30px;
}