#suggestedFriends .moduleBox {
	background: rgba(0, 0, 0, 0) !important;
	box-shadow: none !important;
	overflow: visible !important;
}

.mnSuggestedUsers {
	text-align: left;
	position: relative;
}

	.mnSuggestedUsers .title {
		color: #5e5c6a;
		font-size: 19px;
		margin-bottom: 20px;
	}

	.mnSuggestedUsers .noResults {
		padding: 20px;
		display: block;
		text-align: center;
		color: #757575;
		font-size: 14px;
	}

	.mnSuggestedUsers .showFilters {
		position: relative;
	}

		.mnSuggestedUsers .showFilters .showFiltersHead {
		}

			.mnSuggestedUsers .showFilters .showFiltersHead .pagination {
				float: right;
			}

			.mnSuggestedUsers.active .showFilters .showFiltersHead .pagination {
				display: none;
			}

				.mnSuggestedUsers .showFilters .showFiltersHead .pagination .arrow {
					background-color: #f2f3f8;
					border: 1px solid #d6d4ea;
					position: relative;
					width: 30px;
					height: 30px;
					float: left;
					-webkit-border-radius: 0 3px 3px 0;
					-moz-border-radius: 0 3px 3px 0;
					border-radius: 0 3px 3px 0;
					cursor: pointer;
					-o-transition: background-color .3s;
					-ms-transition: background-color .3s;
					-moz-transition: background-color .3s;
					-webkit-transition: background-color .3s;
					transition: background-color .3s;
				}

				.mnSuggestedUsers .showFilters .showFiltersHead .pagination .arrow:hover {
					background-color: #fff;
				}

				.mnSuggestedUsers .showFilters .showFiltersHead .pagination .arrow.left {
					border-right: 0;
					-webkit-border-radius: 3px 0 0 3px;
					-moz-border-radius: 3px 0 0 3px;
					border-radius: 3px 0 0 3px;
				}

					.mnSuggestedUsers .showFilters .showFiltersHead .pagination .arrow u {
						position: absolute;
						top: 50%;
						left: 50%;
						margin-top: -10px;
						margin-left: -6px;
						display: block;
						width: 12px;
						height: 19px;
						background-position: -85px -126px;
					}

					.mnSuggestedUsers .showFilters .showFiltersHead .pagination .arrow:hover u {
						background-position: -113px -126px;
					}

					.mnSuggestedUsers .showFilters .showFiltersHead .pagination .arrow.left u {
						background-position: -71px -126px;
					}

					.mnSuggestedUsers .showFilters .showFiltersHead .pagination .arrow.left:hover u {
						background-position: -99px -126px;
					}

		.mnSuggestedUsers .showFilters .result {
			margin-top: 10px;
		}

			.mnSuggestedUsers .showFilters .result .person {
				width: 47%;
				margin-left: 6%;
				float: left;
				text-align: center;
				margin-top: 15px;
				text-decoration: none;
			}

			.mnSuggestedUsers .showFilters .result .person:nth-child(odd) {
				clear: both;
				margin-left: 0;
			}

			.mnSuggestedUsers.display_column3 .showFilters .result .person,
			.mnSuggestedUsers.display_column3 .showFilters .result .person:nth-child(odd) {
				clear: none;
				margin-left: 3%;
				width: 31%;
			}

			.mnSuggestedUsers.display_column3 .showFilters .result .person:nth-child(3n+1) {
				clear: both;
				margin-left: 0;
			}

				.mnSuggestedUsers .showFilters .result .person img {
					width: 100%;
					-webkit-border-radius: 110px;
					-moz-border-radius: 110px;
					border-radius: 110px;
				}

				.mnSuggestedUsers .showFilters .result .person .userInfo {
					margin-top: 5px;
					text-align: center;
					display: inline-block;
					width: 100%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-break: break-word;
				}

					.mnSuggestedUsers .showFilters .result .person .userInfo .name {
						color: #5a595f;
						font-size: 15px;
						display: block;
						text-align: center;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}

					.mnSuggestedUsers .showFilters .result .person .userInfo .city {
						color: #21a7e6;
						font-size: 14px;
						display: block;
						text-align: center;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}

		.mnSuggestedUsers .btn {
			font-size: 15px;
			background-color: #387ffb;
			color: #fff;
			line-height: 100%;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			padding: 5px 9px;
			display: inline-block;
			cursor: pointer;
			-o-transition: .3s;
			-ms-transition: .3s;
			-moz-transition: .3s;
			-webkit-transition: .3s;
			transition: .3s;
			float: left;
		}

		.mnSuggestedUsers.active .showFilters .btn {
			display: block;
			-webkit-border-radius: 3px 3px 0 0;
			-moz-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
			float: none;
		}

		.mnSuggestedUsers .btn:hover {
			background-color: #1C5CCC;
		}

			.mnSuggestedUsers .btn span {
				height: 18px;
				line-height: 18px;
				display: inline-block;
				position: relative;
				top: -2px;
			}

			.mnSuggestedUsers .btn u {
				width: 18px;
				height: 18px;
				display: inline-block;
				margin-right: 6px;
				background-position: -164px -61px;
				position: relative;
				top: 2px;
			}

		.mnSuggestedUsers .layer {
			-webkit-border-radius: 0 0 3px 3px;
			-moz-border-radius: 0 0 3px 3px;
			border-radius: 0 0 3px 3px;
			border: 1px solid #d6d4ea;
			border-width: 0 1px;
			overflow: hidden;
			position: absolute;
			top: 32px;
			width: 100%;
			z-index: 5;
			display: none;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.mnSuggestedUsers.active .layer {
			display: block;
		}

		/*.mnSuggestedUsers.active .layer {
			display: block;
		}*/

			.mnSuggestedUsers .layer .form {
				background-color: #e6e9f0;
				padding: 0 15px 15px;
			}

				.mnSuggestedUsers .layer .form .row {
					padding-top: 20px;
					font-size: 15px;
					color: #576568;
				}

				.mnSuggestedUsers .layer .advancedFilter .row {
					padding-top: 15px;
				}

					.mnSuggestedUsers .layer .form .row .label {
					}

					.mnSuggestedUsers .layer .form .row .label .age_range {
						float: right
					}

						.mnSuggestedUsers .layer .form .row .label .age_range b {
							font-weight: normal;
						}

					.mnSuggestedUsers .layer .form .row .input {
						padding-top: 10px;
					}

						.mnSuggestedUsers .layer .form .row .input .selectTowns {
						}

							.mnSuggestedUsers .layer .form .row .input .selectTowns .inputBox {
							}

								.mnSuggestedUsers .layer .form .row .input .selectTowns .inputBox input,
								.mnSuggestedUsers .layer .form .advancedFilter input {
									padding: 15px;
									border: 0;
									width: 100%;
									-webkit-box-sizing: border-box;
									-moz-box-sizing: border-box;
									box-sizing: border-box;
									line-height: 100%;
									outline: 0;
									-webkit-border-radius: 3px;
									-moz-border-radius: 3px;
									border-radius: 3px;
									padding: 13px 14px;
								}

								.mnSuggestedUsers .layer .form .row .input .selectTowns .autocompleteResponse {
								}

									.mnSuggestedUsers .layer .form .row .input .selectTowns .autocompleteResponse ul {
										list-style-type: none;
										padding: 0 !important;
										margin: 0 !important;
									}

										.mnSuggestedUsers .layer .form .row .input .selectTowns .autocompleteResponse ul li {
											background-image: none !important;
											padding: 0 !important;
											margin: 0 !important;
										}

							.mnSuggestedUsers .layer .form .row .input .selectTowns .towns {
								display: none;
							}

							.mnSuggestedUsers .layer .form .row .input .selectTowns .towns.active {
								margin: 0 0 10px 0;
								display: block;
							}

								.mnSuggestedUsers .layer .form .row .input .selectTowns .towns .town {
									font-size: 13px;
									background-color: #F5F7F9;
									padding: 4px 6px;
									display: inline-block;
									margin-right: 5px;
									-webkit-border-radius: 2px;
									-moz-border-radius: 2px;
									border-radius: 2px;
									margin-top: 5px;
								}

								.mnSuggestedUsers .layer .form .row .input .selectTowns .towns .town.example {
									display: none;
								}

									.mnSuggestedUsers .layer .form .row .input .selectTowns .towns .town .delete {
										padding: 3px;
										cursor: pointer;
										display: inline-block;
										vertical-align: top;
										margin-left: 6px;
										position: relative;
										top: 2px;
									}

										.mnSuggestedUsers .layer .form .row .input .selectTowns .towns .town .delete u {
											display: block;
											width: 8px;
											height: 9px;
											background-position: -58px -126px;
										}

						.mnSuggestedUsers .layer .form .row .input .ageRangeOuter {
							background-color: #fff;
							padding: 20px 15px;
							-webkit-border-radius: 3px;
							-moz-border-radius: 3px;
							border-radius: 3px;
						}

							.mnSuggestedUsers .layer .form .row .input .ageRange {
								height: 2px;
								border: 0;
								background: #c5cfd9;
							}

								.mnSuggestedUsers .layer .form .row .input .ageRange .ui-slider-range {
									background: #3b7ffa;
								}

								.mnSuggestedUsers .layer .form .row .input .ageRange .ui-slider-handle {
									background: #3b7ffa;
									border: 0;
									-webkit-border-radius: 16px;
									-moz-border-radius: 16px;
									border-radius: 16px;
									width: 16px;
									height: 16px;
									top: -8px;
									outline: none;
									cursor: ew-resize;
								}

						.mnSuggestedUsers .layer .form .row .input .selectSex {
						}

							.mnSuggestedUsers .layer .form .row .input .selectSex .option {
								width: 33.3%;
								float: left;
								-webkit-box-sizing: border-box;
								-moz-box-sizing: border-box;
								box-sizing: border-box;
								background-color: #fff;
								padding: 10px 0;
								text-align: center;
								cursor: pointer;
								-o-transition: background-color .3s;
								-ms-transition: background-color .3s;
								-moz-transition: background-color .3s;
								-webkit-transition: background-color .3s;
								transition: background-color .3s;
							}

								.mnSuggestedUsers .layer .form .row .input .selectSex .option u {
									display: inline-block;
									width: 10px;
									height: 23px;
									vertical-align: top;
								}

							.mnSuggestedUsers .layer .form .row .input .selectSex .option.woman {
								-webkit-border-radius: 3px 0 0 3px;
								-moz-border-radius: 3px 0 0 3px;
								border-radius: 3px 0 0 3px;
								background-position: -30px -125px;
							}

								.mnSuggestedUsers .layer .form .row .input .selectSex .option.woman u {
									background-position: -30px -125px;
								}

							.mnSuggestedUsers .layer .form .row .input .selectSex .option.woman:hover,
							.mnSuggestedUsers .layer .form .row .input .selectSex .option.woman.selected {
								background-color: #ec407a;
							}

								.mnSuggestedUsers .layer .form .row .input .selectSex .option.woman:hover u,
								.mnSuggestedUsers .layer .form .row .input .selectSex .option.woman.selected u {
									background-position: -2px -125px;
								}

							.mnSuggestedUsers .layer .form .row .input .selectSex .option.man {
								width: 33.4%;
								border: 1px solid #f4f4fb;
								border-width: 0 1px;
							}

								.mnSuggestedUsers .layer .form .row .input .selectSex .option.man u {
									background-position: -44px -125px;
								}

							.mnSuggestedUsers .layer .form .row .input .selectSex .option.man:hover,
							.mnSuggestedUsers .layer .form .row .input .selectSex .option.man.selected {
								background-color: #3a80fc;
							}

								.mnSuggestedUsers .layer .form .row .input .selectSex .option.man:hover u,
								.mnSuggestedUsers .layer .form .row .input .selectSex .option.man.selected u {
									background-position: -16px -125px;
								}


							.mnSuggestedUsers .layer .form .row .input .selectSex .option.all {
								-webkit-border-radius: 0 3px 3px 0;
								-moz-border-radius: 0 3px 3px 0;
								border-radius: 0 3px 3px 0;
							}

								.mnSuggestedUsers .layer .form .row .input .selectSex .option.all u {
									background-position: -44px -125px;
								}

								.mnSuggestedUsers .layer .form .row .input .selectSex .option.all u:first-child {
									background-position: -30px -125px;
								}

							.mnSuggestedUsers .layer .form .row .input .selectSex .option.all:hover,
							.mnSuggestedUsers .layer .form .row .input .selectSex .option.all.selected {
								background-color: #2cc27a;
							}

								.mnSuggestedUsers .layer .form .row .input .selectSex .option.all:hover u,
								.mnSuggestedUsers .layer .form .row .input .selectSex .option.all.selected u {
									background-position: -16px -125px;
								}

								.mnSuggestedUsers .layer .form .row .input .selectSex .option.all:hover u:first-child,
								.mnSuggestedUsers .layer .form .row .input .selectSex .option.all.selected u:first-child {
									background-position: -2px -125px;
								}

						.mnSuggestedUsers .layer .form .advancedFilter {
						}

							.mnSuggestedUsers .layer .form .advancedFilter .showAdvancedFilter {
								margin-top: 15px;
								padding-top: 15px;
								border-top: 1px solid #cbd0e3;
								color: #afb4ca;
								text-align: center;
								font-size: 14px;
								cursor: pointer;
							}

								.mnSuggestedUsers .layer .form .advancedFilter .showAdvancedFilter span {
									font-size: 14px;
								}

								.mnSuggestedUsers .layer .form .advancedFilter .showAdvancedFilter u {
									width: 10px;
									height: 6px;
									background-position: -58px -138px;
									display: inline-block;
									margin-left: 5px;
									vertical-align: top;
									position: relative;
									top: 7px;
									-o-transition: .3s;
									-ms-transition: .3s;
									-moz-transition: .3s;
									-webkit-transition: .3s;
									transition: .3s;
								}

								.mnSuggestedUsers .layer .form .advancedFilter.active .showAdvancedFilter u {
									transform: rotate(179deg) scale(1) skew(1deg) translate(0px);
									-webkit-transform: rotate(179deg) scale(1) skew(1deg) translate(0px);
									-moz-transform: rotate(179deg) scale(1) skew(1deg) translate(0px);
									-o-transform: rotate(179deg) scale(1) skew(1deg) translate(0px);
									-ms-transform: rotate(179deg) scale(1) skew(1deg) translate(0px);
								}

							.mnSuggestedUsers .layer .form .advancedFilter .miniForm {
								-o-transition: .3s;
								-ms-transition: .3s;
								-moz-transition: .3s;
								-webkit-transition: .3s;
								transition: .3s;
								display: none;
							}

							.mnSuggestedUsers .layer .form .advancedFilter.active .miniForm {
								display: block;
							}

			.mnSuggestedUsers .layer .submitButton {
				background-color: #2cc27a;
				color: #fff;
				font-size: 17px;
				padding: 15px 10px;
				line-height: 100%;
				text-align: center;
				font-weight: bold;
				-o-transition: .3s;
				-ms-transition: .3s;
				-moz-transition: .3s;
				-webkit-transition: .3s;
				transition: .3s;
				cursor: pointer;
			}

			.mnSuggestedUsers .layer .submitButton:hover {
				background-color: #1C965B;
			}

				.mnSuggestedUsers .layer .submitButton u {
					width: 19px;
					height: 13px;
					display: inline-block;
					margin-right: 8px;
					background-position: -164px -82px;
					position: relative;
					top: 0;
				}

.mnSuggestedUsers.slider {
}

	.mnSuggestedUsers.slider .topBar {
		background-color: #fff;
		padding: 12px 10px;
	}

		.mnSuggestedUsers.slider .title {
			float: left;
			display: inline-block;
			height: 32px;
			line-height: 32px;
			cursor: pointer;
			margin: 0;
			padding: 0;
		}

			.mnSuggestedUsers.slider .title span {
				color: #00c0ff;
				font-size: 16px;
				font-weight: normal;
				display: inline-block;
			}

			.mnSuggestedUsers.slider .title u {
				width: 20px;
				height: 11px;
				display: inline-block;
				position: relative;
				top: 0;
				margin-left: 3px;
				background-position: -128px -126px;
				-ms-transform: rotate(180deg); /* IE 9 */
				-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
				transform: rotate(180deg);
				-o-transition: .3s;
				-ms-transition: .3s;
				-moz-transition: .3s;
				-webkit-transition: .3s;
				transition: .3s;
			}

			.mnSuggestedUsers.slider.open .title u {
				-ms-transform: none;
				-webkit-transform: none; /* Chrome, Safari, Opera */
				transform: none;
			}

		.mnSuggestedUsers.slider .btn {
			float: right;
			display: none;
		}

		.mnSuggestedUsers.slider.open .btn {
			display: block;
		}

	.mnSuggestedUsers.slider .layer {
		top: 56px;
	}

	.mnSuggestedUsers.slider .result {
		padding: 10px 10px;
		background-color: #dcdcdf;
		overflow: hidden;
		display: none !important;
	}

	.mnSuggestedUsers.slider.open .result {
		display: block !important;
	}

		.mnSuggestedUsers.slider .result ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}

			.mnSuggestedUsers.slider .result ul li {
				padding: 0 !important;
				margin: 0;
				background: transparent !important;
				display: inline-block;
			}

			.mnSuggestedUsers.slider .result.loading ul li {
				display: none;
			}

				.mnSuggestedUsers.slider .result ul li a {
					padding: 0 !important;
					margin: 0;
					background: none;
					display: block;
				}

					.mnSuggestedUsers.slider .result ul li a img {
						-webkit-border-radius: 150px;
						-moz-border-radius: 150px;
						border-radius: 150px;
						width: 100%;
						height: 100%;
					}
	#mobileBody .mnSuggestedUsers.slider .result ul li a img {
		height: auto;
	}