.modio-page { width: 1440px; margin: 0 auto; background: #ffffff; color: #17243a; font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Arial, sans-serif; }
.modio-shell { width: 1160px; margin: 0 auto; }
.modio-hero, .modio-landing-hero { min-height: 320px; background-color: #07135d; background-image: url('../images/menu9/MODIO-effect.jpg'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; }
.modio-landing-hero { min-height: 370px; background-image: none; }
.modio-hero-inner, .modio-landing-hero-inner { box-sizing: border-box; min-height: 320px; padding: 61px 0 48px; color: #ffffff; }
.modio-landing-hero-inner { display: grid; grid-template-columns: minmax(0, 1fr) 410px; gap: 58px; align-items: center; min-height: 370px; padding-top: 48px; padding-bottom: 48px; }
.modio-eyebrow, .modio-label, .modio-heading > p, .modio-consult p { margin: 0 0 10px; color: #83d3d1; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; letter-spacing: 1px; }
.modio-hero h1, .modio-landing-hero h1 { margin: 0; color: #ffffff; font-size: 41px; line-height: 52px; }
.modio-landing-hero h1 { font-size: 54px; line-height: 62px; }
.modio-hero p:not(.modio-eyebrow), .modio-landing-hero p:not(.modio-eyebrow) { max-width: 605px; margin: 18px 0 0; color: #ffffff; font-size: 17px; line-height: 29px; word-break: keep-all; }
.modio-hero-insights { box-sizing: border-box; padding: 22px; border: 1px solid rgba(131, 211, 209, .46); border-top: 4px solid #83d3d1; background: rgba(8, 27, 99, .64); }
.modio-hero-insights > p { margin: 0 0 7px !important; color: #83d3d1 !important; font-family: Arial, sans-serif; font-size: 11px !important; font-weight: bold; letter-spacing: 1px; line-height: 17px !important; }
.modio-hero-insights h2 { margin: 0 0 19px; color: #ffffff; font-size: 25px; line-height: 34px; word-break: keep-all; }
.modio-hero-traveler { margin: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, .24); background: #16245d; }
.modio-hero-traveler img { display: block; width: 100%; height: auto; }
.modio-hero-traveler-copy { max-width: none !important; margin: 12px 0 17px !important; color: #ffffff !important; font-size: 15px !important; line-height: 24px !important; word-break: keep-all; }
.modio-hero-insight-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.modio-hero-insight-grid section { box-sizing: border-box; min-height: 100px; padding: 14px; background: rgba(255, 255, 255, .10); }
.modio-hero-insight-grid b { display: block; margin-bottom: 8px; color: #ffb35a; font-size: 13px; line-height: 19px; }
.modio-hero-insight-grid span { display: block; color: #ffffff; font-size: 12px; line-height: 19px; word-break: keep-all; }
.modio-hero-insight-grid .modio-hero-insight-wide { grid-column: 1 / -1; min-height: 82px; border-left: 3px solid #83d3d1; }
.modio-nav-review #dropmenudiv { box-sizing: border-box; border: 1px solid #33417e; border-top: 3px solid #83d3d1; box-shadow: 0 12px 24px rgba(4, 12, 50, .34); }
.modio-nav-review #dropmenudiv .modio-top-draft-item { display: block; box-sizing: border-box; min-height: 63px; padding: 10px 18px 11px; border-top: 1px solid #33417e; background: #07135d; color: #ffffff; text-decoration: none; }
.modio-nav-review #dropmenudiv .modio-top-draft-item:first-child { border-top: 0; }
.modio-nav-review #dropmenudiv .modio-top-draft-item:hover, .modio-nav-review #dropmenudiv .modio-top-draft-item:focus { background: #008d94; }
.modio-nav-review #dropmenudiv .modio-top-draft-item b { display: block; font-size: 16px; line-height: 22px; }
.modio-nav-review #dropmenudiv .modio-top-draft-item span { display: block; margin-top: 2px; color: #b9dfe2; font-size: 12px; font-weight: normal; line-height: 17px; }
.modio-nav-review #dropmenudiv .modio-top-draft-item:hover span, .modio-nav-review #dropmenudiv .modio-top-draft-item:focus span { color: #ffffff; }
.modio-layout { display: grid; grid-template-columns: 234px minmax(0, 1fr); gap: 70px; padding-top: 56px; padding-bottom: 78px; }
.modio-nav { align-self: start; }
.modio-nav-kicker { margin: 0 0 4px; color: #008d94; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; letter-spacing: 1px; }
.modio-nav h2 { margin: 0 0 23px; color: #07135d; font-size: 29px; line-height: 37px; }
.modio-nav a { display: block; box-sizing: border-box; min-height: 48px; padding: 12px 15px; border-bottom: 1px solid #52658a; background: #07135d; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 21px; text-decoration: none; word-break: keep-all; }
.modio-nav a:first-of-type { border-top: 3px solid #008d94; }
.modio-nav a:hover, .modio-nav a:focus, .modio-nav-current { border-color: #008d94; background: #008d94; box-shadow: inset 5px 0 0 #d8fa31; }
.modio-content { min-width: 0; }
.modio-content h2 { margin: 0 0 17px; color: #07135d; font-size: 30px; line-height: 40px; word-break: keep-all; }
.modio-content h3 { margin: 0 0 9px; color: #07135d; font-size: 18px; line-height: 27px; word-break: keep-all; }
.modio-content p { margin: 0 0 14px; color: #425269; font-size: 16px; line-height: 28px; word-break: keep-all; }
.modio-content p:last-child { margin-bottom: 0; }
.modio-lead { max-width: 770px; color: #2d3c52 !important; font-size: 18px !important; line-height: 31px !important; }
.modio-intro { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 42px; align-items: start; }
.modio-section, .modio-card-section { padding: 0 0 45px; border-bottom: 1px solid #d8e1e8; }
.modio-section + .modio-section, .modio-section + .modio-card-section { margin-top: 45px; }
.modio-pdf-preview, .modio-product-image, .modio-visual, .modio-curve { margin: 0; border-top: 4px solid #008d94; background: #f4f8fa; }
.modio-pdf-preview-open { display: block; width: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.modio-pdf-preview-open:hover img, .modio-pdf-preview-open:focus img { opacity: .86; }
.modio-pdf-preview img { display: block; width: 100%; max-height: 425px; object-fit: contain; object-position: center top; background: #ffffff; }
.modio-pdf-preview figcaption, .modio-visual figcaption, .modio-curve figcaption { padding: 10px 13px; color: #536174; font-size: 12px; line-height: 18px; }
.modio-button { display: inline-block; margin-top: 13px; padding: 13px 18px; border: 0; background: #ff8500; color: #ffffff; cursor: pointer; font-family: inherit; font-size: 15px; font-weight: bold; line-height: 21px; text-decoration: none; }
.modio-button:hover, .modio-button:focus { background: #e57400; }
.modio-callout { display: flex; gap: 22px; align-items: center; justify-content: space-between; margin-top: 42px; padding: 24px 28px; border-left: 5px solid #008d94; background: #f1faf9; }
.modio-callout p { margin: 0; color: #324156; font-size: 16px; line-height: 26px; }
.modio-callout a { display: inline-block; flex: 0 0 auto; padding: 13px 18px; background: #ff8500; color: #ffffff; font-size: 15px; font-weight: bold; line-height: 21px; text-decoration: none; }
.modio-pdf-modal[hidden] { display: none; }
.modio-pdf-modal { position: fixed; z-index: 9999; inset: 0; display: grid; place-items: center; background: rgba(4, 13, 43, .72); }
.modio-pdf-window { position: relative; display: grid; grid-template-rows: 52px minmax(0, 1fr); width: min(1180px, calc(100vw - 56px)); height: min(88vh, 860px); margin: 0; box-shadow: 0 20px 68px rgba(0, 0, 0, .45); }
.modio-pdf-window header { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding-left: 20px; background: #07135d; color: #ffffff; }
.modio-pdf-window h2 { margin: 0; color: #ffffff; font-size: 16px; line-height: 23px; }
.modio-pdf-window button { width: 52px; height: 52px; padding: 0; border: 0; background: transparent; color: #ffffff; cursor: pointer; font-family: Arial, sans-serif; font-size: 31px; line-height: 52px; }
.modio-pdf-window button:hover, .modio-pdf-window button:focus { background: #008d94; }
.modio-pdf-window iframe { display: block; width: 100%; height: 100%; border: 0; background: #ffffff; }
.modio-pdf-loading { position: absolute; z-index: 2; top: 52px; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; background: #ffffff; color: #324156; text-align: center; transition: opacity .2s ease, visibility .2s ease; }
.modio-pdf-loading.is-loaded { visibility: hidden; opacity: 0; pointer-events: none; }
.modio-pdf-loading span { width: 34px; height: 34px; border: 4px solid #d7e7e8; border-top-color: #008d94; border-radius: 50%; animation: modioPdfSpin .8s linear infinite; }
.modio-pdf-loading p { margin: 0; font-size: 15px; font-weight: bold; line-height: 24px; }
@keyframes modioPdfSpin { to { transform: rotate(360deg); } }
.modio-product-intro { padding-bottom: 43px; border-bottom: 1px solid #d8e1e8; }
.modio-product-image { border: 1px solid #d6e0e7; border-top: 4px solid #008d94; }
.modio-product-image img { display: block; box-sizing: border-box; width: 100%; max-height: 430px; object-fit: contain; padding: 12px; }
.modio-card-section { margin-top: 45px; }
.modio-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 24px; }
.modio-card-grid section { box-sizing: border-box; min-height: 176px; padding: 23px; border: 1px solid #d6e0e7; border-top: 4px solid #008d94; }
.modio-card-grid span, .modio-case-list span { display: inline-block; margin-bottom: 15px; padding: 6px 10px; background: #ff8500; color: #ffffff; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 18px; }
.modio-card-grid p { font-size: 15px; line-height: 25px; }
.modio-visual { margin-top: 26px; border: 1px solid #d6e0e7; border-top: 4px solid #008d94; background: #ffffff; }
.modio-visual img { display: block; box-sizing: border-box; max-width: 100%; height: auto; margin: 0 auto; padding: 18px; }
.modio-effect-visual img { width: 960px; }
.modio-installation-visual img { width: 780px; }
.modio-vertical-visual { max-width: 735px; margin-left: auto; margin-right: auto; }
.modio-vertical-visual img { width: 100%; padding: 0; }
.modio-manual-list { border-top: 4px solid #008d94; }
.modio-manual-list section { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; padding: 24px 0; border-bottom: 1px solid #d8e1e8; }
.modio-manual-list b { display: inline-block; width: 42px; height: 30px; background: #ff8500; color: #ffffff; font-family: Arial, sans-serif; font-size: 13px; line-height: 30px; text-align: center; }
.modio-tint { padding: 35px; border: 0; border-left: 5px solid #008d94; background: #f2faf9; }
.modio-guideline img { width: 100%; padding: 16px; }
.modio-curve { max-width: 500px; margin: 27px auto; border: 1px solid #d6e0e7; border-top: 4px solid #008d94; background: #ffffff; }
.modio-curve img { display: block; width: 100%; height: auto; }
.modio-case-list { margin-top: 27px; border-top: 4px solid #008d94; }
.modio-case-list section { padding: 27px 0; border-bottom: 1px solid #d8e1e8; }
.modio-landing-content { padding: 58px 0 78px; }
.modio-heading { max-width: 720px; margin-bottom: 34px; }
.modio-heading > p { color: #008d94; }
.modio-heading h2 { margin: 0 0 15px; color: #07135d; font-size: 32px; line-height: 42px; }
.modio-heading > p + h2 + p { margin: 0; color: #425269; font-size: 17px; line-height: 29px; word-break: keep-all; }
.modio-landing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 4px solid #008d94; }
.modio-landing-grid a { display: flex; box-sizing: border-box; min-height: 254px; padding: 23px; border-right: 1px solid #d6e0e7; border-bottom: 1px solid #d6e0e7; border-left: 1px solid #d6e0e7; color: #17243a; flex-direction: column; text-decoration: none; }
.modio-landing-grid a:nth-child(4n+1) { border-left: 0; }
.modio-landing-grid a:hover, .modio-landing-grid a:focus { background: #f1faf9; border-color: #008d94; }
.modio-landing-grid span { display: inline-block; width: 42px; height: 29px; margin-bottom: 18px; background: #ff8500; color: #ffffff; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 29px; text-align: center; }
.modio-landing-grid h3 { margin: 0 0 10px; color: #07135d; font-size: 20px; line-height: 29px; word-break: keep-all; }
.modio-landing-grid p { margin: 0; color: #425269; font-size: 14px; line-height: 23px; word-break: keep-all; }
.modio-landing-grid b { display: block; margin-top: auto; padding-top: 18px; color: #008d94; font-size: 14px; line-height: 21px; }
.modio-consult { display: flex; gap: 28px; align-items: center; justify-content: space-between; margin-top: 42px; padding: 30px 33px; border-top: 4px solid #07135d; background: #edf3f7; }
.modio-consult p { color: #008d94; }
.modio-consult h2 { margin: 0 0 8px; color: #07135d; font-size: 24px; line-height: 34px; }
.modio-consult span { color: #425269; font-size: 15px; line-height: 24px; }
.modio-consult a { display: inline-block; flex: 0 0 auto; padding: 14px 20px; background: #ff8500; color: #ffffff; font-size: 15px; font-weight: bold; line-height: 21px; text-decoration: none; }
.modio-ia-hero { min-height: 370px; background: #07135d; }
.modio-ia-hero-inner { display: grid; grid-template-columns: minmax(0, 1fr) 410px; gap: 58px; align-items: center; box-sizing: border-box; min-height: 370px; padding: 48px 0; color: #ffffff; }
.modio-ia-hero h1 { margin: 0; color: #ffffff; font-size: 54px; line-height: 62px; }
.modio-ia-hero p:not(.modio-eyebrow) { max-width: 605px; margin: 18px 0 0; color: #ffffff; font-size: 17px; line-height: 29px; word-break: keep-all; }
.modio-ia-hero-compact { min-height: 250px; }
.modio-ia-hero-compact .modio-hero-inner { display: block; min-height: 250px; padding: 51px 0; }
.modio-ia-hero-compact h1 { font-size: 41px; line-height: 52px; }
.modio-ia-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 4px solid #008d94; }
.modio-ia-grid a { display: flex; box-sizing: border-box; min-height: 235px; padding: 23px; border-right: 1px solid #d6e0e7; border-bottom: 1px solid #d6e0e7; border-left: 1px solid #d6e0e7; color: #17243a; flex-direction: column; text-decoration: none; }
.modio-ia-grid a:nth-child(3n+1) { border-left: 0; }
.modio-ia-grid a:hover, .modio-ia-grid a:focus { border-color: #008d94; background: #f1faf9; }
.modio-ia-grid span { display: inline-block; width: 42px; height: 29px; margin-bottom: 18px; background: #ff8500; color: #ffffff; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 29px; text-align: center; }
.modio-ia-grid h3 { margin: 0 0 10px; color: #07135d; font-size: 21px; line-height: 30px; word-break: keep-all; }
.modio-ia-grid p { margin: 0; color: #425269; font-size: 14px; line-height: 23px; word-break: keep-all; }
.modio-ia-grid b { display: block; margin-top: auto; padding-top: 18px; color: #008d94; font-size: 14px; line-height: 21px; }
.modio-resource-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.modio-resource-grid > section { box-sizing: border-box; padding: 25px; border: 1px solid #d6e0e7; border-top: 4px solid #008d94; }
.modio-resource-preview { display: block; width: 100%; margin-top: 24px; padding: 0; border: 0; background: #f4f8fa; cursor: pointer; }
.modio-resource-preview img { display: block; width: 100%; max-height: 405px; object-fit: contain; object-position: center top; background: #ffffff; }
.modio-resource-preview:hover img, .modio-resource-preview:focus img { opacity: .86; }
.modio-case-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 25px 0 4px; }
.modio-case-filter button { padding: 9px 13px; border: 1px solid #b9c8d1; background: #ffffff; color: #253751; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: bold; line-height: 19px; }
.modio-case-filter button:hover, .modio-case-filter button:focus, .modio-case-filter .is-active { border-color: #008d94; background: #008d94; color: #ffffff; }
.modio-case-library { margin-top: 22px; }
.modio-living-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 740px; }
.modio-living-grid .modio-vertical-visual { max-width: none; }
.modio-resource-preview-standard { display: flex; min-height: 340px; align-items: center; justify-content: center; overflow: hidden; }
.modio-resource-preview-standard img { width: auto; height: auto; max-width: 100%; max-height: 340px; object-fit: contain; object-position: center; }
.modio-living-intro { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 36px; align-items: center; padding: 0 0 42px; border-bottom: 1px solid #d8e1e8; }
.modio-living-intro h2, .modio-living-audience h2, .modio-living-split h2, .modio-living-reference h2 { margin: 0 0 14px; color: #07135d; font-size: 29px; line-height: 40px; word-break: keep-all; }
.modio-living-product { margin: 0; padding: 16px; border-top: 4px solid #008d94; background: #f4f8fa; }
.modio-living-product img { display: block; width: 100%; height: 220px; object-fit: contain; }
.modio-living-product figcaption { padding-top: 7px; color: #536174; font-size: 12px; text-align: center; }
.modio-living-audience { padding-top: 43px; }
.modio-living-scenarios { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 25px; border-top: 4px solid #008d94; }
.modio-living-scenarios section { box-sizing: border-box; min-height: 206px; padding: 22px; border-right: 1px solid #d6e0e7; border-bottom: 1px solid #d6e0e7; border-left: 1px solid #d6e0e7; }
.modio-living-scenarios section:first-child { border-left: 0; }
.modio-living-scenarios span { display: inline-block; width: 38px; height: 27px; margin-bottom: 15px; background: #ff8500; color: #ffffff; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 27px; text-align: center; }
.modio-living-scenarios h3 { margin: 0 0 9px; color: #07135d; font-size: 19px; line-height: 28px; word-break: keep-all; }
.modio-living-scenarios p { margin: 0; color: #425269; font-size: 14px; line-height: 23px; word-break: keep-all; }
.modio-living-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 43px; }
.modio-living-split > section { box-sizing: border-box; min-height: 256px; padding: 26px; border: 1px solid #d6e0e7; border-top: 4px solid #008d94; }
.modio-living-split p { margin: 0; color: #425269; font-size: 15px; line-height: 26px; word-break: keep-all; }
.modio-living-split ol { margin: 0; padding-left: 21px; color: #425269; font-size: 15px; line-height: 30px; }
.modio-text-link { display: inline-block; margin-top: 18px; color: #008d94; font-weight: bold; text-decoration: none; }
.modio-text-link:hover, .modio-text-link:focus { color: #006c73; text-decoration: underline; }
.modio-living-reference { margin-top: 43px; }
.modio-living-reference-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 25px; }
.modio-living-reference details { box-sizing: border-box; padding: 21px 23px; border: 1px solid #d6e0e7; border-top: 4px solid #008d94; }
.modio-living-reference summary { color: #07135d; cursor: pointer; font-size: 18px; font-weight: bold; line-height: 28px; }
.modio-living-reference details p { color: #425269; font-size: 14px; line-height: 24px; word-break: keep-all; }
.modio-living-content { margin-top: 43px; }
.modio-living-content > section { margin-top: 24px; padding: 28px; border: 1px solid #d6e0e7; border-top: 4px solid #008d94; }
.modio-living-content > section:first-child { margin-top: 0; }
.modio-living-content h3 { margin: 0 0 16px; color: #07135d; font-size: 22px; line-height: 31px; word-break: keep-all; }
.modio-living-content h4 { margin: 25px 0 9px; color: #008d94; font-size: 17px; line-height: 26px; word-break: keep-all; }
.modio-living-content p { margin: 10px 0 0; color: #425269; font-size: 15px; line-height: 27px; word-break: keep-all; }
.modio-living-content ul { margin: 10px 0 0; padding-left: 21px; color: #425269; font-size: 15px; line-height: 27px; }
.modio-living-quote { margin: 24px 0 0; padding: 20px 22px; border-left: 4px solid #ff8500; background: #f4f8fa; color: #243754; font-size: 16px; font-weight: bold; line-height: 28px; word-break: keep-all; }
@media screen and (max-width: 899px) { .modio-page { width: 100% !important; } .modio-shell { box-sizing: border-box; width: auto; margin: 0; } .modio-hero, .modio-landing-hero { min-height: 0; background-image: none; } .modio-hero-inner, .modio-landing-hero-inner { min-height: 0; padding: 51px 20px 45px; } .modio-landing-hero-inner { display: block; padding-top: 60px; } .modio-hero-insights { margin-top: 28px; } .modio-hero h1 { font-size: 32px; line-height: 42px; } .modio-landing-hero h1 { font-size: 42px; line-height: 50px; } .modio-layout { display: block; padding: 37px 20px 48px; } .modio-nav { margin-bottom: 38px; } .modio-nav h2 { font-size: 26px; } .modio-content h2, .modio-heading h2 { font-size: 27px; line-height: 37px; } .modio-content p, .modio-heading > p + h2 + p { font-size: 16px; line-height: 27px; } .modio-intro { grid-template-columns: 1fr; gap: 27px; } .modio-pdf-preview { max-width: 410px; } .modio-card-grid, .modio-landing-grid, .modio-ia-grid, .modio-resource-grid, .modio-living-grid, .modio-living-scenarios, .modio-living-split, .modio-living-reference-grid, .modio-living-intro { grid-template-columns: 1fr; } .modio-card-grid section { min-height: 0; } .modio-landing-grid a, .modio-landing-grid a:nth-child(4n+1), .modio-ia-grid a, .modio-ia-grid a:nth-child(3n+1), .modio-living-scenarios section, .modio-living-scenarios section:first-child { min-height: 0; border-right: 1px solid #d6e0e7; border-left: 1px solid #d6e0e7; } .modio-living-product { max-width: 220px; } .modio-landing-content { padding: 38px 20px 48px; } .modio-landing-grid, .modio-ia-grid, .modio-living-scenarios { border-top: 4px solid #008d94; } .modio-tint { padding: 25px 22px; } .modio-callout, .modio-consult { display: block; padding: 25px 22px; } .modio-callout a, .modio-consult a { margin-top: 18px; } .modio-pdf-window { width: calc(100vw - 24px); height: 86vh; } .modio-ia-hero-inner { display: block; min-height: 0; padding: 51px 20px 45px; } .modio-ia-hero h1 { font-size: 42px; line-height: 50px; } .modio-ia-hero-compact .modio-hero-inner { min-height: 0; padding: 51px 20px 45px; } .modio-ia-hero-compact h1 { font-size: 32px; line-height: 42px; } }

#dropmenudiv .modio-top-production-item { display: block; box-sizing: border-box; min-height: 63px; padding: 10px 18px 11px; border-top: 1px solid #33417e; background: #07135d; color: #ffffff; text-decoration: none; }
#dropmenudiv .modio-top-production-item:first-child { border-top: 0; }
#dropmenudiv .modio-top-production-item:hover, #dropmenudiv .modio-top-production-item:focus { background: #008d94; }
#dropmenudiv .modio-top-production-item b { display: block; font-size: 16px; line-height: 22px; }
#dropmenudiv .modio-top-production-item span { display: block; margin-top: 2px; color: #b9dfe2; font-size: 12px; font-weight: normal; line-height: 17px; }
#dropmenudiv .modio-top-production-item:hover span, #dropmenudiv .modio-top-production-item:focus span { color: #ffffff; }