.nicheadunit {
	margin-bottom: 20px;
}

.profile-section-wrapper {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 0 auto;
	column-gap: 3%;
}

#profile-img {
	display: block;
	max-width: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}

#left-col {
	width: 25%;
	min-width: 380px;
	display: inline-block;
	max-width: 400px;
}
#right-col {
	width: 70%;
	display: inline-block;
}

#left-col-top {
	background: #fff;
	padding-bottom: 20px;
}
.left-col-wrapper {
	padding: 20px 20px;
	background: #fff;
}
.right-col-wrapper {
	padding: 25px 30px;
	background: #fff;
}
.left-col-wrapper .separator:nth-child(1) {
	margin-top: 0;
}

#profile-username-status, #tablet-profile-username-status {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.username {
	font-size: 20px;
	font-weight: 600;
}
.status {
	font-size: 12px;
	margin-left: 12px;
    color: #666;
    font-weight: 400;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.status-circle {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #b5b5b5;
	border-radius: 50%;
	/* margin-top: 5px; */
    margin-right: 3px;
}
.status-circle.green {
	background-color: #5aab5a;
}

#profile-location, #tablet-profile-location {
    margin-top: 6px;
	display: flex;
    align-items: center;
}
.location-pin {
	width: 12px;
	margin-right: 6px;
}
.location-name {
	color: #666;
	margin-top: 2px;
	font-size: 13px;
	font-weight: 400;
}
.separator {
	border-bottom: 1px solid #f1f1f1;
	margin: 20px 8px;
}
.section {
	display: none;
}
.section.active {
	display: block;
}
.about-me {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	background: #f9f9f9;
	margin-bottom: 0!important;
}
#description {
	margin-bottom: 20px;
}
#profile-actions {
	display: flex;
	flex-direction: column;
	row-gap: 14px;
}

.profile-action {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.action-icon {
	width: 18px;
	margin-right: 8px;
}

.action-label {
	font-weight: 500;
	font-size: 14px;
	color: #444;
}
#profile-interactions .section-container {
	display: flex;
    flex-direction: column;
}
#profile-interactions .section-trigger {
	font-size: 15px;
	margin-bottom: 16px;
}
#profile-interactions .section-container a {
	font-size: 14px;
	color: #555;
	text-decoration: none;
	background: #f7f7f7;
	padding: 10px 22px;
}
#profile-interactions .section-container a:not(:last-child) {
	border-bottom: 1px solid #ebebeb;
}
#profile-report {
	display: flex;
	align-items: center;
	padding: 12px 20px;
	justify-content: center;
	background-color: #fbfbfb;
	color: #666;
}
#profile-report a {
	color: #666;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}
.report-icon {
	width: 14px;
	margin-right: 4px;
}
.report-label {
	text-decoration: none;
	font-size: 12px;
}

#profile-main-menu {
	display: flex;
	background: #ba274a;
	color: #fff;
}
.profile-menu-item {
	display: inline-block;
	padding: 16px 28px;
	font-size: 14px;
	font-weight: 300;
	position: relative;
	cursor: pointer;
}
.profile-menu-item.active {
	/*background-color: #e3e3e3;*/
}
.profile-menu-item.active:after {
	position: absolute;
	content: "";
	bottom: -15px;
	left: 47%;
	width: 15px;
	height: 15px;
	background-color: #fff;
	transform: rotate(45deg) translateX(-50%);
}

.section-head {
	font-size: 18px;
	font-weight: 600;
}

.section-content {
	font-size: 14px;
	padding: 20px 20px;
	margin-top: 5px;
	margin-bottom: 20px;
}

