h1{ white-space: nowrap; }
#profile-detail {}
#profile-detail a {transition: .5s ease-in-out;}
#profile-detail a:hover {transform: scale(1);opacity: .7}
#profile-detail .profile .profile-card img {max-width: 100%;margin-bottom: 10px;padding:0px;background: #fff;object-fit: cover;height: auto;border-radius:50%;position:relative;}
#profile-detail .profile .profile-card a {font-weight: bold;font-size: 19px;line-height: 34px;text-align: center;text-transform: uppercase;color: rgba(0, 79, 98, 0.73);display: block;border: 2px solid rgba(0, 79, 98, 0.73);margin-top: 10px;padding: 3px 0;text-decoration: none;}
#profile-detail .profile .profile-card a:hover {transform: scale(.9);}
#profile-detail .profile .profile-card .location {margin-top: 20px;display: flex;padding: 0 30px 15px 30px;}
#profile-detail .profile .profile-card .location img {height: 48px;margin-right: 10px;box-shadow: none;}
#profile-detail .profile .profile-card .location span {font-size: 20px;line-height: 138.5%;color: #000000;}#profile-detail .profile .profile-card .languages {
border-top: 1px solid #ccc;padding-top: 10px;margin-top: 10px;border-bottom: 1px solid #ccc !important;padding: 10px 30px 15px 30px;}
#profile-detail .profile .profile-card .languages .language {display: grid;grid-template-columns: 3fr 1fr;}
#profile-detail .profile .profile-card .languages .language span {font-size: 16px;line-height: 172.5%;color: #232323;}
#profile-detail .profile .profile-card .languages .language span:nth-child(2) {color: #676767;}
#profile-detail .profile .profile-card .block {display: grid;grid-template-columns: 5fr 4fr;border-top: 2px solid #ccc;margin-top: 15px;padding: 0px 30px 15px 30px;}
#profile-detail .profile .profile-card .block a {border: none;font-size: 14px;line-height: 191.5%;color: #585858;font-weight: 500;text-transform: capitalize;text-align: left;}
#profile-detail .profile .profile-top {position:relative;}
#profile-detail .profile .profile-top .profile-header {}
#profile-detail .profile .profile-top .profile-header .detail {margin-right: 9px;}
#profile-detail .profile .profile-top .profile-header .detail h2 {font-weight: bold;font-size: 35px;line-height: 130%;text-transform: uppercase;position: relative;}
#profile-detail .profile .profile-top .profile-header .detail p {font-style: normal;font-weight: 600;font-size: 22px;line-height: 90.5%;text-transform: uppercase;display: inline;}
#profile-detail .profile .profile-top .profile-header .detail span {font-size: 13px;line-height: 137.5%;text-align: center;text-transform: uppercase;}
#profile-detail .profile .profile-top .profile-header img {/*width: 54px;height: 54px;margin-left: 15px;*/}
#profile-detail .profile .share {}
#profile-detail .profile .share p {font-weight: 600;font-size: 19px;line-height: 137.5%;text-transform: uppercase;color: #FFFFFF;margin: auto 10px auto;}
#profile-detail .profile .share a {margin: auto 5px;}
#profile-detail .profile .share img {width: 33px;}
#profile-detail .profile .about {}
#profile-detail .profile .about h2 {font-style: normal;font-weight: bold;font-size: 25px;line-height: 52px;letter-spacing: -0.5px;text-transform: uppercase;color: #595959;}
#profile-detail .profile .about p {font-size: 16px;line-height: 170%;color: #636363;}
#profile-detail .profile .about .cards {display: flex;margin-bottom: 30px;align-content: flex-start;flex-wrap: nowrap;flex-direction: column;justify-content: center;align-items: stretch;}
#profile-detail .profile .about .cards .card-hashtag {padding: 10px 0px;margin-bottom: 10px;border: 0 solid #1EB5D8;}
#profile-detail .profile .about .cards .card-hashtag h3 {font-weight: 600;font-size: 20px;line-height: 137.5%;text-transform: uppercase;margin: 2px;display:inline-block;}
#profile-detail .profile .about .cards .card-hashtag span {font-weight: 500;font-size: 12px;line-height: 137.5%;text-transform: uppercase;color: #707070;}
#profile-detail .profile .about .cards .card-hashtag .blue-text {color: rgba(0, 0, 0, 0.73);font-weight: bold;font-size: 16px;margin-right: 3px;}
#profile-detail .profile .services a {font-weight: bold;font-size: 17px;line-height: 43px;text-align: center;text-transform: uppercase;color: #595959;text-decoration: none;margin-right: 33px;}
#profile-detail .profile .services a img {width: 35px;max-width: 35px;height: 26px;}
#profile-detail .profile .services a span {margin-left: 2px;}
#profile-detail .profile .services a:hover {border: 0px solid #7da6af;/*padding: 9px 20px;*/border-radius: 15px;color: #7da6af;}
@media (max-width: 767.98px) {
#profile-detail .profile .profile-card .location img {width: 50px;}
#profile-detail .profile .profile-card .location h4 {margin: auto;}
#profile-detail .profile .profile-top {margin: 10px 0;grid-template-columns: 1fr;padding: 18px 10px;}
#profile-detail .profile .profile-top .profile-header .detail {margin-bottom: 14px;}
#profile-detail .profile .profile-top .profile-header .detail h2 {font-size: 22px;}
#profile-detail .profile .profile-top .profile-header .detail p {font-size: 15px;}
#profile-detail .profile .profile-top .profile-header .detail span {font-size: 10px;}
#profile-detail .profile .profile-top .profile-header img {margin-left: 40px;}
#profile-detail .profile .profile-top .share p {margin: auto 8px 0 0;}
#profile-detail .profile .about {margin-top: 5px;}
#profile-detail .profile .about .cards {display: grid;}
#profile-detail .profile .about .cards .card-hashtag {margin-bottom: 12px;}
#profile-detail .profile .services {display: grid;}
#profile-detail .profile .services a {margin-bottom: 10px;border: 1px solid #457f8c;margin-left: 20px;}
#profile-detail .profile .profile-top .share {position: static;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
#profile-detail .profile .profile-card .block a {font-size: 13px;}
#profile-detail .profile .profile-top {grid-template-columns: 9fr 7fr;}
#profile-detail .profile .profile-top .profile-header .detail h2 {font-size: 31px;}
#profile-detail .profile .profile-top .profile-header .detail p {font-size: 18px;}
#profile-detail .profile .profile-top .profile-header img {width: 40px;height: 40px;margin-top: 12px;margin-left: 0;}
#profile-detail .profile .profile-top .share p {margin: auto;font-size: 14px;}
#profile-detail .profile .profile-top .share img {width: 25px;}
#profile-detail .profile .about .cards .card-hashtag h3 {font-size: 14px;}
#profile-detail .profile .about .cards .card-hashtag .blue-text {font-size: 12px;}
#profile-detail .profile .about .cards .card-hashtag .minute {font-size: 10px;}
#profile-detail .profile .services a span {font-size: 15px;}
}
.block {border: none !important;margin: 0 !important;}
#profile-detail .profile .profile-card .block a {margin: 0}
#profile-detail .profile .profile-card .block a:hover {opacity: 1; transform: scale(1);}
#profile-detail .profile .services a img {margin-right: 5px;}
#profile-detail .profile-status{display:inline-block;border-bottom:0px solid #999; font-size:12px;line-height: 1.2;position:relative;margin-bottom:25px}

