.top-bar {background-color:#fff; border-bottom:1px rgba(0 0 0 / 15%) dashed; font-size:13px; color:#999}

.top-bar .wrap {display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1600px; margin:0 auto; padding:0 25px; box-sizing:border-box}

.top-bar .wrap a.logo-mobile {display:none; justify-content:center; align-items:center; width:100%; padding:10px 15px; border-bottom:1px rgba(0 0 0 / 15%) dashed}
.top-bar .wrap a.logo-mobile img {max-width:100%; height:auto}

.top-bar .wrap .contact {display:flex; flex-wrap:wrap}
.top-bar .wrap .contact .phone {display:flex; align-items:center; padding:0 25px; color:#000; white-space:nowrap}
.top-bar .wrap .contact .phone img {margin:0 10px 0 0}
.top-bar .wrap .contact .email {display:flex; align-items:center; padding:0 25px; color:var(--color-01-hex); font-weight:700}
.top-bar .wrap .contact .email img {margin:0 10px 0 0}

.top-bar .wrap .menu {flex-grow:1; display:flex; justify-content:flex-end}
.top-bar .wrap .menu a.item {display:flex; justify-content:center; align-items:center; margin:0 25px; padding:20px 0; color:#999; white-space:nowrap}
.top-bar .wrap .menu a.item img.icon {display:none}
.top-bar .wrap .menu a.item .text {}
.top-bar .wrap .menu a.item:first-child {margin-left:0}
.top-bar .wrap .menu a.item:hover {color:#000}




#header {background-color:#fff}
#header .wrap {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; max-width:1600px; margin:0 auto; padding:0 25px; box-sizing:border-box}
#header .wrap .menu-mobile {align-self:stretch; display:none; justify-content:center; align-items:center; background-color:var(--color-01-hex); color:#fff; padding:0 60px; box-sizing:border-box; cursor:pointer}
#header .wrap .menu-mobile span {display:inline-block; vertical-align:middle; margin:-3px 12px 0 0; width:16px; height:16px; background-image:url(/templates/b2c/images/menu.png)}
#header .wrap a.logo-master {display:flex; justify-content:center; align-items:center; max-width:25%; padding:15px 0 15px 25px}
#header .wrap a.logo-master img {max-width:100%; height:auto}
#header .wrap .search {flex-grow:1; padding:0 0 0 5%}
#header .wrap .search form {position:relative; display:flex; height:100%}
#header .wrap .search form input {border:none;flex-grow:1; background-color:#f1f1f1; padding:18px 20px; box-sizing:border-box; font-size:14px}
#header .wrap .search form button {border:none;background-color:#474747; background-image:url(/templates/b2c/images/search.png); background-position:center center; background-repeat:no-repeat; width:52px}
#header .wrap .search form .preloader-circle {position:absolute; top:9px; right:62px; width:29px; height:29px; border:3px solid rgba(0,0,0,0.1); border-top:3px solid var(--color-01-hex); display:none}




#header.header-checkout {}
#header.header-checkout::after {content:''; display:block; width:100%; height:1px; background-color:rgba(0 0 0 / 10%)}
#header.header-checkout .wrap .search {padding:0 25px 0 5%}

@media only screen and (max-width:640px) {
	.top-bar .wrap .menu {
		padding: 0 3%
	}

	.top-bar .wrap .account-mobile {
		padding: 0 3%
	}

	.top-bar .wrap .account-mobile a {
		padding: 0 20px
	}

	.top-bar .wrap .account-mobile::before {
		display: none
	}

	#header .wrap .search {
		order: -1;
		width: 100%
	}

	#header .wrap .menu-mobile {
		width: 50%;
		padding: 18px 0
	}

	#header .wrap .top-cart {
		width: 50%
	}
}

@media only screen and (max-width:1600px) {
	.top-bar .wrap {
		padding: 0 15px
	}

	#header .wrap {
		padding: 0 15px
	}
}

@media only screen and (max-width:1400px) {
	/*.top-bar .wrap .left {padding:0}*/

	.top-bar .wrap .contact {flex-basis:0}
}


@media only screen and (max-width:1280px) {
	.top-bar .wrap {padding:0}
	.top-bar .wrap .menu a.item {margin:0 20px}

	#header .wrap {padding:0}
	#header .wrap .top-cart {flex-grow:1}
}

@media only screen and (max-width:1080px) {
	.top-bar {border-bottom:none}
	.top-bar .wrap {height:auto}
	.top-bar .wrap a.logo-mobile {display:flex}
	.top-bar .wrap .menu {justify-content:space-between; padding:0 5%}
	.top-bar .wrap .menu a.item {margin:0; padding:20px 5%}
	.top-bar .wrap .menu a.item img.icon {display:block}
	.top-bar .wrap .menu a.item .text {display:none}
	.top-bar .wrap .header-acount {display:none}
	.top-bar .wrap .account-mobile {display:flex}

	#header .wrap .menu-mobile {display:flex}
	#header .wrap a.logo-master {display:none}
	#header .wrap .search {align-self:stretch; padding:0}
	#header .wrap .search form input[type=text] {border-top:1px rgba(0 0 0 / 10%) solid}
	#header .wrap .top-cart {min-width:140px; width:140px; background-color:var(--color-02-hex)}
	#header .wrap .top-cart a.top-cart-content {display:none}
	#header .wrap .top-cart a.top-cart-content-mobile {display:flex}
	#header .wrap .top-cart::before {top:calc(50% - 11px); left:calc(50% - 11px); width:19px; height:19px; border:3px solid rgba(0,0,0,0.1); border-top:3px solid #fff}
	#header.header-checkout::after {display:none}
	#header.header-checkout .wrap .search {padding:0}
	#header.header-checkout .wrap .search form input[type=text] {border-bottom:1px rgba(0 0 0 / 10%) solid}
}

@media only screen and (max-width:900px) {
	.top-bar .wrap .contact {display:none}
}

@media only screen and (max-width:520px) {
	.top-bar .wrap .menu {
		padding: 0 5px
	}

	.top-bar .wrap .menu a.item {
		padding: 15px 4%
	}

	.top-bar .wrap .menu a.item.novinky {
		display: none
	}

	.top-bar .wrap .account-mobile {
		padding: 0 5px
	}

	.top-bar .wrap .account-mobile a {
		padding: 0 15px
	}
}