#profile-bio, #looking-for {
	display: flex;
	flex-direction: column;
	row-gap: 14px;
}
.bio-item, .looking-item {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 6px;
	padding-top: 4px;
}
.bio-label, .looking-label {
	font-weight: 600;
	min-width: 200px;
	color: #3a4454;
}
.bio-details, .looking-details {
	color: #555;
	text-align: right;
	font-weight: 400;
}
#youtube-videos-container {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.youtube-video {
	height: 150px;
	flex: 0 0 31%;
	padding: 1%;
}
#more-videos {
	height: 150px;
	background: #ebebeb;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
}
#more-videos svg {
	color: #ababab;
	padding-top: 10px;
	margin-bottom: -16px;
}
#more-videos span {
	width: 100%;
	padding: 16px 0;
	font-size: 18px;
	font-weight: 400;
	color: #666;
}
.youtube-no-video .no-video {
	background: #ebebeb;
	height: 150px;
	text-align: center;
}
.no-video svg {
	height: 150px;
	color: #c9c9c9;
	max-width: 60%;
}
#youtube-videos-container.no-video {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.youtube-no-video {
	opacity: 0.25;
	height: 150px;
	flex: 0 0 31%;
	padding: 1%;
}
.no-videos-text {
	text-align: center;
	display: block;
	position: absolute;
	width: 100%;
	z-index: 1;
	
	font-size: 22px;
	font-weight: 400;
	color: #666;
}

#photo-grid {
	display: flex;
	flex-wrap: wrap;
}

.photo-grid-item {
	width: 25%;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	aspect-ratio: 1/1;
}

.photo-grid-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid #eaf2f5;
	cursor: pointer;
}

#lightbox-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999999999;
}

#lightbox-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 600px;
	width: 600px;
	max-height: 80%;
	max-width: 80%;
	background-color: #111;
	border-radius: 8px;
	overflow: hidden;
}

#lightbox-image {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
}

#lightbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#lightbox-close {
	width: 28px;
	height: 28px;
	color: #fff;
	z-index: 999999999;
	margin-right: 2px;
	margin-top: 2px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	padding: 20px;
}
#lightbox-prev, #lightbox-next {
	width: 54px;
	height: 100%;
	color: #fff;
	z-index: 99999999;
	background: #00000026;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

#lightbox-prev {
	position: absolute;
	left: 0;
}

#lightbox-next {
	position: absolute;
	right: 0;
}


#photos .section-content {
	background: #f9f9f9;
	border-radius: 4px;
}

#lightbox-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 99999999;
}

.loading-spinner {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 3px solid #fff;
	border-top-color: #3498db;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


#lightbox-thumbnails-container {
	position: absolute;
	bottom: 0%;
	margin-bottom: 20px;
	left: 50%;
	transform: translate(-50%, 0);
}

#lightbox-thumbnails img {
	width: 70px;
	height: 70px;
	object-fit: cover;
	border-radius: 8px;
	margin-right: 10px;
	cursor: pointer;
	opacity: 0.5;
}

#lightbox-thumbnails {
	display: flex;
	justify-content: flex-start;
	width: 600px;
	overflow-x: scroll;
	-ms-overflow-style: none; /* for Internet Explorer */
	scrollbar-width: none; /* for Firefox */
}
#lightbox-thumbnails::-webkit-scrollbar { 
	display: none; /* for Chrome, Safari, and Opera */
}

#lightbox-thumbnails img.selected {
	opacity: 1;
}

