﻿@charset "utf-8"; 
.wmkc-template-45 .wmkc-flex{align-items:center}
@media (min-width:1025px){#nav ul li#liproducts{position:static}
#nav ul li#liproducts:hover .submenu{display:flex!important}
#nav ul li#liproducts .submenu{list-style:none;width:100%;display:none;flex-direction:inherit;flex-wrap:wrap;left:0;padding:10px calc(50% - 785px)}
#nav ul li#liproducts .submenu>li{width:19%;display:flex;align-items:center;margin:10px 1.25% 10px 0;height:auto;white-space:normal}
#nav ul li#liproducts .submenu>li:nth-child(5n){margin-right:0}
#nav ul li#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#nav ul li#liproducts .submenu>li .item-info{width:80px;height:80px;margin-right:10px;overflow:hidden}
#nav ul li#liproducts .submenu>li .item-info a{padding:0;border:none;background:none!important}
#nav ul li#liproducts .submenu>li .item-info img{width:100%;height:100%;object-fit:cover;height:auto;transition:all .1s linear}
#nav ul li#liproducts .submenu>li .item-info img:hover{transform:scale(1.02)}
#nav ul li#liproducts .submenu>li>a{flex:1;text-decoration:none;width:calc(100% - 100px);height:auto;border:none;padding:0;white-space:normal;line-height:1.3}
#nav ul li#liproducts .submenu>li>a:hover{color:var(--color);background:none}}
@media (max-width:1600px) and (min-width:1025px){#nav ul li#liproducts .submenu{padding:10px 15px}}
@media (max-width:1024px){#nav ul li#liproducts .submenu>li .item-info{display:none}}