/* TOP
#######################################*/
.top 									{background: #3b3c3c;line-height:36px;font-size:13px;font-weight:300;color:#fff;}
.top-menu 								{}
.top-menu li 							{margin-left:15px;display:inline-block;}
.top-menu a 							{color: #fff;}

.top-login 								{text-align:right;}
.top-login a 							{display: block;color:#fff;float: left;font-weight:400;padding-left:10px;padding-right:10px;background:#853A76;border-radius:3px;margin: 6px 5px;line-height: 28px;}
.top-login a:hover 						{text-decoration:none;}

li.top-login-viber-pc 					{display:inline-block;}
li.top-login-viber-mobile 				{display:none;}

.top-language {flex-grow:1;}
.top-language-login {flex-grow:1;display:flex;}

.top-logo, .top-hours, .top-links-mobile {display:none;}

/* LANGUAGE
#######################################*/
#language .language-links a {color:#fff;line-height:28px;padding:0 10px;border-right:1px #fff solid;text-decoration:none;}
#language .language-links a.active {color:#ddd;}
#language .language-links a:last-child {border-right:none;}
#language .language-links a:hover {text-decoration:underline;}
#language .language-links img {vertical-align:unset;}

/* HEADER
#######################################*/
.header 								{padding-top:10px;padding-bottom:10px;background:#Fff;}
.header-logo 							{width:21%;}
.header .flex-row > div 				{align-self:center;}
.header .btn 							{border-radius:2px;}

.header-grafik 							{padding-left:20px;font-weight:500;color:#212323;font-weight:600;}
.header-grafik  p 						{margin:0 !important;}

.header-tel 							{padding-left:20px;font-weight:500;color:#212323;font-weight:600;}
.header-tel p 							{margin:0 !important;font-weight:600;font-size:13px;}

.header-search 							{width:35%;padding-left:20px;padding-top:3px;display:inline-block;}
.header-search input[type="text"] 		{margin-top:-3px;padding:11px 20px;border-radius:3px;border:2px solid rgba(255, 255, 255, 0);background:#f1f1f1;}
.header-search input[type="text"]::placeholder {color:#212323;}
.header-search .btn						{padding:8px 15px 6px 15px;display:inline-block;position:relative;margin-left:5px;margin-top:-3px;color:#Fff;background:#853a76;border-color:#853a76;}
.header-search .btn:hover 				{}
.header-search .btn:before 				{font-size: 21px;}

.header-contact 						{padding-bottom:1px;display:inline-block;padding-right:50px;}
.header-contact #tcb_call_1				{display:block !important;background:none !important;color:#212323;border:2px solid #212323 !important;padding: 5px 10px !important;position:relative;margin-left:5px;width:auto;right:auto;border-radius:3px;height:auto;opacity:1;line-height:inherit;font-weight:400;margin-top:-2px;}
.header-contact .btn:hover 				{background:#3eb94e !important;border-color:#3eb94e !important;}
.header-contact .btn:before 			{font-size: 24px;position:absolute;top:5px;left:10px;}
.header-contact  span 					{color:rgba(70, 89, 98, 0.6);border:1px solid transparent;display: inline-block;height: 45px;line-height: 45px;padding:0 5px;border-radius:3px;cursor:pointer;margin-bottom:-2px;}
.header-contact  span:hover 			{border-color:#4CCF5D;color:#4CCF5D;}

.header-right 							{}
.header-right .btn						{background:#853A76;color:#fff;border-color:#853A76;padding:5px 10px;display:inline-block;position:relative;margin-left:8px;}
.header-right #cart .btn 				{padding-right:12px;background:none;border:2px solid #853A76;color:#853A76;}
.header-right #cart .btn:hover 			{color:#212323;}
.header-right .btn:hover 				{background:#853A76;border-color:#853A76;color:#fff;box-shadow:rgba(0, 0, 0, 0.3) 0 1px 5px;}
.header-right .btn:before 				{font-size: 24px;}
.header-right .btn span 				{width: 20px;height: 20px;border-radius: 50%;text-align: Center;line-height: 20px;position: absolute;font-size: 12px;font-weight: 600;color: #212323;right: -9px;top: -9px;z-index:10;}
.header-right #wishlist-total span		{background:#F8DE0B;}
.header-right #cart .btn span 			{background: #853A76;color:#fff;}

.btn-search 							{display:none !important;}

/* MAIN MENU
#######################################*/
.main-menu 								{background:#853A76; margin-bottom:30px;text-align:center;box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;z-index: 10;position: relative;font-family: 'Roboto', sans-serif;padding-top:5px;padding-bottom:5px;}
.main-menu-left 						{align-self:center;width:15%;}

.main-menu-right 						{width:85%;align-self:center;text-align:left;}
.main-menu-right li 					{display:inline-block;}
.main-menu-right a 						{color: #fff;text-transform:uppercase;display:block;padding:3px 20px 0 20px;font-size:14px;}

.filter-mobile-btn{
	display: none;
}


.burger{
	display: none;
}

.header-tel-div{
	display: block;
}

.overflow{
	overflow: hidden;
}

.header-tel-div-mob{
	display: none;
}


.header-right{
	display: flex;
	align-items: center;
}

.header-search-mob{
	display: none;
}




/*RESPONSIVE
#######################################*/
@media(max-width:1600px) { 
	.top-login li:first-child 			{display:none;}
	.header-search 						{padding-left:10px;}
	.header-grafik 						{padding-left:10px;}
	.header-contact 					{padding-right:10px;}
}
/* @media(max-width:1366px) {
	.header-search						{width:30%;}
}  */
@media(max-width:768px) {
	
	.header-logo 						{width:30%;}
	.header-grafik 						{display:none;}
	/* .header-search 						{display:none;} */
	.header-contact 					{display:none;}
	
	.header-right {
		margin-top: 20px;
		width: 100%;
		text-align: center;
		display: flex;
		justify-content: center;
	}
	
	.top-login-viber-pc 				{display:none !important;}
	.top-login-viber-mobile 			{display:inline-block !important;}
	
	.main-menu-left 					{width:60%;}
	
	.main-menu-right 					{display:none;}
	
	.btn-search 						{display:inline-block !important;}
	
	.category-products-wrapper #input-search {width:100%;margin-bottom:20px;}
	.category-products-wrapper .checkbox-inline {display:none;}
}

@media(max-width:1042px){

	.header-right{
		margin: auto !important;
		margin-top: 1rem !important;
	}

}

@media(max-width:822px){
	.top .block-row{
		justify-content: center;
	}

	.img-responsive {
		width: 100%;
	}

	.header-right{
		margin: auto !important;
		margin-top: 1rem !important;
	}

}


@media(max-width:460px) {
        .top {width:100%;height:100%;}
        .top .block-row {flex-direction: column-reverse; flex-wrap: nowrap;padding-top:60px;}
        .top-logo {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            padding-left: 80px;
            padding-top: 10px;
            padding-bottom: 10px;
            background: #853a76;
            width: 100%;
            flex-grow: 0;
            padding-right: 10px;
        }
        .top-language {
            position:absolute;
            top:10px;
            right:10px;
            z-index:1;
        }
        .top-login {display: flex;justify-content: space-between;gap:10px;}
        .top-login > a {flex: 1; padding:6px 2px;text-align:center;margin:0;}
        
        .top-links-mobile {display:block;}
        .top-menu {text-align: left;margin-top:10px;font-size:13px;overflow-y:auto;max-height:calc(100vh - 150px);}
        .top-links-mobile {border-bottom:1px solid rgba(255,255,255,0.1);}
        .top-links-mobile .fa {margin-right:10px;}
        .top-menu li {margin:0;border-bottom:1px solid rgba(255,255,255,0.1);}
        .top-menu li:last-child {border-bottom:none;}
        .top-menu a {display: inline-block; width:100%;}
        .top-menu a:hover {text-decoration:none;}
        
	.filter-mobile-btn{
		display: none;
		font-size: 16px;
		cursor: pointer;
		padding: .3rem .5rem;
		border: 1px solid #fff;
		border-radius: 10px;
	}

	.flaticon-phone-call{
		display: none !important;
	}

	.header-search-mob{
		display: block;
	}

	.header-search-desc{
		display: none;
	}

	.mfilter-box{
		opacity: 0;
		height: 0;
		position: absolute;
		transition: all .2s ease-in-out;
	}

	.mfilter-box-active{
		opacity: 1;
		height: auto;
		position: relative;
	}
	.header{
		position: relative;
	}
	.header-search{
		transition: all .2s ease-in-out;
		opacity: 1;
		width: 57% !important;
	}


	.header-search-active-mob{
		display: block;
		position: absolute;
    	left: 50%;
    	transform: translateX(-50%);
		bottom: .7rem;
		opacity: 1;
		width: 28rem;
		z-index: 100;
		padding: 0 !important;
	}

	.header-search > #search{
		position: relative;
	}

	.header-search-active-mob > .live-search {
		width: 166% !important;
    	position: absolute;
	}

	.header-logo{
		width: 46%;
	}

	.header-search-active-mob #search .input-group-btn{
		display: none !important;
	}

	.header-right{
		transition: all .2s ease-in-out;
	}

	.header-right-active{
		margin-bottom: 5rem;
	}

	.header-search-active-mob #search input{
		border-radius: 5px !important;
		width: 28rem !important;
		border: 2px solid #853A76 !important;
	}

	.live-search ul{
		overflow-x: scroll;
    	height: 60vh;
	}

	.live-search{
		box-shadow: 0 0 13px 0  #000;
		margin-top: 5rem !important;
		width: 166% !important;
	}

	.header-tel-div{
		display: none;
	}

	.burger{
		display: block;
		position: relative;
		text-align: right;
		width: 24px;
		z-index: 110;
		transform: scale(1.6);
    	margin-right: 1rem;
	}


	.burger span{
        display: block;
        width: 100%;
        height: 3px;
        margin: 4px  0 0 auto;
        position: relative;
		background-color: #3b3c3c;
        transition: .1s all ease-in;
    }

	.burger span:first-child{
		margin-top: 0;
	}

	.active-burger{
		position: absolute;
		top: 2rem;
	}

	.active-burger span:first-child{
		transform: rotate(45deg);
		top: 7px;
		background-color: white;
	}
	.active-burger span:nth-child(2n){
		opacity: 0;
		transition: .1s all ease-in;
		background-color: white;
	}

	.active-burger span:last-child{
		transform: rotate(-45deg);
		top: -7px;
		background-color: white;
	}

	.header-tel-div-mob{
		display: block;
		text-align: center;
	}

	.header-tel-div-mob p {
		margin-bottom: 0;
		color: white;
	}
	.header-tel-div-mob p a{
		margin-bottom: 0;
		color: white;
	}

	.top{
		padding: 2rem 0;
		position: absolute;
		top: -100%;
		transition: all .5s ease-in-out;
	}

	.top-active{
		position: fixed;
		top: 0;
		left: 0;
		transition: all .5s ease-in-out;
		z-index: 101;
	}

	.top .block-row .top-menu ul{
		display: flex;
		flex-direction: column;
	}


	.table-responsive{
		overflow-x: auto;
	}
	.clear-total{
		/*display: flex!important;*/
		flex-direction: row-reverse!important;
		justify-content: space-between!important;
		align-items: center!important;
		margin-bottom: 1rem;
	}

	.all-total .totals-left{
		font-size: 14px!important;
		text-align: left!important;
		white-space: nowrap;
	}

	.all-total .totals-right{
		font-size: 16px!important;
		text-align: left!important;
		white-space: nowrap;
	}


	.header-right {
		margin-top: 20px;
		width: 100%;
		text-align: center;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}
@media(max-width:350px) {
   .top-logo {padding-left: 60px;} 
}