.join-btn {
	position: absolute;
	right: 20px;
	bottom: 18px;
	padding: 4px 14px;
	background: #2a2a2a;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	font-weight: 300;
}
.group {
	display: flex;
	flex-direction: row;
	box-shadow: 0px 0px 12px 0px #e7e7e7;
	border-radius: 12px;
	margin-bottom: 20px;
	height: 140px;
	text-decoration: none;
	position: relative;
}
.group-link-block {
	width: calc(100% - 85px);
	display: flex;
	flex-direction: row;
	border-radius: 12px;
	margin-bottom: 20px;
	height: 140px;
	text-decoration: none;
}
.group:hover, .group-link-block:hover, .join-btn:hover {
	text-decoration: none;
}
.group-details {
	/* min-width: 77%; */
	padding: 10px 30px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.group-icon {
	display: flex;
    align-items: center;
    justify-content: center;
	min-width: 12%;
	background: #f9f9f9;
}
.group-icon svg {
	width: 32px;
	color: #545454;
}
.group-name {
	color: #333!important;
	font-size: 20px!important;
	font-weight: 500!important;
	padding-bottom: 0!important;
}
.group-members {
	font-size: 13px;
    color: #888;
    /*margin-left: 10px;*/
    /*margin-bottom: -5px;*/
    font-weight: 300;
}
.group-name-container {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}
.group-name-container > a {
	text-decoration: none;
}
.group.no-grdesc .group-description {
	display: none;
}
.group.no-grdesc .group-name {
	padding-bottom: 0!important;
}

.group-description {
	color: #666!important;
	font-size: 14px;
	font-weight: normal!important;
	padding-bottom: 0!important;
	max-height: 66px;
    overflow: hidden;
	margin: 0;
}
.group-description.hide-grpdesc {
	display: none;
}
#groups-container.no-groups {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	flex-direction: column;
	justify-content: center;
}
#groups-container.no-groups > span{
	text-align: center;
	position: absolute;
	width: 100%;
	z-index: 1;
	font-size: 25px;
	font-weight: 500;
	color: #888;
}
#groups-container.no-groups .group {
	opacity: 0.4;
}
#groups-container.no-groups .group-name {
	height: 10px;
	margin-top: 9px;
	margin-bottom: 9px;
	background-color: #cfcfcf;
	display: inline-block;
	width: 30%;
	border-radius: 50px;
}
#groups-container.no-groups .group-icon svg {
	color: #c1c1c1;
}
#groups-container.no-groups .group-details .group-description {
	height: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
	background-color: #e3e3e3;
	display: inline-block;
	border-radius: 50px;
	width: 100%;
}
#groups-container.no-groups .group-details > .group-description:nth-of-type(2) {
	width: 88%;
}
#groups-container.no-groups .group-details > .group-description:nth-of-type(3) {
	width: 80%;
}

.section-count {
	font-size: 15px;
	color: #555;
	font-weight: 500;
}
.count-parenthese {
	color: #555;
	font-size: 13px;
	margin-left: 2px;
	margin-right: 2px;
}

/*#friends-container {
	display: flex;
	flex-direction: row;
	column-gap: 3%;
	flex-wrap: wrap;
	row-gap: 20px;
}
.friend {
	width: 22%;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0px 0px 12px 0px #e7e7e7;
}
.friend-image {
	height: 200px;
	width: 100%;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: top center!important;
	display: block;
}
.friend-details {
	padding: 16px 20px;
}
.friend .status-circle {
	margin-left: 4px;
}
.friend * {
	text-decoration: none;
}
.friend.more-friends a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	flex-direction: column;
}
.friend.more-friends * {
	text-decoration: none;
}
.friend.more-friends .more-friends-icon{
	color: #bbb;
	margin-bottom: -16px;
	display: flex;
    justify-content: center;
    align-items: center;
	height: 200px;
}
.friend.more-friends a svg {
	width: 60%;
	line-height: 42px;
}
.friend.more-friends a span {
	width: 100%;
	padding: 16px 0;
	font-size: 18px;
	font-weight: 400;
	color: #666;
	text-align: center;
	line-height: 42px;
}
#friends-container.no-friends{
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
#friends-container > span{
	text-align: center;
	display: block;
	position: absolute;
	width: 100%;
	z-index: 1;
	font-size: 25px;
    font-weight: 500;
    color: #888;
}
.friend.no-friends {
	opacity: 0.2;
}
.friend.no-friends svg {
	width: 60%;
	color: #bbb;
	height: 130px;
}
.friend-image-placeholder {
	background-color: #fbfbfb;
	width: 100%;
	display: flex;
	justify-content: center;
}
.friend.no-friends .friend-name {
	height: 16px;
	width: 75%;
	background-color: #cfcfcf;
	display: block;
	border-radius: 40px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.friend.no-friends .location-name {
	height: 13px;
	width: 65%;
	background-color: #e3e3e3;
	display: block;
	border-radius: 40px;
	margin-top: 6px;
}*/

