/* -------------------------------------------------- */
/*	Styles
/* -------------------------------------------------- */
	/* ---------------------------------------------------------------------- */
	/*	Reset
	/* ---------------------------------------------------------------------- */

	
	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section { display: block; }

	*,
	*:after,
	*:before {
		margin: 0;
		padding: 0;

		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			box-sizing: border-box;
	}
	
	a {
		margin: 0;
		padding: 0;
		font-size: 100%;
		outline: none;
		text-decoration: none;
		background: transparent;
		vertical-align: baseline;
	}
	
	.not-ie a {
		-webkit-transition: color .35s ease-out;
				transition: color .35s ease-out;
	}


	/* ---------------------------------------------------------------------- */
	/*	Basic Elements
	/* ---------------------------------------------------------------------- */

	
		/* -------------------------------------------------- */
		/*	Typography
		/* -------------------------------------------------- */

		p {
			margin: 0;
			padding: 0;
			line-height: 1.65em;
			font-weight: 400;
		}
		
		.not-ie input[type=checkbox],
		.not-ie input[type=radio]{
			visibility: hidden;
		}
		
		::-moz-selection {
			background-color: rgba(130, 210, 239, 0.99);
			color: #000;
			text-shadow: none;
		}

		::-webkit-selection {
			background-color: rgba(130, 210, 239, 0.99);
			color: #000;
			text-shadow: none;
		}

		::selection {
			background-color: rgba(130, 210, 239, 0.99);
			color: #000;
			text-shadow: none;
		}

/* --------------------------------------- */
/*	$1. Team Type 1						   */
/* --------------------------------------- */

