.w-icon-dropdown-toggle:before {
content:""
}
.w-dropdown {
text-align:left;z-index:900;margin-left:auto;margin-right:auto;display:inline-block;position:relative
}
.w-dropdown-toggle,.w-dropdown-link {
vertical-align:top;color:#222;text-align:left;white-space:nowrap;margin-left:auto;margin-right:auto;padding:20px;text-decoration:none;position:relative
}
.w-dropdown-toggle {
-webkit-user-select:none;user-select:none;cursor:pointer;padding-right:40px;display:inline-block
}
.w-dropdown-toggle:focus {
outline:0
}
.w-icon-dropdown-toggle {
width:1em;height:1em;margin:auto 20px auto auto;position:absolute;top:0;bottom:0;right:0
}
.w-dropdown-list {
background:#ddd;min-width:100%;display:none;position:absolute
}
.w-dropdown-list.w--open {
display:block
}
.w-dropdown-link {
color:#222;padding:10px 20px;display:block
}
.w-dropdown-link.w--current {
color:#0082f3
}
.w-dropdown-link:focus {
outline:0
}
.konstruk-logo {
justify-content:flex-start;align-items:center;width:100%;max-width:265px;height:74px;display:flex;position:relative
}
.konstruk-logo.style-log {
justify-content:flex-start
}
.header-three {
z-index:9999;border-bottom:1px solid var(--white);background-color:#0000;width:100%;min-height:79px;padding-left:15px;padding-right:15px;position:sticky;top:0
}
.header-three.header-two {
background-color:var(--white);border-bottom-width:0;padding-top:10px;padding-bottom:10px;position:sticky
}
.menu-list {
justify-content:flex-start;align-items:center;display:flex
}
.menu-item {
align-items:center;display:flex
}
.menu-text-block {
color:#fff;letter-spacing:-.01rem;font-family:Montserrat,sans-serif;font-size:.9375rem;font-weight:500
}
.menu-text-block.text-color-black {
color:var(--light-black);text-align:center;text-transform:uppercase;font-size:1rem;font-weight:600
}
.container-one.home-one-header-one-flex {
justify-content:space-between;align-items:center;display:flex
}
.menu-line {
background-color:#fff;height:2px;display:block
}
.menu-line.middle {
width:20px;margin-bottom:8px
}
.menu-line.header-one-top {
width:30px;margin-bottom:8px
}
.menu-line.header-one-bottom {
width:30px
}
.trigger-menu-icon-block {
cursor:pointer;background-color:#1c2436;flex-direction:column;align-items:flex-end;padding:30px;display:none
}
.trigger-menu-icon-block.home-two-trigger {
display:none
}
.dropdown-toggle {
padding:30px 37px 30px 25px
}
.black-logo {
width:94%;height:88%;position:absolute;inset:0%
}
.white-logo {
display:block
}
.white-logo.home-two {
opacity:0;height:100%
}
.menu-roll-text {
height:1.1875rem;overflow:hidden
}
.header-menu-item {
color:var(--light-black);letter-spacing:-.01rem;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;line-height:1.3rem
}
.header-menu-item:hover {
color:var(--goldenrod)
}
.header-menu-item.w--current {
color:var(--light-black)
}
.single-menu {
align-items:center;padding:30px 22px 30px 25px;text-decoration:none;display:flex
}
.single-menu.mobileonly {
display:none
}
@media screen and (min-width:1280px) {
.konstruk-logo {
max-width:260px;height:64px
}
}
@media screen and (min-width:1280px) {
.menu-list {
justify-content:flex-start;align-items:center
}
}
@media screen and (min-width:1280px) {
.black-logo {
width:95%;height:97%
}
}
@media screen and (min-width:1440px) {
.menu-roll-text {
grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr
}
}
@media screen and (max-width:991px) {
.konstruk-logo {
flex:1
}
}
@media screen and (max-width:991px) {
.konstruk-logo.style-log,.konstruk-logo.flex-center {
justify-content:center
}
}
@media screen and (max-width:991px) {
.header-three {
background-color:var(--white);padding-right:0
}
}
@media screen and (max-width:991px) {
.menu-list {
background-color:var(--dark-grey);flex-direction:column;align-items:flex-start;width:100%;display:none;position:absolute;top:100%;left:0%;right:0%;overflow:hidden
}
}
@media screen and (max-width:991px) {
.menu-item {
flex-direction:column;align-items:flex-start;width:100%;padding-left:15px;padding-right:15px
}
}
@media screen and (max-width:991px) {
.menu-line.menu-top {
width:30px;margin-bottom:8px
}
}
@media screen and (max-width:991px) {
.trigger-menu-icon-block {
display:flex
}
}
@media screen and (max-width:991px) {
.trigger-menu-icon-block.home-two-trigger {
display:block
}
}
@media screen and (max-width:991px) {
.dropdown-toggle {
width:100%
}
}
@media screen and (max-width:991px) {
.black-logo {
position:relative
}
}
@media screen and (max-width:991px) {
.white-logo {
display:none
}
}
@media screen and (max-width:991px) {
.single-menu {
width:100%;padding-left:40px
}
}
@media screen and (max-width:767px) {
.konstruk-logo {
padding-left:0
}
}
@media screen and (max-width:767px) {
.menu-list {
display:none
}
}
@media screen and (max-width:479px) {
.konstruk-logo {
padding-left:0
}
}
@media screen and (max-width:479px) {
.menu-list {
display:none
}
}
@media screen and (max-width:479px) {
.menu-text-block.text-color-black {
color:var(--white);text-align:left
}
}
@media screen and (max-width:479px) {
.trigger-menu-icon-block {
background-color:var(--black);margin-right:10px;padding-left:20px;padding-right:20px
}
}
@media screen and (max-width:479px) {
.trigger-menu-icon-block.home-two-trigger {
background-color:var(--goldenrod)
}
}
@media screen and (max-width:479px) {
.black-logo {
width:90%
}
}
@media screen and (max-width:479px) {
.menu-arrow {
background-color:#fff0
}
}
@media screen and (max-width:479px) {
.single-menu.mobileonly {
display:flex
}
}



.nevigation-dropdown-list {
  background-color: #fff;
  border: 1px solid #1020271a;
  border-radius: 6px;
  min-width: 220px;
  padding-top: 5px;
  padding-bottom: 5px;
  top: 100%;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .nevigation-dropdown-list { text-align: left; position: relative; }
  .nevigation-dropdown-list.header-two-dropdown-list { min-width: 100%; }
}
/* The exported hover-out animation leaves opacity and height at zero. */
.header-three .menu-item.w-dropdown > .w-dropdown-list {
  opacity: 1 !important;
  height: auto !important;
  transform: none !important;
}
.header-three .w-dropdown-list.w--open { display: block !important; }
@media (hover: hover) and (pointer: fine) {
  .header-three .menu-item.w-dropdown:hover > .w-dropdown-list { display: block !important; }
}