#edit-photos {
	position: absolute;
	bottom: 0px;
	text-align: center;
	width: 100%;
	display: flex;
	justify-content: center;
	transition: all 0.35s;
	opacity: 0;
}

#profile-img:hover #edit-photos {
	transform: translateY(-15px);
	opacity: 1;
}

#edit-photos a {
	text-decoration: none;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	color: #fff;
	background: rgb(20 20 20 / 60%);
	padding: 8px 16px;
	border-radius: 4px;
	border: 1px solid #ffffff7a;
}
#edit-photos a span {
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
}
.camera-icon {
	width: 20px;
	color: #fff;
	margin-right: 8px;
}

.no-photos .section-head {
	display: none;
}
.no-photos .section-content {
	position: relative;
	background: transparent!important;
}
.no-photos .section-content {
	background: transparent!important;
}
.no-photos-container div:not(.photo-grid-item) {
	text-align: center;
	position: absolute;
	width: 100%;
	z-index: 1;
	font-size: 22px;
	font-weight: 400;
	color: #666;
}
.no-photos-container div.photo-grid-item {
	aspect-ratio: inherit;
}
.no-photos-container {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.no-photos-container svg {
	opacity: 0.3;
}

#four-blocks {
	display: flex;
	flex-direction: row;			
	background: #f5f5f5;
	margin-bottom: 15px;
	overflow: hidden;
}
#four-blocks span:not(.bg-image){
	position: relative;
	z-index: 2;
	text-align: center;
}
#four-blocks a {
	flex-grow: 1;
	position: relative;
	/* width: 100%; */
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	text-decoration: none;
	margin: -6px;
}
#four-blocks > div {
	width: 50%;
	border: 6px solid #fbfbfb;
    overflow: hidden;
    width: calc(50% - 1px);
    margin: -1px;
}

#four-blocks > div > a > span:first-child {
	padding: 0 20px;
}

#four-blocks .bg-image {
	background-position: center!important;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-blend-mode: overlay;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	filter: blur(2px);
}
#four-blocks a:before {
	content: "";
	display: block;
	padding-top: 50%;
}
#four-blocks .group-block .bg-image {
	background: url(/images_shared/fourblocks1opt.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
}
#four-blocks .video-block .bg-image {
	background: url(/images_shared/fourblocks2opt.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
}
#four-blocks .sites-block .bg-image {
	background: url(/images_shared/fourblocks3opt.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
}
#four-blocks .chat-block .bg-image {
	background: url(/images_shared/fourblocks4opt.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
}

.gender-icon {
	width: 16px;
	margin-right: 3px;
	margin-left: -2px;
	margin-bottom: -3px;
}
.gender-male {
	color: #3792bd;
}
.gender-female {
	color: #df6292;
}
.mini-title, .gift-title {
	font-size: 15px;
	margin-bottom: 4px;
	font-weight: 500;
}
.mini-description, .gift-description {
	color: #444;
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 16px;
}
#mini-messages-form textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	border: 1px solid #aaa;
    border-radius: 4px;
}
#mini-messages-form button {
	width: 100%;
	padding: 8px 0;
	background-color: #293345;
	border-radius: 4px;
	color: #fff;
	border: 0;
	cursor: pointer;
}

#gifts .send-gift {
	width: 100%;
	display: block;
	padding: 8px 0;
	background-color: #293345;
	border-radius: 4px;
	color: #fff;
	border: 0;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 13.33px;
	font-weight: 400;
}
#gifts .send-gift:hover {
	text-decoration: none;
}

.mini-description span, .gift-description span {
	font-weight: 400;
}

#mini-messages-list {
	/*background: #f7f7f7;*/
    padding: 10px 10px 15px 10px;
	margin-top: 12px;
}
#report_comment {
	text-align: center;
	margin-top: 10px;
}
#report_comment a, #report_comment a:hover {
	text-decoration: none;
	font-size: 12px;
}

