<style>
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
:root {
    --purple: #003300;
    --purple-dark: #002200;
    --purple-light: #006600;
    --nav-bg: #ffffff;
    --nav-text: #1F2937;
    --btn-text: #1F2937;
    --btn-text-hover: #FFFFFF;
    --header-footer: #031b03;
    --highlight-footer: #00a300;
    --light-bg: #fefefe;
    --light-text: #1f2937;
    --light-p: #4b5563;
    --dark-bg: #f6f6f6;
    --dark-text: #1f2937;
    --dark-p: #4b5563;
    --bg: #bfbfbf;
    --card: #1A1A1A;
    --border: #2A2A2A;
    --text: #E5E5E5;
    --text-inverse: #151515;
    --notices-personal: #7647C9;
    --notices-follow: #ff3333;
    --accent: #ff8b01;
    --white: #FeFeFe;
    --white-inverse: #2e2e2e;
}
body{color:#000000;background-color:var(--bg);font-size:100%;font-family:"Open Sans", Tahoma, Geneva, sans-serif;margin:0px 0px 0px 0px;}
.block{display:block;}
td{font-size:100%;padding:0px;text-align:left;}
.tdout{color:#323232;font-size:100%;padding:0px;text-align:left;}
form{margin:2px 0px 0px 0px;display:inline;}
.img {width:100%;height:auto;float:left;margin: 0 30px 10px 0;}	
p{margin-top:0px;margin-bottom:0px}
a{color:#FFFFFF;font-size:100%;text-decoration:none;font-weight:normal;}
a:hover{color:#969696;font-size:100%;text-decoration:none;}
input, select, textarea {font-size: 100%;}
textarea {font-family:"Open Sans", Tahoma, Geneva, sans-serif;color:#000000;background:#F6F6F6;border:1px solid #bbbbbb;width:98%;font-size:100%;padding:3px;border-radius:3px;}
.hero-content {max-width: 640px;text-align:left;}
.hero-content h1 {font-size: 400%;line-height: 1.05;font-weight: 700;margin-bottom: 1rem;}
.hero-content h1 span {color: var(--purple);}
.hero-content p {font-size: 1.25rem;color: #4B5563;margin-bottom: 2rem;}
.hero-buttons {display: flex;gap: 1rem;flex-wrap: wrap;}
/* Image Gallery */
.image-section {text-align:center;}
.main-image {width:100%;margin-bottom: 20px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);border-radius: 12px;}
.main-image img {width: 100%;height: auto;display: block;border-radius: 12px;object-fit: cover;}
@media (orientation: landscape) {
    .hero-content h1 {font-size: 400%;line-height: 1.05;font-weight: 700;margin-bottom: 1rem;}
}
@media (orientation: portrait) {
    .hero-content h1 {font-size: 300%;line-height: 1.05;font-weight: 700;margin-bottom: 1rem;}
}
.bev-russ {
  color: #D2A549;           /* Best match */
  /* color: #CCA046; */
  /* color: #B8860B; */
  font-weight: 600;         /* or 700 for bolder look */
  text-shadow: 
    0 1px 2px rgba(0, 0, 0, 0.4),
    0 0 1px rgba(255, 215, 0, 0.3);   /* optional subtle gold glow */
}
.aligned-phrase {
  display: grid;
  grid-template-columns: repeat(5, auto); /* 5 columns: 3 words + 2 dashes */
  align-items: center;
  justify-content: center;
  gap: 1rem 1.2rem;           /* vertical gap | horizontal gap between items */
  font-family: system-ui, sans-serif;
  max-width: fit-content;
  margin: 2rem auto;
}
.aligned-phrase span {
  color: #D2A549;           /* Best match */
  text-align: center;
  white-space: nowrap;
}
/* Top row - larger text */
.aligned-phrase span:nth-child(-n+5) {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}
/* Bottom row - smaller text */
.aligned-phrase span:nth-child(n+6) {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2;
  opacity: 0.95;
}
@media (orientation: landscape) {
    .aligned-phrase span:nth-child(-n+5) {
      font-size: 3rem;
    }
}
@media (orientation: portrait) {
    .aligned-phrase span:nth-child(-n+5) {
      font-size: 2.2rem;
    }
}
.features {max-width: 1280px;margin: 0 auto;padding: 2.5rem 2rem;}
.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2.5rem;}
.feature-card {box-shadow: 0 4px 4px -4px rgb(0 0 0 / 0.5), 0 4px 4px -4px rgb(0 0 0 / 0.8);background: #F0F0F0;opacity: 0.85;border-radius:20px;padding: 15px;text-align: center;transition: transform 0.1s, box-shadow 0.1s;}
.feature-card:hover {box-shadow: 0 10px 10px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.8);}
::-webkit-input-placeholder{color:#999999;}
:-moz-placeholder{color:#999999;}
::-moz-placeholder{color:#999999;}
:-ms-input-placeholder{color:#999999;}
a.menu{color:#fdfdfd;font-size:100%;text-decoration:none;font-weight:normal;}
a.menu:hover{color:#fdfdfd;font-size:100%;text-decoration:underline;}
.mtl2 {margin-top:0px;margin-left:15px;width:65px;height:65px;background: url("/images/logo.png?42134") no-repeat;background-size:cover;background-repeat:no-repeat;background-position:center center;display: inline-block;}
.mtl2:hover {margin-top:0px;margin-left:15px;width:65px;height:65px;background: url("/images/logo_h.png?42134") no-repeat;background-size:cover;background-repeat:no-repeat;background-position:center center;display: inline-block;}
/* Top Menu */
.header_bar {background:var(--purple);text-align:center;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);margin:8px 8px 8px 8px;padding:0px 10px 0px 10px;border-radius:20px;}
.header_barM {background:var(--purple);text-align:center;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);margin:0px 5px 5px 0px;padding:0px 10px 0px 10px;border-radius:20px;}
.header_barR {background:var(--purple);text-align:center;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);margin:5px 5px 5px 5px;padding:0px 10px 0px 10px;border-radius:20px;}
.top_menu {width:100%;height:79px;background:#002200;}
.top_menu2 {width:100%;background:#000000;}
a.top_menu_btn {font-size:100%;color:#ffffff;font-weight:bold;padding:4px 2px 4px 2px;text-decoration: none;border-radius:5px;}
a.top_menu_btn:hover {color:var(--purple-light);text-decoration:none;}
a.top_menu_btn1 {font-size:115%;color:#1F2937;font-weight:normal;padding:4px 2px 4px 2px;text-decoration: none;border-radius:5px;}
a.top_menu_btn1:hover {color:var(--purple);text-decoration:none;}
a.top_menu_btn2 {box-shadow: 0 4px 4px -4px rgb(0 0 0 / 0.5), 0 4px 4px -4px rgb(0 0 0 / 0.8);transition: transform 0.1s, box-shadow 0.1s;font-size:120%;color:#efefef;background:var(--purple);font-weight:bold;padding:6px 12px 6px 12px;text-decoration: none;border-radius:20px;}
a.top_menu_btn2:hover {box-shadow: 0 10px 10px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.8);color:#efefef;background:var(--purple-dark);text-decoration:none;}
a.top_menu_btn3 {box-shadow: 0 4px 4px -4px rgb(0 0 0 / 0.5), 0 4px 4px -4px rgb(0 0 0 / 0.8);transition: transform 0.1s, box-shadow 0.1s;font-size:120%;color:#efefef;background:var(--purple-light);font-weight:bold;padding:6px 12px 6px 12px;text-decoration: none;border-radius:20px;}
a.top_menu_btn3:hover {box-shadow: 0 10px 10px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.8);color:#efefef;background:var(--purple-dark);text-decoration:none;}

a.znfooter {font-size:100%;color:#FFFFFF;background:#010101;font-weight:bold;padding:0px 8px 2px 8px;text-decoration: none;}
a.znfooter:hover {color:var(--purple);background:#010101;text-decoration:none;}
a.znsupport {font-size:100%;color:#FFFFFF;background:#010101;font-weight:bold;padding:0px 8px 2px 8px;text-decoration: none;}
a.znsupport:hover {color:#ba1f8d;background:#010101;text-decoration:none;}

a.menu_mc_nav{padding-left:1px;color:#d7d7d7;font-size:70%;text-decoration:none;font-weight:bold;}
a.menu_mc_nav:hover{padding-left:1px;color:var(--purple);font-size:70%;text-decoration:underline;}
.hint{color:#777777;font-size:100%;}
.mc_hi{color:#040404;font-size:70%;}
.mediumtext{color:#ffffff;font-size:100%;padding:0px;text-align:left;}
.border{border:1px solid #FFFFFF;}
.spacer{padding:2px 0px 2px 0px;}
.center{text-align:center;}
.search{color:#FFFFFF;background-color:#3f3f3f;}
.button{font-size:95%;margin:3px;text-align:center;padding:1px 4px 1px 4px;color:#000000;background:#F0F0F0;font-weight:normal;border:1px solid #a0a0a0;}
.button:hover{color:#000000;background:#d3d3d3;cursor:pointer;}
.distext{color:#505050;font-size:95%;}
.highlight { background-color: #eaeaea }
/* Combo List Selector */
#userfield, #emailfield{color:#000000;float:left;}
#ajax_listOfOptions{position:absolute;width:550px;height:250px;overflow:auto;color:#000000;background-color:#F2F2F2;border:1px solid #DDDDDD;text-align:left;z-index:100;border-radius:20px;}
#ajax_listOfOptions div{margin:1px;padding:1px;cursor:pointer;font-size:90%;}
#ajax_listOfOptions .optionDiv{padding-left:6px;}
#ajax_listOfOptions_iframe{background-color:#F00;position:absolute;z-index:5;}
#ajax_listOfOptions .optionDivSelected{padding-left:6px;background-color:var(--purple);color:#FFFFFF;border-radius:20px;}
/* Paging */
#pg {width:99%;text-align:center;font-size:100%;margin-bottom:15px;padding:0px;margin-top:0px;}
#pg a{font-size:100%;text-decoration:none;color:var(--purple);background-color:#d8d8d8;padding:5px 7px 7px 7px;border-radius:20px;}
#pg a:hover{font-size:100%;text-decoration:none;color:#FFFFFF;background-color:var(--purple);padding:5px 7px 7px 7px;}
#pg a.current{font-size:100%;text-decoration:none;font-weight:bold;color:#ffffff;background-color:var(--purple);padding:5px 7px 7px 7px;}
#pg span.disabled{font-size:100%;text-decoration:none;color:#FF0000;background-color:white;padding:5px 7px 7px 7px;}
/* Simple Modal */
#container{width:800px;margin:0 auto;margin-top:20px;}
#content{margin:0 auto;width:100%;padding-top:8px;}
#content div.form{margin:0 auto;}
#simplemodal-overlay{background-color:#000;cursor:wait;}
#simplemodal-container{width:95%;overflow:hidden;}
/* Texts */
.text_body{font-size:100%;padding:3px 3px 0px 3px;vertical-align:middle;font-weight:normal;}
.text_body_bold{font-size:100%;padding:3px 3px 0px 3px;vertical-align:middle;font-weight:bold;}
.text_body_small{color:#757575;font-size:80%;padding:0px 3px 0px 3px;vertical-align:middle;}
a.closebtn{color:var(--purple);font-weight:bold;font-size:40px;font-family:"Open Sans", Tahoma, Geneva, sans-serif;}
a.closebtn:hover{color:#f1f1f1;}
/* Left Sidenav */
.left_sidenav {text-align:left;height:100%;width:0;position:fixed;z-index:19;top:0px;left:0px;background-color:#e5e5e5;overflow-x:hidden;transition:0.2s;padding-top:60px;}
.left_sidenav a {padding:8px 8px 8px 2px;text-decoration:none;color:#FFFFFF;transition:0.1s;}
.left_sidenav a:hover {color:#969696;}
.left_sidenav .left_closebtn {color:#606060;font-weight:bold;position:absolute;top:0px;right:25px;font-size:40px;margin-left:50px;font-family:"Open Sans", Tahoma, Geneva, sans-serif;}
.left_sidenav .left_title {color:#202020;font-weight:bold;position:absolute;top:12px;left:12px;font-size:30px;margin-left:0px;}
/* Right Sidenav */
.right_sidenav {text-align:left;height:100%;width:0;position:fixed;z-index:19;top:0px;right:0px;background-color:#e5e5e5;overflow-x:hidden;transition:0.2s;padding-top:60px;}
.right_sidenav a {padding:8px 8px 8px 2px;text-decoration:none;color:#FFFFFF;transition:0.1s;}
.right_sidenav a:hover {color:#969696;}
.right_sidenav .right_closebtn {color:#606060;font-weight:bold;position:absolute;top:0px;right:25px;font-size:40px;margin-left:50px;font-family:"Open Sans", Tahoma, Geneva, sans-serif;}
.right_sidenav .right_title {color:#202020;font-weight:bold;position:absolute;top:12px;left:12px;font-size:30px;margin-left:0px;}
/* Calendar */
.calendar-container {margin: 0px 5px 0px 0px;background: white;padding: 10px;border-radius:20px;}
table.cal {width: 100%;margin-top: 10px;border-radius:20px;}
th.days {background: var(--purple);color: white;padding: 12px;font-weight: bold;border-radius:20px;}
td.std {background: #efefef; padding: 5px;height: 70px;font-size: 1.1rem;vertical-align: top;border-radius:20px;}
td.today {background: #fff3cd; padding: 5px;font-weight: bold;font-size: 1.1rem;vertical-align: top;border-radius:20px;}
td.other-month {color: #aaa;}
.controls {margin: 15px 0;display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;}
.cal_input {color:#000000;background:#dfdfdf;border:1px solid #bbbbbb;font-size:100%;padding:3px;border-radius:10px;}
/* Top Menu Container Splitter */
.menu_left {float:left;width:24%;padding-top:5px;padding-left:0px;}
.menu_right {float:right;width:70%;}
/* Container Splitters */
.left20 {float:left;width:20%;}
.right80 {float:right;width:80%;}
.right20 {float:right;width:20%;}
.middle60 {float:left;width:60%;margin-bottom:10px;}
/* Profile Panels */
.profile_light {font-size:100%;color:#000000;background:#FFFFFF;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);text-align:left;border:1px solid #dddddd;margin:0px 10px 8px 0px;padding:0px 10px 5px 10px;border-radius:20px;}
.profile_light_h3 {font-weight:bold;padding-top:5px;padding-bottom:4px;color:#000000;font-size:130%;}
/* Container Panels */
.container_panel {font-size:100%;overflow:hidden;width:auto;margin: 8px 8px 8px 8px;padding: 0px 0px 10px 0px;display: flex; flex-direction: row;}
.container_popup {font-size:100%;overflow:hidden;width:450px;margin: 20px auto 20px auto;padding: 0% 0% 0% 0%;}
.container_popup2 {font-size:100%;overflow:hidden;width:100%;margin: 20px auto 20px auto;padding: 0% 0% 0% 0%;}
.multi_container_panel {font-size:100%;overflow:hidden;width:100%;margin: 0px auto 20px auto;padding: 0% 0% 0% 0%;}
/* Container Light */
.panel_main {font-size:100%;color:#000000;background:#ffffff;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);text-align:left;border:1px solid #DDDDDD;margin:auto 0px 10px 0px;padding:1px 6px 6px 6px;border-radius:20px;margin-right:5px;}
.panel_main_bar {font-size:95%;color:#000000;background:#d8d8d8;text-align:left;margin:5px 0px 0px 0px;padding:3px 0px 3px 10px;border-radius:20px;}
.panel_main_h2 {font-weight:bold;padding-left:5px;padding-top:3px;padding-bottom:0px;color:#000000;font-size:160%;}
.panel_main_h3 {font-weight:bold;padding-left:5px;padding-top:0px;padding-bottom:4px;color:#000000;font-size:130%;}
.panel_main_h3p {font-weight:bold;padding-left:0px;padding-top:0px;padding-bottom:4px;color:#000000;font-size:130%;}
.panel_main a{font-size:95%;color:#000000;text-decoration:none;font-weight:normal;}
.panel_main a:hover{font-size:95%;color:var(--purple);text-decoration:none;font-weight:normal;}
.panel_main a.featured{color:var(--purple);text-decoration:none;font-weight:normal;}
.panel_main a.featured:hover{color:#FF45eb;text-decoration:none;font-weight:normal;}
.panel_main a.likes{color:var(--purple);text-decoration:none;padding-left:3px;padding-right:3px;font-weight:normal;border-radius:5px;}
.panel_main a.likes:hover{color:#FFFFFF;background-color:var(--purple);padding-left:3px;padding-right:3px;text-decoration:none;font-weight:normal;border-radius:5px;}
.panel_main a.likecmt{color:#202020;text-decoration:none;font-weight:normal;}
.panel_main a.likecmt:hover{color:var(--purple);text-decoration:none;font-weight:normal;}
.panel_main a.likecmt2{color:var(--purple);text-decoration:none;font-weight:normal;}
.panel_main a.likecmt2:hover{color:var(--purple);text-decoration:none;font-weight:normal;}
.panel_main a.flag{color:var(--purple);text-decoration:none;font-weight:normal;}
.panel_main a.flag:hover{color:#FF3333;text-decoration:none;font-weight:normal;}
.panel_main a.closebtn{color:#000000;font-weight:bold;font-size:180%;font-family:"Open Sans", Tahoma, Geneva, sans-serif;}
.panel_main a.closebtn:hover{color:var(--purple);}
/* Container Welcome */
.panel_welcome {font-size:100%;color:#000000;text-align:left;margin:auto 0px 6px 5px;padding:1px 6px 6px 6px;}
.panel_welcome_h2 {font-weight:bold;padding-top:0px;padding-bottom:0px;color:#000000;font-size:160%;}
.panel_welcome_h3 {font-weight:bold;padding-top:0px;padding-bottom:4px;color:#000000;font-size:130%;}
.panel_welcome a{color:#000000;text-decoration:none;font-weight:normal;}
.panel_welcome a:hover{color:var(--purple);text-decoration:none;font-weight:normal;}
/* Container Welcome Profiles */
.panel_welcome a.top_menu_btn3 {font-size:130%;color:#FFFFFF;background:var(--purple);font-weight:bold;padding:4px 8px 4px 8px;text-decoration: none;border-radius:20px;}
.panel_welcome a.top_menu_btn3:hover {color:#FFFFFF;background:var(--purple);text-decoration:none;}
/* Container Footer */
.panel_footer {font-size:100%;color:#ffffff;background:#010101;text-align:left;margin-right:1%;margin:0px 0px 15px 0px;padding:0px 10px 10px 10px;border-radius:20px;}
.panel_footer_h2 {font-weight:bold;padding-top:0px;padding-bottom:0px;color:#ffffff;font-size:160%;}
.panel_footer_h3 {font-weight:bold;padding-top:0px;padding-bottom:4px;color:#ffffff;font-size:130%;}
.panel_footer a{color:#ffffff;text-decoration:none;font-weight:normal;}
.panel_footer a:hover{color:var(--purple);text-decoration:none;font-weight:normal;}
/* Container Popup */
.panel_popup {font-size:95%;color:#202020;background:#ffc966;border:1px solid #000000;text-align:left;margin:5px 5px 5px 0px;padding:4px 4px 4px 4px;border-radius:20px;}
.panel_popup_h2 {font-weight:bold;padding-left:5px;padding-bottom:5px;color:#313131;font-size:160%;}
.panel_popup_h3 {font-weight:bold;padding-top:0px;padding-bottom:4px;color:#212121;font-size:130%;}
.panel_popup a{color:#EF3D43;font-size:105%;text-decoration:none;font-weight:normal;}
.panel_popup a:hover{color:#FFFFFF;background:#313131;font-size:105%;text-decoration:none;}
/* Container Popup2 */
.panel_popup2 {font-size:95%;color:#505050;background:#d7d7d7;border:2px solid #000000;text-align:left;margin:5px 5px 5px 0px;padding:4px 4px 4px 4px;border-radius:20px;}
.panel_popup2_h2 {font-weight:bold;padding-left:5px;padding-bottom:5px;color:#313131;font-size:160%;}
.panel_popup2_h3 {font-weight:bold;padding-top:0px;padding-bottom:4px;color:#212121;font-size:130%;}
.panel_popup2 a{color:#EF3D43;font-size:105%;text-decoration:none;font-weight:normal;}
.panel_popup2 a:hover{color:#FFFFFF;background:#313131;font-size:105%;text-decoration:none;}
/* Container Sitemap */
.panel_sitemap {font-size:25%;text-align:left;margin-right:1%;margin:auto 10px 15px 10px;padding:0px 10px 10px 10px;border-radius:20px;}
.panel_sitemap_h2 {color: rgba(62, 62, 62, 0.1);font-weight:bold;font-size:20%;}
.panel_sitemap_h3 {color: rgba(62, 62, 62, 0.1);font-weight:bold;font-size:18%;}
.panel_sitemap a{color: rgba(62, 62, 62, 0.1);text-decoration:none;font-weight:normal;}
.panel_sitemap a:hover{color: rgba(62, 62, 62, 0.1);text-decoration:none;font-weight:normal;}
/* Container List */
.panel_list {font-size:90%;color:#555555;background:#FFFFFF;border:1px solid #909090;text-align:left;margin-right:1%;margin:auto 10px 3px 10px;padding:0px 10px 8px 10px;border-radius:5px;}
.panel-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 6px;padding-bottom: 10px;border-bottom: 1px solid var(--purple-light);}
.panel-title {font-size: 130%;font-weight: bold;color: var(--dark);display: flex;align-items: center;gap: 10px;}
/* PROFILE COMPARE */
.comparison {display: grid;grid-template-columns: 1fr 1fr;gap: 1px;}
.column {background: var(--panel-bg);padding: 16px;}
.column-header {font-size: 120%;color:var(--highlight-footer);font-weight: 700;margin-bottom: 20px;padding-bottom: 12px;border-bottom: 1px solid;}
.row {display: flex;justify-content: space-between;padding: 9px 0;border-bottom: 1px solid #E0E0E0;font-size: 0.975rem;}
.row:last-child {border-bottom: none;}
.label {color: var(--panel-label);font-weight: 500;}
.value {font-weight: 600;color: #1e2937;text-align: right;}
@media (max-width: 768px) {
    .comparison { grid-template-columns: 1fr; }
    .column { padding: 20px; }
}
/* LINE LIST */
.comparison2 {display: grid;grid-template-columns: 1fr;}
.column2 {background: var(--panel-bg);padding: 16px;}
.column-header2 {font-size: 120%;color:var(--highlight-footer);font-weight: 700;margin-bottom: 20px;padding-bottom: 12px;border-bottom: 1px solid;}
.row2 {display: flex;justify-content: space-between;padding: 9px 0;border-bottom: 1px solid #E0E0E0;font-size: 0.975rem;}
.row2:last-child {border-bottom: none;}
.label2 {color: var(--panel-label);font-weight: 500;}
.value2 {font-weight: 600;color: #1e2937;text-align: right;}
@media (max-width: 768px) {
    .comparison2 { grid-template-columns: 1fr; }
    .column2 { padding: 20px; }
}
/* Forms */
.form_input {color:#000000;background:#F6F6F6;border:1px solid #DDDDDD;width:98%;font-size:100%;padding:3px;border-radius:10px;}
#submit {transition: transform 0.1s, box-shadow 0.1s;display:inline-block;font-size:100%;font-weight:bold;color:#efefef;background:var(--purple);border:1px solid var(--purple);padding:4px 8px 4px 8px;cursor:pointer;border-radius:20px;}
#submit:hover {box-shadow: 0 10px 10px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.8);color:var(--purple);background:#efefef;border:1px solid var(--purple);}

#submit1 {transition: transform 0.1s, box-shadow 0.1s;display:inline-block;font-size:100%;font-weight:bold;color:#FFFFFF;background:var(--purple);padding:3px 8px 3px 8px;cursor:pointer;border-radius:20px;}
#submit1:hover {box-shadow: 0 10px 10px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.8);color:var(--purple);background:#efefef;border:1px solid var(--purple);}
#submit2 {transition: transform 0.1s, box-shadow 0.1s;display:inline-block;font-size:100%;font-weight:bold;color:#FFFFFF;background:var(--purple);padding:3px 8px 3px 8px;cursor:pointer;border-radius:20px;}
#submit2:hover {box-shadow: 0 10px 10px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.8);color:var(--purple);background:#efefef;border:1px solid var(--purple);}

#submit_dis {display:inline-block;font-size:100%;color:#FFFFFF;background:#9c9c9c;padding:4px 8px 4px 8px;cursor:pointer;border:none;border-radius:20px;}
#submit_dis:hover {border:none;background:#444444;}

#form_btn {display:inline-block;font-size:100%;color:#efefef;background:var(--purple);padding:4px 8px 4px 8px;cursor:pointer;border:1px solid var(--purple);border-radius:20px;}
#form_btn:hover {border:none;color:var(--purple);background:#efefef;border:1px solid var(--purple);}

a.form_btn2{transition: transform 0.1s, box-shadow 0.1s;display:inline-block;font-size:100%;font-weight:bold;color:#efefef;background:var(--purple);padding:4px 14px 4px 14px;cursor:pointer;border-radius:20px;}
a.form_btn2:hover {box-shadow: 0 10px 10px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.8);font-size:100%;font-weight:bold;color:#ffffff;background:var(--purple-dark);}
a.form_btn3{transition: transform 0.1s, box-shadow 0.1s;display:inline-block;font-size:100%;font-weight:bold;color:var(--purple);background:#c8c8c8;padding:4px 14px 4px 14px;cursor:pointer;border-radius:20px;}
a.form_btn3:hover {box-shadow: 0 10px 10px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.8);font-size:100%;border:none;font-weight:bold;color:#ffffff;background:var(--purple-dark);}

.profile_banner {position:relative;height:200px;width:100%;background-size:100% 100%;margin-top:4px;margin-bottom:15px;border-radius:15px;box-sizing:border-box;}
.profile_name {text-align:center;color:#000000;font-size:140%;font-weight:bold;padding-top:0px;}
.profile_tag {text-align:center;color:#000000;font-size:100%;font-weight:normal;padding-top:2px;}
.profile_pic {position:absolute;height:100px;width:100px;border:3px solid #FFFFFF;border-radius:20px;bottom:0;left:10px;transform:translateY(15%);}
.profile_cover {position:relative;top:5px;left:5px;-webkit-text-stroke-width: 1.2px;-webkit-text-stroke-color: #000000;-webkit-text-fill-color: #FFFFFF;}

/* Profile Menu */
.profile_menu {width:90%;height:auto;margin-left:5%;padding-top:10px;}
.profile_menu_h2 {font-weight:bold;padding-top:0px;padding-bottom:10px;color:#000000;font-size:140%;}
.profile_menu_inner {float:none;width:100%;}

a.profile_menu_btn{font-size:100%;font-weight:normal;text-decoration:none;color:#000000;padding:3px;padding-left:6px;display:block;margin-bottom:1px;border-radius:20px;}
a.profile_menu_btn:hover{font-size:100%;font-weight:normal;text-decoration:none;color:var(--purple);background-color:#dedede;padding:3px;padding-left:6px;display:block;margin-bottom:1px;}
a.profile_menu_btn2{font-size:100%;font-weight:bold;text-decoration:none;color:#000000;padding:3px;padding-left:6px;display:block;margin-bottom:1px;border-radius:20px;}
a.profile_menu_btn2:hover{font-size:100%;font-weight:bold;text-decoration:none;color:var(--purple);background-color:#dedede;padding:3px;padding-left:6px;display:block;margin-bottom:1px;}

a.profile_menu_btn3{margin:3px;font-size:100%;font-weight:bold;text-decoration:none;color:#000000;background-color:#a4a4a4;padding:3px 8px 3px 8px;margin-bottom:6px;border-radius:5px;}
a.profile_menu_btn3:hover{margin:3px;font-size:100%;font-weight:bold;text-decoration:none;color:#000000;background-color:#848484;padding:3px 8px 3px 8px;margin-bottom:6px;}
a.profile_menu_btn4{margin:3px;font-size:100%;font-weight:bold;text-decoration:none;color:#000000;background-color:#d1d1d1;padding:3px 8px 3px 8px;margin-bottom:6px;border-radius:5px;}
a.profile_menu_btn4:hover{margin:3px;font-size:100%;font-weight:bold;text-decoration:none;color:#000000;background-color:#a4a4a4;padding:3px 8px 3px 8px;margin-bottom:6px;}

/* Container */
.flex-grid {display: flex;flex-wrap: wrap;align-items: stretch;gap: 6px;width: 100%;max-width: 100%;margin: 0 auto;padding: 0px;box-sizing: border-box;}
/* 6 columns: 5 gaps × 6px = 30px */
/* 5 columns: 4 gaps × 6px = 24px */
/* 4 columns: 3 gaps × 6px = 18px */
/* 3 columns: 2 gaps × 6px = 12px */
.div_panels_row {flex: 0 0 calc((100% - 30px) / 6);background: #efefef;border: 2px solid #eFeFeF;border-radius: 12px;padding: 0px;box-sizing: border-box;text-align: center;font-size: 95%;color: #212529;min-height: 160px;display: flex;flex-direction: column;gap:0px;align-items: center;justify-content: center;}
.div_panels_row:hover {background-color:#dfdfdf;border:2px solid var(--purple);}
.div_panels_row1 {flex: 0 0 100%;background: #efefef;border: 2px solid #eFeFeF;border-radius: 12px;padding: 0px;box-sizing: border-box;text-align: center;font-size: 95%;color: #212529;min-height: 50px;display: flex;flex-direction: column;gap:0px;align-items: center;justify-content: center;}
.div_panels_row1:hover {background-color:#dfdfdf;border:2px solid var(--purple);}
.div_panels_row2 {flex: 0 0 calc((100% - 6px) / 2);background: #efefef;border: 2px solid #eFeFeF;border-radius: 12px;padding: 0px;box-sizing: border-box;text-align: center;font-size: 95%;color: #212529;min-height: 50px;display: flex;flex-direction: column;gap:0px;align-items: center;justify-content: center;}
.div_panels_row2:hover {background-color:#dfdfdf;border:2px solid var(--purple);}
.div_panels_row3 {flex: 0 0 calc((100% - 12px) / 3);background: #efefef;border: 2px solid #eFeFeF;border-radius: 12px;padding: 0px;box-sizing: border-box;text-align: center;font-size: 95%;color: #212529;min-height: 50px;display: flex;flex-direction: column;gap:0px;align-items: center;justify-content: center;}
.div_panels_row3:hover {background-color:#dfdfdf;border:2px solid var(--purple);}
.div_panels_row4 {flex: 0 0 calc(25% - 12px);background: #efefef;border: 2px solid #eFeFeF;border-radius: 12px;padding: 0px;box-sizing: border-box;text-align: center;font-size: 95%;color: #212529;min-height: 160px;display: flex;flex-direction: column;gap:0px;align-items: stretch;justify-content: center;}
.div_panels_row4:hover {background-color:#dfdfdf;border:2px solid var(--purple);}
.div_panels_row5 {flex: 0 0 calc((100% - 24px) / 5);background: #efefef;border: 2px solid #eFeFeF;border-radius: 12px;padding: 0px;box-sizing: border-box;text-align: center;font-size: 95%;color: #212529;min-height: 160px;display: flex;flex-direction: column;gap:0px;align-items: center;justify-content: center;}
.div_panels_row5:hover {background-color:#dfdfdf;border:2px solid var(--purple);}
.div_panels_rowF {flex: 0 0 calc((100% - 30px) / 6);background: #efefef;border: 2px solid var(--purple);border-radius: 12px;padding: 0px;box-sizing: border-box;text-align: center;font-size: 95%;color: #212529;min-height: 160px;display: flex;flex-direction: column;gap:0px;align-items: center;justify-content: center;}
.div_panels_rowF:hover {background-color:#dfdfdf;border:2px solid var(--purple);}
.div_panels_rowF4 {flex: 0 0 calc(25% - 12px);background: #efefef;border: 2px solid var(--purple);border-radius: 12px;padding: 0px;box-sizing: border-box;text-align: center;font-size: 95%;color: #212529;min-height: 160px;display: flex;flex-direction: column;gap:0px;align-items: center;justify-content: center;}
.div_panels_rowF4:hover {background-color:#dfdfdf;border:2px solid var(--purple);}
.div_panels_rowF5 {flex: 0 0 calc((100% - 24px) / 5);background: #efefef;border: 2px solid var(--purple);border-radius: 12px;padding: 0px;box-sizing: border-box;text-align: center;font-size: 95%;color: #212529;min-height: 160px;display: flex;flex-direction: column;gap:0px;align-items: center;justify-content: center;}
.div_panels_rowF5:hover {background-color:#dfdfdf;border:2px solid var(--purple);}
.div_panels_rowL {flex: 0 0 calc((100% - 30px) / 6);background: #efefef;border: 2px solid var(--purple);border-radius: 12px;padding: 0px;box-sizing: border-box;text-align: center;font-size: 95%;color: #212529;min-height: 160px;display: flex;flex-direction: column;gap:0px;align-items: center;justify-content: center;}
.div_panels_rowL:hover {background-color:#dfdfdf;border:2px solid var(--purple);}
.div_panels_rowL4 {flex: 0 0 calc((100% - 18px) / 4);background: #efefef;border: 2px solid var(--purple);border-radius: 12px;padding: 0px;box-sizing: border-box;text-align: center;font-size: 95%;color: #212529;min-height: 160px;display: flex;flex-direction: column;gap:0px;align-items: center;justify-content: center;}
.div_panels_rowL4:hover {background-color:#dfdfdf;border:2px solid var(--purple);}
.div_panels_rowL5 {flex: 0 0 calc((100% - 24px) / 5);background: #efefef;border: 2px solid var(--purple);border-radius: 12px;padding: 0px;box-sizing: border-box;text-align: center;font-size: 95%;color: #212529;min-height: 160px;display: flex;flex-direction: column;gap:0px;align-items: center;justify-content: center;}
.div_panels_rowL5:hover {background-color:#dfdfdf;border:2px solid var(--purple);}

/* 4 columns (tablets / medium desktops) 3 gaps × 6px = 18px */
/* 3 columns (tablets / medium desktops) 2 gaps × 6px = 12px */
@media (max-width: 1200px) {
    .div_panels_row { flex: 0 0 calc((100% - 18px) / 4); }
    .div_panels_rowF { flex: 0 0 calc((100% - 18px) / 4); }
    .div_panels_rowL { flex: 0 0 calc((100% - 18px) / 4); }
    .div_panels_row3 { flex: 0 0 calc((100% - 12px) / 2); }
    .div_panels_row4 { flex: 0 0 calc((100% - 12px) / 3); }
    .div_panels_row5 { flex: 0 0 calc((100% - 18px) / 4); }
    .div_panels_rowF4 { flex: 0 0 calc((100% - 12px) / 3); }
    .div_panels_rowF5 { flex: 0 0 calc((100% - 18px) / 4); }
    .div_panels_rowL4 { flex: 0 0 calc((100% - 12px) / 3); }
    .div_panels_rowL5 { flex: 0 0 calc((100% - 18px) / 4); }
}
/* 3 columns (small tablets / large phones) 2 gaps × 6px = 12px */
/* 2 columns (small tablets / large phones) 1 gap × 6px = 6px */
@media (max-width: 900px) {
    .div_panels_row { flex: 0 0 calc((100% - 12px) / 3); }
    .div_panels_rowF { flex: 0 0 calc((100% - 12px) / 3); }
    .div_panels_rowL { flex: 0 0 calc((100% - 12px) / 3); }
    .div_panels_row3 { flex: 0 0 calc((100% - 6px) / 2); }
    .div_panels_row4 { flex: 0 0 calc((100% - 6px) / 2); }
    .div_panels_row5 { flex: 0 0 calc((100% - 12px) / 3); }
    .div_panels_rowF4 { flex: 0 0 calc((100% - 6px) / 2); }
    .div_panels_rowF5 { flex: 0 0 calc((100% - 12px) / 3); }
    .div_panels_rowL4 { flex: 0 0 calc((100% - 6px) / 2); }
    .div_panels_rowL5 { flex: 0 0 calc((100% - 12px) / 3); }
}
/* 2 columns (phones) 1 gap × 6px = 6px */
/* 1 column (phones) no gap */
@media (max-width: 600px) {
    .div_panels_row { flex: 0 0 calc((100% - 6px) / 2); }
    .div_panels_rowF { flex: 0 0 calc((100% - 6px) / 2); }    
    .div_panels_rowL { flex: 0 0 calc((100% - 6px) / 2); }
    .div_panels_row1 { flex: 0 0 100%; }
    .div_panels_row2 { flex: 0 0 100%; }
    .div_panels_row3 { flex: 0 0 100%; }
    .div_panels_row5 { flex: 0 0 calc((100% - 6px) / 2); }
    .div_panels_rowF5 { flex: 0 0 calc((100% - 6px) / 2); }
    .div_panels_rowL5 { flex: 0 0 calc((100% - 6px) / 2); }
}

.panel-body {flex: 1 1 auto;padding: 12px 16px;}
.panel-body {min-height: 80px;}
.panel-top, .panel-footer {flex-shrink: 0;}
.panel-thumbnails {display: flex; gap: 8px;padding: 8px 12px;border-top: 1px solid #969696;}
.panel-thumbnails img {width: 64px;height: 64px;object-fit: cover;border-radius: 4px;flex-shrink: 0;border: 1px solid #ddd;}
.panel-thumbnails img:hover {transform: scale(1.05);transition: transform 0.2s;}

/* Theme container */
.theme-container {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 800px;box-sizing: border-box;font-size:100%;color:#000000;background:#ffffff;margin:0px 5px 6px 0px;padding:8px 6px 3px 6px;border-radius:15px;}
/* Each <a> tag */
.theme-container a {transition: transform 0.1s, box-shadow 0.1s;flex: 1;text-align: center;padding: 2px 4px;margin: 0 5px;background:#E8E8E8;border-radius: 15px;text-decoration: none;font-size: 100%;font-weight: 600;color: #000000;}
/* Hover effect (for non-active links) */
.theme-container a:hover {box-shadow: 0 10px 10px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.8);color:var(--purple);background-color:#dedede;border-color: #000;}
/* ACTIVE / SELECTED state */
.theme-container a.active {transition: transform 0.1s, box-shadow 0.1s;background: var(--purple);color: white;}
/* Hover effect for the active link (subtle) */
.theme-container a.active:hover {box-shadow: 0 10px 10px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.8);background: var(--purple);}
@media (max-width: 600px) {
    .theme-container {flex-direction: column;gap: 12px;}
    .link-container a {margin: 0;}
}

.adspic{width:100%;height:auto;opacity:0.7;filter:alpha(opacity=70);border-radius:20px;}
.adspic:hover{opacity:1;filter:alpha(opacity=100);}

input[type=checkbox] { transform: scale(1.2); }
input[type=radio] { transform: scale(1.3); }

.upload__box {padding: 5px;}
.upload__inputfile {width: .1px;height: .1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.upload__btn {display: inline-block;font-weight: nornal;color: #FFFFFF;text-align: center;min-width: 116px;padding:2px 8px 3px 8px;cursor: pointer;background-color: var(--purple);border-radius:20px;font-size: 100%;}
.upload__btn:hover {background-color: var(--purple);color: #FFFFFF;}
.upload__btn-box {margin-bottom: 5px;}
.upload__img-wrap {display: flex;flex-wrap: wrap;margin: 0 -10px;}
.upload__img-box {width: 140px;padding: 0 10px;margin-bottom: 12px;}
.img-bg {background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;padding-bottom: 100%;border-radius:20px;}
.upload2__box {padding: 5px;}
.upload2__inputfile {width: .1px;height: .1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.upload2__btn {display: inline-block;font-weight: nornal;color: #FFFFFF;text-align: center;min-width: 116px;padding:2px 8px 3px 8px;cursor: pointer;background-color: var(--purple);border-radius:20px;font-size: 100%;}
.upload2__btn:hover {background-color: var(--purple);color: #FFFFFF;}
.upload2__btn-box {margin-bottom: 5px;}
.upload2__img-wrap {display: flex;flex-wrap: wrap;margin: 0 -10px;}
.upload2__img-box {width: 140px;padding: 0 10px;margin-bottom: 12px;}

/*Cookie Consent Begin*/
#cookieConsent {background-color: rgba(20,20,20,0.8);min-height: 26px;font-size: 14px;color: #ccc;line-height: 26px;padding: 8px 0 8px 30px;position: fixed;bottom: 0;left: 0;right: 0;display: none;z-index: 9999;}
#cookieConsent a {color: #4B8EE7;text-decoration: none;}
#closeCookieConsent {float: right;display: inline-block;cursor: pointer;height: 20px;width: 20px;margin: -15px 0 0 0;font-weight: bold;}
#closeCookieConsent:hover {color: #FFF;}
#cookieConsent a.cookieConsentOK {background-color: #F1D600;color: #000;display: inline-block;padding: 0 20px;cursor: pointer;float: right;margin: 0 60px 0 10px;border-radius:5px;}
#cookieConsent a.cookieConsentOK:hover {color:#ffffff;background-color: var(--purple);}
/*Cookie Consent End*/

@media (orientation: landscape){
    #welcome_logo {font-size:380%;}
    .top_data {text-align:right;}
    a.menu_top_logo{font-size:275%;}
    .menu_left {text-align:left;width:34%;}
    .menu_right {float:right;width:60%;}
    #right_menu {text-align:right;font-size:110%;}
    #toggle_wide {display:block;}
    #toggle_narrow {display:none;}
    .top_menu {height:79px;position:fixed;background: url(/includes/fp/nav_bar_w.png);}
    .top_menu2 {height:auto;padding-bottom:10px;}
    .top_menu_btn {display:inline-block;margin-left:12px;}
    .top_menu_btn1 {display:inline-block;margin-left:12px;}
    .top_menu_btn2 {display:inline-block;margin-left:12px;}
    .top_menu_btn3 {display:inline-block;margin-left:12px;}
    #dashboard_icon {width:2.4vw;}
    #dashboard_icon_s {width:1.1vw;}
    #pages_icons {width:1.7vw;}
    #pages_icons_s {width:1.2vw;}
    #msg_attach {width:25%;}
    .container_popup {width:450px;}
    .left25 {flex: 0 0 330px;width: 330px;}
    .right75 {flex: 1 1 auto;min-width: 550px;}
    .page100 {width:100%;}
    .left20 {float:left;width:20%;}
    .right80 {float:right;width:80%;}
    .right20 {float:right;width:20%;}
    .middle60 {float:left;width:60%;margin-bottom:10px;}
    a.form_btn2{padding:4px 14px 4px 14px;}
    a.form_btn3{padding:4px 14px 4px 14px;}
    #mcboxit {text-align:right;}
    div.div_panels_row {margin-bottom:0px;}
    body{font-size:100%;}
    #toggleP {width:6%;}
    #ytframe {width:500px;height:300px;border-radius:20px;}
    #lists_cols {column-count: 4; column-gap: 20px;}
    #thumb_left1 {width:90%;}
    #thumb_right1 {width:10%;}
    #thumb_left2 {width:80%;}
    #thumb_right2 {width:20%;}
    #thumb_left3 {width:70%;}
    #thumb_right3 {width:30%;}
}
@media (orientation: portrait){
    #welcome_logo {font-size:360%;}
    .top_data {text-align:center;}
    a.menu_top_logo{font-size:240%;}
    .menu_left {float:none;width:95%; text-align:center;}
    .menu_right {float:none;width:95%; text-align:center;}
    #toggle_wide {display:none;}
    #toggle_narrow {display:block;}
    .top_menu_n {display:flow-root;height:275px;width:100%;margin-bottom:6px;background: url(/includes/fp/nav_bar_n.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
    .top_menu2 {display:flow-root;height:auto;padding-bottom:0px;}
    .top_menu_btn {display:block;margin-bottom:5px;margin-left:10px;margin-right:0px;}
    .top_menu_btn1 {display:block;margin-bottom:5px;margin-left:10px;margin-right:0px;}
    .top_menu_btn2 {display:block;margin-left:10px;margin-right:4px;text-align:center;}
    .top_menu_btn3 {display:block;margin-left:10px;margin-right:4px;text-align:center;}
    #dashboard_icon {width:7.5vw;}
    #dashboard_icon_s {width:3.5vw;}
    #pages_icons {width:4.5vw;}
    #pages_icons_s {width:3.5vw;}
    #msg_attach {width:98%;}
    .container_popup {width:100%;}
    .container_panel {flex-direction: column;}
    .left25, .right75 {width: 100%;flex: 0 0 auto;}
    .left25 {order: 1;}
    .right75 {order: 2;}
    .left20, .right80, .right20, .middle60 {float:none;width:100%;}
    a.form_btn2{padding:8px 16px 9px 16px;}
    a.form_btn3{padding:8px 16px 9px 16px;}
    #mcboxit {text-align:center;}
    div.div_panels_row {margin-bottom:5px;}
    body{font-size:110%;}
    #toggleP {width:15%;}
    #ytframe {width:100%;height:300px;border-radius:20px;}
    #lists_cols {column-count: 1; column-gap: 0px;}
    #thumb_left1 {width:75%;}
    #thumb_right1 {width:25%;}
    #thumb_left2 {width:75%;}
    #thumb_right2 {width:25%;}
    #thumb_left3 {width:75%;}
    #thumb_right3 {width:25%;}
}
@media (orientation: landscape) and (min-width: 700px){
    #right_menu {text-align:right;font-size:95%;}
    #spot_panel_4 {display:block;}
    #spot_panel_5 {display:none;}
    .menu_left {text-align:left;width:34%;}
    .menu_right {float:right;width:60%;}
    div.div_panels_row {margin-bottom:5px;}
    #thumb_left1 {width:80%;}
    #thumb_right1 {width:20%;}
    #thumb_left2 {width:70%;}
    #thumb_right2 {width:30%;}
    #thumb_left3 {width:70%;}
    #thumb_right3 {width:30%;}
}
@media (orientation: landscape) and (min-width: 1001px) and (max-width: 1440px){
    #right_menu {text-align:right;font-size:95%;}
    #spot_panel_4 {display:block;}
    #spot_panel_5 {display:none;}
    .menu_left {text-align:left;width:34%;}
    .menu_right {float:right;width:60%;}
    div.div_panels_row {margin-bottom:5px;}
    #thumb_left1 {width:80%;}
    #thumb_right1 {width:20%;}
    #thumb_left2 {width:70%;}
    #thumb_right2 {width:30%;}
    #thumb_left3 {width:70%;}
    #thumb_right3 {width:30%;}
}
@media (orientation: landscape) and (min-width: 1441px){
    #right_menu {text-align:right;font-size:100%;}
    #spot_panel_4 {display:block;}
    #spot_panel_5 {display:block;}
    .menu_left {text-align:left;width:34%;}
    .menu_right {float:right;width:60%;}
    div.div_panels_row {margin-bottom:0px;}
    #thumb_left1 {width:90%;}
    #thumb_right1 {width:10%;}
    #thumb_left2 {width:80%;}
    #thumb_right2 {width:20%;}
    #thumb_left3 {width:70%;}
    #thumb_right3 {width:30%;}
}
</style>