/*Fix Menu*/

/* .header-bottom-nav {

  background-image: url("assets/images/bg-bt.jpg") !important;

} */

/* .header-bottom {

  background-color: transparent!important;

} */

/* #header {

  border-bottom: 8px solid #333;

} */

#header .html_topbar_left img {

    padding-top: 8px;

    height: 80px;

}

#header.transparent {

    border-color: transparent;

}

#header .header-bg-image {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}

#header .nav-dropdown {

    border: none;

    box-shadow: 2px 2px 20px 0 #454545;

}

#header .nav-dropdown>li>a {

    color: #323232;

}

#header .nav-dropdown>li>a:hover {

    color: #333;

}

#header .nav-dropdown {

    border: none;

    box-shadow: 2px 2px 20px 0 #454545;

    padding: 0;

}

#header .nav-dropdown>li>a {

    color: black;

    text-transform: none;

    font-size: 16px;

    font-weight: bolder;

    color: #000;

    border-bottom: 1px solid #ccc;

}

#header .nav-dropdown>li>a:hover {

    color: #333;

}

#header .nav-dropdown>li {

    text-align: left;

    display: grid;

    white-space: normal;

    width: auto;

    min-width: 0;

    border-right: 0;

    position: relative;

}

#header .nav-dropdown>li>a:after {

    content: "\f105";

    font-family: "Font Awesome 6 Free";

    font-weight: 900;

    float: right;

}

#header .nav-dropdown>li>ul {

    border: 1px solid #ccc;

    background: #f5f5f5;

    position: absolute;

    left: 100%;

    top: 0;

    width: 240px;

    display: none;

}

#header .nav-dropdown>li.menu-item-has-children>ul>li>a {

    border-bottom: 1px solid #ccc;

    color: black;

    text-transform: none;

    font-size: 14px;

    font-weight: bolder;

    color: #000;

}

#header .nav-dropdown>li.menu-item-has-children>ul>li>a:hover {

    color: #333;

}

#header .nav-dropdown>li.menu-item-has-children>ul ul {

    display: none;

}

#header .nav-dropdown>li.menu-item-has-children:hover {

    background: #f5f5f5;

}

#header .nav-dropdown>li.menu-item-has-children:hover>ul {

    display: block;

}

#header .header-language-dropdown .image-icon img {

    vertical-align: baseline;

}



#header .header-bottom .nav>li>a {

    padding: 10px 13px;

    font-size: 17px;

    text-transform: none;

}

#header .flex-fit {

    flex-flow: row wrap;

}

#header .flex-full {

    width: 100%;

}

#header .flex-break {

    width: 100%;

}

@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/

    /* iframe{

    height: auto!important;

  } */



}