/* Interart Unlimited - shared header, homepage and popup styles (replaces Flash) */

/* ---------- Header (was topbar.swf, 760x151) ---------- */
.ia-header{position:relative;width:760px;height:151px;margin:0 auto;font-family:Tahoma,Verdana,Arial,sans-serif;}
.ia-top{position:relative;height:123px;background:url(img/top_bar.jpg) no-repeat;}
.ia-logo{position:absolute;left:245px;top:0;width:270px;height:123px;}
.ia-logo span,.ia-nav a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.ia-badges{position:absolute;top:9px;width:106px;height:106px;border-radius:50%;overflow:hidden;
  box-shadow:0 0 0 3px rgba(255,255,255,.18),0 4px 12px rgba(0,0,0,.55);background:#000;}
.ia-badges.l{left:62px;}
.ia-badges.r{right:62px;}
.ia-badges img{position:absolute;left:-15px;top:-11px;width:136px;height:127px;opacity:0;transition:opacity 1.2s ease;}
.ia-badges img.on{opacity:1;}
.ia-nav{position:relative;height:28px;background:url(img/button_bar.jpg) no-repeat;}
.ia-nav a{position:absolute;top:3px;height:22px;border-radius:3px;transition:background .2s;}
.ia-nav a:hover,.ia-nav a:focus{background:rgba(255,255,255,.14);outline:none;}
.ia-nav a.cur{box-shadow:inset 0 -2px 0 #d9a441;}
.ia-nav .n-profile{left:170px;width:73px;}
.ia-nav .n-products{left:243px;width:86px;}
.ia-nav .n-contact{left:329px;width:104px;}
.ia-nav .n-inquiry{left:433px;width:85px;}
.ia-nav .n-home{left:518px;width:62px;}

/* ---------- Large-image viewer (was popup windows) ---------- */
.ia-lb{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;background:rgba(5,10,18,.82);}
.ia-lb.open{display:flex;}
.ia-lb-box{position:relative;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.6);}
.ia-lb iframe{display:block;width:400px;height:500px;border:0;}
.ia-lb-x{position:absolute;top:-14px;right:-14px;width:30px;height:30px;border:0;border-radius:50%;
  background:#d9a441;color:#0a121d;font:bold 18px/30px Arial,sans-serif;cursor:pointer;}
.ia-lb-nav{position:absolute;top:50%;margin-top:-22px;width:36px;height:44px;border:0;background:rgba(0,0,0,.5);
  color:#fff;font:24px/44px Arial,sans-serif;cursor:pointer;}
.ia-lb-nav.prev{left:-44px;}
.ia-lb-nav.next{right:-44px;}
.ia-lb-nav:hover{background:#d9a441;color:#0a121d;}

/* ---------- Homepage ---------- */
body.home{margin:0;background:#8a939c url(img/bg.jpg) repeat-x;font-family:Tahoma,Verdana,Arial,sans-serif;color:#283E57;}
.home-wrap{width:760px;margin:0 auto;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.45);}
.home-hero{display:block;position:relative;}
.home-hero img{display:block;}
.home-hero h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0;}
.home-sec{padding:26px 30px 8px;}
.home-sec h2{margin:0 0 14px;font:bold 15px Tahoma,Verdana,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#1a293a;
  border-bottom:1px solid #d1d1d1;padding-bottom:8px;}
.home-sec h2 small{float:right;font-size:11px;letter-spacing:0;text-transform:none;font-weight:normal;}
.home-sec h2 small a{color:#01548B;}
.home-intro{display:flex;gap:24px;align-items:flex-start;}
.home-intro p{margin:0 0 10px;font-size:12px;line-height:1.65;}
.home-intro img{flex:none;border:1px solid #d1d1d1;}
.home-intro .lead{font-size:14px;color:#1a293a;}
.btn{display:inline-block;padding:7px 16px;margin:4px 8px 0 0;border-radius:3px;font:bold 11px Tahoma,sans-serif;letter-spacing:1px;
  text-transform:uppercase;text-decoration:none;background:#283a52;color:#fff;}
.btn:hover{background:#3b4f67;}
.btn.gold{background:#d9a441;color:#0a121d;}
.btn.gold:hover{background:#e6b65a;}
.home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.home-grid a{display:block;text-decoration:none;color:#283E57;text-align:center;font-size:11px;font-weight:bold;}
.home-grid img{display:block;width:158px;height:140px;object-fit:cover;border:1px solid #d1d1d1;margin-bottom:6px;transition:transform .2s,box-shadow .2s;}
.home-grid a:hover img{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.25);}
.home-grid a:hover{color:#01548B;}
.home-why{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:6px;}
.home-why div{background:#f2f4f6;border-top:3px solid #283a52;padding:12px;font-size:11px;line-height:1.55;}
.home-why b{display:block;font-size:12px;color:#1a293a;margin-bottom:4px;}
.home-contact{margin-top:22px;background:#283a52 url(img/top_bar.jpg) no-repeat -40px -10px;color:#dbe9ec;padding:20px 30px;
  display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.7;}
.home-contact strong{color:#fff;font-size:13px;}
.home-contact a{color:#fff;}
.home-foot{position:relative;}
.home-foot img{display:block;}
.home-foot a{position:absolute;left:640px;top:8px;width:108px;height:22px;}