@font-face {
    font-family: titleFont;
    src: url(HANGBOARD123.ttf);
}

@font-face{
	font-family: k22;
	src: url(K22SpottyFace.ttf);
}

.profilewrapper{
	width: 100%;
	min-width: 500px;
	height: auto;
	min-height: 260px;
	
	
	border-width: 1px;
	border-color: black;
	border-style: solid;
	border-radius: 1px;
	/*border-bottom:10px solid #61210B; */
	
	-webkit-border-image: 
      -webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;    
    -o-border-image:
      -o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to bottom, black, rgba(0, 0, 0, 0)) 1 100%;
	
	color: #000;
	background-color: #fff;
	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	
	-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
	
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.passport{
	float: left;
	padding: 0px;
	margin: 0px;
	width: 190px;
	height: 240px;
	
	overflow: hidden;
}

.passport img{
	width: 180px;
	height: 230px;
	-webkit-transform:scale(0.94); /*Webkit: Scale down image to 0.8x original size*/
	-moz-transform:scale(0.94); /*Mozilla scale version*/
	-o-transform:scale(0.94); /*Opera scale version*/
	-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
	-moz-transition-duration: 0.5s; /*Mozilla duration version*/
	-o-transition-duration: 0.5s; /*Opera duration version*/

	box-shadow:0px 0px 10px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
	-webkit-box-shadow:0px 0px 10px gray; /*Safari shadow version*/
	-moz-box-shadow:0px 0px 10px gray; /*Mozilla shadow version*/
	opacity: 1; /*initial opacity of images*/
	
	filter: grayscale(85%);
	-webkit-filter: grayscale(85%);
	-moz-filter: grayscale(85%);
	
	margin: 10px; /*margin between images*/
}

.profilewrapper:hover .passport img {

	-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
	-moz-transform:scale(1.1); /*Mozilla scale version*/
	-o-transform:scale(1.1); /*Opera scale version*/
	box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
	-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
	-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
	
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	
}


.profilecontent{
	float: left;
	width: 440;
	min-width: 447px;
	height: auto;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

.name, .title, .contacts{
	margin: 10px 0px;
	padding: 8px;
	
	width: 100%;
	height: auto;
	border-top: 1px solid grey;
	color: #424242;
	
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;	
}

.name{
	margin-top: 40px;
	border-top: 0px;
	font-family: titleFont;
	font-size: 4.5em;	
	text-align: center;
}



.title{
	padding-top: 15px;
	font-family: k22;
	font-size: 3.5em;	
	text-align: center;
	vertical-align: middle;
	
}



.contacts{
	text-align: center;
	vertical-align: middle;
}
.contacts img{
	width: 55px;
	height: 55px;
	margin-right: 30px;
	
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.contacts img:hover{
	border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
		  
	box-shadow:0px 0px 15px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
	-webkit-box-shadow:0px 0px 15px gray; /*Safari shadow version*/
	-moz-box-shadow:0px 0px 15px gray; /*Mozilla shadow version*/
}


.info{
	
	font-family: "Times New Roman";
	font-size: 1.2em;	
	text-align: justify;
	
	clear: both;
	
	margin: 10px;
	padding: 10px;
	
	width: 90%;
	height: auto;
	border-top: 1px solid grey;
	color: #424242;
	
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;	
}