.rd-navbar-wrap, .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-fixed .rd-navbar-submenu-toggle, .rd-navbar-cart, .rd-navbar-static .rd-navbar-cart-buy, .rd-navbar-fixed .rd-navbar-cart-floating, .rd-navbar-fixed .rd-navbar-cart-floating:before, .rd-navbar-fixed .rd-navbar-cart-floating .rd-navbar-cart-buy, .rd-navbar-fixed .rd-navbar-search .form-group, .rd-navbar-fixed .rd-navbar-collapse, .rd-navbar-fixed .rd-navbar-collapse:before { transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.rd-navbar, .rd-navbar.rd-navbar--is-clone { display: none; }
.rd-navbar-fixed, .rd-navbar-static, .rd-navbar-fullwidth, .rd-navbar-sidebar { display: block; }
.rd-navbar--no-transition, .rd-navbar--no-transition * { transition: none !important; }
.rd-navbar-nav, .rd-navbar-toggle { display: none; }
.rd-navbar-fixed .rd-navbar-toggle { display: block; display: inline-block; position: relative; width: 48px; height: 48px; font-size: 24px; line-height: 48px; text-align: center; cursor: pointer; color: #333; }
.rd-navbar-fixed .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-fixed .rd-navbar-toggle span:after { -webkit-transform-origin: 1.71429px center; transform-origin: 1.71429px center; -webkit-transform-origin: 1.71429px center; transform-origin: 1.71429px center; content: ""; position: absolute; left: 0; top: -10px; transition: .3s all ease;}
.rd-navbar-fixed .rd-navbar-toggle span:after { top: 10px;}
/*.rd-navbar-toggle.toggle-original.active{ top: 30px; right: 20px;}*/
.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-fixed .rd-navbar-toggle span { width: 35px; height: 4px; background-color: #f89824; backface-visibility: hidden; border-radius: 1px; }
.rd-navbar-fixed .rd-navbar-toggle.active span:after, .rd-navbar-fixed .rd-navbar-toggle.active span:before, .rd-navbar-fixed .rd-navbar-toggle.active span{ height: 4px;}
.rd-navbar-fixed .rd-navbar-toggle.active span { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.rd-navbar-fixed .rd-navbar-toggle.active span:before, .rd-navbar-fixed .rd-navbar-toggle.active span:after { top: 0; width: 15px; }
.rd-navbar-fixed .rd-navbar-toggle.active span:before { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); }
.rd-navbar-fixed .rd-navbar-toggle.active span:after { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); }
.rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; top: -56px; left: 0; width: 350px; padding: 180px 0 56px 0px; bottom: -56px; color: #fff; background: #000; z-index: 15; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.rd-navbar-fixed .rd-navbar-nav-wrap.active { -webkit-transform: translateX(0); transform: translateX(0); }
.rd-navbar-fixed .navbar-nav-mobile { display: block; height: 100%; overflow: auto; font-size: 14px; line-height: 26px; text-align: left; }
.rd-navbar-fixed .rd-navbar-nav:before, .rd-navbar-fixed .rd-navbar-nav:after { content: ''; display: block; height: 8px; }
.rd-navbar-fixed .navbar-nav-mobile li > a { display: block; padding: 5px 16px 5px 16px; color: #fff; font-size: 16px;  }
.rd-navbar-fixed .navbar-nav-mobile li.menu-item-has-children > a, .rd-navbar-fixed .navbar-nav-mobile li.orange-item > a{ color: #f89824;}
.rd-navbar-fixed .navbar-nav-mobile li.menu-item-has-children ul{ padding-left: 10px; padding-right: 10px; }
.rd-navbar-fixed .navbar-nav-mobile li ul li a{ font-size: 16px;padding-bottom: 5px;}
.rd-navbar-fixed .navbar-nav-mobile li a:hover, .rd-navbar-fixed .navbar-nav-mobile li.current-menu-item a:hover{ color: #008daf;}
.rd-navbar-fixed .navbar-nav-mobile > li{border-bottom: 1px solid #2a2a2a;}

.rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-megamenu { display: none; }
.rd-navbar-fixed .rd-navbar-submenu { position: relative; }
.rd-navbar-fixed .rd-navbar-submenu li > a { padding-left: 32px; }
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a, .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a { padding-left: 48px; }
.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; }
.rd-navbar-fixed .rd-navbar-submenu-toggle { position: absolute; right: 0; top: 0; bottom: 0; font: 400 24px/24px 'Material Icons'; width: 50px; height: 48px; text-align: center; color: #999; cursor: pointer; }
.rd-navbar-fixed .rd-navbar-submenu-toggle:hover { color: #333; }
.rd-navbar-fixed .rd-navbar-submenu-toggle:before { content: '\f105'; position: absolute; font-family: FontAwesome; top: 50%; left: 0; right: 0; text-align: center; transform: translate(0, -50%); }
.rd-navbar-brand { display: none; color: #333; }
.rd-navbar-fixed .rd-navbar-brand { display: block; text-align: left; position: fixed; top: 4px; left: 56px; right: 112px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 22px; line-height: 46px; height: 48px; z-index: 17; }
.rd-navbar-fixed .rd-navbar-brand img { display: none; }
.rd-navbar-fixed .rd-navbar-brand a { display: inline-block; }
.rd-navbar-fixed .rd-navbar-panel-canvas { position: fixed; height: 56px; left: 0; top: 0; width: 100%; background: #fff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); z-index: 16; }
.rd-navbar-fixed .rd-navbar-toggle { position: fixed; z-index: 17; top: 32px; right: 3%; }
.rd-navbar-panel button { background: none; border: none; }
.overlay { background-color: rgba(0, 0, 0, 0.4); bottom: 0; display: none; height: 100vh; left: 0; position: fixed; right: 0; top: 0; width: 100%; }
.body-bg .overlay { display: block; }
.navbar-nav-mobile li.social-nav-item{ display: inline-block; margin: 25px 0 0 15px;}
.navbar-nav-mobile li.social-nav-item a { width: 30px; height: 30px; line-height: 32px; border-radius: 50%; background: #f89824; padding: 0; text-align: center; font-size: 16px;}
.navbar-nav-mobile li.social-nav-item a:hover{ color: #fff; background: #008daf;}

@media screen and (max-width:767px){
.rd-navbar-fixed .rd-navbar-toggle{ top: 13px; right:15px; }
}