/*-----navbar-default-style----*/ .bsnav-dark .navbar-nav .nav-item, .bsnav-light .navbar-nav .nav-item { color: #fff } .navbar-brand { padding: 0; margin: 0 } .navbar-toggler { border: none; width: 32px; height: 24px; padding: 0; position: relative; border-radius: 0; cursor: pointer } .mobile-toggler { position: absolute; z-index: 100; top: 12px; left: 18px; } .navbar-toggler .navbar-toggler-icon { top: 10px } .navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before { background-color: #333; 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: #000; } .bsnav-overlay .nav-item.dropdown>.navbar-nav:not(.in), .bsnav-overlay-light .dropdown.dropdown-horizontal>.navbar-nav:not(.in) { transition: clip 0s } .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 } .bsnav-dark .nav-item.dropdown .navbar-nav .nav-link .caret, .bsnav-dark .nav-item.dropdown.dropdown-right .navbar-nav .nav-link .caret, .bsnav-overlay .nav-item.dropdown .navbar-nav .nav-link .caret, .bsnav-overlay .nav-item.dropdown.dropdown-right .navbar-nav .nav-link .caret { border-left-color: #fff; border-right-color: #fff } .fa.fa-close { color: #36c2f9 ; font-size: 26px; line-height: 30px; } .bsnav { background: transparent; padding-top: 0; padding-bottom: 0; z-index: 50; padding: 0px 0px; } @media (max-width:1199px) { .bsnav { padding: 10px 0px!important; } .nav-link.link_hd:after { position: absolute; content: '\f105'; font-family: 'FontAwesome'; right: 0px; color: #888888; font-size: 16px; top: 9px; }} @media (max-width:992px) { .bsnav-mobile .navbar-nav.submenu .nav-link:after { position: absolute; content: '\f105'; font-family: 'FontAwesome'; right: 0px; color: #888888; font-size: 16px; top: 9px; } .nav-item.in .nav-link.link_hd:after { transform: rotate(90deg); } .nav-item.active .nav-link.link_hd:after.in { transform: rotate(90deg); } } .bsnav-dark { background: #000 } .bsnav-dark .navbar-toggler .navbar-toggler-icon, .bsnav-dark .navbar-toggler .navbar-toggler-icon::after, .bsnav-dark .navbar-toggler .navbar-toggler-icon::before { background-color: #fff } .bsnav-dark .nav-item .caret { border-top-color: #fff } .bsnav-dark .nav-item.dropdown.dropdown-horizontal>.navbar-nav .nav-link .caret, .bsnav-dark .nav-item.dropdown.dropdown-horizontal>.navbar-nav .navbar-nav .nav-link .caret { border-top-color: #fff; top: 2px; position: relative } .bsnav-dark .nav-item.dropdown>.navbar-nav, .bsnav-dark .nav-item.dropdown>.navbar-nav .navbar-nav { background: #000 } .bsnav-transparent { background: 0 0; left: 0; right: 0; position: absolute } .navbar-nav.submenu { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05); } .bsnav-mobile.in .navbar-nav.submenu { box-shadow: none; margin-bottom: 10px; } .bsnav-transparent .nav-item.dropdown>.navbar-nav, .bsnav-transparent .nav-item.dropdown>.navbar-nav .navbar-nav { background: #fff; border-radius: 4px; box-shadow: 0 2px 14px rgba(0, 0, 0, .15) } .bsnav-transparent .nav-item.dropdown>.navbar-nav .navbar-nav { margin-left: 3px } .bsnav-transparent .nav-item.dropdown.dropdown-right>.navbar-nav .navbar-nav { margin-left: 0; margin-right: 3px } .bsnav-transparent .nav-item.dropdown.dropdown-horizontal>.navbar-nav { left: 15px; right: 15px } .bsnav-transparent .nav-item.dropdown.dropdown-horizontal>.navbar-nav.in .navbar-nav { margin-left: 0 } .bsnav-light { background: 0 0; left: 0; right: 0; position: absolute } .bsnav-light .nav-item.dropdown>.navbar-nav, .bsnav-light .nav-item.dropdown>.navbar-nav .navbar-nav { background: #fff; border-radius: 4px; box-shadow: 0 2px 14px rgba(0, 0, 0, .15) } .bsnav-light .navbar-toggler .navbar-toggler-icon, .bsnav-light .navbar-toggler .navbar-toggler-icon::after, .bsnav-light .navbar-toggler .navbar-toggler-icon::before { background-color: #fff } .bsnav-light .nav-item .caret { border-top-color: #fff } .bsnav-light .nav-item.dropdown>.navbar-nav .navbar-nav { margin-left: 3px } .bsnav-light .nav-item.dropdown.dropdown-right>.navbar-nav .navbar-nav { margin-left: 0; margin-right: 3px } .bsnav-light .nav-item.dropdown .nav-item { color: #000 } .bsnav-light .nav-item.dropdown.dropdown-horizontal>.navbar-nav { left: 15px; right: 15px } .bsnav-light .nav-item.dropdown.dropdown-horizontal>.navbar-nav.in .navbar-nav { margin-left: 0 } .bsnav-overlay { background: rgba(0, 0, 0, .4); border-bottom: solid 1px rgba(255, 255, 255, .3); left: 0; right: 0; position: absolute } .bsnav-overlay .navbar-nav .nav-item { color: #fff } .bsnav-overlay .navbar-toggler .navbar-toggler-icon, .bsnav-overlay .navbar-toggler .navbar-toggler-icon::after, .bsnav-overlay .navbar-toggler .navbar-toggler-icon::before { background-color: #fff } .bsnav-overlay .nav-item .caret { border-top-color: #fff } .bsnav-overlay .nav-item.dropdown.dropdown-horizontal>.navbar-nav .nav-link .caret, .bsnav-overlay .nav-item.dropdown.dropdown-horizontal>.navbar-nav .navbar-nav .nav-link .caret { border-top-color: #fff; top: 2px; position: relative } .bsnav-overlay .nav-item.dropdown>.navbar-nav, .bsnav-overlay .nav-item.dropdown>.navbar-nav .navbar-nav { background: rgba(0, 0, 0, .4) } .bsnav-overlay-light, .bsnav-overlay-light .nav-item.dropdown>.navbar-nav, .bsnav-overlay-light .nav-item.dropdown>.navbar-nav .navbar-nav { background: rgba(255, 255, 255, .8) } .bsnav-overlay-light { border-bottom: solid 1px #fff; left: 0; right: 0; position: absolute } .bsnav-overlay-light .dropdown.dropdown-horizontal>.navbar-nav, .bsnav-overlay-light .dropdown.dropdown-horizontal>.navbar-nav .navbar-nav { box-shadow: 0 1px 0 #fff inset } .navbar-nav .nav-item.nav-item-fill.active>.nav-link, .navbar-nav .nav-item.nav-item-fill>.nav-link:active:focus>.nav-link, .navbar-nav .nav-item.nav-item-fill>.nav-link:active>.nav-link, .navbar-nav .nav-item.nav-item-fill>.nav-link:focus>.nav-link, .navbar-nav .nav-item.nav-item-fill>.nav-link:hover>.nav-link { background: #2b2c36; color: #36c2f9 } .navbar-nav .nav-item.nav-item-double-line.active>.nav-link, .navbar-nav .nav-item.nav-item-double-line>.nav-link:active, .navbar-nav .nav-item.nav-item-double-line>.nav-link:active:focus, .navbar-nav .nav-item.nav-item-double-line>.nav-link:focus, .navbar-nav .nav-item.nav-item-double-line>.nav-link:hover, .navbar-nav .nav-item.nav-item-line.active>.nav-link, .navbar-nav .nav-item.nav-item-line>.nav-link:active, .navbar-nav .nav-item.nav-item-line>.nav-link:active:focus, .navbar-nav .nav-item.nav-item-line>.nav-link:focus, .navbar-nav .nav-item.nav-item-line>.nav-link:hover { color: #fff; background: #2b2c36; } .navbar-nav .nav-item.nav-item-line>.nav-link::after { content: ''; background: #2b2c36; width: 0; height: 2px; left: 50%; bottom: 0; position: absolute; transition: .3s } .navbar-nav .nav-item.nav-item-line.active>.nav-link::after, .navbar-nav .nav-item.nav-item-line>.nav-link:active::after, .navbar-nav .nav-item.nav-item-line>.nav-link:active:focus::after, .navbar-nav .nav-item.nav-item-line>.nav-link:focus::after, .navbar-nav .nav-item.nav-item-line>.nav-link:hover::after { width: 100%; left: 0 } .navbar-nav .nav-item.nav-item-double-line>.nav-link::after, .navbar-nav .nav-item.nav-item-double-line>.nav-link::before { content: ''; background: #2b2c36; width: 0; height: 2px; left: 50%; position: absolute; transition: .3s } .navbar-nav .nav-item.nav-item-double-line>.nav-link::before { top: 0 } .navbar-nav .nav-item.nav-item-double-line>.nav-link::after { bottom: 0 } .navbar-nav .nav-item.nav-item-double-line.active>.nav-link::after, .navbar-nav .nav-item.nav-item-double-line.active>.nav-link::before, .navbar-nav .nav-item.nav-item-double-line>.nav-link:active::after, .navbar-nav .nav-item.nav-item-double-line>.nav-link:active::before, .navbar-nav .nav-item.nav-item-double-line>.nav-link:active:focus::after, .navbar-nav .nav-item.nav-item-double-line>.nav-link:active:focus::before, .navbar-nav .nav-item.nav-item-double-line>.nav-link:focus::after, .navbar-nav .nav-item.nav-item-double-line>.nav-link:focus::before, .navbar-nav .nav-item.nav-item-double-line>.nav-link:hover::after, .navbar-nav .nav-item.nav-item-double-line>.nav-link:hover::before { width: 100%; left: 0 } .navbar-nav .nav-item.nav-item-outline { margin-left: 5px } .navbar-nav .nav-item.nav-item-outline>.nav-link::after, .navbar-nav .nav-item.nav-item-outline>.nav-link::before { content: ''; background: #2b2c36; width: 0; height: 2px; position: absolute; transition: .3s } .navbar-nav .nav-item.nav-item-outline>.nav-link::before { left: 0; top: 0 } .navbar-nav .nav-item.nav-item-outline>.nav-link::after { right: 0; bottom: 0 } .navbar-nav .nav-item.nav-item-outline.active>.nav-link, .navbar-nav .nav-item.nav-item-outline>.nav-link:active, .navbar-nav .nav-item.nav-item-outline>.nav-link:active:focus, .navbar-nav .nav-item.nav-item-outline>.nav-link:focus, .navbar-nav .nav-item.nav-item-outline>.nav-link:hover { box-shadow: -2px 0 0 #2b2c36 inset, 2px 0 0 #2b2c36 inset } .navbar-nav .nav-item.nav-item-outline.active>.nav-link::after, .navbar-nav .nav-item.nav-item-outline.active>.nav-link::before, .navbar-nav .nav-item.nav-item-outline>.nav-link:active::after, .navbar-nav .nav-item.nav-item-outline>.nav-link:active::before, .navbar-nav .nav-item.nav-item-outline>.nav-link:active:focus::after, .navbar-nav .nav-item.nav-item-outline>.nav-link:active:focus::before, .navbar-nav .nav-item.nav-item-outline>.nav-link:focus::after, .navbar-nav .nav-item.nav-item-outline>.nav-link:focus::before, .navbar-nav .nav-item.nav-item-outline>.nav-link:hover::after, .navbar-nav .nav-item.nav-item-outline>.nav-link:hover::before { width: 100% } .navbar-expand-lg .navbar-nav .nav-link, .navbar-nav .nav-link { color: inherit; padding: 20px 15px; font-family: 'Poppins', sans-serif; font-size: 14px; display: block; position: relative; font-weight: 600; color: #222; transition: .3s; text-transform: uppercase; cursor: pointer } .navbar-expand-lg .navbar-nav .nav-item.active .nav-link.link_hd { color: #ff7d4f; } .navbar-expand-lg .navbar-nav .nav-item .nav-link.link_hd { padding: 28px 28px 28px; } .navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link.link_hd { padding-left: 0px; } .navbar-nav.submenu .nav-link { font-size: 15px; text-transform: inherit; border-bottom: 1px solid #eee; padding: 10px 15px; } .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; transition: .3s } .nav-item.active .caret, .nav-item:hover .caret { border-top-color: #2b2c36 } .bsnav-brand-top .navbar-brand, .bsnav-sidebar .navbar-brand { margin-left: 0; margin-right: 0 } .nav-item.dropdown .navbar-nav.submenu { -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: 270px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); background-color: #f3f9fe; margin-top: 0px; } .nav-item.dropdown .child_menu { -webkit-transition: top 0.3s ease 0s, opacity 0.3s; transition: top 0.3s ease 0s, opacity 0.3s; position: absolute; top: 120%; right: -270px; width: 270px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); background-color: #f3f9fe; margin-top: -47px; } .navbar-mobile.right-nav .nav-item.dropdown .navbar-nav.submenu { margin-top: 9px!important; }.navbar-nav.submenu .nav-item.dropdown .nav-link.arrow:before{ position: absolute; content: '\f116'; font-family: 'Flaticon'; right: 20px; font-size: 10px; font-weight: 700; } .nav-item.dropdown .child_menu:before { content: ''; width: 100%; height: 35px; position: absolute; background-color: transparent; left: 0; top: -35px; }.nav-item.dropdown .navbar-nav.submenu:before { content: ''; width: 100%; height: 35px; position: absolute; background-color: transparent; left: 0; top: -35px; } .nav-item.dropdown:hover>.navbar-nav.child_menu { opacity: 1; z-index: 9999; top: 100%; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .navbar-nav.submenu .nav-item { display: block; } .nav-item.dropdown .navbar-nav.child_menu .nav-item{ display: block; width: 100%; } .nav-item.dropdown .navbar-nav.child_menu .nav-item .nav-link{ display: block; width: 100%; } .nav-item.dropdown .navbar-nav.child_menu { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .navbar-nav.submenu { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nav-item.dropdown:hover>.navbar-nav.submenu { opacity: 1; z-index: 9999; top: 100%; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } @media only screen and (max-width: 992px) { .nav-item.dropdown .navbar-nav .nav-link .caret { border: none; border-top: solid 4px transparent; border-bottom: solid 4px transparent; border-left: solid 5px #444 } .nav-item.dropdown.dropdown-right .navbar-nav .nav-link .caret { border: none; border-top: solid 4px transparent; border-bottom: solid 4px transparent; border-right: solid 5px #444; margin-left: 0; margin-right: 5px } .nav-item.dropdown>.navbar-nav { background: #fff; width: 250px; position: absolute; padding: 0px 0px; pointer-events: none; border-top: 3px solid #36c2f9 ; flex-direction: column; transition: .3s ease-out; transition-delay: .1s; clip: rect(0, 100vw, 0, 0); z-index: 9999; } .nav-item.dropdown>.navbar-nav.in { pointer-events: initial; clip: rect(0, 0vw, 2000px, 0); transition: 1.5s ease-in; } .nav-item.dropdown>.navbar-nav .navbar-nav { background: #fff; width: 200px; flex-direction: column; top: 0; left: 100%; position: absolute; transition: 1s; clip: rect(0, 0, 2000px, 0); z-index: 9999; } .nav-item.dropdown>.navbar-nav .nav-item { font-size: .9rem; line-height: 1.2; position: relative } .nav-item.dropdown>.navbar-nav .nav-item:hover>.navbar-nav { clip: rect(0, 100vw, 2000px, 0) } .nav-item.dropdown>.navbar-nav .nav-item strong.nav-link { font-weight: 700 } .nav-item.dropdown.dropdown-right>.navbar-nav .navbar-nav { left: auto; right: 100%; transition: .8s; clip: rect(0, 100vw, 100vh, 100vw) } .bsnav-has-right-sidebar .bsnav-sidebar-right, .nav-item.dropdown.dropdown-right>.navbar-nav { right: 0 } .nav-item.dropdown.dropdown-right>.navbar-nav .nav-item:hover>.navbar-nav, .nav-item.dropdown.dropdown-right>.navbar-nav.in { clip: rect(0, 100vw, 100vh, -100vw) } .dropdown.dropdown-horizontal { position: initial } .dropdown.dropdown-horizontal>.navbar-nav, .dropdown.dropdown-horizontal>.navbar-nav .navbar-nav { width: auto; left: 0; right: 0; top: 100%; transition: .6s; flex-direction: row; justify-content: flex-end; box-shadow: 0 1px 0 rgba(0, 0, 0, .1) inset; clip: rect(0, 100vw, 0, 0) } .dropdown.dropdown-horizontal>.navbar-nav .nav-item:hover>.navbar-nav, .dropdown.dropdown-horizontal>.navbar-nav .navbar-nav .nav-item:hover>.navbar-nav, .dropdown.dropdown-horizontal>.navbar-nav .navbar-nav.in, .dropdown.dropdown-horizontal>.navbar-nav.in { clip: rect(0, 100vw, 50vh, 0) } .dropdown.dropdown-horizontal>.navbar-nav .nav-item, .dropdown.dropdown-horizontal>.navbar-nav .navbar-nav .nav-item { display: inline-block; position: initial } .dropdown.dropdown-horizontal>.navbar-nav .nav-item .nav-link, .dropdown.dropdown-horizontal>.navbar-nav .navbar-nav .nav-item .nav-link { padding: 20px 10px } .dropdown.dropdown-horizontal>.navbar-nav .nav-item .nav-link .caret, .dropdown.dropdown-horizontal>.navbar-nav .navbar-nav .nav-item .nav-link .caret { border-left: solid 4px transparent; border-right: solid 4px transparent; border-top: solid 5px #444 } .nav-item.dropdown.pop>.navbar-nav { display: none; clip: initial } .nav-item.dropdown.pop>.navbar-nav.in { display: block } .nav-item.dropdown.fade { opacity: 1 } .nav-item.dropdown.fade>.navbar-nav { opacity: 0; visibility: hidden; display: block; transition: .3s } .nav-item.dropdown.fade>.navbar-nav.in { opacity: 1; visibility: visible } .nav-item.dropdown.fadeup>.navbar-nav { margin-top: 30px; opacity: 0; visibility: hidden; display: block; transition: .3s } .nav-item.dropdown.fadeup>.navbar-nav.in { margin-top: 0; opacity: 1; visibility: visible } .nav-item.dropdown.zoom>.navbar-nav { opacity: 0; visibility: hidden; display: block; transform: scale(1.1); transition: .3s } .nav-item.dropdown.zoom>.navbar-nav.in { opacity: 1; visibility: visible; transform: scale(1) } .dropdown.megamenu { position: static } .dropdown.megamenu>.navbar-nav { width: 100vw; padding: 15px; left: 0 } .dropdown.megamenu>.navbar-nav .navbar-nav { width: auto; position: initial } .dropdown.megamenu>.navbar-nav .nav-item .nav-link { padding: 7px 0 } .dropdown.megamenu.fade>.navbar-nav, .dropdown.megamenu.fadeup>.navbar-nav, .dropdown.megamenu.pop>.navbar-nav, .dropdown.megamenu.zoom>.navbar-nav, .dropdown.megamenu>.navbar-nav.in { clip: rect(0, 100vw, 2000px, 0) } } .bsnav-brand-center .navbar-brand, .bsnav-brand-center-between .navbar-brand { margin-left: 0; margin-right: 0; left: 50%; top: 0; position: absolute; transform: translate3d(-50%, 0, 0) } .bsnav-brand-center-between:not(.bsnav-brand-center-between) .navbar-nav, .bsnav-brand-center:not(.bsnav-brand-center-between) .navbar-nav { flex: 1 0 50% } .bsnav-brand-center .navbar-nav:first-child, .bsnav-brand-center-between .navbar-nav:first-child { padding-right: 100px; justify-content: flex-end } .bsnav-brand-center .navbar-nav:last-child, .bsnav-brand-center-between .navbar-nav:last-child { padding-left: 100px } .bsnav-brand-center-between.navbar-expand-xs .navbar-brand, .bsnav-brand-center.navbar-expand-xs .navbar-brand { position: relative } .bsnav-brand-top { padding-top: 20px; flex-flow: column } .bsnav-brand-top>.container { flex-flow: column } .bsnav-brand-top.navbar-expand-xs { padding-top: 15px; padding-bottom: 15px; flex-flow: row wrap } .bsnav-brand-top.navbar-expand-xs .navbar-brand { position: relative; left: 50%; transform: translate3d(-50%, 0, 0) } @media (max-width:575px) { .bsnav-brand-center-between.navbar-expand-sm .navbar-brand, .bsnav-brand-center.navbar-expand-sm .navbar-brand { position: relative } .bsnav-brand-top.navbar-expand-sm { padding-top: 15px; padding-bottom: 15px; flex-flow: row wrap } .bsnav-brand-top.navbar-expand-sm .navbar-brand { position: relative; left: 50%; transform: translate3d(-50%, 0, 0) } } @media (max-width:768px) { .bsnav-brand-center-between.navbar-expand-md .navbar-brand, .bsnav-brand-center.navbar-expand-md .navbar-brand { position: relative } .bsnav-brand-top.navbar-expand-md { padding-top: 15px; padding-bottom: 15px; flex-flow: row wrap } .bsnav-brand-top.navbar-expand-md .navbar-brand { position: relative; left: 50%; transform: translate3d(-50%, 0, 0) } } @media (max-width:768px) and (min-width:768px) { .bsnav-brand-top.navbar-expand-md { padding-top: 20px; padding-bottom: 0; flex-flow: column } } @media (max-width:992px) { .bsnav-brand-center-between.navbar-expand-lg .navbar-brand, .bsnav-brand-center.navbar-expand-lg .navbar-brand { position: relative } .bsnav-brand-top.navbar-expand-lg { padding-top: 15px; padding-bottom: 15px; flex-flow: row wrap } .bsnav-brand-top.navbar-expand-lg .navbar-brand { position: relative; left: 50%; transform: translate3d(-50%, 0, 0) } } .bsnav-sidebar { height: 100vh; padding: 0; top: 0; position: fixed; flex-direction: column; overflow: hidden } .bsnav-sidebar .navbar-brand.align-self-start { margin-left: 15px } .bsnav-sidebar .navbar-brand.align-self-end { margin-right: 15px } .bsnav-sidebar .navbar-nav { width: 100%; padding: 15px; flex-direction: column } .bsnav-sidebar .navbar-nav .nav-item .nav-link { max-width: 100%; padding: 5px 0; display: inline-block } .bsnav-sidebar .navbar-nav .nav-item .nav-link>.title { max-width: calc(100% - 20px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block } .bsnav-sidebar .navbar-nav .nav-item .navbar-nav { margin-left: -15px; margin-right: -15px; display: none; box-sizing: content-box } .bsnav-sidebar .navbar-nav .nav-item.active .navbar-nav { display: block } .bsnav-sidebar .navbar-nav .nav-item.menu-item-has-children>.nav-link { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between } .bsnav-sidebar .navbar-nav .nav-item.menu-item-has-children>.navbar-nav { padding-top: 0; padding-bottom: 30px } .bsnav-sidebar .navbar-nav.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0) } .bsnav-sidebar .navbar-collapse { width: 250px } .bsnav-sidebar .justify-content-sm-end .navbar-nav { text-align: right } .bsnav-sidebar .justify-content-sm-center .navbar-nav { text-align: center } .bsnav-sidebar .in>.nav-link .caret { border-top-width: 0; border-bottom: solid 4px #444 } .bsnav-sidebar .collapse { overflow-y: auto } .bsnav-sidebar.bsnav-sidebar-condensed { transition: transform .4s .1s ease-in-out } .bsnav-sidebar.bsnav-sidebar-condensed .navbar-nav .nav-item .nav-link { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between } .bsnav-sidebar .icon-thumbnail { width: 40px; height: 40px; display: inline-block } .bsnav-sidebar .icon-thumbnail>i { font-size: 25px; height: 100%; display: flex; align-items: center; justify-content: center; top: -1px; position: relative } .bsnav-has-left-sidebar .bsnav-sidebar-left { left: 0 } .bsnav-has-left-sidebar .bsnav-body-wrapper { padding-left: 250px } .bsnav-has-right-sidebar .bsnav-body-wrapper { padding-right: 250px } .bsnav-has-condensed-sidebar .bsnav-sidebar-left { left: -180px } .bsnav-has-condensed-sidebar .bsnav-sidebar-left:hover { transform: translate3d(180px, 0, 0) } .bsnav-has-condensed-sidebar .bsnav-sidebar-right { right: -180px } .bsnav-has-condensed-sidebar .bsnav-sidebar-right:hover { transform: translate3d(-180px, 0, 0) } .bsnav-has-condensed-sidebar.bsnav-has-left-sidebar .bsnav-body-wrapper { padding-left: 70px } .bsnav-has-condensed-sidebar.bsnav-has-right-sidebar .bsnav-body-wrapper { padding-right: 70px } @media (max-width:575px) { .navbar-expand-sm.bsnav-sidebar { width: 70px; justify-content: flex-start } .navbar-expand-sm.bsnav-sidebar .bsnav-body-wrapper.bsnav-sidebar-left { width: 70px } .navbar-expand-sm.bsnav-sidebar .navbar-brand { width: calc(100% - 10px); background-size: contain; margin-left: 5px; margin-right: 5px } .navbar-expand-sm.bsnav-sidebar .navbar-toggler { flex: auto 0 0 } .bsnav-has-left-sidebar .bsnav-sidebar-left { left: 0 } .bsnav-has-left-sidebar .bsnav-body-wrapper { padding-left: 70px } .bsnav-has-right-sidebar .bsnav-sidebar-right { right: 0 } .bsnav-has-right-sidebar .bsnav-body-wrapper { padding-right: 70px } } @media (max-width:768px) { .navbar-expand-md.bsnav-sidebar { width: 70px; justify-content: flex-start } .navbar-expand-md.bsnav-sidebar .bsnav-body-wrapper.bsnav-sidebar-left { width: 70px } .navbar-expand-md.bsnav-sidebar .navbar-brand { width: calc(100% - 10px); background-size: contain; margin-left: 5px; margin-right: 5px } .navbar-expand-md.bsnav-sidebar .navbar-toggler { flex: auto 0 0 } .bsnav-has-left-sidebar .bsnav-sidebar-left { left: 0 } .bsnav-has-left-sidebar .bsnav-body-wrapper { padding-left: 70px } .bsnav-has-right-sidebar .bsnav-sidebar-right { right: 0 } .bsnav-has-right-sidebar .bsnav-body-wrapper { padding-right: 70px } } @media (max-width:992px) { .navbar-expand-lg.bsnav-sidebar { width: 70px; justify-content: flex-start } .navbar-expand-lg>.container { padding: 0px 15px!important; } .navbar-expand-lg.bsnav-sidebar .bsnav-body-wrapper.bsnav-sidebar-left { width: 70px } .navbar-expand-lg.bsnav-sidebar .navbar-brand { width: calc(100% - 10px); background-size: contain; margin-left: 5px; margin-right: 5px } .navbar-expand-lg.bsnav-sidebar .navbar-toggler { flex: auto 0 0 } .bsnav-has-left-sidebar .bsnav-sidebar-left { left: 0 } .bsnav-has-left-sidebar .bsnav-body-wrapper { padding-left: 70px } .bsnav-has-right-sidebar .bsnav-sidebar-right { right: 0 } .bsnav-has-right-sidebar .bsnav-body-wrapper { padding-right: 70px } } .bsnav-sticky { left: 0; right: 0; position: fixed; z-index: 99; } .bsnav-sticky.bsnav-sticky-slide { position: relative; } .bsnav-sticky.bsnav-sticky-slide.sticked { position: fixed; transform: translate3d(0, -100%, 0) } .bsnav-sticky.bsnav-sticky-slide.sticked.in { transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transform: translate3d(0, 0, 0); top: 0px; background: #fff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05); } .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, .bsnav-mobile .bsnav-mobile-overlay, .bsnav-sticky.navbar-fade, .bsnav-sticky.navbar-slide { left: 0; position: fixed; top: 0; right: 0 } .bsnav-sticky.navbar-slide { transform: translateY(-100%) } .bsnav-sticky.navbar-slide.in { transform: translateY(0) } .bsnav-sticky.navbar-fade { visibility: hidden; opacity: 0 } .bsnav-sticky.navbar-fade.in { visibility: visible; opacity: 1 } .bsnav-mobile { bottom: 0; z-index: 999; pointer-events: none } .bsnav-mobile .bsnav-mobile-overlay { bottom: 0; visibility: hidden; pointer-events: none } .bsnav-mobile .navbar { background: #fff; box-shadow: 0px 0px 8px 0px rgba(1, 1, 1, .05); width: 300px; padding: 50px 0 15px; flex-flow: column; top: 0; bottom: 0; right: 0; position: absolute; transition: .4s ease-in-out; transform: translate3d(300px, 0, 0); overflow: auto } @media (max-width:992px) { .bsnav-mobile .navbar { padding: 45px 0px 15px; } } @media (max-width:540px) { .bsnav-mobile .navbar { width: 260px; } } .bsnav-mobile .navbar.bsnav-dark { background: #000 } .bsnav-mobile .navbar-nav { width: 100%; padding: 25px; flex-direction: column } .bsnav-mobile .navbar-nav .nav-item .nav-link { max-width: 100%; padding: 5px 0; display: block } .bsnav-mobile .navbar-nav .nav-item.active .nav-link.link_hd{ color: #187be7; } @media (max-width:992px) { .bsnav-mobile .navbar-nav .nav-item .nav-link { padding: 10px 0px; } } .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; padding: 0px 0px 0px 20px; transition: 0s ease; box-sizing: content-box } /* .bsnav-mobile .navbar-nav .nav-item.active .navbar-nav { display: block } */ .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 .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 } .bsnav-mobile .nav-item.nav-item-fill>.nav-link { padding-left: 10px; padding-right: 10px } /*# sourceMappingURL=bsnav.min.css.map */