.top-tabs-container{
    float:left;
    width:100%;
/*    background:#FAA61A ;
*/
    background:#fff;
}
.top-container{
    float:left;
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.top-tabs{
    float:right;
    width:calc(100% - 400px);
    display:flex;
    gap:3px;
    justify-content:flex-end;
    margin-right:20px;
}
.top-tab{
   float:left;
   width:25%;
   /*border-left:2px solid #fff;
   border-top:1.5px solid #fff;
   border-right:1.5px solid #fff;*/
   border-bottom-left-radius:5px;
   border-bottom-right-radius:5px;
   text-align:center;
   color:#00698F;
   font-size:14px;
   background:#fff;
   font-weight: 500;
   border:1px solid #00698F;
   display: flex;
    align-items: center;
    justify-content: center;
    border-top:none;

}
.top-tab img{
    width:50px;
    margin-right:10px;
}
.top-tab.active{
    height: 55px;
    background: #fff;
    color:#00698F;
    margin-bottom:-5px;
    font-size:13px;
    width:25%;
    font-weight:bold;

}
.top-tab:hover{
   height: 55px;
    background: #fff;
    margin-bottom:-5px;
}
.top-header-container{
    float:left;
    width:100%;
    margin-top:30px;
}
.top-header{
    float:left;
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    align-items:center;
}
.top-header-buttons{
    float:left;
    display:flex;
    gap:20px;
}
.logo-wrap{
    float:left;
    width:320px;
    flex-shrink:0;
    margin-right:20px;
    margin-top:-9px;
}
.logo-wrap img{
    float:left;
    width:100%;
}
.search-wrap{
    position:relative;
}
.search-wrap input{
   border:1px solid #D3E6F0;
   color:#00698F;
   border-radius:5px;
   height: 30px;
   padding-left:10px;
   min-width:330px;
   font-size:14px;
}
.search-wrap button{
    position:absolute;
    right:0;
    top:0;
    height: 30px;
    width:40px;
    background:#FAA61A url("../img/search.svg") no-repeat center;
    background-size:40%;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border:none;
}
.search-wrap button:hover{
   position:absolute;
    right:0;
    top:0;
    height: 30px;
    width:40px;
    background:#ED3324 url("../img/search.svg") no-repeat center;
    background-size:40%;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border:none;
}
.klett-id-wrap{
    float:left;
    border:1px solid #E6EBF0 ;
    min-height: 40px;
    border-radius: 25px;
    padding-right:5px;
}
.klett-id-wrap:hover{
    border:1px solid #E6EBF0 ;
    background: #E6EBF0;

}
.applications-wrap {
    float:left;
    border:1px solid #E6EBF0 ;
    min-height: 40px;
    line-height: 40px;
    border-radius: 25px;
    padding-right:10px;
    height: 40px;
}
.izzi-wrap{
     float:left;
    border:1px solid #E6EBF0 ;
    min-height: 40px;
    line-height: 40px;
    border-radius: 25px;
    height: 40px;
}
.applications-wrap:hover, .izzi-wrap:hover {
     border:1px solid #E6EBF0 ;
    background: #E6EBF0;
        border-radius: 25px;

}
.klett-id-wrap:hover{
    background: #E6EBF0;
}
.klett-id-wrap:hover .klett-id{
    color:#00698F;
}
.klett-id{
   font-size:13px;
   color: #00698F;
   padding-left:45px;
   box-sizing:border-box;
   position: relative;
   font-weight: 500;
   padding-right:5px;
   max-width: 179px;
   text-align:center;
   float:left;
   margin-top:3px;
   font-weight:bold;
}
.klett-id:before{
    position:absolute;
    content:"";
    left:8px;
    top:-1px;
    width:30px;
    height: 30px;
    background: url("../img/icon-top-klet.png") no-repeat center;
    background-size:90%;
}
.applications{
   font-size:12px;
   color: #00698F;
   padding-left:45px;
   box-sizing:border-box;
   position: relative;
   width:175px;
   max-width:175px;
   float:left;
   font-weight: 500;
   line-height: 16px;
   margin-top:3px;
   text-align:center;
}
.applications:before{
    position:absolute;
    content:"";
    left:8px;
    top:2px;
    width:30px;
    height: 30px;
    background: url("../img/app-new.png") no-repeat center;
    background-size:90%;
}

.izzi{
  float:left;

  padding:5px;
  box-sizing:border-box;
}
/*.izzi:hover{
    border:1px solid #E6EBF0;
    background: #E6EBF0;
}  */
.izzi img{
    width:70px;
    margin-top:-12px;
}
.header{
    float:left;
    width:100%;
    background:#FAA61A;
    margin-top:20px;
    background: #FAA61A;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20);
    position: relative;
    z-index:9;
}
.header-elem{
    float:left;
    width:100%;
    display:flex;
    justify-content: space-between;
    align-items:center;
}
.right-links{
    display:flex;
    gap:10px;
}
.right-links .header-link{
    border:2px solid #fff;
    padding:10px 15px;
    border-radius:5px;
}
.right-links .header-link:hover{
    border:2px solid #ED3324;
    background: #ED3324;
    color:#fff;
}
.language{
    float:left;
    color:#00698F;
    font-size:14px;
    display:flex;
    align-items:center;
}
.language img{
    float:left;
    margin-right:3px;
    border:1px solid #D3E6F0;
}
.left-links{
    float:left;
    display:flex;
    gap:20px;
    position: relative;
}
.left-links .link{
   height: 60px;
   line-height: 60px;
}
.left-links .link.is-mega-menu .header-link {
    position: relative;
    padding-right: 15px;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.left-links .link.is-mega-menu .header-link:after {
    /* position: absolute; */
    content: "";
    /* right: -4px;
    top: 2px; */
    width: 13px;
    height: 13px;
    background: url(../img/down.svg) no-repeat center;
    background-size: 100%;
    margin-left: 5px;
    margin-top: -3px;
}
.left-links .link.is-mega-menu .header-link:hover:after {
    /* position: absolute; */
    content: "";
    /* right: -4px;
    top: 2px; */
    width: 13px;
    height: 13px;
    background: url(../img/down-blue.svg) no-repeat center;
    background-size: 100%;
    margin-left: 5px;
    margin-top: -3px;
}
.left-links .link.is-mega-menu .header-link.active:after{
    transform:rotate(180deg)
}
.mega-menu{
    position:absolute;
    min-width: 1170px;
    z-index:99;
    background: #fff;
    padding:20px;
    box-sizing:border-box;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    display:none;
    left:0;
}
.mega-menu.active{
    display:block;
    box-shadow: 0px 8px 5px #c1c1c1;
}
.top-menu-links{
    float:left;
    width:100%;
    display:flex;
    gap:30px;
    background: #D3E6F0;
    min-height: 80px;
    border-radius:5px;
    align-items:center;
    padding-left:10px;
    box-sizing:border-box;
}
.top-menu-links .menu-link{
    position:relative;
    padding-left:15px;
    box-sizing:border-box;
    color:#00698F;
    font-size: 16px;
}
.top-menu-links .menu-link:hover{
    color:#FAA61A;
}
.top-menu-links .menu-link:before{
    position:absolute;
    content:"";
    left:0;
    top:20px;
    width:10px;
    height: 20px;
    background: url("../img/path-link.svg") no-repeat center;
    background-size:70%;
}
.top-menu-links .menu-link:hover:before{
    position:absolute;
    content:"";
    left:0;
    top:20px;
    width:10px;
    height: 20px;
    background: url("../img/path-link-hover.svg") no-repeat center;
    background-size:70%;
}
.bottom-menu-images{
    float:left;
    width:100%;
    display:flex;
    gap:20px;
    margin-top:30px;
    flex-wrap:wrap;
}
.bottom-menu-images .image-link{
    width:calc(25% - 15px);
    min-height: 130px;


}
.bottom-menu-images .image-link img{
   border-radius:5px;
    border:1px solid #D3E6F0;
    width:100%;
    float:left;
    min-height: 130px;
    object-fit:contain;
    max-height: 130px;
}
.bottom-menu-images .image-link img:hover{
    border:1px solid  #FAA61A;
}
.header-link{
   font-size:16px;
   color:#FFFFFF;
   text-transform:uppercase;
   /*font-family:'helen-bold'; */
   font-weight: bold;
}
.header-link:hover{
    color:#00698F;
}
.nav-icon{
    display:none;
}
.top-opened-menu-elem{
    display:none;
}
.top-opened-menu-elem.active{
    display:block;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
    padding-bottom:20px;
    box-sizing:border-box;
    border-bottom:1px solid #fff;

}
.top-opened-menu-elem.active .menu-logo{
    width:200px;
    float:left;
}
.top-opened-menu-elem.active .menu-logo img{
    width:100%;
}
.search-wrap.for-mobile{
        display:none;
    }
.icon-for-mobile{
    display:none;
}
.icon-for-mobile img{
    width:30px;
    height: 30px;
}
.catalog.for-mobile{
    display:none;
}