.profileActivity,
.profileInfo {
	padding: 20px 0
}

.profileWrapper {
	background-color: #eaeff5;
	border-bottom: solid 1px #d1d2d6
}

.profileInfo {
	text-align: center;
	border-right: solid 1px #d1d2d6
}

.profileInfo .img {
	width: 160px;
	margin: 0 auto 20px;
	position: relative
}

.profileInfo .img a {
	display: block;
	height: 160px;
	line-height: 160px;
	background-color: #fff
}

.profileInfo span {
	display: block
}

.profileInfo .name {
	font-size: 24px;
	letter-spacing: 1px;
	margin-bottom: 10px
}

.profileInfo .dob {
	font-style: italic
}

.profileInfo strong {
	color: #d92d5f
}

.profileActivity .tab-content {
	display: none;
	clear: both;
	padding: 20px 0 10px
}

.profileActivity #tab-1 {
	display: block
}

.profileActivity .tabs-menu li {
	float: left;
	margin-right: 20px;
	border-right: solid 1px #666;
	padding-right: 20px
}

.profileActivity .tabs-menu li a {
	font-size: 20px
}

.profileActivity .tabs-menu li:last-child {
	border: 0
}

.profileActivity .tabs-menu li.current a {
	color: #d92d5f;
	font-weight: 600
}

.profileActivity label {
	font-weight: 600;
	width: 120px;
	position: relative
}

.mymatriactivity label {
	width: 200px
}

.profileActivity label:after {
	content: ":";
	position: absolute;
	right: 10px
}

.profileActivity .buttonWrapper {
	border-top: 1px solid #d1d2d6;
	padding-top: 15px
}

.profileActivity .buttonWrapper .btn {
	margin-right: 10px
}

.profileActivity .buttonWrapper .clearfix {
	margin-top: 10px
}

.profileActivity .buttonWrapper .clearfix a {
	color: #28a0c5;
	margin-right: 20px
}

.profileActivity .buttonWrapper .clearfix a:hover {
	color: #d92d5f
}

.profileActivity .buttonWrapper .clearfix a.btn {
	color: #fff
}

.profileInformation h3 {
	margin-bottom: 15px
}

.profileInformation ul {
	border: 1px solid #b3c5d9;
	padding: 20px 15px 0;
	position: relative;
	margin-bottom: 20px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.profileInformation ul li {
	width: 50%;
	float: left;
	margin-bottom: 15px
}

.profileInformation ul li label {
	width: 150px;
	float: left;
	font-weight: 400;
	color: #aaa;
	text-align: left
}

.profileInformation ul li span {
	float: left;
	color: #222;
	text-align: left
}

.editProfileForm .form-control {
	padding: 7px 5px;
	width: 100%;
	height: 38px
}

.editProfileForm select.form-control {
	width: 190px;
	padding: 8px 5px;
	height: 38px
}

.editProfileForm .dob .form-control {
	width: 57px;
	float: left;
	margin-right: 10px
}

.editProfileForm ul li label {
	margin: 0
}

.editProfileForm .buttonWrapper {
	padding: 20px;
	text-align: center
}

.editProfileForm .buttonWrapper .btn-Default {
	border: 1px solid #ccc
}

.editProfileForm .buttonWrapper .btn {
	margin-right: 10px
}

.profileInformation .editform,
.profileInformation .editform1,
.profileInformation .editform2,
.profileInformation .editform3,
.profileInformation .editform4,
.profileInformation .editform5,
.profileInformation .editform6,
.profileInformation .editform7,
.profileInformation .editform8 {
	display: none
}

.abooutSelf {
	padding-bottom: 10px
}

.abooutSelf textarea {
	height: 110px;
	resize: none;
	margin-bottom: 10px
}

.abooutSelf p {
	font-size: 13px
}

.abooutSelf strong {
	color: #d92d5f
}

.contactEditForm label {
	margin: 0;
	line-height: 36px;
	float: left
}

.contactEditForm span {
	display: inline-block;
	width: 50%
}

#intrestModal .radio {
	display: block;
	margin-bottom: 20px
}

#messageModal textarea {
	background-color: #fff;
	resize: none
}

#messageModal .checkbox {
	margin: 10px 0 5px
}

.editbtn {
	float: right
}

.editLink .glyphicon {
	font-size: 12px;
	margin-left: 5px
}

.mymatriactivity .infolist p {
	float: left;
	width: 50%
}

@media screen and (max-width:967px) {

	.asideMenu .submenu,
	.asideMenu:after,
	.asideMenu:before {
		display: none
	}

	.profileInfo {
		border: 0;
		padding: 20px 0
	}

	.profileActivity>#tabs-container {
		height: auto
	}

	.asideMenu {
		padding: 0;
		margin: 0;
		border: 0;
		border-top: solid 1px #b3c5d9
	}

	.asideMenu li.head a {
		padding-left: 20px
	}

	.asideMenu li.head {
		position: relative;
		border-top: 0
	}

	.asideMenu li.head:after {
		position: absolute;
		right: 10px;
		top: 0;
		content: '+';
		font-size: 30px
	}

	.asideMenu li.head.active:after {
		top: -15px;
		content: '_';
		color: #bb0659
	}

	.asideMenu .submenu li:hover {
		background-color: #fafafa
	}

	.profileActivity {
		padding: 20px 0
	}

	.tabmenu a {
		margin-bottom: 10px
	}
}

@media screen and (max-width:767px) {
	.profileInformation ul li label {
		float: none;
		width: 100%
	}

	.profileActivity .buttonWrapper .pull-left,
	.profileActivity .buttonWrapper .pull-right {
		float: none !important;
		margin-bottom: 10px
	}

	.tabmenu a {
		font-size: 12px;
		margin-bottom: 10px
	}

	.mymatriactivity label {
		width: 100%
	}

	.mymatriactivity label:after {
		display: none
	}

	.mymatriactivity .infolist p {
		margin-bottom: 20px
	}
}

@media screen and (max-width:480px) {
	.profileInformation h3 {
		font-size: 20px
	}

	.profileInformation ul li label {
		margin-bottom: 0
	}

	.profileInformation ul li {
		float: none;
		width: 100%;
		overflow: hidden
	}

	.profileInformation ul.basicInfo {
		padding-right: 5px
	}

	.profileInformation ul.basicInfo .clearfix {
		padding-right: 10px
	}

	.editProfileForm select.form-control,
	.profileInformation ul li span {
		float: none;
		display: block;
		width: 100%
	}

	.profileActivity .tabs-menu li {
		margin-right: 10px;
		padding-right: 10px
	}

	.profileActivity .buttonWrapper .btn {
		margin: 0 0 10px;
		display: block
	}

	.profileActivity .tabs-menu li a {
		font-size: 14px
	}

	.mymatriactivity a {
		display: block;
		margin-bottom: 10px
	}

	.mymatriactivity .infolist p {
		float: left;
		width: 100%
	}
}