@import 'https://fonts.googleapis.com/css?family=Roboto:regular,700,italic,700italic&display=swap';
#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 1150px minmax(0, 1fr); grid-template-rows: 70px auto 80px; }
#imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
#imSideBar { display: none; }
#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
@media (max-width: 1149.9px) and (min-width: 720.0px) {
	#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 720px minmax(0, 1fr); grid-template-rows: 70px auto 80px; }
	#imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
@media (max-width: 719.9px) and (min-width: 480.0px) {
	#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 480px minmax(0, 1fr); grid-template-rows: 70px auto 80px; }
	#imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
@media (max-width: 479.9px)  {
	#imPage { display: grid; grid-template-columns: 0 minmax(0, 1fr) 0; grid-template-rows: 70px auto 80px; }
	#imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 95.833px 95.833px 95.833px 95.833px 95.833px 95.833px 95.833px 95.833px 95.833px 95.833px 95.833px 95.833px minmax(0, 1fr); grid-template-rows: auto auto; }
#imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; }
#imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
#imCell_1 { display: grid; grid-column: 2 / 14; grid-row: 2 / 3; }
#imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; }
@media (max-width: 1149.9px) and (min-width: 720.0px) {
	#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px minmax(0, 1fr); grid-template-rows: auto auto; }
	#imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; }
	#imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	#imCell_1 { display: grid; grid-column: 2 / 14; grid-row: 2 / 3; }
	#imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; }
	
}
@media (max-width: 719.9px) and (min-width: 480.0px) {
	#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px minmax(0, 1fr); grid-template-rows: auto auto; }
	#imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; }
	#imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	#imCell_1 { display: grid; grid-column: 2 / 14; grid-row: 2 / 3; }
	#imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; }
	
}
@media (max-width: 479.9px)  {
	#imContent { display: grid; grid-template-columns: 0 minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 0; grid-template-rows: auto auto; }
	#imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; }
	#imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	#imCell_1 { display: grid; grid-column: 2 / 14; grid-row: 2 / 3; }
	#imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; }
	
}
#imHeader_imCell_1 { grid-template-columns: 100%; position: relative; box-sizing: border-box; }
#imHeader_imHTMLObject_01 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; }
#imHeader_imCellStyleGraphics_1 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent;  }
#imHeader_imCellStyleBorders_1 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; }

* {margin: 0;padding: 0;box-sizing: border-box;}
.renelno-header {position: fixed;top: 0;left: 0;height: 60px;width: 100%;background: linear-gradient(to right, #002e5d, #002e5d, #2774ae);gap: 50px;padding: 0.5px;display: flex;justify-content:center;align-items: center;
 z-index: 10;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.logo {text-decoration: none;display: flex;align-items: center;gap: 15px;margin-left: 25px;}
.logo img {width: 42px;height: 40px;}
.menu-head img {width: 16px;height: 16px; margin: 15px;}
.hamburger-icon {background: yellow;border: solid 3px red;padding:5px 10px;line-height: 18px;font-size: 18px;font-weight: bold;color: black;margin-right: 20px;display: flex;cursor: pointer;z-index: 1100;animation: blinker 2s linear infinite;}
@keyframes blinker {50% {opacity: 0;}}
.menu-backdrop {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(4px);visibility: hidden;opacity: 0;transition: visibility 0.3s ease, opacity 0.3s ease;z-index:  1050;}
.menu-backdrop.active {visibility: visible;opacity: 1;}

.sidebar-menu {position: fixed;top: 0;left: -320px;width: 320px;max-width: 85%;height: 100%;font-family: roboto;background: #F7C39E;box-shadow: 6px 0 28px rgba(0, 0, 0, 0.12);z-index: 1100;transition: left 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.2);display: flex;flex-direction: column;overflow: hidden;}
.sidebar-menu.open {left: 0;}

.menu-head {padding: 1rem;border-bottom: 1px solid #eef2f8;background: #C9F5C4;}
.nav-menu {list-style: none;padding: 0.5rem 0 2rem 0;margin: 0;}
.nav-item {border-bottom: 1px solid #f0f4fa;}

.menu-link {display: flex;align-items: center;justify-content: space-between;padding: 0.75rem 1.5rem;font-family: 'Calistoga';font-size: 1.2rem;font-weight: bold;color: black;text-decoration: none;background: #F7C39E;cursor: pointer;transition: background 0.2s, padding-left 0.2s;}
.menu-link:hover {background: #f6f9fe;}

.link-label {display: flex;align-items: center;gap: 10px;}

/* Dropdown arrow */
.dropdown-arrow {font-size: 0.7rem;transition: transform 0.25s ease;color: #7c8ba0;font-weight: 600;}
.dropdown-arrow.rotated {transform: rotate(180deg);}

/* Submenu container (multi-level) */
.sub-menu {list-style: none;margin: 0;padding-left: 0;background: #fefefe;max-height: 0;overflow: hidden;transition: max-height 0.35s cubic-bezier(0.33, 1, 0.68, 1);}
.sub-menu.show {max-height: 600px;  /* accommodates nested items */}

/* Nested indentation */
.sub-menu .menu-link {padding-left: 2.2rem;font-weight: 450;font-size: 0.85rem;background: #fafdff;}

/* Close button inside menu */
.close-sidebar-btn {margin: 0.1rem 1.5rem 0.1rem 1.5rem;background: red;border: none;padding: 0.7rem;border-radius: 15px;font-size: 1rem;font-weight: bold;color: white;cursor: pointer;transition: 0.2s;font-family: inherit;}
.close-sidebar-btn:hover {background: #e4e9f2;}

/* scroll lock while menu is open */
body.menu-open-state {overflow: hidden;}

/* subtle scrollbar */
.sidebar-menu::-webkit-scrollbar {width: 4px;}
.sidebar-menu::-webkit-scrollbar-track {background: #f1f1f1;}
.sidebar-menu::-webkit-scrollbar-thumb {background: #cbd5e1;border-radius: 10px;}
.imHTMLObject {z-index:-1;}#imFooter_imCell_1 { grid-template-columns: 100%; position: relative; box-sizing: border-box; }
#imFooter_imHTMLObject_01 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; }
#imFooter_imCellStyleGraphics_1 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent;  }
#imFooter_imCellStyleBorders_1 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; }

.kaki {font-size: 12px;font-weight: bold;font-family: roboto;font-size: 18px;color: blue;line-height: 25px;}.imPageRow { position: relative;  }
#imCell_1 { grid-template-columns: 100%; position: relative; box-sizing: border-box; }
#imHTMLObject_12_01 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
#imCellStyleGraphics_1 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent;  }
#imCellStyleBorders_1 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; }

#imHTMLObject_12_01 {
	z-index: 9999;
}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}

.galvideo{width: 100%;display:grid;grid-template-columns:repeat(6, 1fr);gap:10px;}
@media(max-width:1150px){.galvideo{grid-template-columns:repeat(4, 1fr);}}
@media(max-width:720px){.galvideo{grid-template-columns:repeat(2, 1fr);}}

.card{background:#1d1d1d;border-radius:3px;overflow:hidden;border:1px solid #333;transition:0.3s;}
.card img{width:100%;height:135px;object-fit:cover;display:block;cursor:pointer;}
.card-title{background:#CFF5CB;padding:10px;text-align:center;font-size:12px;font-weight:bold;}

.pagination{margin-top:25px;display:flex;justify-content:center;align-items:center;gap:15px;}
.pagination button{padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-weight:bold;}
.page-info{font-size:15px;}

.showbox{position:fixed;inset:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:9999;display:none;justify-content:center;align-items:center;flex-direction:column;padding:20px;}
.showbox.active{display:flex;}
.showbox video{width:90%;max-width:1000px;max-height:90vh;border-radius:10px;background:#000;}
.video-description{margin-top:15px;max-width:900px;text-align:center;line-height:1.6;color:white;font-size:14px;}

.controls{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.controls button{padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-weight:bold;}
.controls button:hover{opacity:0.85;}@media (min-width: 1150.0px) {
	#imBreadcrumb { width: 1136px; margin-inline-start: 6px; margin-inline-end: 6px; }
	#imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; }
	#imCell_1 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_12_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleBorders_1 {  border-top: 0; border-bottom: 0; border-inline-start-width: 0px;  border-inline-end-width: 0px;  }
	
}

@media (max-width: 1149.9px) and (min-width: 720.0px) {
	#imBreadcrumb { width: 706px; margin-inline-start: 6px; margin-inline-end: 6px; }
	#imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; }
	#imCell_1 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_12_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleBorders_1 {  border-top: 0; border-bottom: 0; border-inline-start-width: 0px;  border-inline-end-width: 0px;  }
	
}

@media (max-width: 719.9px) and (min-width: 480.0px) {
	#imBreadcrumb { width: 466px; margin-inline-start: 6px; margin-inline-end: 6px; }
	#imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; }
	#imCell_1 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_12_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleBorders_1 {  border-top: 0; border-bottom: 0; border-inline-start-width: 0px;  border-inline-end-width: 0px;  }
	
}

@media (max-width: 479.9px)  {
	#imBreadcrumb { width: 100%; margin-inline-start: 0px; margin-inline-end: 0px; }
	#imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; }
	#imCell_1 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_12_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleGraphics_1 { box-sizing: border-box; }
	
}

@media (min-width: 1150.0px) {
	#imHeader_imHTMLObject_01_wrapper { position: absolute; top: 6px; inset-inline-start: 8px; width: 1130px; height: 60px; text-align: center; z-index: 1002; overflow: hidden; }
	#imHeader_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; }
	#imHeader_imCell_1 { grid-template-rows: [row-content] auto ; }
	#imHeader_imHTMLObject_01 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imHeader_imCellStyleBorders_1 {  border-top: 0; border-bottom: 0; border-inline-start-width: 0px;  border-inline-end-width: 0px;  }
	
}

@media (max-width: 1149.9px) and (min-width: 720.0px) {
	#imHeader_imHTMLObject_01_wrapper { position: absolute; top: 5px; inset-inline-start: 20px; width: 680px; height: 60px; text-align: center; z-index: 1002; overflow: hidden; }
	#imHeader_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; }
	#imHeader_imCell_1 { grid-template-rows: [row-content] auto ; }
	#imHeader_imHTMLObject_01 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imHeader_imCellStyleBorders_1 {  border-top: 0; border-bottom: 0; border-inline-start-width: 0px;  border-inline-end-width: 0px;  }
	
}

@media (max-width: 719.9px) and (min-width: 480.0px) {
	#imHeader_imHTMLObject_01_wrapper { position: absolute; top: 5px; inset-inline-start: 20px; width: 450px; height: 60px; text-align: center; z-index: 1002; overflow: hidden; }
	#imHeader_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; }
	#imHeader_imCell_1 { grid-template-rows: [row-content] auto ; }
	#imHeader_imHTMLObject_01 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imHeader_imCellStyleBorders_1 {  border-top: 0; border-bottom: 0; border-inline-start-width: 0px;  border-inline-end-width: 0px;  }
	
}

@media (max-width: 479.9px)  {
	#imHeader_imHTMLObject_01_wrapper { position: absolute; top: 4px; inset-inline-start: 10px; width: 300px; height: 60px; text-align: center; z-index: 1002; overflow: hidden; }
	#imHeader_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; }
	#imHeader_imCell_1 { grid-template-rows: [row-content] auto ; }
	#imHeader_imHTMLObject_01 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imHeader_imCellStyleGraphics_1 { box-sizing: border-box; }
	
}

@media (min-width: 1150.0px) {
	#imFooter_imHTMLObject_01_wrapper { position: absolute; top: 22px; inset-inline-start: 20px; width: 1120px; height: 40px; text-align: center; z-index: 1002; overflow: hidden; }
	#imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; }
	#imFooter_imCell_1 { grid-template-rows: [row-content] auto ; }
	#imFooter_imHTMLObject_01 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imFooter_imCellStyleBorders_1 {  border-top: 0; border-bottom: 0; border-inline-start-width: 0px;  border-inline-end-width: 0px;  }
	
}

@media (max-width: 1149.9px) and (min-width: 720.0px) {
	#imFooter_imHTMLObject_01_wrapper { position: absolute; top: 10px; inset-inline-start: 30px; width: 670px; height: 55px; text-align: center; z-index: 1002; overflow: hidden; }
	#imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; }
	#imFooter_imCell_1 { grid-template-rows: [row-content] auto ; }
	#imFooter_imHTMLObject_01 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imFooter_imCellStyleBorders_1 {  border-top: 0; border-bottom: 0; border-inline-start-width: 0px;  border-inline-end-width: 0px;  }
	
}

@media (max-width: 719.9px) and (min-width: 480.0px) {
	#imFooter_imHTMLObject_01_wrapper { position: absolute; top: 4px; inset-inline-start: 10px; width: 460px; height: 56px; text-align: center; z-index: 1002; overflow: hidden; }
	#imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; }
	#imFooter_imCell_1 { grid-template-rows: [row-content] auto ; }
	#imFooter_imHTMLObject_01 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imFooter_imCellStyleBorders_1 {  border-top: 0; border-bottom: 0; border-inline-start-width: 0px;  border-inline-end-width: 0px;  }
	
}

@media (max-width: 479.9px)  {
	#imFooter_imHTMLObject_01_wrapper { position: absolute; top: 5px; inset-inline-start: 10px; width: 300px; height: 55px; text-align: center; z-index: 1002; overflow: hidden; }
	#imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; }
	#imFooter_imCell_1 { grid-template-rows: [row-content] auto ; }
	#imFooter_imHTMLObject_01 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imFooter_imCellStyleGraphics_1 { box-sizing: border-box; }
	
}

#imPage.without-id_animation-in-progress { overflow: hidden }