#profile-detail .profile-status .profile-status-online{color:#27AE60;font-weight:bold;background:#fff;padding:3px 5px;border-radius:6px;display:none;}
#profile-detail .profile-status .profile-status-offline{color:#ae2727;font-weight:bold;background:#fff;padding:3px 5px;border-radius:6px;display:none;}
#profile-detail .profile-status .profile-status-busy{color:orange;font-weight:bold;background:#fff;padding:3px 5px;border-radius:6px;display:none;}

.status-online #profile-detail .profile-status .profile-status-online{display:block;}
.status-offline #profile-detail .profile-status .profile-status-offline{display:block;}
.status-busy #profile-detail .profile-status .profile-status-busy{display:block;}

#profile-detail .short-message{font-size:12px}
#profile-detail .toggle-short-message{color:#929bb8}
#profile-detail .share-block{display:inline-block;padding:10px 30px;background:#fff;color:#31c1e6;float:right;}
#profile-detail img.cyberFriendProfileImg{}
.status-offline #profile-detail img.cyberFriendProfileImg{border: 0px solid #BDBDBD;box-shadow: 0px 0px 10px #bdbdbd;filter: grayscale(1);}
.near {min-height:48px;}
.near img.search_cyberFriendProfileImg{border-radius:50%;border: 0px solid #BDBDBD;box-shadow: 0px 0px 2px #bdbdbd;}
.near .near_text{color:#1eb5d8;}
.near .near_search{display:inline-block;width:38px;font-size:1.0em;}
.general__web__page {padding: 30px 0;}
#report_cyber_friend{color:#c3bebe;}
#report_cyber_friend:hover {color: #0a58ca;}
#profile-detail .profile.profile-bottom{background:#fff;border-radius:12px;}

.notification-panel{display:none;}
.status-offline .notification-panel{display:block;}

.status-offline .photo-gallery-image{filter: grayscale(1);}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
#profile-detail .card{}
#profile-detail .profile .profile-card img {margin: auto;display: block;}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

#profile-detail .card{}
.general__web__page {padding: 50px 0;}

}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { }

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {  }

#profile-detail.cyber_friend_silver .profile .profile-card{position:relative}
#profile-detail.cyber_friend_silver .profile .profile-card img {border-radius: 50% 50% 50% 0;z-index:1}

#profile-detail .profile .backdrop { display:none; }
#profile-detail.cyber_friend_silver .profile .backdrop {
    display: block;
    position: absolute;
    width: 280px;
    height: 370px;
    z-index:0;
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='280' height='370' viewBox='0 0 280 370' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-33.1974 369.713L-34.3652 320.061C-36.3748 234.617 31.2621 163.722 116.706 161.712V161.712C202.15 159.702 269.787 88.8073 267.777 3.36332L266.503 -50.8209' stroke='url(%23paint0_linear_2324_745)' stroke-width='24'/%3E%3Cpath opacity='0.2' d='M-103 292.706L-97.0179 248.166C-86.7234 171.52 -16.2439 117.731 60.4024 128.025V128.025C137.049 138.32 207.528 84.5312 217.823 7.8849L224.351 -40.7203' stroke='url(%23paint1_linear_2324_745)' stroke-width='24'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2324_745' x1='229.004' y1='290.578' x2='-49.5763' y2='85.545' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.471371' stop-color='%2302D4FF'/%3E%3Cstop offset='1' stop-color='%239BEBFB'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2324_745' x1='142.53' y1='259.084' x2='-77.4277' y2='36.4251' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.471371' stop-color='%2302D4FF'/%3E%3Cstop offset='1' stop-color='%239BEBFB'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

#profile-detail .profile .profile-card .silver-badge{display:none;}
#profile-detail.cyber_friend_silver .profile .profile-card .silver-badge{
    display: inline-block;
    position:absolute;
    width: 24px;
    height: 31px;
    z-index:1;
    top: 20px;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='31' viewBox='0 0 24 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.5882 14.9538C21.8734 21.2897 15.2949 25.0497 8.89494 23.352C7.93106 23.0963 7.0262 22.7314 6.1903 22.2743C6.38078 22.5403 6.48063 22.7115 6.48063 22.7115C6.48063 22.7115 8.26001 24.0294 10.7583 24.8467C11.1111 24.9622 11.2432 25.4009 11.0009 25.6799C9.2601 27.6835 7.8847 29.5586 7.1789 30.5207C7.0302 30.7235 6.91122 30.8857 6.82481 31C7.24181 29.4593 7.17137 24.9918 4.75421 21.3497C0.981945 18.5188 -0.888946 13.6115 0.411766 8.80584C2.12664 2.46995 8.70505 -1.29006 15.1051 0.407642C21.5051 2.10534 25.3031 8.61786 23.5882 14.9538ZM9.53995 15.5735C9.60177 15.6347 9.66967 15.6862 9.74173 15.728C10.1259 15.9567 10.6319 15.907 10.9633 15.579L17.995 8.61775C18.3854 8.23123 18.3854 7.60457 17.995 7.21805C17.6046 6.83153 16.9716 6.83153 16.5811 7.21805L10.2544 13.4814L8.67261 11.9154C8.28218 11.5289 7.64917 11.5289 7.25874 11.9154C6.86832 12.3019 6.86832 12.9286 7.25874 13.3151L9.53995 15.5735Z' fill='url(%23paint0_linear_2180_1977)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2180_1977' x1='12' y1='0' x2='12' y2='31' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BCB9B9'/%3E%3Cstop offset='1' stop-color='%23787777'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}