/************************************
Header
************************************/
header{position: relative; z-index: 20; background-color: var(--white); box-shadow: 1px 3px 12px #777; transition: all ease 0.2s;}
header .top-left-nav a{font-size: 0.9rem; color: var(--primary); padding-left: 10px; padding-right: 10px;}/*14px*/
header .top-left-nav a:hover{color: var(--secondary);}
header .top-right-nav.nav-tabs a.nav-link{font-size: 0.9rem; color: var(--primary); border: none; padding-left: 10px; padding-right: 10px;}/*14px*/
header .top-right-nav.nav-tabs a.nav-link:hover{color: var(--secondary);}
header.fixed-top .top-right-nav.nav-tabs a.nav-link i{font-size: 22px;}


header .logos a{transition: all ease 0.3s; display: block;}
/* header.scroll .logos-wrapper{padding-left: 0; padding-right: 0;}
header.scroll .logos a{max-height: 60px; transform: scale(0.5);} */
header .logos a img{display: block; width: auto; max-height: 100px;}
header.scroll .logos{transition: all ease 0.3s;}
header.scroll .logos a{display: inline-block; max-width: 48%; max-height: auto; transform: scale(1);  transition: all ease 3s;}
header.scroll .logos a img{display: block; width: auto; max-height: 60px;}

header.scroll .header-top{align-items: center !important;}
header.scroll .header-bottom,
header.scroll .header-top .top-left-nav,
header.scroll .header-top .top-right-nav li:nth-of-type(1),
header.scroll .header-top .top-right-nav li:nth-of-type(2),
header.scroll .header-top .top-right-nav li:nth-of-type(3),
header.scroll .header-top .top-right-nav li:nth-of-type(5) span{display: none;}
header.scroll .top-right-nav.nav-tabs .nav-item-toggle{display: block;}
header.scroll .top-social{display: none !important;}

@media (max-width: 1670px){
    header .top-right-nav.nav-tabs a.nav-link{padding-left: 5px; padding-right: 5px;}
}
@media (max-width: 1520px){
    header .top-right-nav.nav-tabs a.nav-link.nav-link-favorites span{display: none;}
}
@media (max-width: 1400px){
    header .top-left-nav a{padding-left: 5px; padding-right: 5px;}
}
@media (min-width: 1381px){
    header{height: 180px;}
    header.scroll{height: 75px;}
    header .top-right-nav.nav-tabs .nav-item-toggle{display: none;}
}
@media (max-width: 1380px){
    /* header .top-left-nav a{padding-left: 3px; padding-right: 3px;} */
    header .header-top{align-items: center !important;}

    .header-bottom,
    header .header-top .top-left-nav,
    header .header-top .top-right-nav li:nth-of-type(1),
    header .header-top .top-right-nav li:nth-of-type(2),
    header .header-top .top-right-nav li:nth-of-type(3),
    header .header-top .top-right-nav li:nth-of-type(4) span,
    header .header-top .top-social{display: none !important;}
    
    header .header-top .top-right-nav li:nth-of-type(4) i{font-size: 22px;}
    
    header.scroll .logos a{display: inline-block; max-width: 48%; max-height: auto; transform: scale(1);}
    header.scroll .logos a img{display: block; width: auto; max-height: 60px;}
}
@media (max-width: 480px){
    header .logos a img{display: block; width: auto; max-height: 60px; max-width: none !important;}
    
}

header .nav-tabs .dropdown-menu{padding: 0;}
header .nav-tabs .nav-lang{text-transform: capitalize;}

header .top-social a{font-size: 1.5rem;}

header .form-search{overflow: hidden; transition: all ease 0.5s;}
header .form-search .form-search-wrapper{max-width: 80%; transform: translateX(0); padding: 0; height: auto; transition: all ease 0.5s;}
header .form-search .form-search-wrapper.closed{width: 0; height: 0; overflow: hidden; transform: translateX(105%);}
header .form-search input[type=search]{border: 0; max-width: 80%; border-radius: 0; border-bottom: 1px solid var(--primary);}
header .form-search input[type=search]:focus{box-shadow: none;}

header .main-nav{position: relative;}
header .main-nav .nav-item{}
header .main-nav .nav-item.has-subnav.has-subnav > a{position: relative;}
header .main-nav .nav-item.has-subnav > a:after{position: absolute; font-size: 1.5rem; top: 18px; left: 50%; content: '\f0d8'; font-weight: 900; font-family: 'Font Awesome 5 Free'; color: var(--primary); opacity: 0; transition: all ease 0.5s; z-index: 9;}
header .main-nav .nav-item.has-subnav:hover > a:after{opacity: 1;}
header .main-nav .nav-item a{font-size: 1rem; color: var(--textmenu); padding-left: 8px; padding-right: 8px;}/*16px*/
header .main-nav .nav-item a:hover{font-weight: bold;}
header .main-nav .nav-item .subnav-list{position: absolute; left: 0; top: 38px; background-color: var(--white); width: 980px; padding: 30px; max-width: 100%; display: none; transition: all ease 0.5s; /*transform: translateX(-200%);*/}
header .main-nav .nav-item:hover .subnav-list{ display: block;/*transform: translateX(0);*/}
header .main-nav .nav-item .subnav-list .subnav-items{background-color: transparent; border: 0;}
header .main-nav .nav-item .subnav-list .subnav-items b{/*font-weight: 500;*/ font-size: 1rem;}
header .main-nav .nav-item .subnav-list .subnav-items a{display: block; font-size: 0.8rem; padding-left: 0;}
header .main-nav .nav-item .subnav-list .subnav-items b > a{font-size: 0.9rem;}
@media (max-width: 1600px){
    header .main-nav .nav-item a{font-size: 0.9rem; padding-left: 5px; padding-right: 5px;}/*14px*/
}

@media (max-width: 1380px){
    header .main-nav, header .form-search{display: none;}
}

/*Sidebar Nav*/
.hc-offcanvas-nav .nav-wrapper .form-search .nav-item-link{padding-left: 0; padding-right: 0;}
.sidebar-social a{font-size: 1.4rem !important;}