/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   personal card
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container-contact {
	margin-bottom: 90px;
}
.pers-card {
	
}
.pers-photo {
	width: 208px;
	height: 250px;
	background-color: #dddddd;
}
.img-user {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.pers-name {
	font-size: larger;
	font-weight: bold;
}
/* --------------------------------- */
@media screen and (min-width: 611px) {
	.pers-card {
		/* -- flex -- */
		display: flex;
		align-items: flex-end;
		gap: 35px;
		/* ---------- */
		max-width: 520px;
		background-color: #f0f0f0;
		background-image: url("../../webengine/siteWebRes/img/bg-plank-03.jpg");
		border-width: 1px;
		border-style: solid;
		border-color: #e6e6e6 #aaaaaa #aaaaaa #e3e3e3;
	}
	.pers-info {
		margin-bottom: 5px;
		height: 230px;
		text-align: center;
	}
	.identity {
		margin: 35px 0 50px 0;
	}
}
/* --------------------------------- */
@media screen and (max-width: 610px) {
	.pers-card {
		text-align: center;
	}
	.pers-photo {
		margin: 0 auto 10px auto;
	}
	.identity {
		margin-bottom: 10px;
	}
}
/* ------------------------------------
 * btn
 * ------------------------------------ */
.btn-call {
	display: inline-block;
	padding: 3px 30px 4px 20px;
	line-height: 50px;
	color: #155f89;
	background-image: linear-gradient(#c0c0c3, #e0e0e3, #b6b6b9);
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd #cccccc #999999 #dddddd;
	border-radius: 30px;
}
.btn-call:hover {
	background-image: linear-gradient(#bbbbbe, #dcdcdf, #b0b0b3);
}
.btn-call:active {
	background-image: linear-gradient(#b5b5b8, #d6d6d9, #bababd);
}
.img-tel {
	margin: 0 5px -10px 0;
}