.mini-message {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.mini-message:not(:last-child) {
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.mini-message-details {
	display: flex;
	flex-direction: column;
	margin-left: 10px;
	flex-grow: 1;
}
.mini-message-photo {
	height: 50px;
	min-width: 50px;
	max-width: 50px;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: top!important;
	display: inline-block;
	border-radius: 50%;
	margin-top: 26px;
    border: 1px solid #efefef;
}
.mini-message-date {
	font-weight: 400;
	margin-left: 8px;
	color: #666;
	font-size: 12px;
}
.mini-message-username {
	font-weight: 500;
	font-size: 14px;
	text-decoration: none;
}
.mini-message-username:hover {
	text-decoration: none;
}
.mini-message-body {
	font-weight: 400;
	margin-top: 3px;
	background: #ededed;
	padding: 10px;
	min-height: 34px;
	font-size: 12px;
}
.report-mini-message {
	text-align: center;
    margin-top: 8px;
    color: #666;
    font-weight: 400;
}
.see-more-mini-messages {
	text-align: center;
    display: block;
    color: #666;
	font-size: 12px;
}
#gifts-list {
	background: #f7f7f7;
	padding: 12px 15px;
	margin-top: 12px;
	margin-bottom: 15px;
}
.gift {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.gift:not(:last-child) {
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.gift-details {
	display: flex;
	flex-direction: column;
	margin-left: 10px;
	justify-content: center;
}
.gift-photo {
	height: 50px;
	min-width: 50px;
	max-width: 50px;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: top!important;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #efefef;
}
.gift-date {
	font-weight: 400;
	color: #666;
}
.gift-username {
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
}
.gift-username:hover {
	text-decoration: none;
}
.no-gifts, .no-mini-messages {
	font-size: 13px;
    color: #666;
    text-align: center;
    display: block;
    font-weight: 400;
}
.no-mini-messages {
	margin-top: 5px;
	margin-bottom: 15px;
	background: #f7f7f7;
    padding: 12px 15px;
    margin-top: 12px;
}

.expand-section {
	height: auto;
	transition: height 0.5s;
}

#friends-container {
	display: flex;
	flex-direction: row;
	/* column-gap: 3%; */
	flex-wrap: wrap;
	row-gap: 20px;
	
	column-gap: 1.25%;
}
.friend {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0px 0px 12px 0px #e7e7e7;
	
	height: auto;
	width: 19%;
	flex-direction: column;
	align-items: center;
	padding: 15px 0;
}
.friend-image {
	/* height: 200px; */
	/* width: 100%; */
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: top center!important;
	display: block;
	
	border-radius: 50%;
	width: 70px;
	height: 70px;
	border: 1px solid #f5f5f5;
	
}
.friend-details {
	/* padding: 16px 20px; */
	
	padding: 0 5px;
	align-items: center;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.friend .status-circle {
	margin-left: 4px;
	
	width: 8px;
	height: 8px;
	margin-right: 0;
}

.friend * {
	text-decoration: none;
}
.friend.more-friends a {
	/* display: flex; */
	justify-content: center;
	align-items: center;
	height: 100%;
	/* flex-direction: column; */
	
	display: flex;
	flex-direction: column;
	padding: 0;
}
.friend.more-friends * {
	text-decoration: none;
}
.friend.more-friends .more-friends-icon{
	color: #bbb;
	/* margin-bottom: -16px; */
	/* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
	/* height: 200px; */
	
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin: 8px 0 0 0;
}
.friend.more-friends a svg {
	/* width: 60%; */
	/* line-height: 42px; */
	
	width: 90%;
}
.friend.more-friends a span {
	/* width: 100%; */
	/* padding: 16px 0; */
	font-size: 13px;
	font-weight: 400;
	color: #666;
	/* text-align: center; */
	/* line-height: 42px; */
	
	width: 100%;
	padding-left: 0;
	text-align: center;
	height: 42px;
	line-height: 42px;
	background: #f5f5f5;
}
#friends-container.no-friends{
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
#friends-container > span{
	text-align: center;
	display: block;
	position: absolute;
	width: 100%;
	z-index: 1;
	font-size: 25px;
    font-weight: 500;
    color: #888;
}
.friend.no-friends {
	opacity: 0.2;
}
.friend.no-friends svg {
	width: 60%;
	color: #bbb;
	height: 130px;
}
.friend-image-placeholder {
	background-color: #fbfbfb;
	width: 100%;
	display: flex;
	justify-content: center;
}
.friend.no-friends .friend-name {
	height: 16px;
	width: 75%;
	background-color: #cfcfcf;
	display: block;
	border-radius: 40px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.friend.no-friends .location-name {
	height: 13px;
	width: 65%;
	background-color: #e3e3e3;
	display: block;
	border-radius: 40px;
	margin-top: 6px;
}
.friend > a {
	padding: 5px 0 15px 0;
	width: auto;
	display: flex;
    justify-content: center;
    align-items: center;
}
.friend-name {
	font-size: 12px;
}
#friends .section-content{
	padding: 20px;
}
.friend.more-friends {
	background: #f5f5f5;
	border: 1px solid #e6e6e6;
	padding: 21px 0;
	width: calc(19% - 2px);
}

.friend .location-name {
	font-size: 11px;
}
.friend-location {
	width: 100%;
	display: flex;
    justify-content: center;
}




#profile-details {
	padding: 20px 20px 0 20px;
}
#profile-actions {
	padding: 0 20px 0 20px;
}
.left-col-wrapper {
	padding-top: 0;
}
#left-col-top > .separator {
	margin: 20px 28px;
}
.separator:last-of-type {
    display: none;
}
#mini-messages-form textarea {
	padding: 10px 15px;
}



