﻿/*############################################################
				PROFILE OTHERS CSS
################################################################*/
#secbanner { background: url("https://images2.felizes.pt/Images/bg-secbanner.jpg") no-repeat center center; background-size: cover; position: relative; height: 400px; padding: 100px 0 200px 0; }
#secbanner .top { position: relative; z-index: 2; height: 100%; }
#secbanner #banner-contents { display: flex; height: 100%; }
#secbanner #banner-contents .wrapper { display: flex; justify-content: center; align-items: center; }
#secbanner #banner-contents h1 { font-family: "Quicksand", sans-serif; color: #E3496D; font-size: 60px; text-align: center; }

.clouds { background: url("https://images2.felizes.pt/Images/clouds.png") repeat center center; position: absolute; height: 200px; width: 100%; bottom: 0; left: 0; z-index: 1; }

.profile .extras-banner { display: none; justify-content: center; border: dotted 1px #0296C0; border-radius: 20px; margin-bottom: 40px; margin-top: 40px; }
.profile .extras-banner .close { background-color: #A6E0F1; position: absolute; right: -10px; top: -10px; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 10px; font-size: 22px; color: #0296C0; font-family: "Quicksand", sans-serif; line-height: 0; cursor: pointer; transition: background 0.3s ease; opacity: 1;}
.profile .extras-banner .close:hover { background: #0296C0; color: #fff; }
.profile .extras-banner .content { background-color: #D5F6FF; border-radius: 16px; width: 100%; display: flex; flex-direction: column; padding: 20px; margin: 5px; position: relative; }
.profile .extras-banner .content .col-1 { display: flex; flex-direction: column; border-radius: 15px 0 0 15px; width: 100%; padding: 0 10px; }
.profile .extras-banner .content .col-1 .icon { background: url("https://images2.felizes.pt/Images/icon-extra-1.svg") no-repeat center center; background-size: 100%; width: 100%; height: 0; padding-bottom: 50%; flex-shrink: 0; margin-bottom: 20px; }
.profile .extras-banner .content .col-1 .title { margin-bottom: 0; font-size: 16px; color: #0296C0; font-family: "Quicksand", sans-serif; font-weight: 700; margin-bottom: 20px; }
.profile .extras-banner .content .col-2 { flex-shrink: 0; align-items: center; }
.profile .extras-banner .content .col-2 .btn { background-color: transparent; border: solid 2px #0296C0; font-size: 19px; font-family: "Quicksand", sans-serif; font-weight: 700; color: #0296C0; display: flex; padding: 0 36px; justify-content: center; }
.profile .extras-banner .content .col-2 .btn:hover { background-color: #0296C0; color: #fff; }
.profile .extras-banner.extras-banner-profile2 .content { flex-direction: row; align-items: center; }
.profile .extras-banner.extras-banner-profile2 .col-1 { flex-direction: row; align-items: center; padding-right: 30px; }
.profile .extras-banner.extras-banner-profile2 .col-1 .icon { width: 130px; padding-bottom: 0; height: 60px; margin-bottom: 0; margin-right: 30px; }
.profile .extras-banner.extras-banner-profile2 .col-1 .title { margin-bottom: 0; font-size: 20px; }

.profile .profile-content { display: flex; padding-bottom: 80px; position: relative; }
.profile .profile-content .blockeduser-overlay { background: rgba(255, 255, 255, 0.88); position: absolute; width: 100%; height: calc(100% - 80px); padding-top: 150px; display: flex; justify-content: center; align-items: flex-start; border-radius: 10px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); z-index: 10; text-align: center; display: none; }
.profile .profile-content .blockeduser-overlay .blockeduser-text { background-color: #FADCE2; border-radius: 10px; display: flex; flex-direction: column; align-items: center; padding: 30px; justify-content: center; }
.profile .profile-content .blockeduser-overlay .blockeduser-text .icon-ban-circle { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat -480px -540px; background-size: 1200px; display: block; width: 60px; height: 60px; margin: 0 auto 20px auto; }
.profile .profile-content .blockeduser-overlay .blockeduser-text a { width: auto; margin-top: 10px; }
.profile .profile-content .left { width: 253px; flex-shrink: 0; position: relative; z-index: 1; }
.profile .profile-content .left .extras-banner { display: flex; }
.profile .profile-content .left .profile-image { background-color: #fff; display: flex; flex-direction: column; align-items: center; width: 100%; border: solid 7px #fff; border-radius: 20px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); position: relative; margin-bottom: 20px; position: relative; }
.profile .profile-content .left .profile-image img { max-width: 100%; border-radius: 14px; }
.profile .profile-content .left .profile-image .status { background-color: #BBBBBB; position: absolute; bottom: -14px; font-size: 14px; color: #fff; text-align: center; border-radius: 10px; padding: 1px 10px; white-space: nowrap; }
.profile .profile-content .left .profile-image .status.online { background-color: #4EB152; }
.profile .profile-content .left .profile-image .status.online_invisible { background-color: #e3496d; }
.profile .profile-content .left .profileSidePhotos { position: absolute; right: -60px; width: 50px; height: 100%; flex-direction: column; display: none; }
.profile .profile-content .left .profileSidePhotos .profileSidePhoto { margin-bottom: 5px; border: solid 4px #fff; width: 50px; height: 50px; border-radius: 5px; position: relative; transform: scale(1); transition: transform 0.3s ease; }
.profile .profile-content .left .profileSidePhotos .profileSidePhoto:hover { transform: scale(1.1); }
/*.profile .profile-content .left .profileSidePhotos a { display: flex; justify-content: center; width: 100%; height: 100%; overflow: hidden; }*/
.profile .profile-content .left .profileSidePhotos a img { border-radius: 5px; }
.profile .profile-content .left .profileSidePhotos .number { background: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 400; border-radius: 5px; }
.profile .profile-content .left .profile-options { background-color: #fff; display: flex; height: 50px; border-radius: 25px; overflow: hidden; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); position: relative; }
.profile .profile-content .left .profile-options .profile-option { width: 33.33%; height: 100%; }
.profile .profile-content .left .profile-options .profile-option:not(:last-child) { border-right: solid 1px #e6e6e6; }
.profile .profile-content .left .profile-options a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; transition: background 0.3s ease; }
.profile .profile-content .left .profile-options a .icon { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat 0 0; background-size: 500px; display: block; width: 25px; height: 25px; }
.profile .profile-content .left .profile-options .send-heart .icon { background-position: 0 -225px; }
.profile .profile-content .left .profile-options .send-gift .icon { background-position: -25px -225px; }
.profile .profile-content .left .profile-options .send-message .icon { background-position: -50px -225px; }
@media (hover: hover) {
	.profile .profile-content .left .profile-options a:hover { background-color: #E3496D; }
	.profile .profile-content .left .profile-options .send-heart:hover .icon { background-position: -75px -225px; }
	.profile .profile-content .left .profile-options .send-gift:hover .icon { background-position: -100px -225px; }
	.profile .profile-content .left .profile-options .send-message:hover .icon { background-position: -125px -225px; }
}
.profile .profile-content .left .profile-options a.selected { background-color: #de6884; }
.profile .profile-content .left .profile-options .send-heart.selected .icon { background-position: -75px -225px; }
.profile .profile-content .left .profile-options .send-gift.selected .icon { background-position: -100px -225px; }
.profile .profile-content .left .profile-options .send-message.selected .icon { background-position: -125px -225px; }
.profile .profile-content .left .GirlyMember { text-align: center; }
.profile .profile-content .left .GirlyMember span { background-color: #FEF5F7; display: inline-block; padding: 15px 20px; border-radius: 0 0 15px 15px; font-family: "Quicksand", sans-serif; color: #E3496D; margin: 0 auto; }
.profile .profile-content .left .user-actions { display: flex; justify-content: center; margin-top: 50px; }
.profile .profile-content .left .user-actions a { display: flex; align-items: center; color: #0296C0; }
.profile .profile-content .left .user-actions a .icon { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat 0 0; background-size: 400px; display: block; width: 20px; height: 20px; margin-right: 5px; }
.profile .profile-content .left .user-actions .blockUserLink .icon { background-position: -120px -180px; }
.profile .profile-content .left .user-actions .unblockUserLink .icon { background-position: -200px -180px; }
.profile .profile-content .left .user-actions .denunciarUserLink .icon { background-position: -140px -180px; }
.profile .profile-content .left .user-actions a:hover { color: #E3496D; }
.profile .profile-content .left .user-actions .blockUserLink:hover .icon { background-position: -160px -180px; }
.profile .profile-content .left .user-actions .unblockUserLink:hover { color: #4EB152; }
.profile .profile-content .left .user-actions .unblockUserLink:hover .icon { background-position: -220px -180px; }
.profile .profile-content .left .user-actions .denunciarUserLink:hover .icon { background-position: -180px -180px; }
.profile .profile-content .left .user-actions .blockUserLink, .profile .profile-content .left .user-actions .unblockUserLink { padding-right: 15px; margin-right: 15px; border-right: solid 1px #CCCCCC; }
.profile .profile-content .left .user-actions .unblockUserLink { display: none; }
.profile .profile-content .mid { width: 100%; padding-right: 30px; position: relative; }
.profile .profile-content .mid .receivedInteractionDiv { position: absolute; top: 5px; left: 0; display: flex; justify-content: flex-end; width: 100%; padding-right: 70px; z-index: 2; }
.profile .profile-content .mid .receivedInteractionDiv .receivedInteractionsWoman, .profile .profile-content .mid .receivedInteractionDiv .receivedInteractionsMan { background-color: #fff; display: flex; align-items: center; padding: 2px 10px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
.profile .profile-content .mid .receivedInteractionDiv .text { font-size: 14px; margin-right: 5px; }
.profile .profile-content .mid .receivedInteractionDiv .icon-heart, .profile .profile-content .mid .receivedInteractionDiv .icon-envelope, .profile .profile-content .mid .receivedInteractionDiv .icon-gift { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat 0 0; background-size: 300px; display: block; width: 15px; height: 15px; margin-right: 5px; }
.profile .profile-content .mid .receivedInteractionDiv .icon-heart { background-position: -105px -120px; }
.profile .profile-content .mid .receivedInteractionDiv .icon-envelope { background-position: -90px -120px; }
.profile .profile-content .mid .receivedInteractionDiv .icon-gift { background-position: -0px -165px; }
.profile .profile-content .mid .receivedInteractionDiv a { display: block; width: 15px; height: 15px; }
.profile .profile-content .mid .header-fields { background-color: #fff; border-radius: 5px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); padding: 10px 40px; margin-top: 16px; min-height: 225px; display: flex; flex-direction: column; justify-content: center; position: relative; left: -5px; margin-bottom: 60px; }
.profile .profile-content .mid .header-fields .field { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: dotted 1px #CCCCCC; }
.profile .profile-content .mid .header-fields .field:last-child { border-bottom: none; }
.profile .profile-content .mid .header-fields .left-field { color: #E3496D; }
.profile .profile-content .mid .header-fields .right-field { text-align: right; padding-left: 15px; word-break: break-word; max-width: 100%; overflow: hidden; display: flex; align-items: center; }
/*.profile .profile-content .mid .header-fields .right-field .gender-icon-woman, .profile .profile-content .mid .header-fields .right-field .gender-icon-man { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat 0 0; background-size: 500px; display: inline-block; width: 25px; height: 25px; margin-right: 10px; }
.profile .profile-content .mid .header-fields .right-field .gender-icon-woman { background-position: -225px -275px; }
.profile .profile-content .mid .header-fields .right-field .gender-icon-man { background-position: -250px -275px; }*/
.profile .profile-content .mid .profile-blocks { padding-left: 30px; }
.profile .profile-content .mid .profile-blocks .profile-description:not(:last-child) { margin-bottom: 50px; }
.profile .profile-content .mid .profile-blocks .profile-description span { white-space: pre-line; word-wrap: break-word; word-break: break-word; line-height: 19px; }
.profile .profile-content .mid .profile-blocks .profile-interests { margin-bottom: 50px; }
.profile .profile-content .mid .profile-blocks .profile-fields .field { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: dotted 1px #CCCCCC; }
.profile .profile-content .mid .profile-blocks .profile-fields .field:last-child { border-bottom: none; }
.profile .profile-content .mid .profile-blocks .profile-fields .left-field { color: #E3496D; }
.profile .profile-content .mid .profile-blocks .profile-fields .right-field { text-align: right; }
.profile .profile-content .mid .profile-interests { display: flex; flex-wrap: wrap; }
.profile .profile-content .mid .profile-interests h4 { width: 100%; display: flex; align-items: center; }
.profile .profile-content .mid .profile-interests h4 span { background-color: #FEF5F7; display: inline-block; font-size: 10px; line-height: 13px; padding: 1px 5px; border-radius: 20px; color: #E3496D; margin-bottom: 0; margin-left: 5px; }
.profile .profile-content .mid .profile-interests .userinterest { background-color: #e6e6e6; display: flex; height: 30px; align-items: center; border-radius: 15px; margin: 0 10px 10px 0; font-family: "Quicksand", sans-serif; font-size: 14px; font-weight: 500; white-space: nowrap; }
.profile .profile-content .mid .profile-interests .userinterest .icon { background: url("https://images2.felizes.pt/Images/icons-interests.svg") no-repeat 0 0; background-size: 400px; display: block; width: 20px; height: 20px; margin: 0 5px 0 10px; flex-shrink: 0; }
.profile .profile-content .mid .profile-interests .userinterest:after { content: ""; width: 10px; height: 100%; display: block; flex-shrink: 0; }
.profile .profile-content .mid .profile-interests .interesthidden { display: none; }
.profile .profile-content .mid .profile-interests .interestslinkcollapsed, .profile .profile-content .mid .profile-interests .interestslinkexpanded { display: flex; align-items: center; padding: 5px 10px; border: solid 1px #E3496D; margin-right: 10px; font-size: 14px; font-weight: 400; color: #E3496D; border-radius: 15px; margin-bottom: 10px; transition: background 0.3s ease; }
.profile .profile-content .mid .profile-interests .interestslinkcollapsed .icon, .profile .profile-content .mid .profile-interests .interestslinkexpanded .icon { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat -10px 0; background-size: 200px; width: 10px; height: 10px; margin-left: 5px; }
.profile .profile-content .mid .profile-interests .interestslinkexpanded .icon { transform: rotate(180deg); }
.profile .profile-content .mid .profile-interests .interestslinkcollapsed:hover, .profile .profile-content .mid .profile-interests .interestslinkexpanded:hover { background-color: #E3496D; color: #fff; }
.profile .profile-content .mid .profile-interests .interestslinkcollapsed:hover .icon, .profile .profile-content .mid .profile-interests .interestslinkexpanded:hover .icon { background-position: -10px -30px; }
.profile .profile-content .mid .profile-interests .interestslinkexpanded { display: none; }
.profile .profile-content .mid .profile-interests .interesttopic0 .icon { background-position: 0 0; }
.profile .profile-content .mid .profile-interests .interesttopic1 .icon { background-position: -100px 0; }
.profile .profile-content .mid .profile-interests .interesttopic2 .icon { background-position: -20px 0; }
.profile .profile-content .mid .profile-interests .interesttopic3 .icon { background-position: -40px 0; }
.profile .profile-content .mid .profile-interests .interesttopic4 .icon { background-position: -60px 0; }
.profile .profile-content .mid .profile-interests .interesttopic5 .icon { background-position: -120px 0; }
.profile .profile-content .mid .profile-interests .interesttopic6 .icon { background-position: -80px 0; }
.profile .profile-content .mid .profile-interests .incommon { background-color: #FADCE2; color: #E3496D; font-weight: 700; }
.profile .profile-content .mid .profile-personality { margin-top: 50px; }
.profile .profile-content .mid .profile-personality .content { display: flex; align-items: flex-start; }
.profile .profile-content .mid .profile-personality .element, #completedTestModal .element { background: url("https://images2.felizes.pt/Images/4elementos.jpg") no-repeat 0 0; flex-shrink: 0; width: 37px; height: 37px; margin-right: 10px; }
.profile .profile-content .mid .profile-personality a { font-family: "Quicksand", sans-serif; color: #0296C0; font-weight: 700; text-transform: capitalize; display: inline-flex; align-items: center; }
.profile .profile-content .mid .profile-personality a:after { background: url(https://images2.felizes.pt/Images/icons.svg) no-repeat 0 -10px; background-size: 200px; content: ""; width: 10px; height: 10px; margin-left: 5px; flex-shrink: 0; margin-top: 2px; }
.profile .profile-content .mid .profile-personality a:hover { color: #E3496D; }
.profile .profile-content .mid .profile-personality a:hover:after { background-position: 0 0; }
.profile .profile-content .mid .profile-personality .element-image-1, #completedTestModal .element-image-1 { background-position: 4px -34px; }
.profile .profile-content .mid .profile-personality .element-image-2, #completedTestModal .element-image-2 { background-position: -34px 1px; }
.profile .profile-content .mid .profile-personality .element-image-3, #completedTestModal .element-image-3 { background-position: 1px 3px; }
.profile .profile-content .mid .profile-personality .element-image-4, #completedTestModal .element-image-4 { background-position: -33px -34px; }
.profile .profile-content .right { width: 347px; flex-shrink: 0; padding-bottom: 14px; }
.profile .profile-content .right .widget h4 { display: flex; justify-content: space-between; align-items: center; }
.profile .profile-content .right .widget:not(:last-child) { margin-bottom: 50px; }
.profile .profile-content .right .widget .btn-alt { display: inline-flex; align-items: center; color: #0296C0; text-transform: none; margin: 10px auto 0 auto; padding: 0; font-family: "Quicksand", sans-serif; font-weight: 700; }
.profile .profile-content .right .widget .btn-alt:after { background: url(https://images2.felizes.pt/Images/icons.svg) no-repeat 0 -10px; background-size: 200px; content: ""; width: 10px; height: 10px; margin-left: 5px; margin-top: 2px; flex-shrink: 0; }
.profile .profile-content .right .widget .btn-alt:hover { color: #E3496D; }
.profile .profile-content .right .widget .btn-alt:hover:after { background-position: 0 0; }
.profile .profile-content .right .widget-photos { display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr); }
.profile .profile-content .right .widget-photos .widget-photo { width: 100%; }
.profile .profile-content .right .widget-photos .widget-photo > div { display: block; background-color: #fff; width: 100%; border-radius: 5px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); border: solid 4px #fff; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.profile .profile-content .right .widget-photos .widget-photo > div:hover { transform: scale(1.05); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); }
.profile .profile-content .right .widget-photos img { max-width: 100%; border-radius: 5px; }
.profile .profile-content .right .widget-gifts { display: grid; grid-gap: 10px; grid-template-columns: repeat(6, 1fr); }
.profile .profile-content .right .widget-gifts .widget-gift { background-color: #fff; padding: 5px; border-radius: 5px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); position: relative; }
.profile .profile-content .right .widget-gifts .widget-gift .giftImageX { background: url("https://images2.felizes.pt/Images/gifts/presentes57.png") 0 0 no-repeat; background-size: 100%; display: block; width: 100%; height: 0; padding-bottom: 100%; }
.profile .profile-content .right .widget-gifts .widget-gift .gift { background-color: #fff; display: block; width: 100%; height: 100%; top: 0; left: 0; padding: 5px; border-radius: 5px; transition: transform 0.3s ease; }
.profile .profile-content .right .widget-gifts .widget-gift .gift:hover { transform: scale(1.1); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); }
.profile .profile-content .right .widget-gifts .widget-gift.mine { padding: 0; }
.profile .profile-content .right .widget-gifts .widget-gift .removeGift { background-color: #E3496D; position: absolute; right: -6px; top: -6px; width: 15px; height: 15px; border-radius: 15px; display: flex; align-items: center; justify-content: center; transition: background 0.3s ease; }
.profile .profile-content .right .widget-gifts .widget-gift .removeGift:before { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat -25px -15px; background-size: 100px; content: ""; width: 5px; height: 5px; }
.profile .profile-content .right .widget-gifts .widget-gift .removeGift:hover { background-color: #C81E45; }
.profile .profile-content .right .widget-gifts .widget-gift .giftImage1 { background-position: 0 0; }
.profile .profile-content .right .widget-gifts .widget-gift .giftImage2 { background-position: 0 14.5%; }
.profile .profile-content .right .widget-gifts .widget-gift .giftImage3 { background-position: 0 29%; }
.profile .profile-content .right .widget-gifts .widget-gift .giftImage4 { background-position: 0 43%; }
.profile .profile-content .right .widget-gifts .widget-gift .giftImage5 { background-position: 0 57.5%; }
.profile .profile-content .right .widget-gifts .widget-gift .giftImage6 { background-position: 0 71.5%; }
.profile .profile-content .right .widget-gifts .widget-gift .giftImage7 { background-position: 0 85%; }
.profile .profile-content .right .widget-gifts .widget-gift .giftImage8 { background-position: 0 100%; }
.profile .profile-content .right .widget-video .video { width: 100%; position: relative; border-radius: 5px; }
.profile .profile-content .right .widget-video iframe { border-radius: 5px; }

#profile-own .profile-options { background-color: #fff; display: flex; height: 50px; border-radius: 25px; overflow: hidden; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); position: relative; }
#profile-own .profile-options .profile-option { width: 50%; height: 100%; }
#profile-own .profile-options .profile-option:not(:last-child) { border-right: solid 1px #A6E0F1; }
#profile-own .profile-options a { background-color: #0296C0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 14px; color: #fff; transition: background 0.3s ease; }
#profile-own .profile-options a span { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat 0 0; background-size: 300px; display: block; width: 15px; height: 15px; margin-right: 5px; }
#profile-own .profile-options a.icon-pencil span { background-position: -150px -105px; }
#profile-own .profile-options a.icon-wrench span { background-position: -135px -105px; }
#profile-own .profile-options a:hover { background-color: #A6E0F1; color: #0296C0; }
#profile-own .profile-options a:hover.icon-pencil span { background-position: -150px -75px; }
#profile-own .profile-options a:hover.icon-wrench span { background-position: -135px -75px; }
#profile-own .profile-interests .btn { color: #0296C0; border-color: #0296C0; font-size: 14px; height: 30px; border-width: 1px; padding: 0 10px; font-weight: 400; }
#profile-own .profile-interests .btn:after { background: url(https://images2.felizes.pt/Images/icons.svg) no-repeat 0 -10px; background-size: 200px; content: ""; width: 10px; height: 10px; margin-left: 5px; flex-shrink: 0; }
#profile-own .profile-interests .btn:hover { background-color: #0296C0; color: #fff; }
#profile-own .profile-interests .btn:hover:after { background-position: 0 -30px; }
#profile-own .empty-interests { border: dotted 1px #0296C0; border-radius: 20px; width: 100%; }
#profile-own .empty-interests .content { background-color: #D5F6FF; margin: 5px; border-radius: 16px; padding: 20px; display: flex; align-items: center; justify-content: space-between; }
#profile-own .empty-interests span { display: block; font-family: "Quicksand", sans-serif; color: #0296C0; margin-right: 20px; }
#profile-own .empty-interests .btn { height: 40px; color: #0296C0; border-color: #0296C0; padding: 5px 20px; }
#profile-own .empty-interests .btn:after { background: url(https://images2.felizes.pt/Images/icons.svg) no-repeat 0 -10px; background-size: 200px; content: ""; width: 10px; height: 10px; margin-left: 5px; flex-shrink: 0; }
#profile-own .empty-interests .btn:hover { background-color: #0296C0; color: #fff; }
#profile-own .empty-interests .btn:hover:after { background-position: 0 -30px; }
#profile-own .profile-personality.empty { margin-top: 50px; }
#profile-own .profile-personality.empty .border-content { border: dotted 1px #0296C0; border-radius: 20px; width: 100%; }
#profile-own .profile-personality.empty .content { background-color: #D5F6FF; display: block; margin: 5px; border-radius: 16px; padding: 20px; }
#profile-own .profile-personality.empty .content .top { display: flex; align-items: center; }
#profile-own .profile-personality.empty .content .image { background-color: #fff; flex-shrink: 0; height: 80px; width: 80px; border-radius: 10px; margin-right: 20px; display: flex; align-items: center; justify-content: center; }
#profile-own .profile-personality.empty p { width: 100%; font-family: "Quicksand", sans-serif; color: #0296C0; }
#profile-own .profile-personality.empty p * { font-family: "Quicksand", sans-serif; color: #0296C0; }
#profile-own .profile-personality.empty .btn { height: 40px; color: #0296C0; border-color: #0296C0; margin-top: 20px; text-transform: none; }
#profile-own .profile-personality.empty .btn:after { background: url(https://images2.felizes.pt/Images/icons.svg) no-repeat 0 -10px; background-size: 200px; content: ""; width: 10px; height: 10px; margin-left: 5px; flex-shrink: 0; }
#profile-own .profile-personality.empty .btn:hover { background-color: #0296C0; color: #fff; }
#profile-own .profile-personality.empty .btn:hover:after { background-position: 0 -30px; }
#profile-own .profile-personality .recommend { padding-top: 5px; margin-top: 5px; border-top: dotted 1px #CCCCCC; }
#profile-own .membershipInfo { text-align: center; }
#profile-own .membershipInfo span { display: block; font-family: "Quicksand", sans-serif; font-weight: 700; color: #0296C0; line-height: 28px; }
#profile-own .membershipInfo span * { font-family: "Quicksand", sans-serif; font-weight: 700; color: #0296C0; }
#profile-own .membershipInfo .btn-border { border-color: #0296C0; color: #0296C0; height: 40px; margin-top: 15px; }
#profile-own .membershipInfo .btn-border:after { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat 0 -10px; background-size: 200px; content: ""; width: 10px; height: 10px; margin-left: 5px; }
#profile-own .membershipInfo .btn-border:hover { background-color: #0296C0; color: #fff; }
#profile-own .membershipInfo .btn-border:hover:after { background-position: 0 -30px; }
#profile-own .membershipInfo.extrasInfo span, #profile-own .membershipInfo.extrasInfo span * { color: #e3496d; }
#profile-own .membershipInfo.extrasInfo .btn-border { border-color: #e3496d; color: #e3496d; }
#profile-own .membershipInfo.extrasInfo .btn-border:after { background-position: 0 0px; }
#profile-own .membershipInfo.extrasInfo .btn-border:hover { background-color: #e3496d; color: #fff; }
#profile-own .membershipInfo.extrasInfo .btn-border:hover:after { background-position: 0 -30px; }
#profile-own #btnYoutubeRemove { display: flex; justify-content: center; align-items: center; width: 22px; height: 22px; padding: 0; border-radius: 20px; margin-bottom: 0; margin-left: 10px; position: absolute; top: -11px; right: 11px; border: solid 2px #fff; z-index: 2; }
#profile-own #btnYoutubeRemove:before { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat -50px -30px; background-size: 200px; content: ""; width: 10px; height: 10px; }
#profile-own .widget-video .btn-alt { margin-right: 30px; }
#profile-own .widget-video.empty { border: dotted 1px #0296C0; border-radius: 20px; }
#profile-own .widget-video.empty .video-actions { background-color: #D5F6FF; margin: 5px; border-radius: 16px; padding: 20px; }
#profile-own .widget-video.empty .video-actions .text { margin-bottom: 20px; color: #0296C0; font-family: "Quicksand", sans-serif; }
#profile-own .widget-video.empty .video-actions .btn-alt { height: 40px; color: #0296C0; border-color: #0296C0; border-radius: 20px; margin: 0; padding: 0 20px; border: solid 2px #0296C0; }
#profile-own .widget-video.empty .video-actions .btn-alt:after { background: url(https://images2.felizes.pt/Images/icons.svg) no-repeat 0 -10px; background-size: 200px; content: ""; width: 10px; height: 10px; margin-left: 5px; flex-shrink: 0; }
#profile-own .widget-video.empty .video-actions .btn-alt:hover { background-color: #0296C0; color: #fff; }
#profile-own .widget-video.empty .video-actions .btn-alt:hover:after { background-position: 0 -30px; }
#profile-own .widget-video.empty .video-actions #btnYoutubeEdit { display: none; }
#profile-own .alert-widget { border: dotted 1px #0296C0; border-radius: 20px; }
#profile-own .alert-widget .content { background-color: #D5F6FF; margin: 5px; border-radius: 16px; padding: 20px; }
#profile-own .alert-widget p, #profile-own .alert-widget p *, #profile-own .alert-widget * { font-family: "Quicksand", sans-serif; color: #0296C0; }
#profile-own .alert-widget strong { font-weight: 700; }
#profile-own .alert-widget .btn-border { border-color: #0296C0; color: #0296C0; height: 40px; margin-top: 15px; }
#profile-own .alert-widget .btn-border:after { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat 0 -10px; background-size: 200px; content: ""; width: 10px; height: 10px; margin-left: 5px; flex-shrink: 0; }
#profile-own .alert-widget .btn-border:hover { background-color: #0296C0; color: #fff; }
#profile-own .alert-widget .btn-border:hover:after { background-position: 0 -30px; }

.bannerProfiles { background-color: #FEF5F7; padding: 70px 0 50px 0; }
.bannerProfiles h3 { text-align: center; margin-bottom: 20px; color: #E3496D; }
.bannerProfiles .swiper-container { width: 100%; padding: 20px 10px; overflow: hidden; }
.bannerProfiles .swiper-container .swiper-slide { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.bannerProfiles .swiper-container .swiper-slide a { display: block; border-radius: 5px; overflow: hidden; }
.bannerProfiles .swiper-container .swiper-slide a:before { background: white; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, black 100%); content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.8; border-radius: 5px; }
.bannerProfiles .swiper-container .swiper-slide img { width: 100%; border-radius: 5px; }
.bannerProfiles .swiper-container .swiper-slide .innercontents { position: absolute; left: 0; bottom: 10px; display: flex; flex-direction: column; width: 100%; z-index: 1; }
.bannerProfiles .swiper-container .swiper-slide .innercontents * { color: #fff; }
.bannerProfiles .swiper-container .swiper-slide .innercontents .name { background: url("https://images2.felizes.pt/Images/banner-blue.svg") no-repeat right center; background-size: auto 100%; height: 30px; padding: 5px 20px; margin-bottom: 5px; font-family: "Quicksand", sans-serif; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: fit-content; max-width: calc(100% - 20px); }
.bannerProfiles .swiper-container .swiper-slide .innercontents .local { display: flex; align-items: center; font-size: 14px; font-weight: 500; padding: 0 20px; align-self: flex-start; }
.bannerProfiles .swiper-container .swiper-slide .innercontents .local:before { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat -140px -60px; background-size: 400px; content: ""; display: block; width: 20px; height: 20px; margin-right: 5px; }
.bannerProfiles .swiper-container .swiper-slide:hover { transform: scale(1.04); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); }
.bannerProfiles .swiper-bot { display: flex; justify-content: center; align-items: center; }
.bannerProfiles .swiper-bot .swiper-pagination { position: relative; width: auto; top: auto; bottom: auto; flex-shrink: 0; order: 1; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active), screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { /* css para IE10+ e Safari 6.1-10.0 (not 10.1) */
	.profile-preview, .profile .profile-content .left .profile-image { width: 243px; }
	.profile .profile-content .left .profile-image a { display: block; width: 229px; height: 229px; }
	.profile .profile-content .left .profile-image .status { position: relative; bottom: 0; }
	.profile .profile-content .mid .profile-interests .userinterest { display: inline-block; padding: 5px; height: auto; }
	.profile .profile-content .mid .profile-interests .userinterest .icon { display: none; }
	.profile .profile-content .mid .profile-interests .interesthidden { display: none; }
	.profile .profile-content .right .widget-photos { display: flex; flex-wrap: wrap; }
	.profile .profile-content .right .widget-photos .widget-photo { width: calc(33.33% - 10px); margin: 5px; }
	.profile .profile-content .right .widget-gifts { display: flex; flex-wrap: wrap; width: 100%; }
	.profile .profile-content .right .widget-gifts .widget-gift { width: calc(16.66% - 10px); margin: 5px; }
	.bannerProfiles .swiper-container .swiper-slide { width: 171px; height: 171px; margin: 5px; }
}



/*Blocked user overlay*/
.blockeduser-text { position: relative; top: 10%; font-size: 21px; font-weight: 400; margin-left: auto; margin-right: auto; padding: 35px 20px; border: 2px solid #de3636; background-color: #fff; max-width: 400px; border-radius: 10px; color: #de3636; }
.unblockUser { font-size: 13px; text-decoration: underline; }


/*ManlyMember*/
.profile .profile-content .left .ManlyMember { text-align: center; }
.profile .profile-content .left .ManlyMember span { background-color: #effbff; display: inline-block; padding: 15px 20px; border-radius: 0 0 15px 15px; font-family: "Quicksand", sans-serif; color: #0296c0; margin: 0 auto; }



/*Questionário de personalidade*/
.element-color-fogo, .element-color-1 { color: rgb(255,0,0); }
.element-color-agua, .element-color-2 { color: rgb(46,116,181); }
.element-color-ar, .element-color-3 { color: rgb(0,176,240); }
.element-color-terra, .element-color-4 { color: rgb(56,86,35); }
.ptest-content, .testimonials-content, .interests-content { margin: 0 auto; padding: 10px 15px; background-color: white; }
.ptest-content .poll { position: relative; margin-top: 30px; }
.ptest-content .poll .num { position: absolute; left: -40px; top: 0px; background: #eeeeee; color: #666666; padding: 3px 4px; font-size: 14px; box-shadow: -7px 0px 0px #dddddd; }
@media (min-width: 570px) {
	.ptest-content { padding: 10px 50px; }
}
.ptest-content p { margin-bottom: 10px; }
.ptest-content h4 { font-size: 20px; }



/*isto deveria estar no general e não só no Perfil se a ideia é a modal aparecer no topo*/
@media (min-width: 768px) {
	.modal-dialog { margin: 30px auto; }
}

/*Na modal de bloquear utilizador*/
.icon-ban-circle-25 { background: url(https://images2.felizes.pt/Images/icons.svg) no-repeat -200px -225px; background-size: 500px; display: inline-block; width: 25px; height: 25px; margin-right: 10px; position: relative; top: 1px; }
/*Comum em Procurar+Perfil (Modal de presentes)*/
.icon-gift-22 { background: url(https://images2.felizes.pt/Images/icons.svg) no-repeat 0px -248px; background-size: 450px; content: ""; display: inline-block; height: 22px; width: 22px; margin-right: 10px; position: relative; top: 1px; }
/*Comum em Procurar+Perfil+Favoritos (Modal First Time Adding Favourite)*/
.icon-heart-30 { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat 0 -270px; background-size: 600px; display: inline-block; width: 30px; height: 30px; margin-right: 10px; }


@media (min-width: 768px) {
	.profile .profile-content .mid .profile-blocks .profile-description span { line-height: 21px; }
	.profile .profile-content .mid .header-fields .field { padding: 12px 0; }
	.profile .profile-content .mid .profile-blocks .profile-fields .field { padding: 12px 0; }
}

/*definir altura mínima enquanto carrega a foto principal e as side photos, e também as fotos do widget */
.profile .profile-content .left .profile-image a, .profile .profile-content .right .widget-photos .widget-photo a { background: #fff; background-size: cover; display: block; width: 100%; height: 0; padding-bottom: 100%; }

.membershipInfo { margin-top: 25px; padding: 0px; }
/*.membershipInfo { margin-top: 25px; border: dotted 1px #0296c0; border-radius: 20px; padding: 14px 0; }*/

