@charset "UTF-8";
 .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-outer {
color: #999;
background: rgba(0,0,0,0.5);
position:relative;
z-index:999;
}
.rd-navbar-outer::after {
position: absolute;
content: "";
left: 0;
right: 0;
background: rgba(255,255,255,0.2);
height: 1px;
width: 100%;
}
.rd-navbar--is-stuck .rd-navbar-outer{
background: #303031;
}
.rd-navbar-static {
background: #fff;
}
.rd-navbar-static .rd-navbar-nav-wrap,
.rd-navbar-static .rd-navbar-search-wrap {
display: table-cell;
vertical-align: middle;
}
.rd-navbar-static .rd-navbar-nav-wrap {
width: 100%;
}
.rd-navbar-static.rd-navbar--is-clone {
position: fixed;
top: 0;
left: 0;
right: 0;
display: block;
-webkit-transform: translateY(-105%);
transform: translateY(-105%);
z-index: 20;
}
.rd-navbar-static.rd-navbar--is-clone .rd-navbar-panel {
display: none;
}
.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.rd-navbar-static.rd-navbar--is-stuck {
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
}
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-panel {
display: none;
}  .rd-navbar-nav, .rd-navbar-toggle {
display: none;
}
.rd-navbar-static .rd-navbar-subpanel {
display: table;
}
.rd-navbar-static .rd-navbar-outer .rd-navbar-inner {
position: relative;
}
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-megamenu {
position: absolute;
padding: 8px 0;
color: #999;
text-align: left;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(30px);
transform: translateY(30px);
background: #232323;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.rd-navbar-static .rd-navbar-dropdown ul.rd-navbar-dropdown{
margin-left:12px;
}
.rd-navbar-static .rd-navbar-dropdown::before,
.rd-navbar-static .rd-navbar-megamenu::before {
position: absolute;
top: -8px;
left: 50%;
margin-left: -8px;
content: "";
border-right: 8px solid transparent;
border-bottom: 8px solid #232323;
border-left: 8px solid transparent;
}
.rd-navbar-static .rd-navbar-dropdown ul.rd-navbar-dropdown:before{
top: 24px;
left: -8px;
content: " ";
border-top: 8px solid transparent;
border-right: 8px solid #232323;
border-bottom: 8px solid transparent;
}
.rd-navbar-static .rd-navbar-dropdown li, .rd-navbar-static .rd-navbar-megamenu li{
padding:0px 20px;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.rd-navbar-static .rd-navbar-dropdown li, .rd-navbar-static .rd-navbar-megamenu li{
padding:0px 20px;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.rd-navbar-static .rd-navbar-dropdown li:last-child, .rd-navbar-static .rd-navbar-megamenu li:last-child{
border-bottom:none;
}
.rd-navbar-static .rd-navbar-dropdown li > a,
.rd-navbar-static .rd-navbar-megamenu li > a {
display: block;
font-size: 14px;
line-height: 24px;
padding: 6px 16px;
padding: 13px 5px;
color:#8a96a0;
position: relative;
display: block;
width: 100%;
padding-right: 14px;
transition: .33s all ease;
}
.rd-navbar-static .rd-navbar-dropdown li > a:before,
.rd-navbar-static .rd-navbar-megamenu li > a:before {
position: absolute;
top: 5; font-weight:900;
left: -6px;
content: '---';
font-size: 12px;
line-height: inherit;
color: #fff;
visibility: hidden;
opacity:0;
transition: .22s all ease;
}
.rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover::before, .rd-navbar-fullwidth .rd-megamenu-list > li > a:hover::before, .rd-navbar-static .rd-navbar-dropdown > li > a:hover::before, .rd-navbar-static .rd-megamenu-list > li > a:hover::before, .rd-navbar-sidebar .rd-navbar-dropdown > li > a:hover::before, .rd-navbar-sidebar .rd-megamenu-list > li > a:hover::before {
left: 0;
opacity: 1;
visibility: visible;
}
.rd-navbar-static .rd-navbar-dropdown li:hover > a,
.rd-navbar-static .rd-navbar-megamenu li:hover > a {
padding-left:15px;
}
.rd-navbar-static .rd-navbar-dropdown li:last-child > a, .rd-navbar-static .rd-navbar-megamenu li:last-child > a{
border:none;
}
.rd-navbar-static .rd-navbar-dropdown {
width: 250px;
}
.rd-navbar-static .rd-navbar-megamenu {
margin-top: 10px;
left: 0;
right: 0;
display: table;
table-layout: fixed;
width: 100%;
padding: 16px 8px;
}
.rd-navbar-static .rd-navbar-megamenu > li {
display: table-cell;
}
.rd-navbar-static .rd-navbar-nav {
display: block;
text-align: left;
}
.rd-navbar-static .rd-navbar-nav li.rd-navbar--has-dropdown {
position: relative;
}
.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-megamenu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.rd-navbar-static .rd-navbar-nav > li {
display: inline-block;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-megamenu {
top: 100%;
z-index: 1;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown {
left: 50%;
margin-top: 10px;
margin-left: -125px;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown {
left: 100%;
top: -8px;
z-index: 2;
}
.rd-navbar-static .rd-navbar-nav > li > a {
display: block;
text-transform: uppercase;
color: #fff;
font-size: 16px;
line-height: 26px;
text-transform: capitalize;
padding: 18px 20px 18px;
line-height: 25px;
font-weight: bold;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
position: relative;
font-family: 'K2D', sans-serif;
text-transform: uppercase;
font-weight: 300;
text-decoration:none;
}
.rd-navbar-static .rd-navbar-nav > li{
position:relative;	
}
.color.rd-navbar-static .rd-navbar-nav > li:before{
position:absolute;
content:"";
left:0px;
right:0px;
top:0px;
border-top:4px solid #18ba60;
width:100%;
bottom:0px;
z-index:0;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
opacity:0;
visibility:hidden;
transform: scale(0,1);
}
.rd-navbar-static .rd-navbar-nav > li:hover:before,
.rd-navbar-static .rd-navbar-nav > li.current-menu-item:before,
.rd-navbar-static .rd-navbar-nav > li.active:before{
opacity:1;
visibility:visible;
transform: scale(1);
}
.rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-static .rd-navbar-nav > li.opened > a, .rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li > a:hover,.rd-navbar-static .rd-navbar-nav > li.current-menu-item > a { }
.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;
padding: 0px 17px 0px 17px;
width: auto;
background:#18ba60;
}
.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: -8px;
transition: .3s all ease;
}
.rd-navbar-fixed .rd-navbar-toggle span:after {
top: 8px;
}
.rd-navbar-fixed .rd-navbar-toggle span:after, .rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-fixed .rd-navbar-toggle span {
width: 24px;
height: 4px;
background-color: #FFF;
backface-visibility: hidden;
border-radius: 0;
}
.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: 232px;
padding: 112px 0 56px;
bottom: -56px;
color: #999;
background: #fff;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
z-index: 15;
-webkit-transform: translateX(-105%);
transform: translateX(-105%);
}
.rd-navbar-fixed .rd-navbar-nav-wrap.active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.rd-navbar-fixed .rd-navbar-nav {
display: block;
height: 100%;
overflow: auto;
font-size: 16px;
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 .rd-navbar-nav li > a {
display: block;
padding: 11px 56px 11px 16px;
color: #333;
}
.rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-fixed .rd-navbar-nav li a:hover {
background: #f2f2f2;
}
.rd-navbar-fixed .rd-navbar-nav li.active .rd-navbar-submenu-toggle {
color: #fff;
}
.rd-navbar-fixed .rd-navbar-nav li.active > a {
color: #fff;
background: #f44336;
}
.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 'Font Awesome 5 Free';
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: '\f054';
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
transform: translate(0, -50%);
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.rd-navbar-fixed .rd-navbar-nav li{
position:relative;
}
.rd-navbar-fixed .rd-navbar-nav li:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: -moz-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
background: -webkit-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
background: radial-gradient(ellipse at left, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);	
} .rd-navbar-brand {
display: none;
color: #333;
}
.rd-navbar-static .rd-navbar-brand {
display: inline-block;
float: left;
}
.rd-navbar-static .rd-navbar-brand > * {
display: inline-block;
vertical-align: middle;
}
.rd-navbar-static .rd-navbar-brand > img {
margin-right: 10px;
}
.rd-navbar-static .rd-navbar-brand > a {
font-size: 36px;
line-height: 48px;
}
.rd-navbar-static .rd-navbar-brand > a span {
display: none;
}
.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: 999;
background:#FFF;
}
.rd-navbar-fixed .rd-navbar-brand img {
max-height:100%;
width:auto;
} .rd-navbar-cart-floating {
display: none;
}
.rd-navbar-cart-toggle {
font-family: 'Material Icons';
}
.rd-navbar-cart-toggle span {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
font-size: 28px;
line-height: 48px;
text-align: center;
cursor: pointer;
color: #333;
}
.rd-navbar-cart-toggle span, .rd-navbar-cart-toggle span:before, .rd-navbar-cart-toggle span:after {
transition: .3s all ease;
}
.rd-navbar-cart-toggle span:before, .rd-navbar-cart-toggle span:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rd-navbar-cart-toggle span:before {
content: "";
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
.rd-navbar-cart-toggle span:after {
content: "";
-webkit-transform: rotate(-90deg) scale(0);
transform: rotate(-90deg) scale(0);
opacity: 0;
visibility: hidden;
}
.rd-navbar-cart-toggle.active span:before {
opacity: 0;
visibility: hidden;
-webkit-transform: rotate(90deg) scale(0);
transform: rotate(90deg) scale(0);
}
.rd-navbar-cart-toggle.active span:after {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
.rd-navbar-cart {
display: none;
text-align: left;
color: #999;
background: #fff;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25), 0 3px 5px 0 rgba(0, 0, 0, 0.25);
height: 328px;
width: 100%;
}
.rd-navbar-cart:before {
content: '';
position: absolute;
height: 32px;
left: 0;
right: 0;
top: 0;
background: linear-gradient(#fff, rgba(255, 255, 255, 0));
z-index: 1;
}
.rd-navbar-cart-items {
overflow: auto;
max-height: 100%;
height: 100%;
padding: 16px 0;
}
.rd-navbar-cart-items::-webkit-scrollbar {
width: 4px;
}
.rd-navbar-cart-items::-webkit-scrollbar-thumb {
background: #999;
}
.rd-navbar-cart .rd-navbar-cart-item__preview {
border-radius: 50%;
}
.rd-navbar-cart .rd-navbar-cart-item {
position: relative;
padding: 8px 0;
}
.rd-navbar-cart .rd-navbar-cart-item__left, .rd-navbar-cart .rd-navbar-cart-item__body, .rd-navbar-cart .rd-navbar-cart-item__remove {
position: relative;
display: table-cell;
}
.rd-navbar-cart .rd-navbar-cart-item__left {
padding: 0 16px;
}
.rd-navbar-cart .rd-navbar-cart-item__left img {
max-width: none;
}
.rd-navbar-cart .rd-navbar-cart-item__body {
vertical-align: middle;
width: 100%;
}
.rd-navbar-cart .rd-navbar-cart-item__title {
font-size: 16px;
line-height: 26px;
color: #333;
}
.rd-navbar-cart .rd-navbar-cart-item__counter {
font-size: 14px;
line-height: 1.3;
}
.rd-navbar-cart .rd-navbar-cart-item__remove {
vertical-align: middle;
width: 56px;
font-size: 24px;
padding: 0 16px;
}
.rd-navbar-cart .rd-navbar-cart-item:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
left: 88px;
display: block;
height: 1px;
background: rgba(153, 153, 153, 0.2);
}
.rd-navbar-static .rd-navbar-cart-wrap {
position: relative;
float: right;
margin-top: 12px;
margin-left: 20px;
}
.rd-navbar-static .rd-navbar-cart-floating {
display: block;
}
.rd-navbar-static .rd-navbar-cart-floating .rd-navbar-cart-buy {
display: none;
}
.rd-navbar-static .rd-navbar-cart {
display: block;
position: absolute;
width: 320px;
top: 100%;
right: 0;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
z-index: 2;
}
.rd-navbar-static .rd-navbar-cart.active {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.rd-navbar-static .rd-navbar-cart-buy {
position: relative;
display: block;
font-size: 16px;
font-weight: 500;
line-height: 56px;
text-align: center;
color: #fff;
background: #2ecc71;
}
.rd-navbar-static .rd-navbar-cart-buy:hover {
background: #40d47e;
}
.rd-navbar-static .rd-navbar-cart-buy:before {
font-weight: 400;
font-size: 24px;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.rd-navbar-fixed .rd-navbar-cart {
display: block;
position: fixed;
top: 100%;
left: 0;
width: 100%;
padding-bottom: 56px;
z-index: 19;
}
.rd-navbar-fixed .rd-navbar-cart.active {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.rd-navbar-fixed .rd-navbar-cart .rd-navbar-cart-buy {
display: none;
}
.rd-navbar-fixed .rd-navbar-cart-floating {
display: block;
position: fixed;
bottom: 15px;
right: 15px;
z-index: 20;
color: #FFF;
overflow: hidden;
border-radius: 50%;
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25), 0 0 2px 0 rgba(0, 0, 0, 0.25);
width: 56px;
height: 56px;
outline: 1px solid transparent;
backface-visibility: hidden;
}
.rd-navbar-fixed .rd-navbar-cart-floating:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 56px;
height: 56px;
border-radius: 50%;
background: #f44336;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.rd-navbar-fixed .rd-navbar-cart-floating .rd-navbar-cart-buy {
position: relative;
display: block;
font-size: 16px;
font-weight: 500;
line-height: 56px;
opacity: 0;
visibility: hidden;
}
.rd-navbar-fixed .rd-navbar-cart-floating .rd-navbar-cart-buy:before {
font-weight: 400;
font-size: 24px;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.rd-navbar-fixed .rd-navbar-cart-floating .rd-navbar-cart-toggle {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.rd-navbar-fixed .rd-navbar-cart-floating .rd-navbar-cart-toggle span {
color: #FFF;
height: 56px;
line-height: 56px;
}
.rd-navbar-fixed .rd-navbar-cart-floating.active {
right: 0;
bottom: 0;
border-radius: 0;
width: 100%;
}
.rd-navbar-fixed .rd-navbar-cart-floating.active:before {
-webkit-transform: translate(-50%, -50%) scale(20);
transform: translate(-50%, -50%) scale(20);
background: #2ecc71;
}
.rd-navbar-fixed .rd-navbar-cart-floating.active .rd-navbar-cart-buy {
opacity: 1;
visibility: visible;
}
.rd-navbar-fixed .rd-navbar-cart-floating.active .rd-navbar-cart-toggle {
visibility: hidden;
opacity: 0;
} .rd-navbar-static .rd-navbar-panel {
padding: 40px 0;
}
.rd-navbar-static .rd-navbar-panel:before, .rd-navbar-static .rd-navbar-panel:after {
display: table;
content: "";
line-height: 0;
}
.rd-navbar-static .rd-navbar-panel:after {
clear: both;
}
.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: 9999;
top: 4px;
left: 4px;
} .rd-navbar-search,
.rd-navbar-search-toggle {
display: none;
}
.rd-navbar-static .rd-navbar-search {
display: block;
}
.rd-navbar-static .rd-navbar-search form {
position: relative;
}
.rd-navbar-static .rd-navbar-search form input {
display: block;
font-size: 18px;
line-height: 24px;
padding: 12px 56px 12px 16px;
height: 48px;
color: #fff;
background: #404040;
}
.rd-navbar-static .rd-navbar-search form button[type="submit"] {
position: absolute;
font-size: 22px;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
top: 12px;
right: 16px;
}
.rd-navbar-static .rd-navbar-search form button[type="submit"]:hover {
color: #fff;
}
.rd-navbar-fixed .rd-navbar-search-toggle {
display: block;
position: fixed;
top: 4px;
right: 56px;
font-family: 'Material Icons';
width: 48px;
height: 48px;
z-index: 18;
}
.rd-navbar-fixed .rd-navbar-search-toggle span {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
font-size: 28px;
line-height: 48px;
text-align: center;
cursor: pointer;
color: #333;
}
.rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-fixed .rd-navbar-search-toggle span:after {
transition: .3s all ease;
}
.rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-fixed .rd-navbar-search-toggle span:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rd-navbar-fixed .rd-navbar-search-toggle span:before {
content: "";
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
.rd-navbar-fixed .rd-navbar-search-toggle span:after {
content: "";
-webkit-transform: rotate(-90deg) scale(0);
transform: rotate(-90deg) scale(0);
opacity: 0;
visibility: hidden;
}
.rd-navbar-fixed .rd-navbar-search-toggle.active span:before {
opacity: 0;
visibility: hidden;
-webkit-transform: rotate(90deg) scale(0);
transform: rotate(90deg) scale(0);
}
.rd-navbar-fixed .rd-navbar-search-toggle.active span:after {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
.rd-navbar-fixed .rd-navbar-search {
display: block;
}
.rd-navbar-fixed .rd-navbar-search .form-group {
position: fixed;
top: 0;
padding-top: 4px;
left: 56px;
right: 112px;
height: 56px;
background: #fff;
z-index: 17;
visibility: hidden;
opacity: 0;
}
.rd-navbar-fixed .rd-navbar-search .form-group input {
width: 100%;
height: 46px;
display: block;
font-size: 22px;
line-height: 46px;
}
.rd-navbar-fixed .rd-navbar-search.active .form-group {
opacity: 1;
visibility: visible;
}
.rd-navbar-fixed .rd-navbar-search form button[type="submit"] {
display: none;
} .rd-navbar-collapse,
.rd-navbar-collapse-toggle {
display: none;
}
.rd-navbar-static .rd-navbar-inner {
max-width: 1200px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.rd-navbar-static .rd-navbar-collapse {
display: block;
float: right;
margin-left: -15px;
margin-top: 23px;
}
.rd-navbar-static .rd-navbar-collapse li {
display: inline-block;
margin-left: 15px;
}
.rd-navbar-static .rd-navbar-collapse li a:hover {
text-decoration: underline;
}
.rd-navbar-fixed .rd-navbar-collapse {
display: block;
text-align: left;
position: fixed;
top: 4px;
right: 4px;
color: #333;
padding: 48px 0 8px;
font-size: 16px;
line-height: 26px;
z-index: 19;
width: 180px;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
visibility: hidden;
overflow: hidden;
transition: .3s box-shadow ease .2s;
}
.rd-navbar-fixed .rd-navbar-collapse:before {
content: '';
position: absolute;
top: 0;
right: 0;
background: #f7f7f7;
border-radius: 50%;
width: 48px;
height: 48px;
-webkit-transform: scale(0);
transform: scale(0);
}
.rd-navbar-fixed .rd-navbar-collapse li {
position: relative;
opacity: 0;
transition: .3s all ease 0s;
}
.rd-navbar-fixed .rd-navbar-collapse > li > a {
display: block;
padding: 11px 16px;
}
.rd-navbar-fixed .rd-navbar-collapse > li > a:hover {
background: #f2f2f2;
}
.rd-navbar-fixed .rd-navbar-collapse.active {
visibility: visible;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.rd-navbar-fixed .rd-navbar-collapse.active li {
transition: .3s all ease .2s;
opacity: 1;
}
.rd-navbar-fixed .rd-navbar-collapse.active:before {
background: #fff;
-webkit-transform: scale(12);
transform: scale(12);
}
.rd-navbar-fixed .rd-navbar-collapse-toggle {
display: block;
position: fixed;
top: 4px;
right: 4px;
font-family: 'Material Icons';
width: 48px;
height: 48px;
z-index: 20;
}
.rd-navbar-fixed .rd-navbar-collapse-toggle span {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
font-size: 28px;
line-height: 48px;
text-align: center;
cursor: pointer;
color: #333;
}
.rd-navbar-fixed .rd-navbar-collapse-toggle span, .rd-navbar-fixed .rd-navbar-collapse-toggle span:before, .rd-navbar-fixed .rd-navbar-collapse-toggle span:after {
transition: .3s all ease;
}
.rd-navbar-fixed .rd-navbar-collapse-toggle span:before, .rd-navbar-fixed .rd-navbar-collapse-toggle span:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rd-navbar-fixed .rd-navbar-collapse-toggle span:before {
content: "";
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
.rd-navbar-fixed .rd-navbar-collapse-toggle span:after {
content: "";
-webkit-transform: rotate(-90deg) scale(0);
transform: rotate(-90deg) scale(0);
opacity: 0;
visibility: hidden;
}
.rd-navbar-fixed .rd-navbar-collapse-toggle.active span:before {
opacity: 0;
visibility: hidden;
-webkit-transform: rotate(90deg) scale(0);
transform: rotate(90deg) scale(0);
}
.rd-navbar-fixed .rd-navbar-collapse-toggle.active span:after {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}