.phone-geo-sponsors {
	display: none;
}

.desktop-geo-sponsors h2 {
	font-size: 20px;
	text-align: center;
	font-weight: 600;
}


@media screen and (max-width:1500px){
	.friend {
		width: 24%;
	}
	#friends-container {
		column-gap: 1.33%;
	}
	.friend.more-friends {
		width: calc(24% - 2px);
	}
	.friend.no-friends:nth-child(5) {
		display: none;
	}
	
	.group-icon {
		min-width: 14%;
	}
	
}

@media screen and (max-width:1400px){
	.friend {
		width: 32%;
	}
	.friend.more-friends {
		width: calc(32% - 2px);
	}
	.friend.no-friends:nth-child(3) {
		display: none;
	}
	
	.group-icon {
		min-width: 14%;
	}
	
}


@media screen and (max-width:1300px){
	#videos .section-content {
		padding: 20px 5px;
	}
	.youtube-no-video .no-video {
		height: 125px;
	}
	.no-video svg {
		height: 125px;
	}
	.youtube-no-video {
		height: 125px;
	}
	
	#four-blocks {
		flex-wrap: wrap;
	}
	#four-blocks a:before {
		padding-top: 35%;
	}
	#four-blocks > div {
		border: 3px solid #fbfbfb;
		overflow: hidden;
		width: calc(50% - 1.5px);
		margin: -1px;
	}
	
	.group-block-container {
		border-top: 0!important;
		border-left: 0!important;
	}
	.video-block-container {
		border-top: 0!important;
		border-right: 0!important;
	}
	.sites-block-container {
		border-bottom: 0!important;
		border-left: 0!important;
	}
	.chat-block-container {
		border-bottom: 0!important;
		border-right: 0!important;
	}
	
	.group-icon {
		min-width: 16%;
	}
	
}
@media screen and (max-width:1200px){
	.no-photos-container .photo-grid-item:last-child {
		display: none;
	}
	.photo-grid-item {
		width: 33%;
	}
	.no-photos-container div:not(.photo-grid-item) {
		font-size: 18px;
	}

}
@media screen and (max-width:1100px){
	.profile-section-wrapper {
		flex-wrap: wrap;
	}
	#left-col {
		min-width: 100%;
		width: 100%;
	}
	#right-col {
		width: 100%;
		padding: 0 25px;
	}
	#profile-img-container {
		width: 50%;
	}
	
	#tablet-profile-details {
		display: block;
	}
	#profile-img {
		height: 200px;
		background-size: 200px;
		width: 200px;
		margin: 0 auto;
		border-radius: 50%;
		border: 1px solid #ebebeb;
	}
	#profile-details {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#left-col-top > .separator {
		display: none;
	}
	#profile-actions {
		width: 50%;
	}
	#left-col-top {
		display: flex;
		align-items: center;
	}
	.left-col-wrapper {
		padding-top: 20px;
	}
	.section-container {
		height: 0;
		overflow: hidden;
	}
	.separator {
		margin: 10px 8px;
	}
	.section-trigger {
		margin-bottom: 0!important;
		margin-left: 10px;
		padding: 12px 0;
	}
	.separator:last-of-type {
		display: block;
	}
	#profile-report {
		display: none;
	}
	
	.section-trigger {
		position: relative;
	}
	.section-container {
		margin: 0 10px;
	}
	
	#mini-messages-form button,
	.fun-interaction:last-child,
	.send-gift {
		margin-bottom: 20px;
	}
	
	.section-trigger:after {
		content: "";
		display: block;
		box-sizing: border-box;
		position: absolute;
		width: 10px;
		height: 10px;
		border-bottom: 2px solid;
		border-right: 2px solid;
		transform: rotate(45deg);
		right: 15px;
		top: 16px;
		border-color: #333;
	}
	.tablet-no-margin {
		margin: 0 8px;
	}
	#mini-messages-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.mini-message {
		width: calc(50% - 40px);
		padding: 0 20px;
	}
	#gifts-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.no-gifts {
		width: 100%;
	}
	.gift {
		flex-grow: 1;
		width: 33.3333%;
	}
	
	#four-blocks {
		row-gap: 4px;
	}
	
	#four-blocks a:before {
		padding-top: 22%;
	}
	#four-blocks > div {
		width: calc(50% - 1px);
		border: 0!important;
	}
	
	#four-blocks a:before {
		padding-top: 24%;
	}
	#four-blocks {
		column-gap: 1px;
		justify-content: space-between;
	}
	#four-blocks > div {
		width: calc(50% - 0.25px);
		border: 0!important;
	}

	.desktop-geo-sponsors {
		display: none;
	}
	.phone-geo-sponsors {
		display: block;
	}

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


	.section-content {
		font-size: 13px;
	}

}
@media screen and (max-width:767px){
	
	#photos .section-content {
		padding: 0;
	}
	#friends .section-content, #groups .section-content {
		padding: 20px 0;
	}
	
	.friend {
		width: 49%;
	}
	#friends-container {
		column-gap: 2%;
	}
	.friend.more-friends {
		width: calc(49% - 2px);
	}
	
	.friend.no-friends:nth-child(2) {
		display: none;
	}
	
	.group-link-block {
		width: 100%;
		margin-bottom: 0;
		height: 173px;
	}
	.join-btn {
		position: static;
		text-align: center;
		border-radius: 0 0 4px 4px;
		padding: 8px 14px;
	}
	.group-details {
		min-width: auto;
		padding: 20px 30px;
	}
	.group {
		flex-direction: column;
		border-radius: 4px;
		height: 173px;
		margin-bottom: 30px;
	}
	
	#groups-container.no-groups .group {
		flex-direction: row;
	}
	#groups-container.no-groups .group-details {
		width: 65%;
	}
	#groups-container.no-groups .group-name {
		height: 14px;
	}
	#groups-container.no-groups .group-details .group-description {
		height: 10px;
	}
	
	#four-blocks a:before {
		padding-top: 30%;
	}

	
}
@media screen and (max-width:650px){
	
	#profile-img {
		margin: 0;
	}
	#profile-img-container {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 28px;
	}
	.action-label {
		text-align: center;
	}
	#profile-details {
		align-items: flex-start;
	}
	#left-col-top {
		flex-wrap: wrap;
	}
	#profile-actions {
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		background: #f5f5f5;
		padding: 0;
		margin-top: 20px;
		justify-content: center;
		row-gap: 0;
		margin-left: 25px;
		margin-right: 25px;
	}
	#profile-actions .profile-action {
		flex-direction: column;
		width: calc(50% - 32px);
		padding: 15px;
		border: 1px solid #fff;
	}
	#profile-actions .profile-action:nth-child(3),
	#profile-actions .profile-action:nth-child(4),
	#profile-actions .profile-action:last-child {
		width: calc(33% - 32px);
	}
	
	#profile-actions .profile-action:nth-child(1),
	#profile-actions .profile-action:nth-child(3) {
		border-left: 0;
	}
	#profile-actions .profile-action:nth-child(2),
	#profile-actions .profile-action:nth-child(5) {
		border-right: 0;
	}

	.action-icon {
		margin: 0;
		margin-bottom: 8px;
	}
	.right-col-wrapper {
		padding: 25px 15px;
	}
	.youtube-no-video .no-video,
	.youtube-no-video,
	.no-video svg {
		height: 100px;
	}
	
	#profile-details {
		padding-right: 0;
	}
	
	.section-content {
		padding: 20px 10px;
	}
	
	#four-blocks > div {
		width: 100%;
	}
	
	#four-blocks a:before {
		padding-top: 18%;
	}
}

