.navbar-nav.sm-collapsible .sub-arrow {
position: absolute;
top: 50%;
right: 0;
margin: -0.7em 0.5em 0 0;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: .25rem;
padding: 0;
width: 2em;
height: 1.4em;
font-size: 1.25rem;
line-height: 1.2em;
text-align: center;
}
.navbar-nav.sm-collapsible .sub-arrow::before {
content: '+';
}
.navbar-nav.sm-collapsible .show > a > .sub-arrow::before {
content: '-';
}
.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow {
border-color: rgba(255, 255, 255, .1);
} .navbar-nav.sm-collapsible .has-submenu {
padding-right: 3em;
} .navbar-nav.sm-collapsible .nav-link,
.navbar-nav.sm-collapsible .dropdown-item {
position: relative;
} .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
border-top: .3em solid;
border-right: .3em solid transparent;
border-left: .3em solid transparent;
} .fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow,
.fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after {
border-top: 0;
border-bottom: .3em solid;
} .navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow,
.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 0;
margin-top: -.3em;
margin-right: 1em;
border-top: .3em solid transparent;
border-bottom: .3em solid transparent;
border-left: .3em solid;
} .navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {
padding-right: 2em;
} .navbar-nav .scroll-up,
.navbar-nav .scroll-down {
position: absolute;
display: none;
visibility: hidden;
height: 20px;
overflow: hidden;
text-align: center;
}
.navbar-nav .scroll-up-arrow,
.navbar-nav .scroll-down-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border-top: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid;
border-left: 7px solid transparent;
}
.navbar-nav .scroll-down-arrow {
top: 6px;
border-top: 7px solid;
border-right: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid transparent;
} .navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
margin: .5em;
} .navbar-nav:not([data-sm-skip]) .dropdown-item {
white-space: normal;
}
.navbar-nav:not(.sm-collapsible) .sm-nowrap > li > .dropdown-item {
white-space: nowrap;
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
display:none;
} 
.navbar-toggler>.close {
display:inline;
}
@media (max-width: 991.98px) {
.navbar-wp .navbar-nav > li > a.nav-link,.navbar-wp .dropdown-menu > li > a {
padding: 13px 8px;
display: block;
border-bottom: 1px solid rgba(225,225,225,0.4);
}
.dropdown-menu {
border: inherit;
}
}
.navbar-toggler {
padding: 0;
font-size: 20px;
line-height: 1;
background-color: unset  !important;
border: unset;
border-radius: none;
}
span.close {
padding: 0;
margin: 0;
}
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none;
outline: 2px dotted;
box-shadow: unset;
color: unset;
background: unset !important;
} .navbar-toggler.x {
border: none;
}
.navbar-toggler.x:focus {
outline: none;
}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(1) {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 10% 10%;
-ms-transform-origin: 10% 10%;
transform-origin: 10% 10%;
}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(2) {
opacity: 0;
filter: alpha(opacity=0);
}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(3) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 10% 90%;
-ms-transform-origin: 10% 90%;
transform-origin: 10% 90%;
}
.navbar-toggler.x .icon-bar {
width: 22px;
display: block;
height: 2px;
background-color: var(--head-color);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.navbar-toggler.x .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-toggler.x .icon-bar:nth-of-type(1) {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.navbar-toggler.x .icon-bar:nth-of-type(2) {
opacity: 1;
filter: alpha(opacity=100);
}
.navbar-toggler.x .icon-bar:nth-of-type(3) {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}