.header {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   background: #fff;
   z-index: 2;
   border-bottom: 1px solid #efefef;
}
.header__top {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 20px 0;
}
.header__top-menu {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.header__top-li {
   margin-right: 20px;
}
.header__logo-link {
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-weight: 700;
   font-size: 18px;
   text-transform: uppercase;
   /* color: #0099ff; */
   font-style: italic;
   transition: 0.3s;
}
.header__logo-link:hover {
   color: #0099ff;
}
.header__logo-link:hover .header__logo-span {
   color: #0099ff;
}
.header__logo {
   width: 24px;
   margin-right: 5px;
}
.header__logo-span {
   text-transform: none;
   font-weight: 300;
   font-size: 16px;
   color: rgb(102, 102, 102);
   transition: 0.3s;
}
.header__top-link {
   color: rgb(102, 102, 102);
   transition: 0.3s;
}
.header__top-link.active {
   color: #0099ff;
}
.header__top-link:hover {
   color: #0099ff;
}
.header__soc-ul {
   display: flex;
   align-items: center;
}
.header__soc-li {
   margin-left: 20px;
}
.header__soc-link {
   font-size: 16px;
   font-weight: 500;
   transition: 0.3s;
}
.header__soc-link:hover {
   color: #0099ff;
}
.header__soc-link:hover .bx {
   color: #0099ff;
}
.bx {
   font-size: 24px;
   transition: 0.3s;
}
.header__bot {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-top: 1px solid #efefef;
}
.header__bot-ul {
   display: flex;
}
.header__bot-link {
   display: block;
   padding: 20px 0;
   margin-right: 30px;
   border-bottom: 2px solid transparent;
   font-weight: 500;
   font-size: 14px;
}
.header__bot-link:hover,
.header__bot-link.active {
   border-bottom: 2px solid #0099ff;
}
.header__btn {
   padding: 10px 24px;
   background: #0099ff;
   border-radius: 100px;
   font-weight: 500;
   font-size: 14px;
   color: #fff;
   transition: 0.3s;
}
.header__btn:hover {
   background: #0369d9;
}
@media (max-width: 1000px) {
   .header__top,
   .header__bot {
      display: none;
   }
}