.logo {float: left; margin: 23px 0; }
.logo-img {width: 250px; }
.expand-ul {display: none; }
.hamburger-outer {display: none; }

/* General header */
.header ul {list-style-type: none; }
.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--white);
    z-index: 99;
    box-shadow: 0 0 1px rgba(0,0,0,.3);
}
.main-header {position: relative; }

/* Top menu */
.sub-header {background-color: var(--grey); font-size: 0.9rem; font-weight: normal; }
.sub-header .contacts {float: left; }
.sub-header .menu {float: right; } 
.sub-header .contacts a, .sub-header .menu a {padding: 10px 0; display: inline-block; }
.sub-header .contacts .sep{padding:0 10px;}
.sub-header .menu li + li {margin-left: 15px; }
#menu-top-menu:after {
    content: ".";
    visibility: hidden;
    height: 0;
    display: block;
    clear: both;
}
.sub-header ul li {float: left; } 
.sub-header .social-sub-link {
	float: right;
	display: block;
	padding: 10px 15px;
	color: var(--white) ;
	background-color: var(--blue);
}
.sub-header .menu .datablad-menu a {background: var(--blue); color: var(--white); padding: 10px 15px; font-weight: bold; }
.sub-header .menu li + li.datablad-menu-last {margin-left: 0; }
.sub-header .menu li + li.datablad-menu-last a {border-left: 1px solid rgba(255,255,255,.3); }
.sub-header .menu .datablad-menu a:hover {background: var(--blue-d); }
.datablad-mobile a {background: var(--green-d); color: var(--white); }
.header ul .datablad-mobile + .datablad-mobile a {border-top: 1px solid rgba(255,255,255,.3); }

/* Main menu */
.main-header .nav ul li a {
    padding: 31px 15px 32px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.95em;
    letter-spacing: 0.05em;
} 
.main-header .nav ul.sub-menu {display: none; }
.main-header .nav ul.sub-menu li a {
    letter-spacing: 0;
    text-transform: none;
    font-weight: normal;
    padding: 10px 15px;
    white-space: nowrap;
    display: block;
}
.main-header .nav ul.sub-menu li {display: block; float: none; }
.main-header .nav ul li {position: relative; }
.main-header .icon-search2 {
	padding: 32px 35px;
	color: var(--white);
	background-color: var(--green-d);
	font-size: 1.5rem;
	cursor: pointer;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	display: block;
}
.main-header .icon-search2:hover, .sub-header .social-sub-link:hover {background-color: var(--green); } 


/* Only desktop */ 

@media only screen and (min-width: 1150px) {
	.sub-header li:not(.datablad-menu) a:hover{text-decoration:underline;}
    .main-header .nav ul li.hide-on-desk {display: none; }
    .main-header .nav ul li.menu-item-has-children:hover > .sub-menu {display: block; }
    .main-header .nav ul li {float: left; }
    .main-header .nav ul li a:hover, .main-header .nav ul li.current-menu-item > a, .main-header .nav ul li.current-menu-parent > a {background-color: var(--grey); }
    #desktop-product-menu.show {display: block; }
    .main-header ul {float: right; }
    .main-header .icon-search2 {float: right; background-color: var(--green-d); }
    .nav {float: right; }
    .main-header .nav ul.sub-menu {
       position: absolute;
        top: 100%;
        left: 0;
        background-color: var(--white);
        box-shadow: 0 1px 1px rgba(0,0,0,.1);
        min-width: 220px;
        display: none;
    }
	/* Mega menu */
	.main-header #desktop-product-menu ul {float: none; }
	#desktop-product-menu {position: absolute; top: 100%; left: 0; width: 100%; display: none; } 
	#desktop-product-menu .wrap-l {background-color: var(--white); box-shadow: 0 2px 3px rgba(0,0,0,.15); border-top: 6px solid var(--blue); }
	.parentSubCat {background-color: var(--grey); }
	.parentSubCat ul li a {padding: 20px; display: block; }
	.parentSubCat ul li {position: relative; }
	.parentSubCat ul li + li {border-top: 1px solid var(--grey-m); }
	.parentSubCat ul li a h4 {font-size: 1rem; margin-bottom: 5px; letter-spacing: 0.04em; }
	.parentSubCat ul li a p {font-size: 0.9rem; color: var(--black); line-height: 1.3; }
	.parentSubCat ul li a div {width: 17%; margin-right: 5%; float: left; max-width:80px;}
	.parentSubCat ul li a div + div {width: 78%; margin-right: 0; max-width:none;}
	.parentSubCat ul li a div img {width: 100%; }
	.megaSubCat h3 {border-bottom: 1px solid var(--grey-d); padding-bottom: 5px; width: 100%;}
	.sub-cat-box .col-f-2-3 ul {-webkit-columns: 2; -moz-columns: 2; columns: 2; }
	.sub-cat-box {display: none; line-height: 1.3; height: 100%; }
	.cat-box a{width: 100%; }
	.sub-cat-box .col-f-2-3 {padding: 40px 5%; }
	.sub-cat-box .col-f-1-3 {padding: 40px 4%; }
	.sub-cat-box.current {display: block; }
	.sub-cat-box .flex {height: 100%; }
	.megaSubCat ul li {margin-bottom: 15px; }
	.megaSubCat ul li a {display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-align-items:center; align-items:center; font-weight: normal; }
	.megaSubCat ul li a i {position: relative; top: 1px; display: inline-block; }
	.sub-menu-thumbnail {width: 25px;}
	.megaSubCat ul li a span {margin-left: 10px; }
	.megaSubCat ul li a:hover i {text-decoration: none; } 
	.megaSubCat ul li a:hover span {text-decoration: underline; }
	.parentSubCat ul li.current a {background-color: var(--grey-m); }
	.parentSubCat ul li.current:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 100%;
		border: 12px solid transparent;
		border-left-color: var(--grey-m);
		z-index: 1;
		margin-top: -12px;
	}
	.parentSubCat ul li a:hover {background-color: var(--grey-m); }
	.sec-menu-desktop {background-color: var(--grey); flex-direction:column;}
	.sec-menu-desktop ul li {margin-bottom: 0; }
	.sec-menu-desktop ul li:first-child {margin-bottom: 8px; }
	.sec-menu-desktop ul li + li {border-top: 1px solid var(--grey-m); padding: 8px 0; }
	.sec-menu-desktop .end{-ms-align-self: flex-end; align-self: flex-end;}
	.sub-cat-box .catalogue{background:var(--turq);color:var(--white); padding:20px; font-weight: bold; display: block; border-radius:2px; display: inline;}
	.sub-cat-box .catalogue:hover{background:var(--green-d);}
	.sidebar-desktop-right {list-style-type: none; }

}

