/* Small compatibility layer around the original JA Edenite II stylesheet. */
.vi3a-header-row { display:block; }
.vi3a-header-phone, .vi3a-header-logo, .vi3a-header-address { min-height:1px; }
.vi3a-header-phone h4 { margin-top:10px; margin-bottom:4px; }
.vi3a-header-phone h4 img { vertical-align:middle; margin-right:5px; }
.vi3a-header-phone h4 a { font-weight:700; white-space:nowrap; }
.vi3a-header-phone .ico_div { margin-top:-1px; margin-left:50px; }
.vi3a-header-phone .lightgray { margin-top:4px; }
.vi3a-header-logo { text-align:center; }
.vi3a-header-logo .logo-image img { display:inline-block; width:auto; max-width:100%; max-height:108px; }
.vi3a-header-logo .custom-logo { width:auto; max-width:100%; max-height:108px; }
.vi3a-header-address { text-align:left; }
.vi3a-header-address .customadres1 { margin-top:20px; }
#t3-mainnav .mainnav-inner { display:flex; flex-direction:column; }
#t3-mainnav .vi3a-navigation { width:100%; }
#t3-mainnav .vi3a-nav-row, #t3-mainnav .t3-navbar { width:100%; float:none; }
#t3-mainnav .vi3a-secondary-nav { border-top:1px solid rgba(255,255,255,.18); }
#t3-mainnav .nav.navbar-nav.level0 { display:flex; flex-wrap:nowrap; float:none; width:100%; margin:0; }
#t3-mainnav .nav.navbar-nav.level0 > li { flex:1 1 auto; float:none; text-align:center; }
#t3-mainnav .nav.navbar-nav.level0 > li > a { display:flex; align-items:center; justify-content:center; min-height:59px; white-space:normal; }
#t3-mainnav .vi3a-secondary-nav .nav.navbar-nav.level0 > li > a { min-height:52px; }
#t3-mainnav li.mega { position:relative; }
#t3-mainnav li.mega > ul.mega-dropdown-menu { display:none; position:absolute; top:100%; left:0; z-index:9999; min-width:500px; max-width:min(850px,90vw); padding:12px 16px; background:#fff; border:1px solid #ddd; box-shadow:0 6px 14px rgba(0,0,0,.16); grid-template-columns:repeat(3,minmax(150px,1fr)); gap:0 18px; text-align:left; }
#t3-mainnav li.mega:hover > ul.mega-dropdown-menu, #t3-mainnav li.mega:focus-within > ul.mega-dropdown-menu, #t3-mainnav li.mega.is-open > ul.mega-dropdown-menu { display:grid; }
#t3-mainnav li.mega > ul.mega-dropdown-menu > li { float:none; display:block; border:0; border-bottom:1px solid rgba(0,0,0,.07); }
#t3-mainnav li.mega > ul.mega-dropdown-menu > li > a { display:block; padding:7px 8px; color:#444; white-space:normal; }
#t3-mainnav li.mega > ul.mega-dropdown-menu > li > a:hover { color:#2c79b3; background:#f5f5f5; }
#t3-mainnav .navbar-toggle { margin-left:10px; }
.vi3a-breadcrumb-container .breadcrumb { margin-bottom:-1px; }
.vi3a-home-top { margin-bottom:0; }
.vi3a-home-popular .zag { margin-top:0; }
.vi3a-popular-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px 38px; margin-top:10px; }
.vi3a-popular-grid > div { width:auto !important; padding:0 !important; }
.vi3a-popular-grid .uk-panel-box { min-height:150px; padding:24px; }
.vi3a-popular-grid .uk-panel-title { margin-top:0; }
.vi3a-popular-grid .uk-panel-title a { color:#444; }
.vi3a-page-layout > .vi3a-page-main { padding-top:20px; }
.vi3a-page-sidebar { min-height:380px; }
.vi3a-form-wrap { width:100%; max-width:100%; }
.vi3a-form { display:block; }
.vi3a-form__field { margin-bottom:14px; }
.vi3a-form__field label { display:none; }
.vi3a-form__field input, .vi3a-form__field textarea { min-height:46px; border:1px solid #ddd; border-radius:0; padding:10px 12px; color:#333; }
.vi3a-form__consent { color:#fff; font-size:12px; line-height:1.35; margin:4px 0 14px; }
.vi3a-form__consent a { color:#fff; text-decoration:underline; }
.vi3a-form__submit { display:block; width:100%; min-height:56px; border-radius:0; background:#2e7ebb; padding:14px 10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
.vi3a-form__notice--error { color:#8a1f1f; }
.vi3a-info-note { border-left:4px solid #2c79b3; background:#f4f8fb; padding:12px 16px; margin:0 0 20px; }
.vi3a-legacy-children ul { columns:2; padding-left:22px; }
.vi3a-legacy-children li { margin-bottom:7px; }
.vi3a-below-popular { margin-top:28px; }
.vi3a-work-steps img { width:32px; height:32px; }
.vi3a-footer-social a { display:inline-block; margin-right:10px; }
.vi3a-form-fallback { color:#fff; }
.vi3a-form-fallback a { color:#fff; }
@media (max-width:991px) {
  .vi3a-header-row { display:block; }
  .vi3a-header-phone, .vi3a-header-logo, .vi3a-header-address { width:100% !important; text-align:center; }
  .vi3a-header-address .customadres1 { margin-top:10px; }
  #t3-mainnav .mainnav-inner { display:block; }
  #t3-mainnav .navbar-header { display:block; float:none; }
  #t3-mainnav .navbar-toggle { display:block; float:none; margin:8px auto; }
  #t3-mainnav .vi3a-navigation { display:none; }
  #t3-mainnav .vi3a-navigation.is-open { display:block; }
  #t3-mainnav .nav.navbar-nav.level0 { display:block; }
  #t3-mainnav .nav.navbar-nav.level0 > li { display:block; width:100%; }
  #t3-mainnav .nav.navbar-nav.level0 > li > a { min-height:42px; justify-content:flex-start; padding-left:20px; }
  #t3-mainnav li.mega > ul.mega-dropdown-menu { position:static; min-width:0; max-width:none; width:100%; display:none; grid-template-columns:1fr 1fr; box-shadow:none; }
  #t3-mainnav li.mega.is-open > ul.mega-dropdown-menu { display:grid; }
  .vi3a-popular-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .vi3a-home-top > aside, .vi3a-home-top > div, .vi3a-page-layout > div { width:100%; }
}
@media (max-width:520px) {
  .vi3a-popular-grid { grid-template-columns:1fr; }
  #t3-mainnav li.mega > ul.mega-dropdown-menu { grid-template-columns:1fr; }
}


/* The legacy UIkit .uk-grid adds ::before/::after clearfix nodes. With CSS Grid they become real empty grid cells. */
#wk-grid245::before, #wk-grid245::after { content: none !important; display: none !important; }
#wk-grid245 { margin-left: 0 !important; }
#wk-grid245 > .vi3a-popular-card { width: auto !important; float: none !important; padding: 0 !important; min-width: 0; }
.vi3a-popular-grid .uk-panel-box { height: 100%; box-sizing: border-box; }
.vi3a-popular-price { margin: 10px 0 0; color: #555; font-size: 16px; line-height: 1.4; }


/* The entire popular-direction tile is a link, not only its title. */
.vi3a-popular-grid > a.vi3a-popular-card { display:block; height:100%; color:inherit; text-decoration:none !important; }
.vi3a-popular-grid > a.vi3a-popular-card .uk-panel-box { height:100%; box-sizing:border-box; transition:box-shadow .2s ease, border-color .2s ease, transform .2s ease; }
.vi3a-popular-grid > a.vi3a-popular-card:hover .uk-panel-box,
.vi3a-popular-grid > a.vi3a-popular-card:focus .uk-panel-box { box-shadow:0 5px 16px rgba(0,0,0,.12); border-color:#2c79b3; transform:translateY(-2px); }
.vi3a-popular-grid > a.vi3a-popular-card:focus-visible { outline:2px solid #2c79b3; outline-offset:3px; }
.vi3a-popular-grid > a.vi3a-popular-card .uk-panel-title { color:#444; }