.nav,.nav-item{position:relative}.nav-item>a:hover,.nav-submenu-item a:hover{color:#000;text-decoration:none}.nav{display:inline-block;font-size:14px;z-index:100}.nav-item a,.nav-item:hover .nav-submenu{display:block}.nav-list{text-align:center}.nav-item{float:left}.nav-item a{color:#000;padding:0 15px}.nav-submenu{display:none;position:absolute;left:0;width:200px}.nav-submenu-item a{background:#fcf;border-bottom:1px solid #000;display:block;padding:10px;margin-left:0;text-align:left}.nav-click,.nav-mobile{position:absolute;display:none;width:50px;cursor:pointer}.nav-submenu-item a:hover{background:#f9f}.nav-mobile{top:8px;right:20px;background:url(../images/nav.svg) center center no-repeat #3D3D3B;background-size:18px;height:50px;border:1px solid #333;border-radius:10px}.nav-click{top:0;right:0;height:45px;background-color:#333}.nav-click i{display:block;height:48px;width:48px;background:url(../images/drop.svg) center center no-repeat;background-size:20px}.nav-click:hover{background-color:#333}.nav-rotate{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}@media only screen and (min-width:320px) and (max-width:780px){.nav-mobile{display:block;height:33px;width:33px;margin-top:-4px}.nav{width:100%;padding:0;background:#ccc}.nav-list{display:none}.nav-item{width:100%;float:none}.nav-item>a{padding:20px 0;color:#fff;background:#ccc}.nav-click{display:block}.nav-mobile-open{-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.nav-item:hover .nav-submenu{display:none}.nav-submenu{position:static;width:100%}}