body.drawer-navbar.drawer-fixed {
padding-top: 0
}
.drawer-main {
position: fixed;
z-index: 9999999;
top: 0;
overflow: hidden;
width: 280px;
height: 100%
}
.drawer-left .drawer-main {
left: -280px;
-webkit-transition: -webkit-transform .4s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform .4s cubic-bezier(.19, 1, .22, 1);
transition: transform .4s cubic-bezier(.19, 1, .22, 1);
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
.drawer-left.drawer-open .drawer-main {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.drawer-right.drawer-open .drawer-main {
right: 0;
border-top: 3px solid #fff;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.drawer-top .drawer-main {
width: 100%;
height: auto;
max-height: 100%;
-webkit-transition: -webkit-transform .4s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform .4s cubic-bezier(.19, 1, .22, 1);
transition: transform .4s cubic-bezier(.19, 1, .22, 1);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
.drawer-top.drawer-open .drawer-main {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.drawer-overlay {
position: relative
}
.drawer-left .drawer-hamburger {
left: 0;
-webkit-transform: translateX(0)translateY(0);
-ms-transform: translateX(0)translateY(0);
-o-transform: translateX(0)translateY(0);
transform: translateX(0)translateY(0)
}
.drawer-left.drawer-open .drawer-hamburger {
-webkit-transform: translateX(280px)translateY(0);
-ms-transform: translateX(280px)translateY(0);
-o-transform: translateX(280px)translateY(0);
transform: translateX(280px)translateY(0)
}
.drawer-right .drawer-hamburger {
right: 0;
-webkit-transform: translateX(0)translateY(0);
-ms-transform: translateX(0)translateY(0);
-o-transform: translateX(0)translateY(0);
transform: translateX(0)translateY(0)
}
.drawer-right.drawer-open .drawer-hamburger {
-webkit-transform: translateX(-280px)translateY(0);
-ms-transform: translateX(-280px)translateY(0);
-o-transform: translateX(-280px)translateY(0);
transform: translateX(-280px)translateY(0)
}
.drawer-top .drawer-hamburger {
right: 0
}
.drawer-top.drawer-open .drawer-hamburger {
z-index: 5400;
right: 0
}
.drawer-overlay-upper {
position: fixed;
z-index: 99999;
height: 100%;
width: 100%;
left: 0;
top: 0;
display: none;
background-color: #000;
background-color: rgba(0,0,0,.3)
}
.drawer-open .drawer-overlay-upper {
display: block!important
}
.drawer-hamburger {
background: 0;
float: right;
display: block;
top: 5px; width: 50px;
height: 52px;
margin-bottom: 8px;
background-color: transparent;
border: 0;
z-index: 5100;
outline: 0;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.drawer-hamburger:hover {
cursor: pointer
}
.drawer-hamburger-icon {
position: relative;
display: block;
margin-top: 10px
}
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
height: 3px;
width: 100%;
border-radius: 1px;
background-color: #21418e;
-webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1);
-o-transition: all .4s cubic-bezier(.19, 1, .22, 1);
transition: all .4s cubic-bezier(.19, 1, .22, 1)
}
.drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
position: absolute;
content: " ";
top: -10px;
left: 0
}
.drawer-hamburger-icon:after {
top: 10px
}
.drawer-open .drawer-hamburger-icon {
background-color: transparent
}
.drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after {
top: 0
}
.drawer-open .drawer-hamburger-icon:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.drawer-open .drawer-hamburger-icon:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.drawer-default {
background-color: #222;
-webkit-box-shadow: inset 0 0 0 #000;
-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.5);
box-shadow: inset 0 0 0 #000;
box-shadow: inset 0 0 0 rgba(0,0,0,.5)
}
.drawer-default+.drawer-overlay {
background-color: #fff
}
.drawer-default li, .drawer-default a, .drawer-default .drawer-brand {
position: relative;
display: block
}
.drawer-default a {
text-decoration: none
}
.drawer-default a:hover, .drawer-default a:focus {
text-decoration: underline
}
.drawer-default .drawer-brand a {
padding: 20px 15px;
color: #fff;
font-size: 22px
}
.drawer-default .drawer-brand a:hover {
color: #555
}
.drawer-default .drawer-brand>img {
display: block
}
.drawer-default .drawer-footer {
position: relative;
padding: 0 15px;
height: 50px;
line-height: 50px;
background-color: transparent
}
.drawer-default .drawer-footer span:before, .drawer-default .drawer-footer span:after {
content: " ";
display: block
}
.drawer-default ul {
margin: 0;
padding: 0;
list-style: none
}
.drawer-default .drawer-menu-item {
padding: 15px 15px 0;
font-size: 18px;
color: #555
}
.drawer-default .drawer-menu-item.disabled a {
color: #333
}
.drawer-default .drawer-menu-item.disabled a:hover, .drawer-default .drawer-menu-item.disabled a:focus {
cursor: not-allowed;
color: #333;
background-color: transparent
}
.drawer-default .drawer-menu-item a {
color: #888
}
.drawer-default .drawer-menu-item a:hover, .drawer-default .drawer-menu-item a:focus {
color: #fff;
background-color: transparent
}
.drawer-default .drawer-menu-item a img {
max-width: none
}
.drawer-default .drawer-submenu {
margin-bottom: 20px
}
.drawer-default .drawer-submenu:last-child {
margin-bottom: 0
}
.drawer-default .drawer-submenu-item {
padding: 0
}
.drawer-default .drawer-submenu-item a {
height: 50px;
line-height: 50px;
font-size: 14px
}
.drawer-default .drawer-submenu-item a:hover, .drawer-default .drawer-submenu-item a:focus {
color: #fff
}
.drawer-default .dropdown-menu {
position: absolute;
display: none;
z-index: 5000;
background-color: #222;
border: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.drawer-default .dropdown-menu>li>a {
padding: 0!important
}
.drawer-default .dropdown.open>.dropdown-menu {
position: static;
display: block;
float: none;
width: auto
}
@media (max-width:767px) {
.drawer-default a:hover, .drawer-default a:focus {
color: #888!important;
text-decoration: none
}
}
.drawer-navbar-default {
background-color: #0f0f0f;
-webkit-box-shadow: inset 0 0 0 #000;
-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.5);
box-shadow: inset 0 0 0 #000;
box-shadow: inset 0 0 0 rgba(0,0,0,.5)
}
.drawer-navbar-default+.drawer-overlay {
background-color: #fff
}
.drawer-navbar-default li, .drawer-navbar-default a, .drawer-navbar-default .drawer-brand {
position: relative;
display: block;
}
.drawer-navbar-default a {
text-decoration: none;
outline: 0
}
.drawer-navbar-default a:hover, .drawer-navbar-default a:focus {
text-decoration: none
}
.drawer-navbar-default .drawer-brand a {
padding: 20px 15px;
color: #fff;
font-size: 22px
}
.drawer-right .drawer-main {
right: -280px; }
.drawer-navbar-default .drawer-brand a:hover, .drawer-navbar-default .drawer-brand a:focus {
color: #555
}
.drawer-navbar-default .drawer-brand>img {
display: block
}
.drawer-navbar-default .drawer-footer {
position: relative;
padding: 0 15px;
height: 50px;
line-height: 50px;
background-color: transparent
}
.drawer-navbar-default .drawer-footer span:before, .drawer-navbar-default .drawer-footer span:after {
content: " ";
display: block
}
.drawer-navbar-default ul {
margin: 0;
padding: 0;
list-style: none
}
.drawer-navbar-default .drawer-menu.drawer-navbar-right {
float: none
}
.drawer-navbar-default .drawer-menu-item.disabled a {
color: #333
}
.drawer-navbar-default .drawer-menu-item.disabled a:hover, .drawer-navbar-default .drawer-menu-item.disabled a:focus {
color: #333;
background-color: transparent;
cursor: not-allowed
}
.drawer-navbar-default .drawer-menu-item a:hover, .drawer-navbar-default .drawer-menu-item a:focus {
color: #fff;
background-color: transparent
}
.drawer-navbar-default .drawer-menu-item a img {
max-width: none
}
.drawer-navbar-default .drawer-submenu {
margin-bottom: 20px
}
.drawer-navbar-default .drawer-submenu:last-child {
margin-bottom: 0
}
.drawer-navbar-default .drawer-submenu-item {
padding: 0
}
.drawer-navbar-default .drawer-submenu-item a {
height: 50px;
line-height: 50px;
font-size: 14px
}
.drawer-navbar-default .drawer-submenu-item a:hover, .drawer-navbar-default .drawer-submenu-item a:focus {
color: #fff
}
.drawer-navbar-default .dropdown-menu {
position: absolute;
display: none;
z-index: 5000;
top: 100%;
left: 0;
background-color: #21418e;
border: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.drawer-navbar-default .dropdown.open>.dropdown-menu {
display: block
}
@media (max-width:767px) {
.drawer-navbar-default .drawer-menu-item a {
color: #dfdfdf;
text-align: left;
width: 100%;
text-transform: uppercase;
border-bottom: 1px solid #282828;
}
.drawer-navbar-default .container {
padding-left: 0;
padding-right: 0
}
.drawer-navbar-default .drawer-menu-item a:hover, .drawer-navbar-default .drawer-menu-item a:focus {
color: #888;
text-decoration: none
}
.drawer-navbar-default .drawer-submenu {
margin-bottom: 20px
}
.drawer-navbar-default .drawer-submenu:last-child {
margin-bottom: 0
}
.drawer-navbar-default .drawer-submenu-item a:hover, .drawer-navbar-default .drawer-submenu-item a:focus {
color: #ddd
}
.drawer-navbar-default .dropdown.open>.dropdown-menu {
position: static;
float: none;
width: auto
}
.drawer-right .drawer-main {
-webkit-transition: -webkit-transform .4s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform .4s cubic-bezier(.19, 1, .22, 1);
transition: transform .4s cubic-bezier(.19, 1, .22, 1);
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
}
.drawer-dropdown .caret, .drawer-dropdown-hover .caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 8px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
-webkit-transition: -webkit-transform .2s ease, opacity .2s ease;
-o-transition: -o-transform .2s ease, opacity .2s ease;
transition: transform .2s ease, opacity .2s ease;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
.drawer-dropdown.open .caret, .drawer-dropdown-hover.open .caret {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
@media (min-width:767px) {
.drawer-responsive.drawer-left .drawer-toggle, .drawer-responsive.drawer-right .drawer-toggle, .drawer-navbar.drawer-left .drawer-toggle, .drawer-navbar.drawer-right .drawer-toggle, .drawer-navbar.drawer-top .drawer-toggle {
display: none;
visibility: hidden
}
.drawer-responsive.drawer-left .drawer-main {
left: 0;
display: block;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
.drawer-responsive.drawer-right .drawer-main {
right: 0;
display: block;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
.drawer-navbar-default ul {
float: right;
}
}
@media (min-width:768px) {
body.drawer-navbar.drawer-fixed {
}
.drawer-responsive {
background-color: #222
}
.drawer-responsive .drawer-overlay {
background-color: #fff
} .drawer-responsive.drawer-left .drawer-main, .drawer-responsive.drawer-right .drawer-main {
position: absolute;
width: 150px!important;
height: auto!important;
overflow: visible!important
}
.drawer-responsive.drawer-left .drawer-main {
float: left
}
.drawer-responsive.drawer-left .drawer-overlay {
margin-left: 150px
}
.drawer-responsive.drawer-right .drawer-main {
float: right
} .drawer-navbar.drawer-left .drawer-main, .drawer-navbar.drawer-right .drawer-main, .drawer-navbar.drawer-top .drawer-main {
position: relative
}
.drawer-navbar.drawer-static.drawer-left .drawer-main, .drawer-navbar.drawer-static.drawer-right .drawer-main, .drawer-navbar.drawer-static.drawer-top .drawer-main {
z-index: 5000
}
.drawer-navbar.drawer-left .drawer-main, .drawer-navbar.drawer-right .drawer-main, .drawer-navbar.drawer-top .drawer-main {
display: block;
top: 0;
left: 0;
width: 100%!important;
height: auto!important;
overflow: visible!important;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
.drawer-navbar-default {
position: relative;
background-color: transparent;
}
.drawer-navbar-default li, .drawer-navbar-default a, .drawer-navbar-default .drawer-brand {
float: left
}
.drawer-navbar-default a {
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-weight: 600;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
header.small .drawer-navbar-default a {
padding: 0 10px;
height: 60px;
line-height: 60px;
}
.drawer-navbar-default .drawer-brand a {
padding: 0 15px;
color: #555;
font-size: 90%
}
.drawer-navbar-default .drawer-brand a:hover, .drawer-navbar-default .drawer-brand a:focus {
color: #333;
background-color: #eee
}
.drawer-navbar-default .drawer-footer {
display: none
}
.drawer-navbar-default .drawer-menu.drawer-navbar-right {
float: right
}
.drawer-navbar-default .drawer-menu.drawer-navbar-right .dropdown-menu {
right: 0;
left: auto
}
.drawer-navbar-default .drawer-menu-item {
padding: 0;
font-size: 14px
}
.drawer-navbar-default .drawer-menu-item a:hover, .drawer-navbar-default .drawer-menu-item a:focus {
color: #fff;
background-color: #21418e
}
.drawer-navbar-default .dropdown-menu {
-webkit-box-shadow: 0 6px 12px #000;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px #000;
box-shadow: 0 6px 12px rgba(0,0,0,.175)
}
.drawer-navbar-default .dropdown-menu>li {
float: none
}
.drawer-navbar-default .dropdown-menu>li>a {
width: 100%;
padding: 15px!important;
color: #fff;
background-color: #21418e;
border-bottom: 1px solid #4663A6;
opacity: .9;
filter: alpha(opacity=90)
}
.drawer-navbar-default .dropdown-menu>li>a:hover, .drawer-navbar-default .dropdown-menu>li>a:focus {
color: #fff;
background-color: #f37022
}
}