header{
    float:left;
    width:100%;
    border-top:5px solid #ffde3c;
}

.top-header-wrap{
    float:left;
    width:100%;
    margin-top:15px;
}
.top-header{
    float:left;
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    
}
.top-header .left-part{
    display: flex;
    gap:10px;
    align-items: center;
}
.top-header .right-part{
    display:flex;
    gap:5px;
}
.top-header .right-part .top-header-link{
    color:#333;
    font-size:14px;
    font-family:"Oswald", sans-serif;
}
.top-header .left-part span{
    font-weight: 600;
}
.top-header .left-part svg{
    width:25px;
}
.top-header .left-part a{
    font-size:20px;
    font-weight: 600;
    color:#000;
}
.middle-header{
    float:left;
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:10px;
}
.logo{
    width:150px;
    float:left;
}
.logo img{
    float:left;
    width:100%;
}
.middle-header .right-part{
    display:flex;
    gap:20px;
}
.search-wrap{
    min-width:700px; 
    border:  1px solid  #D2D2D2;
    border-radius:50px;
    position:relative;
    min-height: 50px;
    line-height: 50px;
    
}
.search-wrap input{
    border:none;
    padding-left:10px;
    box-sizing:border-box;
    width:100%;
    min-height: 50px;
    border-radius:50px;
    
}
.search-wrap button{
    border:none;
    position: absolute;
    right:10px;
    top:0;
    background: none;
}
.search-wrap button svg{
    width:30px;
    margin-top:5px;
    margin-right:10px;
}
.middle-header .end-links{
    display:flex;
    gap:10px;
    align-items:center;
    
}
.end-part{
    display:flex;
    gap:10px;
    align-items:center;
    padding: 10px;
    box-sizing:border-box;
    border-radius:5px;
}
.end-part .txt-phone{
    display:flex;
    flex-direction:column;
}
.end-part .txt-phone .small-txt{
    color:#444444;
    font-size:20px;
    margin-bottom:-7px;
}
.end-part .txt-phone .phone-txt{
    color:#444444;
    font-size:24px;
    font-weight: bold;
    
}
.end-part:hover{
    background:#F5F5F5;
    border-radius:5px;
}
.nav-links-row{
    float:left;
    width:100%;
    background: #444;
    margin-top:10px;
    margin-bottom:10px;
}
.nav-links{
    float:left;
    width: 100%;
    display:flex;
    align-items:center;
    justify-content:space-around;
    position:relative;
    height: 50px;
}
.nav-links .nav-link{
   height: 50px;
   float:left;
   color:#fff;
   line-height: 50px; 
   font-size:12px;
   padding-right:20px;
   box-sizing:border-box;
   position:relative;
   text-transform:uppercase;

}
.nav-links .nav-link:hover{
    color: #ffde3c;
}
.nav-links .nav-link.like-btn{
    background:#ffde3c ;
    Padding:20px 10px;
    box-sizing:border-box;
    border-radius:5px;
    color:#444;
    line-height: 10px;
    -webkit-transition:0.7s;
    transition:0.7s;
}
.nav-link.like-btn:hover{
    transform:scale(0.9);
}
/*.nav-links .nav-link:hover{
    background:#ffde3c ;
}
.nav-link.active{
    background:#ffde3c ;
}  */
.link.is-dropdown .nav-link{
    position:relative;
}
.link.is-dropdown .nav-link:after{
    position:absolute;
    content:"";
    right:1px;
    top:17px;
    width: 15px;
    height: 15px;
    background:url("../img/down.svg") no-repeat center;
    background-size:91%;
}
.nav-icon{
    display:none;
}
.mega-menu{
    position:absolute;
    min-width:1300px;
    background: #fff;
    top:50px;
    left:0;
    z-index:99;
    padding:20px;
    box-sizing:border-box;
    display: flex;
    visibility: hidden;
    box-shadow:4px 4px 20px 0px rgba(0, 0, 0, 0.20);
    flex-wrap:wrap;
    gap:20px;
}
.mega-menu.active{
    visibility: visible;
}
.mega-menu-colum{
    display:flex;
    flex-direction:column;
    width:calc(25% - 20px);
    gap:10px;
}
.mega-menu-colum .mega-menu-title{
    float:left;
    width:100%;
    font-size:15px;
    color:#333;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    position:relative;
    font-weight: 600; 

}
.mega-menu-colum .mega-menu-title:after{
    position:absolute;
    content:"";
    left:0;
    bottom:-3px;
    width:50px;
    height: 2px;
    background:#ffde3c;
}
.mega-menu-links{
    float:left;
    width:100%;
    display:flex;
    flex-direction:column;
}
.mega-menu-links .mega-menu-link{
    float:left;
    width:100%;
    color:#333;
    font-size:15px;
}
.mega-menu-links .mega-menu-link:hover{
    color:#ffde3c;
}
.for-mobile{
    display:none;
}