.metismenu .arrow {
float: right;
line-height: 1.42857;
}
*[dir="rtl"] .metismenu .arrow {
float: left;
} .metismenu .glyphicon.arrow:before {
content: "\e079";
}
.metismenu .mm-active > a > .glyphicon.arrow:before {
content: "\e114";
} .metismenu .fa.arrow:before {
content: "\f104";
}
.metismenu .mm-active > a > .fa.arrow:before {
content: "\f107";
} .metismenu .ion.arrow:before {
content: "\f3d2"
}
.metismenu .mm-active > a > .ion.arrow:before {
content: "\f3d0";
}
.metismenu .plus-times {
float: right;
}
*[dir="rtl"] .metismenu .plus-times {
float: left;
}
.metismenu .fa.plus-times:before {
content: "\f067";
}
.metismenu .mm-active > a > .fa.plus-times {
transform: rotate(45deg);
}
.metismenu .plus-minus {
float: right;
}
*[dir="rtl"] .metismenu .plus-minus {
float: left;
}
.metismenu .fa.plus-minus:before {
content: "\f067";
}
.metismenu .mm-active > a > .fa.plus-minus:before {
content: "\f068";
}
.metismenu .mm-collapse:not(.mm-show) {
display: none;
}
.metismenu .mm-collapsing {
position: relative;
height: 0;
overflow: hidden;
transition-timing-function: ease;
transition-duration: .35s;
transition-property: height, visibility;
}
.metismenu .has-arrow {
position: relative;
}
.metismenu .has-arrow::after {
position: absolute;
content: '';
width: .5em;
height: .5em;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: currentColor;
border-color: initial;
right: 1em;
transform: rotate(-45deg) translate(0, -50%);
transform-origin: top;
top: 50%;
transition: all .3s ease-out;
}
*[dir="rtl"] .metismenu .has-arrow::after {
right: auto;
left: 1em;
transform: rotate(135deg) translate(0, -50%);
}
.metismenu .mm-active > .has-arrow::after,
.metismenu .has-arrow[aria-expanded="true"]::after {
transform: rotate(-135deg) translate(0, -50%);
}
*[dir="rtl"] .metismenu .mm-active > .has-arrow::after,
*[dir="rtl"] .metismenu .has-arrow[aria-expanded="true"]::after {
transform: rotate(225deg) translate(0, -50%);
} .slide-bar {
position: fixed;
overflow-y: auto;
top: 0;
right: -330px;
width: 300px;
padding: 25px 20px;
height: 100%;
display: block;
background-color: #ffffff;
z-index: 1020;
-webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
}
.slide-bar.show {
right: 0;
}
.open-mobile-menu {
display: inline-block;
}
.open-mobile-menu a {
display: block;
width: 50px;
height: 50px;
background: #076AD7;
text-align: center;
line-height: 50px;
font-size: 20px;
margin-left: 20px;
color: #fff;
}
.open-mobile-menu a:hover {
background: #d2a98e;
color: #fff
}
.open-mobile-menu a.active {
background: #076AD7;
}
.close-mobile-menu a {
color: #212121;
position: relative;
z-index: 2;
font-size: 16px;
top: -10px;
left: 0;
}
.close-mobile-menu a:hover {
color: #ff0000;
}
.on-side {
overflow: hidden;
}
.body-overlay {
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
width: 100%;
position: fixed;
top: 0;
z-index: 4;
left: 0;
opacity: 0;
display: none;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.body-overlay.active {
opacity: 1;
display: block;
}
.side-mobile-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.side-mobile-menu ul li a {
padding: 13px 0;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
font-size: 14px;
color: #24394A;
font-weight: 500;
text-transform: uppercase;
position: relative;
}
.side-mobile-menu ul li a:hover {
color: #076AD7;
padding-left: 5px;
}
.side-mobile-menu ul li a[aria-expanded=true] {
color: #076AD7;
}
.side-mobile-menu ul li a[aria-expanded=true]:before {
background: #076AD7;
border-color: #076AD7;
}
.side-mobile-menu ul li ul {
padding-left: 0;
list-style: none;
}
.side-mobile-menu ul li ul li {
padding-left: 15px;
}
.side-mobile-menu ul li ul li:hover > a {
color: #076AD7;
padding-left: 20px;
}
.side-mobile-menu ul li ul li:hover > a:before {
background: #076AD7;
border-color: #076AD7;
}
.side-mobile-menu ul li ul li a {
position: relative;
padding-left: 15px;
text-transform: uppercase;
font-size: 13px;
}
.side-mobile-menu ul li ul li a:before {
content: "";
width: 8px;
height: 8px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 2px solid #101a23;
border-radius: 50%;
}
.side-mobile-menu ul li ul li a[aria-expanded=true] {
padding-left: 20px;
}
.side-mobile-menu ul li.has-children > a:after {
position: absolute;
content: "";
width: 8px;
height: 8px;
border-width: 2px 0 0 2px;
border-style: solid;
border-color: initial;
right: 16px;
top: 50%;
-webkit-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
-webkit-transform-origin: top;
transform-origin: top;
transition: all 0.3s ease-out;
}
.side-mobile-menu ul li.has-children a[aria-expanded=true]:after {
-webkit-transform: rotate(-135deg) translateY(-50%);
transform: rotate(-135deg) translateY(-50%);
}