/* New Header CSS */

.header-row {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#main-header .header-row .logo_container {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 10;
    margin: 0 !important;
    left: 0;
}

#main-header #et-top-navigation {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.et_header_style_centered #main-header .logo_container {
    height: auto;
}

.header-row .logo_container a {
    display: block;
}

.header-row .logo_container a img {
    width: 180px;
}

.et_header_style_centered #top-menu>li>a {
    padding: 0 13px !important;
    line-height: 80px;
}

.et_header_style_centered #top-menu>li.menu-item-has-children>a {
    padding-right: 28px !important;
}

#top-menu li {
    padding-right: 0;
}

#main-header #et-top-navigation #top-menu-nav #top-menu li a:after {
    top: -2px;
    font-size: 28px;    /*position: relative;*/
}

#main-header #et-top-navigation #top-menu-nav #top-menu .sub-menu li a:after {
    top: 7px;
    right: -5px;
}

#top-menu li a {
    font-size: 16px !important;
}

#main-header >.container {
    min-width: 90vw;
}

#main-header #et-top-navigation #top-menu-nav #top-menu li .sub-menu {
    margin-top: -10px;
    border: none !important;
}

#main-header #et-top-navigation #top-menu-nav #top-menu li .sub-menu .sub-menu {
    margin-top: 0;
}

#main-header #et-top-navigation #top-menu-nav #top-menu >li >a::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    bottom: 15px;
    border-top: 1px solid #31ceff;
    margin: 0 7px;
}

#main-header #et-top-navigation #top-menu-nav #top-menu >li:hover >a::before {
    opacity: 1;
}

#top-header {
    display: none;
}

.topbar-header {
    background: #414141;
}

.topbar-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.topbar-row #et_top_search {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 30px 0 0 !important;
    text-align: center;
}

.topbar-row #et_search_icon:before {
    position: static;
    color: #fff !important;
}

.contact-btn a {
    background: #31ceff;
    height: 40px;
    color: #414141;
    padding: 0 20px;
    display: block;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 30px; 
}

.et_header_style_centered .et-search-form input, .et_header_style_centered span.et_close_search_field {
    top: 0;
}

.lang-switch .wpml-ls {
    position: relative;
}

.lang-switch .wpml-ls >ul >li> a {
    line-height: 40px;
}

.lang-switch .wpml-ls >ul >li a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.lang-switch .wpml-ls >ul >li:hover ul {
    opacity: 1;
}

.lang-switch .wpml-ls> ul >li >a::after {
    font-family: 'ETmodules';
    content: "3";
    margin-left: 4px;
    color: #31ceff;
    font-weight: 500;
    font-size: 19px;
    vertical-align: middle;
    top: -2px;
    position: relative;
}

.lang-switch .wpml-ls ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #414141;
    z-index: 2222;
    padding: 2px 11px;
    border-top: 2px solid #FFF;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: 0.25s;
}

.lang-switch .wpml-ls >ul>li:hover ul {
    opacity: 1;
    pointer-events: unset;
}

.lang-switch .wpml-ls >ul>li a img {
    margin-right: 10px;
}

.et_header_style_centered #main-header .mobile_nav {
    background: transparent;
    padding-right: 0;
}

.et_header_style_centered #main-header .mobile_nav .select_page {
    display: none;
}
#main-header #et-top-navigation #top-menu-nav #top-menu .product_list ul.sub-menu {
    min-width: 340px;
    padding: 0 0px 0 20px!important;
}

.site-header{
    position: sticky;
    top: 0;
	box-shadow: 0 0 4px #ddd;
    z-index: 100;
}

/* Responsive CSS */

@media (max-width:980px) {
    .et_header_style_centered header#main-header .logo_container, .et_header_style_centered .et_menu_container .mobile_menu_bar {
        position: static;
    }

    .header-row {
        justify-content: space-between;
    }

    .et_header_style_centered #main-header div#et-top-navigation {
        width: auto;
        position: static;
    }

    .et_header_style_centered #et_mobile_nav_menu {
        margin-top: 0;
        position: static;
    }

    .et_header_style_centered #main-header {
        padding: 10px 0;
    }

    .et_header_style_centered .et_menu_container  .mobile_menu_bar:before {
        left: 7px;
        font-size: 35px;
    }

    .et_header_style_centered .et_mobile_menu {
        top: 65px;
    }

    .topbar-row {
        justify-content: space-between;
    }

    .topbar-row .search-icon {
        display: none;
    }

    .topbar-header .container {
        width: 90%;
    }

    .contact-btn a {
        margin-left: 0;
    }

}

@media (max-width:1050px) and (min-width:981px) {
    #top-menu li a {
        font-size: 14px !important;
    }

    #main-header >.container {
        padding: 0 15px;
    }

    .header-row .logo_container a img {
        width: 140px;
    }

}
@media (max-width:568px) {
	#main-header .container #et-top-navigation #et_mobile_nav_menu ul#mobile_menu li ul li a {
    	padding-left: calc(5% + 10px);
	}
	#main-header .container #et-top-navigation #et_mobile_nav_menu ul#mobile_menu li a {
		padding: 10px 5%;
	}
}