header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 4rem 0;
}
header.sticky{
  position: fixed;
  background: var(--white);
  padding: 0;
  box-shadow: 0px 2px 3px rgba(9, 9, 57, 0.05);
  -webkit-animation: slideDown 0.3s linear;
  animation: slideDown 0.3s linear;
}
@-webkit-keyframes slideDown {
  from {
    transform: translateY(-18.4rem);
  }
  to {
    transform: none;
  }
}
@-moz-keyframes slideDown {
  from {
    transform: translateY(-18.4rem);
  }
  to {
    transform: none;
  }
}
@-ms-keyframes slideDown {
  from {
    transform: translateY(-18.4rem);
  }
  to {
    transform: none;
  }
}
@-o-keyframes slideDown {
  from {
    transform: translateY(-18.4rem);
  }
  to {
    transform: none;
  }
}
@keyframe slideDown {
  from {
    transform: translateY(-18.4rem);
  }
  to {
    transform: none;
  }
}
.header-block{
  background: var(--white);
  margin: 0 -2.4rem;
  border-radius: 1.2rem;
  min-height: 10.4rem;
  padding: 2.4rem;
}
.logo a{
  display: block;
}
.logo img{
  width: auto;
  height: auto;
  max-width: 20.7rem;
  max-height: 5.6rem;
}
.menu-head{
  display: none;
}
.menu ul{
  margin: 0;
}
.menu li{
  padding: 0;
  margin: 0;
}
.menu li::after{
  content: none;
}
.menu > ul{
  display: flex;
}
.menu > ul > li{
  margin: 0 1.6rem;
}
.menu > ul > li > a{
  display: flex;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--black);
}
.menu > ul > li.active > a,
.menu > ul > li:hover > a{
  color: var(--orange);
}
.header-btn-mobile{
  display: none;
}
.header-dropdown{
  position: relative;
}
.dropdown-btn{
  font-size: 1.6rem;
  line-height: 1;
  padding: 1.2rem 0;
  display: flex;
  align-items: center;
  position: relative;
}
.dropdown-btn::after{
  position: relative;
  content: "";
  margin-left: 1rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon-dropdown-arrow.png);
  background-size: cover;
  background-position: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header-dropdown.open .dropdown-btn::after{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.dropdown-btn img{
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  margin-right: 1rem;
}
.header-btn .btn-orange:hover{
  background: var(--orange-hover);
}
.dropdownlist{
  position: absolute;
  top: calc(100% + 3.8rem);
  left: -4.1rem;
  min-width: 17.6rem;
  border-radius: 0.8rem;
  background: var(--white);
  padding: 1.6rem;
  display: none;
}
header.sticky .dropdownlist{
  border: 1px solid rgba(9, 9, 57, 0.1);
}
.header-dropdown.open .dropdownlist{
  display: block;
}
.dropdownlist li{
  margin-bottom: 0.8rem;
}
.dropdownlist a{
  display: flex;
  align-items: center;
  padding: 0.8rem 1rem;
  font-size: 1.6rem;
  line-height: 1;
  position: relative;
  border-radius: 0.4rem;
}
.dropdownlist li.active a{
  background: rgba(var(--black-hex),0.1);
}
.dropdownlist li.active a::after{
  position: relative;
  content: "";
  margin-left: auto;
  width: 1.1rem;
  height: 0.8rem;
  background: url(../images/icon-tick.png);
  background-size: cover;
  background-position: center;
}
.dropdownlist img{
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  margin-right: 1rem;
  flex-shrink: 0;
}
.toggleMenu{
  width: 3.2rem;
  height: 3.2rem;
  margin-left: 1rem;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.toggleMenu span{
  height: 0.2rem;
  width: 2.4rem;
  display: block;
  margin: 0.3rem 0;
  background: var(--black);
}
@media(min-width:1580px) and (max-width:1629.98px){
  .header-block {
    margin: 0 -1rem;
  }
}
@media(min-width:1560px) and (max-width:1579.98px){
  header {
    padding: 3rem 0;
  }
}
@media(min-width:1460px) and (max-width:1559.98px){
  header {
    padding: 3rem 0;
  }
}
@media(min-width:1360px) and (max-width:1459.98px){
  header {
    padding: 3rem 0;
  }
}
@media(min-width:1200px) and (max-width:1359.98px){
  header {
    padding: 3rem 0;
  }
  .header-block {
    margin: 0 -0.5rem;
    min-height: 9.2rem;
    padding: 2rem;
  }
  .logo img {
    max-width: 17.7rem;
    max-height: 4.8rem;
  }
  .menu > ul > li {
    margin: 0 1.4rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  header {
    padding: 2.4rem 0;
  }
  .header-block {
    margin: 0 -1.2rem;
    min-height: 8.4rem;
    padding: 1.6rem 1.5rem;
  }
  .logo img {
    max-width: 16.7rem;
    max-height: 4.5rem;
  }
  .menu > ul > li {
    margin: 0 1rem;
  }
  .menu > ul > li > a {
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .dropdown-btn {
    font-size: 1.5rem;
  }
  .dropdownlist a {
    font-size: 1.5rem;
  }
}
@media(max-width:991.98px){
  body.showmenu{
    overflow: hidden;
  }
  header {
    padding: 1.5rem 0;
  }
  .header-block {
    margin: 0;
    border-radius: 0.8rem;
    min-height: initial;
    padding: 1.5rem;
  }
  header.sticky .header-block{
    padding-left: 0;
    padding-right: 0;
  }
  .logo img {
    max-width: 13.7rem;
    max-height: 3.7rem;
  }
  .header-btn{
    display: none;
  }
  .toggleMenu{
    display: flex;
  }
  .dropdown-btn,
  .dropdownlist a{
    font-size: 1.5rem;
  }
  .dropdownlist {
    top: calc(100% + 2rem);
    min-width: 16.6rem;
    left: -3.1rem;
  }
  .menu-outer {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    background: var(--white);
    height: 100vh;
    height: 100dvh;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  body.showmenu .menu-outer{
    right: 0;
  }
  .menu-head {
    display: flex;
    padding: 0 1.5rem;
    border-bottom: 1px solid rgba(var(--black-hex), 0.1);
    height: 5.6rem;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 500;
    justify-content: space-between;
  }
  #menuClose {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 3.2rem;
    width: 3.2rem;
    position: relative;
  }
  #menuClose::after,
  #menuClose::before{
    position: absolute;
    content: "";
    width: 0.2rem;
    height: 2rem;
    background: var(--black);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #menuClose::before{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .menu > ul {
    display: block;
  }
  .menu > ul > li {
    margin: 0;
    border-bottom: 1px solid rgba(var(--black-hex), 0.1);
  }
  .menu > ul > li > a {
    padding: 1.3rem 1.5rem;
  }
  .header-btn-mobile {
    display: block;
    margin: 1.3rem 1.5rem;
  }
  .header-btn-mobile .btn{
    width: 100%;
  }
}