:root{--bg-color: #EEEEEE;--theme-color: #fff;--main-color: #8ED943}.navbar{position: absolute;left: 0;top: 0;padding: 0;margin: 0;width: 100%;background: transparent;z-index: 9999999}.navbar .container{background: #fff;border-radius: 0 0 15px 15px;-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);padding: 20px}.navbar.nav-scroll{padding: 0;position: fixed;top: -80px;-webkit-transition: -webkit-transform .8s;transition: -webkit-transform .8s;-o-transition: transform .8s;transition: transform .8s;transition: transform .8s, -webkit-transform .8s;-webkit-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px)}.navbar .logo{padding: 7px 15px;border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 30px}.navbar .logo img{width: 46px;height: 46px}.navbar .info{margin-right: auto}.navbar .info .item{font-size: 13px;text-transform: uppercase;margin-left: 30px}.navbar .topnav .menu-icon{width: 40px;height: 40px;line-height: 40px;text-align: center;background: #1d1d1d;border-radius: 50%;color: #fff}.navbar .topnav .butn{padding: 8px 20px;background: var(--main-color);color: #1d1d1d;margin-right: 15px}@media screen and (max-width: 444px){.navbar .topnav .butn{margin-right: 0;font-size: 12px}.navbar .logo{padding: 7px 15px 7px 0}}