/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 10 2026 | 10:18:32 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

html:has(.rhinelux-profile) {overscroll-behavior-y: none;}

html:has(.rhinelux-profile) #main {background-color: #e0e0e0;}
.rhinelux-profile {width: 415px;max-width: 100%;background-color: #FFF;color: #000;min-height: 100vh;margin: 0px auto;position: relative;font-family: 'Exo', sans-serif;font-size: 14px;line-height: 20px;}
.rhinelux-profile a {color: #000;}
.r-header {position: absolute;top: 0;left: 0;z-index: 9;width: 100%;padding: 10px 10px 0 10px;}
.r-logo img {height: 20px;}
.r-container {display: flex;justify-content: space-between;width: 100%;background-color: #FFF;padding: 8px 10px;border-radius: 25px;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}
.language-icon {width: 20px;height: 20px;display: inline-block;position: relative;overflow: hidden;border-radius: 100%;}

.r-menu {display: flex;gap: 10px;align-items: center;line-height: 0;}
.language-icon svg {position: absolute;width: auto;height: 100%;object-fit: cover;left: 50%;top: 0;transform: translateX(-50%);}
.cover-profile {height: 315px;}
.cover-profile img {width: 100%;height: 100%;object-fit: cover;}
.body-profile {position: relative;padding: 15px;background: #eeeeee;}
.body-profile .avatar {position: absolute;right: 15px;top: -30px;width: 150px;height: 150px;background-color: #FFF;padding: 5px;border-radius: 50%;}
.body-profile .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.profile-title {font-size: 20px;line-height: 22px;font-weight: bold;margin-bottom: 15px;}
.contact-profile {margin-top: 25px;padding: 0px 15px;}
.description-profile {margin-top: 35px;text-align: justify;}
.contact-title {font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.contact-item {margin-bottom: 10px;}
.contact-item a {display: flex;line-height: 1.3;align-items: center;gap: 5px;border: 1px solid #000;position: relative;border-radius: 8px;padding: 5px;width: 100%;}
.contact-item svg {min-width: 24px;}
.socials-profile .datacontact, .gallery-profile .datacontact {display: flex;justify-content: space-between;gap: 10px;}
.socials-profile .datacontact .contact-item {width: 100%;line-height: 0;}
.socials-profile .datacontact .contact-item a {justify-content: center;}

.gallery-profile .gallery-row {flex-flow: row wrap;}
.gallery-profile .gallery-row .gallery-col {width: calc((100% - 20px)/3);border: 1px solid #000;padding: 5px;border-radius: 8px;}
.gallery-profile .gallery-row .gallery-col .image-cover {border-radius: 5px}

.video-profile .video-content, .maps-container {position: relative;padding-top: 56.25%;border-radius: 8px;overflow: hidden;}
.maps-container iframe, .video-content iframe, .maps-container .uxb-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.maps-profile {padding-bottom: 10px;}
.footer-profile {    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 8px 10px;
    background: #fff;
    gap: 10px;}
.save-profile {width: 80%;}
.share-profile {width: 20%;}
.rhinelux-profile a.contact-save, .rhinelux-profile a.contact-share {display: flex;
    width: 100%;
    background: #000;
    color: #fff;
    justify-content: center;
    align-items: center;
    height: 35px;
    text-transform: uppercase;border-radius: 99px;gap: 5px;font-size: 16px;}
#qr-profile {position: fixed;display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: #fff;z-index:12;}
#qr-profile.active {display: block;}
.rhinelux-profile:has(#qr-profile.active) {    max-height: 100dvh;overflow: hidden;}
.rhinelux-profile:has(#qr-profile.active):before {
	position: absolute;width: 100%; height: 100dvh; content: '';display: block;z-index: 10;background: #000;opacity: 0.5;pointer-events: none;
}
#qr-profile > div {margin: 0 !important;}
#qr-profile .close-qr {position: absolute;
    top: 0;
    right: 0;}



#google_translate_element,
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
.goog-te-gadget,
.goog-te-gadget-simple,
.goog-te-menu-value,
.goog-te-ftab,
.goog-te-balloon-frame,
.goog-te-menu-frame, .skiptranslate {
	display: none !important;
}

body {
	top: 0 !important;
}


/*
 * Ẩn khoảng trống do Google Translate tạo
 */
html body {
	top: 0 !important;
}