header#page-header.navbarleft-v2 { transition: all 0.5s ease-in; z-index: 1000; padding: 20px 0; height: auto; position: fixed; top: 0; left: 0; right: 0; display: flex; align-items: center; }

header#page-header.navbarleft-v2 .brand-logo a img { max-height: 65px !important; }

header#page-header.navbarleft-v2 .headerleft-v2 { display: flex; justify-content: space-between; align-items: center; height: 70px; padding: 20px 30px; }

header#page-header.navbarleft-v2 .nav .menu-span { display: flex; justify-content: center; align-items: center; width: 100%; }

header#page-header.navbarleft-v2 .nav .menu-span ul.nav-main { display: flex; justify-content: space-around; align-items: center; padding-left: 0; margin-bottom: 0; width: 100%; }

@media (max-width: 900px) { header#page-header.navbarleft-v2 .nav .menu-span ul.nav-main { background: white; position: absolute; z-index: 100; top: 0; left: 0; right: 0; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: 100vh; padding-top: 80px; transform-origin: top; transform: translateX(-100%); transition: all ease-in-out 0.5s; border-top: 5px solid var(--dynamic-theme_color); }
  header#page-header.navbarleft-v2 .nav .menu-span ul.nav-main.is-opened { transform: translateX(0%); transition: all ease-in-out 0.5s; } }

header#page-header.navbarleft-v2 .nav .menu-span ul.nav-main li { list-style: none; text-transform: capitalize; transition: 0.4s; }

header#page-header.navbarleft-v2 .nav .menu-span ul.nav-main li a { display: block; color: #262626; text-transform: uppercase; font-size: 14px; padding: 7px 0 7px 50px; text-align: start; }

header#page-header.navbarleft-v2 .nav .menu-span ul.nav-main li a.active { font-weight: bold; }

@media (max-width: 926px) { header#page-header.navbarleft-v2 .nav .menu-span ul.nav-main li a { padding: 7px 0 7px 40px; } }

@media (max-width: 900px) { header#page-header.navbarleft-v2 .nav .menu-span ul.nav-main li a { color: #262626; font-size: 25px; }
  header#page-header.navbarleft-v2 .nav .menu-span ul.nav-main li a:hover { background: rgba(0, 0, 0, 0.2); color: white; } }

header#page-header.navbarleft-v2 .nav .menu-span .has-dropdown { position: relative; }

header#page-header.navbarleft-v2 .nav .menu-span .has-dropdown .iconDropdown { position: absolute; top: 5px; left: 145px; cursor: pointer; }

@media (min-width: 900px) { header#page-header.navbarleft-v2 .nav .menu-span .has-dropdown .iconDropdown { display: none; } }

@media (min-width: 900px) { header#page-header.navbarleft-v2 .nav .menu-span .has-dropdown:hover .dropdown { transform: scaleY(1); } }

header#page-header.navbarleft-v2 .nav .menu-span .dropdown { position: absolute; top: 35px; left: 0; display: flex; flex-direction: column; transform-origin: top; transform: scaleY(0); transition: all ease-in-out 0.3s; padding: 0; background: white; z-index: 1; }

header#page-header.navbarleft-v2 .nav .menu-span .dropdown li { margin-right: 0 !important; width: 240px; }

header#page-header.navbarleft-v2 .nav .menu-span .dropdown li:hover { background: rgba(0, 0, 0, 0.2); }

header#page-header.navbarleft-v2 .nav .menu-span .dropdown li a { text-transform: unset; font-size: 13px; color: #262626 !important; display: block; height: 100%; width: 100%; }

header#page-header.navbarleft-v2 .nav .menu-span .dropdown.active { transform: scaleY(1); }

header#page-header.navbarleft-v2 .nav-button > * { height: 45px; width: 45px; position: absolute; top: 50%; right: 18px; background-image: linear-gradient(white, white); z-index: 200; transform: translateY(-50%); }

header#page-header.navbarleft-v2 .nav-button.is-active > * { background-image: none; }

header#page-header.navbarleft-v2 .nav-button > *::before, header#page-header.navbarleft-v2 .nav-button > *::after { background: white; }

header#page-header.navbarleft-v2 .nav-button { display: none !important; }

@media (max-width: 900px) { header#page-header.navbarleft-v2 .nav-button { display: block !important; } }

header#page-header.navbarleft-v2 .nav-button.is-active > *::before, header#page-header.navbarleft-v2 .nav-button.is-active > *::after { background: var(--dynamic-theme_color); }

header#page-header.navbarleft-v2.isScroll .nav-button > * { background-image: linear-gradient(var(--dynamic-theme_color), var(--dynamic-theme_color)); }

header#page-header.navbarleft-v2.isScroll .nav-button.is-active > * { background-image: none; }

header#page-header.navbarleft-v2.isScroll .nav-button > *::before, header#page-header.navbarleft-v2.isScroll .nav-button > *::after { background: var(--dynamic-theme_color); }