.navbar-brand {
padding: 0;
margin: 0
}
.navbar-toggler {
border: none;
width: 32px;
height: 24px;
padding: 0;
position: relative;
border-radius: 0;
cursor: pointer
}
.navbar-toggler .navbar-toggler-icon {
top: 10px
}
.mobile-toggler {
position: absolute;
z-index: 100;
top: 12px;
left: 18px;
}
.navbar-toggler .navbar-toggler-icon,
.navbar-toggler .navbar-toggler-icon::after,
.navbar-toggler .navbar-toggler-icon::before {
background-color: var(--color-set-one-1);
width: 100%;
height: 3px;
display: block;
position: absolute;
border-radius: 100px;
transition-property: transform;
transition-duration: .2s;
transition-timing-function: ease
}
.navbar-toggler .navbar-toggler-icon::after,
.navbar-toggler .navbar-toggler-icon::before {
content: "";
display: block
}
.navbar-toggler .navbar-toggler-icon::before {
top: 20px
}
.navbar-toggler .navbar-toggler-icon::after {
bottom: -10px
}
.navbar-toggler.toggler-spin .navbar-toggler-icon {
transition-duration: .22s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.navbar-toggler.toggler-spin .navbar-toggler-icon::before {
transition: top .1s .25s ease-in, opacity .1s ease-in
}
.navbar-toggler.toggler-spin .navbar-toggler-icon::after {
transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19)
}
.navbar-toggler.toggler-spin.active .navbar-toggler-icon {
transform: rotate(225deg);
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.navbar-toggler.toggler-spin.active .navbar-toggler-icon::before {
top: 0;
opacity: 0;
transition: top .1s ease-out, opacity .1s .12s ease-out
}
.navbar-toggler.toggler-spin.active .navbar-toggler-icon::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}
.navbar-toggler.toggler-elastic .navbar-toggler-icon {
top: 0;
transition-duration: 275ms;
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
.navbar-toggler.toggler-elastic .navbar-toggler-icon::before {
top: 10px;
transition: opacity 125ms 275ms ease
}
.navbar-toggler.toggler-elastic .navbar-toggler-icon::after {
top: 20px;
transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}
.navbar-toggler.toggler-elastic.active .navbar-toggler-icon {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 75ms
}
.navbar-toggler.toggler-spring .navbar-toggler-icon {
top: 0;
transition: background-color 0s .13s linear
}
.navbar-toggler.toggler-spring.active .navbar-toggler-icon {
transition-delay: .22s;
background-color: var(--color-set-one-1);
}
.navbar-toggler.active,
.navbar-toggler.active.btn,
.navbar-toggler.active.focus.btn,
.navbar-toggler.btn:active,
.navbar-toggler.btn:active:focus,
.navbar-toggler.btn:active:hover,
.navbar-toggler.btn:focus,
.navbar-toggler.btn:hover,
.navbar-toggler.btn:not(:disabled):not(.disabled).active,
.navbar-toggler.btn:not(:disabled):not(.disabled):active,
.navbar-toggler.focus.btn,
.navbar-toggler:active,
.navbar-toggler:active:focus,
.navbar-toggler:focus,
.navbar-toggler:hover,
.navbar-togglerbutton.active,
.navbar-togglerbutton.active.focus,
.navbar-togglerbutton.focus,
.navbar-togglerbutton:active,
.navbar-togglerbutton:active:focus,
.navbar-togglerbutton:active:hover,
.navbar-togglerbutton:focus,
.navbar-togglerbutton:hover,
.navbar-togglerbutton:not(:disabled):not(.disabled).active,
.navbar-togglerbutton:not(:disabled):not(.disabled):active {
background: 0 0!important;
border: transparent!important
}
.menu-item.dropdown .dropdown-menu {
-webkit-transition: top 0.3s ease 0s, opacity 0.3s;
transition: top 0.3s ease 0s, opacity 0.3s;
position: absolute;
top: 120%;
left: 0;
width: 300px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: var(--color-set-one-2);
margin-top: 0px;
}
.menu-item.dropdown .dropdown-menu {
margin-top: 9px!important;
}
.menu-item.dropdown .dropdown-menu:before {
content: '';
width: 100%;
height: 35px;
position: absolute;
background-color: transparent;
left: 0;
top: -35px;
}
.menu-item.dropdown .dropdown-menu {
display: block;
}
.menu-item.dropdown .dropdown-menu {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.navbar-expand-lg .navbar-nav.navbar_left .menu-item.dropdown .dropdown-menu .nav-item .dropdown-item {
position: relative;
padding: 12px 15px 12px 35px!important;
text-align: left;
display: block!important;
color: #fff!important;
line-height: normal;
margin: 10px;
border: 1px dashed #6a6a6a;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
border-radius: 5px;
width: auto;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 14px;
}
.navbar-expand-lg .navbar_left.navbar-nav .dropdown-menu .nav-item {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.dropdown-item:focus,
.dropdown-item:hover {
color: inherit;
text-decoration: none;
background-color: transparent;
}
.navbar-expand-lg .navbar-nav.navbar_left .menu-item.dropdown .dropdown-menu .nav-item .dropdown-item::after {
font-family: 'icomoon';
content: '\e900';
left: 12px;
position: absolute;
top: 15px;
font-size: 15px;
color: var(--color-set-one-1);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.navbar-expand-lg .navbar-nav.navbar_left .menu-item .dropdown-menu .nav-item .dropdown-item::before {
display: none;
}
.navbar-expand-lg .navbar-nav.navbar_left .menu-item .dropdown-menu .nav-item:hover .dropdown-item::after {
color: var(--color-set-one-1)!important;
}
.navbar_left .menu-item.dropdown .dropdown-menu .dropdown-menu {
left: -300px;
top: -7px;
}
.navbar_left .menu-item.dropdown .dropdown-menu .dropdown-menu .dropdown-menu {
left: 300px;
top: -7px;
}
.navbar-expand-lg .navbar-nav.navbar_left .menu-item .dropdown-menu .nav-item:hover .nav-item a {
background: transparent!important;
}
.navbar-expand-lg .navbar-nav.navbar_left .menu-item.dropdown .dropdown-menu .menu-item-has-children::before {
content: '\f107';
font-family: 'FontAwesome';
right: 28px;
position: absolute;
top: 12px;
display: inline-block;
font-size: 15px;
color: var(--color-set-one-1);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.menu-item.dropdown:hover>.dropdown-menu {
opacity: 1;
z-index: 9999;
top: 100%;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.bsnav {
background: #fff;
padding-top: 0;
padding-bottom: 0;
z-index: 50
}
.bsnav-transparent {
background: 0 0;
left: 0;
right: 0;
position: absolute
}
.navbar-nav .nav-item {
color: #000
}
.navbar-expand-lg .navbar-nav .nav-link,
.navbar-nav .nav-link {
color: #fff;
padding: 26px 22px;
display: block;
position: relative;
transition: .3s;
font-size: 14px;
cursor: pointer;
font-weight: 500;
font-family: 'Poppins', sans-serif;
}
.navbar-expand-lg .navbar-nav.navbar_left .nav-item .nav-link:hover {
color: var(--color-set-one-1);
}
.nav-item .caret {
width: 0;
height: 0;
margin-left: 5px;
margin-top: -2.5px;
border: none;
border-left: solid 4px transparent;
border-right: solid 4px transparent;
border-top: solid 5px #444;
vertical-align: middle;
display: inline-block
}
.nav-item.active .caret,
.nav-item:hover .caret {
border-top-color: #64DD17
}
.bsnav-sticky {
left: 0;
right: 0;
position: fixed;
z-index: 999;
top: 0;
}
.bsnav-sticky.bsnav-sticky-slide {
position: relative
}
.header_sticky .bsnav-sticky.bsnav-sticky-slide.sticked {
position: fixed;
transform: translate3d(0, -100%, 0)
}
.header_sticky .bsnav-sticky.bsnav-sticky-slide.sticked.in {
transition: transform .4s .2s;
transform: translate3d(0, 0, 0)
}
.bsnav-sticky.bsnav-sticky-fade {
position: absolute
}
.bsnav-sticky.bsnav-sticky-fade.sticked {
position: fixed;
opacity: 0;
visibility: hidden
}
.bsnav-sticky.bsnav-sticky-fade.sticked.in {
transition: opacity .3s .2s;
opacity: 1;
visibility: visible
}
.bsnav-sticky[data-navbar-toggle] {
position: absolute;
top: 0;
right: 0;
left: 0
}
.bsnav-mobile {
bottom: 0;
z-index: 999;
pointer-events: none
}
.bsnav-mobile .bsnav-mobile-overlay {
bottom: 0;
visibility: hidden;
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
right: -100%;
background: #000000;
opacity: .5;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.bsnav-mobile .navbar {
background: rgba(28, 28, 28, 1);
box-shadow: 0px 0px 8px 0px rgba(1, 1, 1, .05);
width: 400px;
padding: 50px 0 15px;
flex-flow: column;
top: 0;
bottom: 0;
right: 0;
position: absolute;
transition: .4s ease-in-out;
transform: translate3d(400px, 0, 0);
overflow: auto;
z-index: 10000;
}
@media(max-width:768px) {
.bsnav-mobile .navbar {
width: 300px;
transform: translate3d(300px, 0, 0);
}
}
.navbar-toggler .fa.fa-close {
color: var(--color-set-one-1);
}
.bsnav-mobile .navbar-nav {
width: 100%;
padding: 0px;
flex-direction: column
}
.bsnav-mobile .navbar-nav .nav-item .nav-link {
max-width: 100%;
padding: 15px 30px;
display: block;
}
ul.dropdown-menu .menu-item-has-children {
position: relative;
}
ul.dropdown-menu .menu-item-has-children:before {
position: absolute;
content: '\f107';
font-family: 'FontAwesome';
right: 12px;
color: #888888!important;
font-size: 16px;
top: 10px;
display: block!important;
transform: rotate(-90deg)!important;
}
ul.dropdown-menu .menu-item-has-children.in:before {
transform: rotate(0deg)!important;
}
.bsnav-mobile .navbar-nav .nav-item.menu-item-has-children.in .nav-link:before {
transform: rotate(0deg);
}
.bsnav-mobile .navbar-nav .nav-item.menu-item-has-children .nav-link:hover:before {
color: var(--color-set-one-1);
}
.bsnav-mobile .navbar-nav .nav-item.menu-item-has-children .nav-link {
color: #fff!important;
}
.bsnav-mobile .navbar-nav .nav-item.menu-item-has-children .nav-link:hover {
color: var(--color-set-one-1)!important;
}
.bsnav-mobile .navbar-nav .nav-item.current-page-active .nav-link:before {
color: var(--color-set-one-1)!important;
}
.bsnav-mobile .navbar-nav .nav-item.current-page-active .nav-link {
color: var(--color-set-one-1)!important;
}
.bsnav-mobile .navbar-nav .nav-item.current-menu-ancestor .nav-link {
color: var(--color-set-one-1)!important;
}
.bsnav-mobile .navbar-nav .nav-item.current-menu-ancestor .dropdown-menu .nav-item .dropdown-item {
color: #fff!important;
}
.bsnav-mobile .navbar-nav .nav-item.current-menu-ancestor .dropdown-menu .nav-item.current-page-active .dropdown-item {
color: var(--color-set-one-1)!important;
}
.bsnav-mobile .navbar-nav .nav-item.current-menu-ancestor .dropdown-menu .nav-item.current-menu-ancestor .nav-link {
color: var(--color-set-one-1)!important;
}
.bsnav-mobile .navbar-nav .nav-item.current-menu-ancestor .dropdown-menu .nav-item.current-menu-ancestor .dropdown-menu .nav-item .dropdown-item {
color: #fff!important;
}
.bsnav-mobile .navbar-nav .nav-item.current-menu-ancestor .dropdown-menu .nav-item.current-menu-ancestor .dropdown-menu .nav-item.current-page-active .dropdown-item {
color: var(--color-set-one-1)!important;
}
.bsnav-mobile .dropdown-menu {
border: 0px solid transparent;
background: transparent;
padding: 0px 10px 0px 30px;
} .bsnav-mobile .dropdown-menu .nav-item .dropdown-item:before {
display: none;
}
.bsnav-mobile .dropdown-menu .nav-item .dropdown-item {
padding: 10px 15px;
font-size: 16px!important;
}
.bsnav-mobile .navbar-nav .nav-item .nav-link>.title {
max-width: calc(100% - 20px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block
}
.bsnav-mobile .navbar-nav .nav-item .navbar-nav {
margin-left: -15px;
margin-right: -15px;
display: none;
box-sizing: content-box
}
.bsnav-mobile .navbar-nav .nav-item.active .navbar-nav {
display: block
}
.bsnav-mobile,
.bsnav-sticky.navbar-fade,
.bsnav-sticky.navbar-slide {
left: 0;
position: fixed;
top: 0;
right: 0
}
.bsnav-mobile .navbar-nav .nav-item.menu-item-has-children>.nav-link {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
}
.bsnav-mobile .navbar-nav.navbar_left .nav-item .nav-link {
font-size: 20px
}
.bsnav-mobile .navbar-nav .nav-item.menu-item-has-children>.navbar-nav {
padding-top: 0;
padding-bottom: 30px
}
.bsnav-mobile .navbar-nav.active {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0)
}
.bsnav-mobile.in {
pointer-events: initial
}
.bsnav-mobile.in .navbar {
transform: translate3d(0, 0, 0)
}
.bsnav-mobile.in .bsnav-mobile-overlay {
visibility: visible;
pointer-events: initial;
right: 0;
}