@media screen and (max-width:560px){
	.profile-menu-item {
	    padding: 15px 2px;
		flex-grow: 1;
		text-align: center;
		/*border: 1px solid #333;*/
		border-bottom: 0!important;
		font-size: 12px;
		font-weight: 300;
	}
	#profile-main-menu {
		justify-content: space-between;
		/*border-radius: 4px;*/
		overflow: hidden;
	}
	#four-blocks a:before {
		padding-top: 20%;
	}

}

@media screen and (max-width:500px){
	#profile-img-container {
		flex-direction: column;
		
	}
	#profile-details {
		padding-right: 20px;
		padding-left: 20px;
		align-items: center;
	}
	
	#profile-actions .profile-action {
		width: calc(50% - 32px);
		padding: 15px;
		border: 1px solid #fff;
	}
	#profile-actions .profile-action:nth-child(3),
	#profile-actions .profile-action:nth-child(4) {
		width: calc(50% - 32px);
	}
	#profile-actions .profile-action:last-child {
		width: calc(100% - 32px);
	}
	
	#profile-actions .profile-action:nth-child(1),
	#profile-actions .profile-action:nth-child(3),
	#profile-actions .profile-action:nth-child(5) {
		border-left: 0;
	}
	#profile-actions .profile-action:nth-child(2),
	#profile-actions .profile-action:nth-child(4),
	#profile-actions .profile-action:nth-child(5) {
		border-right: 0;
	}
	
	#profile-actions {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.mini-message {
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	.tablet-no-margin {
		margin: 0;
	}
	.left-col-wrapper {
		padding: 15px;
	}
	.right-col-wrapper {
		padding: 25px 20px;
	}
	#right-col {
		padding: 0 15px;
	}
	
	.group{
		height: auto;
	}
	.group-link-block, #groups-container.no-groups .group {
		height: auto;
		/* flex-direction: column; */
	}
	.group-icon {
		/* height: 95px; */
	}
	.group-icon svg {
		width: 26px;
	}
	#groups-container.no-groups .group-details {
		width: calc(100% - 60px);
	}
	
	.no-photos-container div:not(.photo-grid-item) {
		font-size: 15px;
	}
	
	/*.friend {
		height: auto;
		width: 47%;
	}
	#friends-container {
		justify-content: space-between;
	}*/
	
	.bio-label {
		min-width: 125px;
	}
	
	#four-blocks a:before {
		padding-top: 26%;
	}
	
	#four-blocks > div {
		width: 100%;
	}
}




@media screen and (max-width:400px){
	#four-blocks a:before {
		padding-top: 24%;
	}
}

@media screen and (max-width:370px){
	#right-col {
		padding: 0;
	}
	#four-blocks {
		row-gap: 2px;
		padding: 0 15px;
	}
	#four-blocks > div {
		width: 100%;
		margin: 0;
	}
}