/* CODE FOR DEMO WAKAKA */
.profiles{
	overflow:hidden;
	list-style:none;
	position: relative;
	margin-left: -20px;

}


@media only screen and (min-width: 320px) {
	.special {
		margin-left: auto !important;
	}
	.special1 {
		margin-left: auto !important;
	}

}
@media only screen and (min-width: 480px) {
	.special {
		margin-left: 50px !important;
		
	}
	.special1 {
		margin-left: 50px !important;
	}
}
@media only screen and (min-width: 768px) {
	.special {
		margin-left: 41px !important;
	}
	.special1 {
		margin-left: 5px !important;
	}
}
@media only screen and (min-width: 1024px) {
	.special {
		margin-left: 24px !important;
	}
	.special1 {
		margin-left: -23px !important;
	}

}
.profiles:hover li{
	opacity:0.5;
	-webkit-transition: opacity 1s ease-in-out;
	   -moz-transition: opacity 1s ease-in-out;
	    -ms-transition: opacity 1s ease-in-out;
	     -o-transition: opacity 1s ease-in-out;
	        transition: opacity 1s ease-in-out;
}
	.profiles li{
		display:inline;
		float:left;
		margin:9px;
		-webkit-transition: opacity 500ms ease-in-out;
		   -moz-transition: opacity 500ms ease-in-out;
		    -ms-transition: opacity 500ms ease-in-out;
		     -o-transition: opacity 500ms ease-in-out;
		        transition: opacity 500ms ease-in-out;

		-webkit-box-shadow: inset 0 0 1px 0px #000;
		   -moz-box-shadow: inset 0 0 1px 0px #000;
		    -ms-box-shadow: inset 0 0 1px 0px #000;
		     -o-box-shadow: inset 0 0 1px 0px #000;
		        box-shadow: inset 0 0 1px 0px #000;
	}
	.profiles li:hover{opacity:1}
		.profiles li a{
			text-decoration:none;
			display:block;
			width:211px;
			height:211px;
			display:relative;
		}
			.profiles li a .bio{
				color:#fff;
				height:100%;
				width:100%;
				background:rgba(0,0,0,0.8);
				opacity:0;
				padding:5%;
				-webkit-box-shadow: inset 0 0 5px 5px #000;
			   	   -moz-box-shadow: inset 0 0 5px 5px #000;
				    -ms-box-shadow: inset 0 0 5px 5px #000;
				     -o-box-shadow: inset 0 0 5px 5px #000;
				        box-shadow: inset 0 0 5px 5px #000;
			}

	.profiles li:hover a .bio{opacity:1;}

/* Biodata */
.name{font-size:21px;font-weight:bold;font-family: 'Open Sans', sans-serif;color:#ffd512}
.position{font-size:18px;font-family: 'Open Sans', serif;}
.description{padding-top:10px;font-size:13px;font-family: 'Open Sans', serif;}

/* Thumbnails */
li.harland{background-image:url(../img/ourteam/harland.png); background-size: 211px 211px;}
li.septian{background-image:url(../img/ourteam/septian.png); background-size: 211px 211px;}
li.ami{background-image:url(../img/ourteam/ami.png); background-size: 211px 211px;}
li.yasmin{background-image:url(../img/ourteam/yasmin.png); background-size: 211px 211px;}
li.emile{background-image:url(../img/ourteam/emile.png);background-size: 211px 211px;}
li.evan{background-image:url(../img/ourteam/evan.png);background-size: 211px 211px;}
li.rofid{background-image:url(../img/ourteam/rofid.png); background-size: 211px 211px;}
li.rifan{background-image:url(../img/ourteam/rifan.png);background-size: 211px 211px;}
li.ag{background-image:url(../img/ourteam/ag.png); background-size: 211px 211px;}
li.dzulfan{background-image:url(../img/ourteam/dzulfan.png);background-size: 211px 211px;}