header{
  position:fixed; top:0; right:0; left:0;
  background:#fff;
  z-index:9999;
  border-bottom:1px solid #464950;
}
.header_container{
  display:flex; align-items:center; justify-content:space-between;
  height:110px; 
  transition:height .3s ease, box-shadow .3s ease;
  background:#fff;
  flex-direction: row-reverse;
}
.logo{display:flex;align-items:center;}
.logo img{
  display:block;
  max-height:65px; height:65px;
  transition:max-height .3s ease, height .3s ease;
}

.menu{
  display:flex;
  align-items:center;
  flex: 1 1 auto;
  justify-content:flex-end;
  min-width:0;
  margin-right:0px
}
.menu .header_nav{
  display:flex;
  list-style:none;
  margin:0;
  padding:0;
  direction:rtl;
}
.menu .header_nav > li{ margin:0; padding:0; position:relative; }

.menu .header_nav > li > a{
  display:flex;
  height:90px;
  padding:53px 10px 0px 10px;
  font-weight:400;
  font-size:16px;
  text-decoration:none;
  color:#45484f;
  transition:color .2s ease, background .2s ease, height .3s ease, padding .3s ease;
  white-space:nowrap;
  align-items: center;
  box-sizing:border-box;
}

.menu .header_nav > li + li > a::before {
  content: "";
  position: absolute;
  right: 0;
  top: 79%;
  width: 1px;
  height: 14px;
  background: #464950;
  transform: translateY(-50%);
  transition: top .35s ease, height .35s ease, transform .35s ease;
}

header.header--shrink .menu .header_nav > li + li > a::before {
  top: 75%;
}


.menu .header_nav > li > a:hover{ color:#b66031; }

.header_elements{ display:flex; align-items:center; }
.header_phone{
  display:inline-flex;
  gap:8px;
  height:36px;
  padding:0px;
  border-radius:10px;
  border:0px solid #e6edf5;
  color:#7b3f12;
  font-weight:400;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .15s ease, box-shadow .2s ease, color .2s ease, background .2s ease;
  padding-top:47px;
  align-items: center;
  font-size:21px
}
.header_phone i {
  font-size:25px
}
.header_phone:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(16,34,58,.0);
  color:#a65a2a; background:#fff;
}

.header_phone .phone_icon{ position:relative; width:18px; height:18px; display:inline-block; }
.header_phone .phone_icon::before{
  content:""; position:absolute; top:3px; left:3px;
  width:10px; height:10px; border:2px solid currentColor;
  border-top:none; border-right:none; transform:rotate(-45deg); border-radius:3px;
}
.header_phone .phone_icon::after{
  content:""; position:absolute; bottom:2px; right:1px;
  width:2px; height:6px; background:currentColor; border-radius:2px;
}

.menu_toggle{ display:none; }

header.header--shrink .header_container{ height:105px; box-shadow:0 8px 24px rgba(16,34,58,.0); }
header.header--shrink .menu .header_nav > li > a{ height:80px; padding:40px 10px 0px 10px; }
header.header--shrink .logo img{ max-height:60px; height:60px; }

.header_menu_active {
    font-weight:700!important;
  color:#b75f2f!important
}

@media (max-width:768px){
  .header_container{
    height:60px;
    border-bottom:1px solid #edf2f7;
    display:flex;
    align-items:center;
    gap:0;
    justify-content: flex-start;
    position:relative;
  }

  .menu_toggle{
    display:inline-flex;
    align-items:center;
    width:40px;
    height:40px;
    margin-inline-start:0;
    border:0px solid #e6edf5;
    border-radius:10px;
    background:#fff;
    cursor:pointer;
    transition:background .2s ease, transform .15s ease;
    order:1;
    margin:0
  }
  .menu_toggle:active{ transform:scale(.98); }
  .menu_toggle .burger{ position:relative; width:40px; height:18px; }
  .menu_toggle .burger span{
    position:absolute; left:0; right:0; height:3px; background:#1f6181; border-radius:3px;
    transform-origin:center; transition:transform .25s ease, opacity .2s ease, top .25s ease;
  }
  .menu_toggle .burger span:nth-child(1){ top:0; }
  .menu_toggle .burger span:nth-child(2){ top:7.5px; }
  .menu_toggle .burger span:nth-child(3){ top:15px; }
  .menu_toggle.is-open .burger span:nth-child(1){ top:9px; transform:rotate(45deg); }
  .menu_toggle.is-open .burger span:nth-child(2){ opacity:0; }
  .menu_toggle.is-open .burger span:nth-child(3){ top:9px; transform:rotate(-45deg); }

  .logo{order:2;margin-inline-end:0;position:absolute;left:50%;;transform:translateX(-50%);}
  .logo img{ max-height:40px; height:40px!important}

  .header_elements{ order:3; margin-inline-end:auto; display:flex; }
  .header_phone{
    border:none; background:transparent; height:auto; padding:0;
    color:#a65a2a; font-weight:400;
  }
    .header_phone .text{
    display:none
  }
  .header_phone i{
    font-size:24px
  }
  .menu .header_nav{ display:none; }

  .mobile_menu_panel{
    position:fixed; left:0; right:0; top:60px;
    height:calc(100vh - 60px);
    background:#fff; border-top:1px solid #edf2f7;
    box-shadow:0 10px 24px rgba(16,34,58,.08);
    overflow-y:auto; padding: 10px 0px;
    opacity:0; visibility:hidden; transform:translateY(-6px);
    transition:opacity .2s ease, transform .2s ease, visibility .2s;
  }
  .mobile_menu_panel.is-open{ opacity:1; visibility:visible; transform:translateY(0); }

  .mobile_nav{ list-style:none; margin:0; padding:0; display:grid; gap:8px; direction:rtl; }
  .mobile_nav li a {
    display:block; width:100%; padding:14px 12px;
    border-bottom:1px solid #e6edf5; border-radius:0px;
    text-decoration:none; color:#45484f; font-weight:400; font-size:21px;
    transition:background .15s ease, color .15s ease;
    box-sizing:border-box
  }
  .mobile_nav li a:hover{ background:#f7faff; color:#0b60ff; }

  header.header--shrink .header_container{ height:60px; }
}

.menu_toggle:focus, .header_phone:focus, .menu a:focus, .mobile_nav a:focus{
  outline:none; box-shadow:none;
}
.menu_toggle:focus-visible, .header_phone:focus-visible, .menu a:focus-visible, .mobile_nav a:focus-visible{
  outline:none; box-shadow:none;
}


@media (max-width:768px){
  .menu_toggle{ width:52px; height:42px; }
  .menu_toggle .burger{ width:48px; height:22px; }
  .menu_toggle .burger span{
    height:4px;
    border-radius:4px;
  }
  .menu_toggle .burger span:nth-child(1){ top:0; }
  .menu_toggle .burger span:nth-child(2){ top:9px; }
  .menu_toggle .burger span:nth-child(3){ top:18px; }
  .menu_toggle.is-open .burger span:nth-child(1){ top:11px; transform:rotate(45deg); }
  .menu_toggle.is-open .burger span:nth-child(2){ opacity:0; }
  .menu_toggle.is-open .burger span:nth-child(3){ top:11px; transform:rotate(-45deg); }
}