/* Mobile */

@media only screen and (max-width: 1150px) {
	.sub-header .wrap-l-main{padding-right:0;}
	.sub-header .menu, #desktop-product-menu {display: none;}
	.main-header{height:85px;overflow:hidden;}
	.main-header .icon-search2{position: fixed; right: 0; top: 44px; height: 85px; padding:30px 15px;}
    .main-header .nav ul li a {padding: 20px 20px; }
    .main-header .nav ul.sub-menu li a {padding: 10px 20px 10px 30px; }
    .main-header .nav ul.sub-menu li + li a {border-top: 1px solid var(--grey-m); }
    .main-header .nav ul.sub-menu ul.sub-menu li a {padding: 10px 20px 10px 40px; }
    .main-header .nav ul.sub-menu {background: rgba(0,0,0,.04); }
    .expand-ul {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 1px;
        padding: 21px 20px 21px;
        font-size: 1.5em;
        color: var(--blue);
        line-height: 1;
    }
    .sub-menu .expand-ul {padding: 11px 20px 12px; }
    .hamburger-outer {
        display: block;
        float: right;
        position: relative;
        top: 0;
        right: 55px;
        z-index: 100;
        border-radius: 0;
        padding: 30px 12px;
    }
    .c-hamburger {
        position: relative;
        overflow: hidden;
        margin: 0;
        float: right;
        top: 0;
        z-index: 99;
        padding: 0;
        width: 28px;
        height: 28px;
        font-size: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        background: transparent;
        outline: none;
        cursor: pointer;
    }
    .c-hamburger span {
        display: block;
        position: absolute;
        top: 11px;
        left: 0;
        right: 0;
        height: 3px;
        border-radius: 2px;
        background: var(--blue);
    }
    .c-hamburger--htx span:before, .c-hamburger--htx span:after {transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; } 
    .c-hamburger--htx span:before {transition-property: top, transform; } 
    .c-hamburger--htx span:after {transition-property: bottom, transform; } 
    .c-hamburger span:before {top: -8px; }
    .c-hamburger span:after {bottom: -8px; }
    .c-hamburger span:before, .c-hamburger span:after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 3px;
        background: var(--blue);
        content: "";
        border-radius: 2px;
    }
    .c-hamburger--htx.is-active span {background: none; }
    .c-hamburger--htx.is-active span:before, .c-hamburger--htx.is-active span:after {transition-delay: 0s, 0.3s; }
    .c-hamburger--htx.is-active span:before {top: 0; transform: rotate(45deg); }
    .c-hamburger--htx.is-active span:after {bottom: 0; transform: rotate(-45deg); }
    .nav {
        position: fixed;
        width: 100%;
        height: 75vh;
        top: 130px;
        right: -101%;
        z-index: 99;
        background: var(--white);
        padding-top: 0;
        overflow: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.4);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,.4);
        box-shadow: 0 5px 10px rgba(0,0,0,.4);
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
    .nav.active {right: 0; } 
}
@media only screen and (max-width: 390px) {
	.logo-img{width: 195px;height: 40px;}
}