.content {
	overflow: hidden;
	background: #145686;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #E5D69F),
		color-stop(1, #145686)
	);
	background-image: -o-linear-gradient(bottom, #E5D69F 0%, #145686 100%);
	background-image: -moz-linear-gradient(bottom, #E5D69F 0%, #145686 100%);
	background-image: -webkit-linear-gradient(bottom, #E5D69F 0%, #145686 100%);
	background-image: -ms-linear-gradient(bottom, #E5D69F 0%, #145686 100%);
	background-image: linear-gradient(to bottom, #E5D69F 0%, #145686 100%);
	min-height: 100%;
	position: relative;
	z-index: 0;
}

.circle_block_content .tmm-team .tmm-container {
	position: relative;
	margin: 0 auto;
	max-width: 1140px;
}

	.circle_block_content .tmm-team .tmm-container:before,
	.circle_block_content .tmm-team .tmm-container:after {
		display: table;
		content: " ";
	}
	
		.circle_block_content .tmm-team .tmm-container:after { clear: both; }
		
.circle_block_content .tmm-team .tmm-row {
	margin-right: -20px;
	margin-left: -20px;
	text-align: center;
}

	.circle_block_content .tmm-team .tmm-row:before,
	.circle_block_content .tmm-team .tmm-row:after {
		display: table;
		content: " ";
	}

	.circle_block_content .tmm-team .tmm-row:after { clear: both; }

		.section {
			position: relative;
			padding: 80px 0;
		}
		
		.section.paddinf-off { padding-top: 0; }
		.section.padding-bottom { padding-bottom: 120px; }
		
		h1 {
			/* font-family: "Open Sans", sans-serif; */
			font-size: 48px;
			padding: 40px 10px;
			text-align: center;
			/* color: #fff; */
			text-transform: uppercase;
		}
		
		.title-1 {
			font-size: 36px;
			font-weight: 300;
			text-align: center;
			padding: 25px 5px;
		}
	
		.circle_block_content .tmm-team .item {
			background-color: #fff;
			text-align: center;
			width: 263px;
			margin: 0 14px;
			display: inline-block;
			
			-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
			
			-webkit-transform: scale(1);
					transform: scale(1);
			
			-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
			   -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
				    box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
					
			-webkit-transition: -webkit-transform .35s ease, font .35s ease;
					transition: transform .35s ease, font .35s ease;
		}
		
			.circle_block_content .tmm-team .item:hover {
				-webkit-transform: scale(1.1);
						transform: scale(1.1);
			}
		
			.circle_block_content .tmm-team .item .face-container { padding: 30px 15px 0px 15px; }
		
				.circle_block_content .tmm-team .item .face {
					width: 235px;
					height: 235px;
					overflow: hidden;
					margin: 0 auto;
					border: 10px solid #00a5a6;

					-webkit-border-radius: 50%;
							border-radius: 50%;
							
					-webkit-transition: all .35s ease;   
							transition: all .35s ease;
				}
				
				.circle_block_content .tmm-team .item:hover .face {
					border-color: #1abc9c;
					border-width: 3px;
				}
			
			.circle_block_content .tmm-team .item .item-content {
				height: auto;
				text-align: center;
				position: relative;
			}
			
				.circle_block_content .tmm-team .item .title { font-family: 'Open Sans', sans-serif; }
					
					.circle_block_content .tmm-team .item .title h3 {
						font-size: 24px;
						color: #666666;
						padding: 10px 5px;
						font-weight: 400;
					}
					
					.circle_block_content .tmm-team .item .title h4 {
						font-size: 16px;
						color: #fff;
						background-color: #2c3e50;
						padding: 12px 5px;
						font-weight: 400;
						
						-webkit-transition: all .35s ease;   
								transition: all .35s ease;
					}
					
					.circle_block_content .tmm-team .item:hover .title h4 {
						background-color: #e74c3c;
						padding: 5px 5px;
					}
				
				.circle_block_content .tmm-team .item .item-content p {
					padding: 10px 17px;
					text-align: left;
					font-family: "Open Sans", sans-serif;
					font-weight: 400;
					font-size: 12px;
					color: #757575;
				}
				
				.circle_block_content .tmm-team .item .footer { padding: 4px 5px; }
				
					.circle_block_content .tmm-team .item .social-icons {
						font-size: 0;
					}
				
						.circle_block_content .tmm-team .item .social-icons li {
							display: inline-block;
							list-style: none;
							/*margin: 0px -3px;*/
							vertical-align: top;
							width: 20%;
							
							-webkit-perspective: 1000px;
									perspective: 1000px;
						}
						
							/* 3D Rolling of the social icons  */
							.circle_block_content .tmm-team .item .social-icons li > a {
								font-size: 24px;
								color: #f09e8e;
								background-color: #e7e7e7;
								cursor: pointer;
								padding: 7px 9px;
								display: inline-block;
								position: relative;

								-webkit-transition: -webkit-transform 0.3s;
								   -moz-transition: -moz-transform 0.3s;
										transition: transform 0.3s;

								-webkit-transform-origin: 50% bottom 0;
								   -moz-transform-origin: 50% bottom 0;
										transform-origin: 50% bottom 0;

								-webkit-transform-style: preserve-3d;
								   -moz-transform-style: preserve-3d;
										transform-style: preserve-3d;
							}

								.circle_block_content .tmm-team .item .social-icons li > a::before {
									position: absolute;
									top: -97%;
									left: 0;
									width: 100%;
									height: 100%;
									padding: 7px 0;
									background: #007f6e; /*shadow*/
									color: #fff;
									font-family: "fontello";
									font-size: 24px;

									-webkit-transition: background 0.3s;
									   -moz-transition: background 0.3s;
											transition: background 0.3s;

									-webkit-transform: rotateX(90deg);
									   -moz-transform: rotateX(90deg);
											transform: rotateX(90deg);

									-webkit-transform-origin: 50% bottom 0;
									   -moz-transform-origin: 50% bottom 0;
											transform-origin: 50% bottom 0;
								}

									.circle_block_content .tmm-team .item .social-icons li:hover a,
									.circle_block_content .tmm-team .item .social-icons li:focus a {
										-webkit-transform: rotateX(-90deg) translateY(22px);
										   -moz-transform: rotateX(-90deg) translateY(22px);
												transform: rotateX(-90deg) translateY(22px);
									}

								.circle_block_content .tmm-team .item .social-icons li.es_icon_facebook a::before { content: "\e967"; background: #314177; }
								.circle_block_content .tmm-team .item .social-icons li.es_icon_twitter a::before { content: "\e980"; background: #2ca5bd; }
								.circle_block_content .tmm-team .item .social-icons li.es_icon_youtube a::before { content: "\e986"; background: #d40000; }
								.circle_block_content .tmm-team .item .social-icons li.es_icon_pinterest a::before { content: "\ef63"; background: #950000; }
								.circle_block_content .tmm-team .item .social-icons li.es_icon_linkedin a::before { content: "\e975"; background: #9b1539; }

								.circle_block_content .tmm-team .item .social-icons li.es_icon_facebook:hover a::before,
								.circle_block_content .tmm-team .item .social-icons li.es_icon_facebook:focus a::before { background: #49699f;  }

								.circle_block_content .tmm-team .item .social-icons li.es_icon_twitter:hover a::before,
								.circle_block_content .tmm-team .item .social-icons li.es_icon_twitter:focus a::before { background: #47c0d8; }

								.circle_block_content .tmm-team .item .social-icons li.es_icon_youtube:hover a::before,
								.circle_block_content .tmm-team .item .social-icons li.es_icon_youtube:focus a::before { background: #ff0000; }

								.circle_block_content .tmm-team .item .social-icons li.es_icon_pinterest:hover a::before,
								.circle_block_content .tmm-team .item .social-icons li.es_icon_pinterest:focus a::before { background: #c21c21; }

								.circle_block_content .tmm-team .item .social-icons li.es_icon_linkedin:hover a::before,
								.circle_block_content .tmm-team .item .social-icons li.es_icon_linkedin:focus a::before { background: #337ab7; }
								/* Background color end content for each icon */

							/*  end 3D Rolling  */

/* --------------------------------------- */
/*	$2. Team Type 2						   */
/* --------------------------------------- */

.circle_block_content .tmm-team .hgroup {
	text-align: center;
	font-family: "Open Sans", sans-serif;
	padding: 40px 5px;
}

	.circle_block_content .tmm-team .hgroup .title-2 {
		font-size: 24px;
		font-weight: 400;
		color: #000;
		position: relative;
		display: inline-block;
		padding: 0 20px;
		text-transform: uppercase;
	}
		
		.circle_block_content .tmm-team .hgroup .title-2:after {
			position: absolute;
			right: -12px;
			width: 30px;
			height: 15px;
			background-color: #ffff9d;
			color: #11110a;
			font-family: "Open Sans", sans-serif;
			font-size: 10px;
			line-height: 1.3em;
			content: "2014";
		}

		.circle_block_content .tmm-team .hgroup .title-2:before {
			position: absolute;
			top: 2px;
			right: -12px;
			width: 29px;
			height: 15px;
			background-color: #ff6138;
			content: "";

			-webkit-transform: skewY(4deg);
					transform: skewY(4deg);
		}

	.circle_block_content .tmm-team .hgroup h4 {
		color: #666666;
		font-size: 14px;
	}

		.circle_block_content .tmm-team .item-2 {
			background-color: #fff;
			text-align: center !important;
			display: inline-block;
			width: 190px;
			margin: 0 10px;
			
			-webkit-transform: scale(1);
					transform: scale(1);

			-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
			   -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
					box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
					
			-webkit-transition: all .35s ease;
					transition: all .35s ease;
		}
		
		.circle_block_content .tmm-team .item-2:hover {
			-webkit-transform: scale(1.1);
					transform: scale(1.1);
		}

			.circle_block_content .tmm-team .item-2 .title h3 {
				font-family: "Open Sans", sans-serif;
				font-weight: 300;
				font-size: 30px;
				padding: 10px 5px;
				color: #666666;
			}

			.circle_block_content .tmm-team .item-2 .face-container { padding: 54px 15px 14px 15px; }

				.circle_block_content .tmm-team .item-2 .face {
					width: 163px;
					height: 163px;
					overflow: hidden;
					margin: 0 auto;
					border: 0px solid #79bd8f;
					/* background-image: url(../image/selfie.jpg); */
					background-position: 50% 50%;

					-webkit-border-radius: 50%;
							border-radius: 50%;
							
					-webkit-transition: all .35s ease;
							transition: all .35s ease;
				}
				
					.circle_block_content .tmm-team .item-2:hover .face { border: 7px solid #79bd8f; }

			.circle_block_content .tmm-team .item-2 .item-content h4 {
				font-family: "Lucida Grande", sans-serif;
				font-weight: 300;
				font-size: 14px;
				color: #333333;
				height: auto;
			}

				.circle_block_content .tmm-team .item-2 .footer { padding: 0px 5px; }

					.circle_block_content .tmm-team .item-2 .social-icons {
						background-color: transparent;
						padding: 10px 0;
					}

						.circle_block_content .tmm-team .item-2 .social-icons li {
							padding: 0;
							display: inline-block;
							list-style: none;
							vertical-align: middle;
							padding: 0 2px;
						}

							/* 3D side */
							.circle_block_content .tmm-team .item-2 .social-icons li a {
								border: 1px solid #cccccc;
								color: #666666;
								font-size: 17px;
								cursor: pointer;
								display: inline-block;
								padding: 4px;
								position: relative;
								
								-webkit-transition: -webkit-transform .3s, background .3s;
								   -moz-transition: -moz-transform .3s, background .3s;
										transition: transform .3s, background .3s;
									
								-webkit-transform-style: preserve-3d;
								   -moz-transform-style: preserve-3d;
										transform-style: preserve-3d;
									
								-webkit-transform-origin: 50% 50% -14px;
								   -moz-transform-origin: 50% 50% -14px;
										transform-origin: 50% 50% -14px;
							}
							
								.circle_block_content .tmm-team .item-2 .social-icons li a::before {
									position: absolute;
									top: 0;
									left: 100%;
									width: 100%;
									height: 100%;
									border: 1px solid #cccccc;
									font-family: "fontello";
									padding: 4px;
									pointer-events: none;
									
									-webkit-transition: background .3s;
									   -moz-transition: background .3s;
									        transition: background .3s;
									
									-webkit-transform: rotateY(90deg);
								       -moz-transform: rotateY(90deg);
											transform: rotateY(90deg);
									
									-webkit-transform-origin: 0 50%;
									   -moz-transform-origin: 0 50%;
											transform-origin: 0 50%;
											
									-webkit-transition: all .3s ease;
											transition: all .3s ease;
								}

								.circle_block_content .tmm-team .item-2 .social-icons li:hover a,
								.circle_block_content .tmm-team .item-2 .social-icons li:focus a {
									-webkit-transform: rotateY(-90deg);
									   -moz-transform: rotateY(-90deg);
									        transform: rotateY(-90deg);
								}
								
								/*	Shadow, background and border color  */
								.circle_block_content .tmm-team .item-2 .social-icons li:nth-child(1) a::before { content: "\e967"; background: #314177; border-color: #314177; }
								.circle_block_content .tmm-team .item-2 .social-icons li:nth-child(2) a::before { content: "\e980"; background: #2ca5bd; border-color: #2ca5bd; }
								.circle_block_content .tmm-team .item-2 .social-icons li:nth-child(3) a::before { content: "\ef56"; background: #9b1539; border-color: #9b1539; }
								/* end */
								
								/*	Background color for each icon  */
								.circle_block_content .tmm-team .item-2 .social-icons li:nth-child(1):hover a::before,
								.circle_block_content .tmm-team .item-2 .social-icons li:nth-child(1):focus a::before { background-color: #49699f; border-color: #49699f; color: #fff; }

								.circle_block_content .tmm-team .item-2 .social-icons li:nth-child(2):hover a::before, 
								.circle_block_content .tmm-team .item-2 .social-icons li:nth-child(2):focus a::before { background-color: #47c0d8; border-color: #47c0d8; color: #fff; }

								.circle_block_content .tmm-team .item-2 .social-icons li:nth-child(3):hover a::before,
								.circle_block_content .tmm-team .item-2 .social-icons li:nth-child(3):focus a::before { background-color: #ea4c89; border-color: #ea4c89; color: #fff; }
								/* end */
							/* end */
							
/* --------------------------------------- */
/*	$3. Team Type 3						   */
/* --------------------------------------- */

.circle_block_content .tmm-team .hgroup .title-3 {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
}

.circle_block_content .tmm-team .item-3 {
	background-color: transparent;
	text-align: center;
	width: 232px;
	display: inline-block;
	position: relative;
	margin: 0 30px;
}

	.circle_block_content .tmm-team .item-3 .face-container { padding: 0; }

		.circle_block_content .tmm-team .item-3 .face {
			width: 190px;
			height: 190px;
			overflow: hidden;
			margin: 0 auto;
			border: none;

			-webkit-border-radius: 50%;
					border-radius: 50%;
		}
		
		.not-ie .circle_block_content .tmm-team .spiner {
			position: absolute;
			border-color: transparent #ffd800 #ffd800 transparent;
			border-image: none;
			border-radius: 50%;
			border-style: solid;
			border-width: 50px;
			height: 235px;
			width: 235px;
			opacity: .8;
			top: -15px;
			left: 0;
			
			-moz-border-bottom-colors: none;
			-moz-border-left-colors: none;
			-moz-border-right-colors: none;
			-moz-border-top-colors: none;
			
			-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					
			-webkit-transition: -webkit-transform 1.5s cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease; 
			   -moz-transition: transform 1.5s cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease; 
			     -o-transition: transform 1.5s cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease; 
				    transition: transform 1.5s cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease; 
		}
		
			.circle_block_content .tmm-team .item-3 .face-container:hover .spiner {
				-webkit-transform: rotate(1800deg); 
						transform: rotate(1800deg);
				border-color: transparent #1db79c #1db79c transparent;
				
				-webkit-transition: -webkit-transform 10000ms cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease; 
				   -moz-transition: transform 10000ms cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease; 
				     -o-transition: transform 10000ms cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease; 
					    transition: transform 10000ms cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease; 
			}
			
			/*  rotation speed for Firefox  */
			@-moz-document url-prefix() {
				.not-ie .circle_block_content .tmm-team .spiner { 
					-webkit-transition: -webkit-transform 10s cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease; 
							transition: transform 10s cubic-bezier(0.250, 0.250, 0.750, 0.750), border-color .35s ease;
				}
			}
			/*  end rotation speed for Firefox  */
			
		.circle_block_content .tmm-team .item-3 .social-icons {
			background-color: transparent;
			padding: 0;
			position: absolute;
			top: 180px;
			left: 65px;
		}

			.circle_block_content .tmm-team .item-3 .social-icons li {
				padding: 0;
				display: inline-block;
				list-style: none;
				
				-webkit-transition: all .35s ease;
						transition: all .35s ease;
			}

				.circle_block_content .tmm-team .item-3 .social-icons li a {
					color: #fff;
					font-size: 24px;
					cursor: pointer;
				}
				
				.circle_block_content .tmm-team .item-3 .social-icons li:hover {
					-webkit-transform: scale(1.3);
							transform: scale(1.3);
				}

		.circle_block_content .tmm-team .item-3 .item-content {
			font-family: "Open Sans", sans-serif;
			font-weight: 400;
			color: #fff;
			text-align: center;
		}

			.circle_block_content .tmm-team .item-3 .item-content h4 {
				font-size: 18px;
				text-transform: uppercase;
				padding-top: 40px;
			}

				.circle_block_content .tmm-team .item-3 .item-content p {
					font-size: 12px;
					color: #fff;
					text-align: center;
				}
			
/* --------------------------------------- */
/*	$4. Team Type 4						   */
/* --------------------------------------- */

.circle_block_content .tmm-team .hgroup .title-4 {
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 36px;
	color: #fff;
	border: 2px solid #fff;
	display: inline-block;
	padding: 12px 16px;
}

.circle_block_content .tmm-team .item-4 {
	background-color: #efe0b6;
	text-align: center;
	width: 219px;
	margin: 0 2px;
	display: inline-block;
	position: relative;
	overflow: hidden;
			
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	   -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
			box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	
	-webkit-transition: background-color .8s ease-in;
			transition: background-color .8s ease-in;
}

	.circle_block_content .tmm-team .item-4:hover {
		-webkit-animation-duration: 4s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-name: changer;
		-webkit-animation-iteration-count: infinite;

		-moz-animation-duration: 4s;
		-moz-animation-timing-function: ease;
		-moz-animation-name: changer;
		-moz-animation-iteration-count: infinite;

		-ms-animation-duration: 4s;
		-ms-animation-timing-function: ease;
		-ms-animation-name: changer;
		-ms-animation-iteration-count: infinite;

		-o-animation-duration: 4s;
		-o-animation-timing-function: ease;
		-o-animation-name: changer;
		-o-animation-iteration-count: infinite;

		animation-duration: 4s;
		animation-timing-function: ease;
		animation-name: changer;
		animation-iteration-count: infinite;
	}

	.circle_block_content .tmm-team .item-4 .face-container { padding: 24px 7px 0px 7px; }
	
		.circle_block_content .tmm-team .item-4 .face {
			width: 193px;
			height: 193px;
			overflow: hidden;
			margin: 0 auto;
			border: 0px solid #cbc8c8;

			-webkit-border-radius: 50%;
					border-radius: 50%;
					
			-webkit-transition: -webkit-transform 300ms cubic-bezier(0.265, 0, 0.635, 1), border .35s ease; 
			-webkit-transition: -webkit-transform 300ms cubic-bezier(0.265, -1.600, 0.635, 2.650), border .35s ease;
			   -moz-transition: transform 300ms cubic-bezier(0.265, -1.600, 0.635, 2.650);
				 -o-transition: transform 300ms cubic-bezier(0.265, -1.600, 0.635, 2.650);
					transition: transform 300ms cubic-bezier(0.265, -1.600, 0.635, 2.650), border .35s ease; 
		}
		
			.circle_block_content .tmm-team .item-4 .face.bordered { 
				position: relative;
				border: 10px solid #cbc8c8; 
				background-color: #fff; 
				color: #cbc8c8; 
			}
				
				.circle_block_content .tmm-team .item-4 .face.bordered  i {
					position: absolute;
					top: 28px; 
					left: 8px;
					font-size: 110px;
			}
		
				.circle_block_content .tmm-team .item-4 .face.bordered:hover i {
					-webkit-animation-duration: 1.2s;
					-wbkit-animation-timing-function: ease;
					-webkit-animation-name: scaling;
					-webkit-animation-iteration-count: infinite;
					
					animation-duration: 1.2s;
					animation-timing-function: ease;
					animation-name: scaling;
					animation-iteration-count: infinite;
				}
				
				/*  Scaling animation  */
				@-webkit-keyframes scaling {
					0%	 { -webkit-transform: scale(1); }
					50%  { -webkit-transform: scale(1.2); }
					100% { -webkit-transform: scale(1); }
				}
				
				@keyframes scaling {
					0%   { transform: scale(1); }
					50%  { transform: scale(1.2); }
					100% { transform: scale(1); }
				}
				/*  end Scaling animation  */
			
			.circle_block_content .tmm-team .item-4 .face:hover {
				transform: scale(1.1);
				border: 10px solid #cbc8c8;
				
				-webkit-transition: -webkit-transform 300ms cubic-bezier(0.265, -1.600, 0.635, 2.650), border .35s ease; 
						transition: transform 300ms cubic-bezier(0.265, -1.600, 0.635, 2.650), border .35s ease; 
			}
			
	.circle_block_content .tmm-team .item-4 .item-content h4 {
		font-family: "Open Sans", sans-serif;
		font-size: 18px;
		font-weight: 400;
		color: #a38328;
		padding: 14px 0px;
	}
		
	.circle_block_content .tmm-team .item-4 .social-icons { 
		font-size: 0;
		z-index: 5;
		
		-webkit-transform: translateY(37px);
				transform: translateY(37px);
				
		-webkit-transition: all .35s ease;
				transition: all .35s ease;
	}
	
		.circle_block_content .tmm-team .item-4:hover .social-icons {
			-webkit-transform: translateY(1px);
					transform: translateY(1px);
		}
	
		.circle_block_content .tmm-team .item-4 .social-icons li {
			list-style: none;
			display: inline-block;
			padding: 0;
			border: 0;
			width: 33.3333333%;
			
			-webkit-perspective: 1000px;
			   -moz-perspective: 1000px;
				    perspective: 1000px;
		}
		
			/* 3D Rolling of the social icons  */
			.circle_block_content .tmm-team .item-4 .social-icons li > a {
				position: relative;
				display: inline-block;
				width: 100%;
				padding: 7px 0;
				background: #28ac9b;
				color: #fff;

				-webkit-transition: -webkit-transform 0.3s;
				   -moz-transition: -moz-transform 0.3s;
						transition: transform 0.3s;

				-webkit-transform-origin: 50% 0;
				   -moz-transform-origin: 50% 0;
						transform-origin: 50% 0;

				-webkit-transform-style: preserve-3d;
				   -moz-transform-style: preserve-3d;
						transform-style: preserve-3d;
			}

				.circle_block_content .tmm-team .item-4 .social-icons li > a::before {
					position: absolute;
					top: 100%;
					left: 0;
					width: 100%;
					height: 100%;
					padding: 7px 0;
					background: #007f6e; /*shadow*/
					font-family: "fontello";

					-webkit-transition: background 0.3s;
					   -moz-transition: background 0.3s;
							transition: background 0.3s;

					-webkit-transform: rotateX(-90deg);
					   -moz-transform: rotateX(-90deg);
							transform: rotateX(-90deg);

					-webkit-transform-origin: 50% 0;
					   -moz-transform-origin: 50% 0;
							transform-origin: 50% 0;
				}

					.circle_block_content .tmm-team .item-4 .social-icons li:hover a,
					.circle_block_content .tmm-team .item-4 .social-icons li:focus a {
						-webkit-transform: rotateX(90deg) translateY(-22px);
						   -moz-transform: rotateX(90deg) translateY(-22px);
								transform: rotateX(90deg) translateY(-22px);
					}

					.circle_block_content .tmm-team .item-4 .social-icons li:hover a::before,
					.circle_block_content .tmm-team .item-4 .social-icons li:focus a::before {
						background: #28ac9b;	
					}
		
				/* Background color end content for each icon */
				.circle_block_content .tmm-team .item-4 .social-icons li:nth-child(1) a { background-color: #1c99c2; }
				.circle_block_content .tmm-team .item-4 .social-icons li:nth-child(2) a { background-color: #18def0; }
				.circle_block_content .tmm-team .item-4 .social-icons li:nth-child(3) a { background-color: #ff6000; }

				.circle_block_content .tmm-team .item-4 .social-icons li:nth-child(1) a::before { content: "\e967"; background: #006f98; }
				.circle_block_content .tmm-team .item-4 .social-icons li:nth-child(2) a::before { content: "\e980"; background: #00afc1; }
				.circle_block_content .tmm-team .item-4 .social-icons li:nth-child(3) a::before { content: "\e986"; background: #c22300; }

				.circle_block_content .tmm-team .item-4 .social-icons li:nth-child(1):hover a::before,
				.circle_block_content .tmm-team .item-4 .social-icons li:nth-child(1):focus a::before { background: #1c99c2; }

				.circle_block_content .tmm-team .item-4 .social-icons li:nth-child(2):hover a::before,
				.circle_block_content .tmm-team .item-4 .social-icons li:nth-child(2):focus a::before { background: #18def0; }

				.circle_block_content .tmm-team .item-4 .social-icons li:nth-child(3):hover a::before,
				.circle_block_content .tmm-team .item-4 .social-icons li:nth-child(3):focus a::before { background: #ff6000; }
				/* Background color end content for each icon */
			
			/*  end 3D Rolling  */
			
			.circle_block_content .tmm-team .item-4 .social-icons li a {
				color: #fff;
				font-size: 18px;
			}
		
				/* 3D rolling button */
				.circle_block_content .tmm-team .item-4 .item-content a span {
					position: relative;
					display: inline-block;
					width: 100%;
					padding: 7px 0;
					background: #28ac9b;
					font-family: "Open Sans", sans-serif;
					text-transform: uppercase;
					color: #fff;

					-webkit-transition: -webkit-transform 0.3s;
					   -moz-transition: -moz-transform 0.3s;
							transition: transform 0.3s;

					-webkit-transform-origin: 50% 0;
					   -moz-transform-origin: 50% 0;
							transform-origin: 50% 0;

					-webkit-transform-style: preserve-3d;
					   -moz-transform-style: preserve-3d;
							transform-style: preserve-3d;
				}

					.circle_block_content .tmm-team .item-4 .item-content a span::before {
						position: absolute;
						top: 98%;
						left: 0;
						width: 100%;
						height: 100%;
						padding: 7px 0;
						background: #007f6e; /*shadow*/
						content: attr(data-hover);

						-webkit-transition: background 0.3s;
						   -moz-transition: background 0.3s;
								transition: background 0.3s;

						-webkit-transform: rotateX(-90deg);
						   -moz-transform: rotateX(-90deg);
								transform: rotateX(-90deg);

						-webkit-transform-origin: 50% 0;
						   -moz-transform-origin: 50% 0;
								transform-origin: 50% 0;
					}

						.circle_block_content .tmm-team .item-4 .item-content a:hover span,
						.circle_block_content .tmm-team .item-4 .item-content a:focus span {
							-webkit-transform: rotateX(90deg) translateY(-22px);
							   -moz-transform: rotateX(90deg) translateY(-22px);
									transform: rotateX(90deg) translateY(-22px);
						}

						.circle_block_content .tmm-team .item-4 .item-content a:hover span::before,
						.circle_block_content .tmm-team .item-4 .item-content a:focus span::before { background: #28ac9b; }
				/* end 3D rolling button */
						
				
				.circle_block_content .tmm-team .item-4 .item-content .button {
					top: 37px;
					
					-webkit-transition: all .35s ease;
							transition: all .35s ease;
				}

				.circle_block_content .tmm-team .item-4:hover .item-content .button {	top: 1px; }
			
						/*  Background Color Changer  */
						@-webkit-keyframes changer {
							50%  { background-color: #dec187; }
							60%  { background-color: #e4cb9b; }
							70%  { background-color: #ead6ae; }
							80%  { background-color: #efe0c2; }
							90%  { background-color: #f5ead6; }
						}

						@-moz-keyframes changer {
							50%  { background-color: #dec187; }
							60%  { background-color: #e4cb9b; }
							70%  { background-color: #ead6ae; }
							80%  { background-color: #efe0c2; }
							90%  { background-color: #f5ead6; }
						}

						@-o-keyframes changer {
							50%  { background-color: #dec187; }
							60%  { background-color: #e4cb9b; }
							70%  { background-color: #ead6ae; }
							80%  { background-color: #efe0c2; }
							90%  { background-color: #f5ead6; }
						}

						@keyframes changer {
							50%  { background-color: #dec187; }
							60%  { background-color: #e4cb9b; }
							70%  { background-color: #ead6ae; }
							80%  { background-color: #efe0c2; }
							90%  { background-color: #f5ead6; }
						}
						/*  end Background Color Changer  */
		
/* --------------------------------------- */
/*	$5. Team Type 5						   */
/* --------------------------------------- */

.hgroup .title-5 {
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 48px;
	text-transform: uppercase;
	color: #d7d7d7;
}

.hgroup h4.sub-title-5 {
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #d7d7d7;
	text-align: center;
	display: inline-block;
	padding: 20px 500px;
}

.circle_block_content .tmm-team .item-5 {
	background-color: transparent;
	text-align: center;
	position: relative;
	width: 210px;
	margin: 0 40px;
	display: inline-block;
}

	.circle_block_content .tmm-team .item-5 .face-container {
		position: relative;
		width: 210px;
		height: 210px;
		z-index: 1;
		
		-webkit-perspective: 1000px;
				perspective: 1000px;
	}
	
		.not-ie .circle_block_content .tmm-team .item-5 .face-card {
			width: 100%;
			height: 100%;

			-webkit-transform-style: preserve-3d;	
					transform-style: preserve-3d;

			-webkit-border-radius: 50%;
					border-radius: 50%;

			-webkit-transition: all .5s linear;
					transition: all .5s linear;
		}

			.not-ie .circle_block_content .tmm-team .item-5 .face-container:hover .face-card {
				-webkit-transform: rotateY(180deg);
						transform: rotateY(180deg);

				-webkit-border-radius: 50%;
						border-radius: 50%;
			}

				.circle_block_content .tmm-team .item-5 .face-1 {
					position: absolute;
					width: 100%;
					height: 100%;
					backface-visibility: hidden;
					overflow: hidden;

					-webkit-border-radius: 50%;
							border-radius: 50%;
				}

				.not-ie .circle_block_content .tmm-team .item-5 .face-1.back {
					display: block;
					box-sizing: border-box;
					padding:  35px 13px;
					color: white;
					font-size: 13px;
					text-align: center;
					background-color: #aaa;

					-webkit-transform: rotateY(180deg);
							transform: rotateY(180deg);

					-webkit-border-radius: 50%;
							border-radius: 50%;
				}
				
				.ie8 .circle_block_content .tmm-team .item-5 .face-1.back { visibility: hidden; }
	
		.not-ie .circle_block_content .tmm-team .item-5 .dashed-border {
			position: absolute;
			border-radius: 50%;
			border: 2px dashed #18d9ec;
			height: 250px;
			width: 250px;
			top: -20px;
			left: -20px;
		}
		
			.circle_block_content .tmm-team .item-5:hover .dashed-border {
				-webkit-animation-duration: 0.5s;
				-webkit-animation-timing-function: linear;
				-webkit-animation-name: spiner;
				-webkit-animation-iteration-count: infinite;

				-moz-animation-duration: 0.5s;
				-moz-animation-timing-function: linear;
				-moz-animation-name: spiner;
				-moz-animation-iteration-count: infinite;

				-ms-animation-duration: 0.5s;
				-ms-animation-timing-function: linear;
				-ms-animation-name: spiner;
				-ms-animation-iteration-count: infinite;

				-o-animation-duration: 0.5s;
				-o-animation-timing-function: linear;
				-o-animation-name: spiner;
				-o-animation-iteration-count: infinite;

				animation-duration: 0.5s;
				animation-timing-function: linear;
				animation-name: spiner;
				animation-iteration-count: infinite;
			}
			
			/*  Firefox fix, spinning circle  */
			@-moz-document url-prefix() { 
				.not-ie .circle_block_content .tmm-team .item-5 .dashed-border {
					background-image: url(../images/circle.png);
					border: none;
				}
			}
			/*  end Firefox fix, spinning circle  */
			
			/*  Spining dashed border  */
			@-webkit-keyframes spiner {
			  from {-webkit-transform: rotate(0deg);}
			  to   {-webkit-transform: rotate(359deg);}
			}

			@-moz-keyframes spiner {
			  from {-moz-transform: rotate(0deg);}
			  to   {-moz-transform: rotate(359deg);}
			}

			@-o-keyframes spiner {
			  from {-o-transform: rotate(0deg);}
			  to   {-o-transform: rotate(359deg);}
			}

			@keyframes spiner {
			  from {transform: rotate(0deg);}
			  to   {transform: rotate(359deg);}
			}
			/*  end Spining dashed border  */
	
		.circle_block_content .tmm-team .item-5 .item-content { padding: 0 20px; }
		
		.circle_block_content .tmm-team .item-5 .item-content .item-title {
			font-family: 'Open Sans Condensed', sans-serif;
			font-weight: 300;
			color: #fff;
			font-size: 30px;
			padding: 30px 0px 15px;
			text-transform: uppercase;
		}
			
		.circle_block_content .tmm-team .item-5 .item-content .item-sub-title {
			width: 100%;
			background-color: #fcf0ac;
			font-family: 'Open Sans Condensed', sans-serif;
			font-weight: 300;
			color: #ad9c3a;
			padding: 9px 0px;
		}
			
		.circle_block_content .tmm-team .item-5 .social-icons {
			background-color: #28ac9b;
			position: absolute;
			bottom: -78px;
			right: -40px;
			visibility: hidden;
			opacity: 0;
			
			-webkit-transform: translateY(30px);
					transform: translateY(30px);
			
			-webkit-transition: all .45s ease-out;
					transition: all .45s ease-out;
		}
		
			.circle_block_content .tmm-team .item-5 .social-icons li {
				list-style: none;
				display: inline-block;
				padding: 10px 18px;
			}
			
				.circle_block_content .tmm-team .item-5 .social-icons li a {
					color: #fff;
					font-size: 18px;
				}
		
			.circle_block_content .tmm-team .item-5:hover .social-icons {
				visibility: visible;
				opacity: 1;
				
				-webkit-transform: translateY(0);
						transform: translateY(0);
			}
		
			.circle_block_content .tmm-team .item-5 .social-icons:after {
				content: "";
				position: absolute;
				width: 0;
				height: 0;
				border-width: 10px;
				border-style: solid;
				border-color: transparent  transparent #28ac9b;
				top: -20px;
				left: 35px;
			}
			.circle_block_content .tmm-team .item-2 .title{
				text-align: center;
			}
			.circle_block_content .item-content{
				height: auto !important;
			}
			.circle_block_content .item_description{
				font-size: 12px;
			}