@charset "utf-8";nav{color:#fff;text-align:center}nav ul{position:relative;list-style:none;display:flex;justify-content:center}nav ul ul{display:block}nav ul li a{position:relative;display:block;text-decoration:none;color:#fff;transition:all .3s}nav ul li a:hover{transition:all .3s;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}nav ul li.has-child img{max-width:100%;height:auto;transition:all .5s;vertical-align:bottom}nav ul li.has-child img:hover{transform:scale(1.2)}nav ul li.has-child dt{overflow:hidden;margin:0 0 10px}nav ul li.has-child dd{line-height:1.2}nav li.has-child ul{position:absolute;top:57px;z-index:4;display:flex;justify-content:space-between;flex-wrap:wrap;background:#fff;width:90%;visibility:hidden;opacity:0;transition:all .3s}nav li.has-child:hover>ul{visibility:visible;opacity:1}nav li.has-child ul{padding:20px}nav li.has-child ul li{margin-right:20px;width:calc(25% - 60px / 4)}nav li.has-child ul li:last-of-type{margin-right:0}nav li.has-child ul li a{color:#272727;padding-bottom:10px}nav li.has-child ul li a:hover,nav li.has-child ul li a:active{background:#515e29;color:#fff}@media screen and (max-width:768px){nav ul{display:block}nav li.has-child ul{position:relative;left:0;top:0;width:100%;visibility:visible;opacity:1;display:none;transition:none}nav li.has-child ul li{width:100%;text-align:left}nav li.has-child ul li dl{display:flex;justify-content:space-between;align-items:center}nav li.has-child ul li dt{width:30%;height:auto;margin:0}nav li.has-child ul li dd{width:64%}nav ul li a{padding:10px 20px;border-bottom:1px solid #ccc}nav ul li li a{padding:0}nav ul li.has-child>a:before{top:17px;left:20px;transform:rotate(135deg)}nav ul li.has-child.active>a:before{transform:rotate(-45deg)}}