@charset "utf-8";

/*****************************************************************
############################# HEADER #############################
******************************************************************/
#header{
	min-width:320px;
	max-width:1280px;
	margin:0 auto;
}

/*.taggle_list {*/
	/*display: none;*/
/*}*/

.stickyheader {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	right: 0;
	z-index: 9999;
	background-color: #fff;
	min-width: 320px;
	max-width: 1280px;
	margin: 0 auto;
}

#content.content-adjustment {
	margin: 150px auto 0 auto;
}

.line {
	height:0;
	position: relative;
	left:0;
	width:100%;
	border-bottom: 1px solid #CCCCCC;
}

.taggle_list {
	position: relative;
}

.searchBoxWrapper .searchBox .multiSearchBox .taggle_list {
	border: 1px solid #CCCCCC;
	min-height: 42px;
	padding: 0% 5% 0 5%;
	border-top: none;
}

.searchBox #multiSearchBox {
	border-top: 1px solid #CCCCCC;
}

.searchBox #multiSearchBox:hover {

}
.searchBoxWrapper .searchTypeSelected.sparicons.multi {
	border-right: none;
}
/*****************************************************************
############################# TOP HEADER ########################
******************************************************************/

#header .topBarLinks{
	display:none;
}

#header .myAccountSticky, #header .loginSticky {
	display: none;
}

#header .stickyheader .headerAccount, .stickyheader .advertisement, .advertisement {
	display: none;
}

@media(max-width: 767px) {
  #header .stickyheader .searchBoxWrapper {
    display: none;
  }
}
#header .myAccountSticky.logged.employee .myAccountUrl:before{
    content: "\a051";
    color: #007a4f;
    font-size: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#header .myAccountSticky.logged .myAccountUrl:before{
    content:"\a058";/*ico-user_logged*/
    color: #e30613;
    font-size: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

}
@media(min-width:768px){
	#header .topBarLinks{
		display:block;
		overflow:hidden;
	}

	#header .topBarLinks .topBarLeftLinks{
		width:25.2604166667%;/*194/768*/
		background:#262626;
		float:left;
	}

	#header .topBarLinks .topBarLeftLinks .topBarLeftLinksHeader{
		margin:0;padding:0;
		font-family:BrandonGrotesque;
		font-size:13px;
		font-weight: 400;
		color:#adadad;
		height:35px;line-height:35px;
		cursor:pointer;
		text-indent:30px;
		position:relative;
		background:url('../images/shapes/ico_dropdown_down_topbar.png') no-repeat 90% 50%;
	}

	#header .topBarLinks .topBarLeftLinks .topBarLeftLinksHeader.open{
		background:url('../images/shapes/ico_dropdown_up_topbar.png') no-repeat 90% 50%;
	}

	#header .topBarLinks .topBarLeftLinks .topBarLeftLinksHeader .topBarLeftLinksDropDown{
		padding-left:10px;
		display:inline-block;
	}

	#header .topBarLinks .topBarLeftLinks .topBarLeftLinksList{
		background:#262626;
		display:none;
		position:absolute;
		width:25.2604166667%;/*194/768*/
		z-index:2;
	}

	#header .topBarLinks .topBarLeftLinks .topBarLeftLinksList.open{
		display:block;
	}

	#header .topBarLinks .topBarLeftLinks .topBarLeftLinksList li{
		border-top:1px solid #1f1f1f;
		height:35px;line-height:35px;
		text-indent:30px;
	}

	#header .topBarLinks div ul li a{
		font-family:BrandonGrotesque;
		font-size:11px;
		font-weight: 700;
		color:#ffffff;
		text-decoration:none;
		text-transform:uppercase;
	}

	#header .topBarLinks .topBarRightLinks{
		width:74.7395833333%;/*574/768*/
		background:#1f1f1f;
		float:left;
		height:35px;line-height:35px;
	}

	#header .topBarLinks .topBarRightLinks .topBarRightLinksList{
		float:right;
		margin-right:30px;/*30/768*/
	}

	#header .topBarLinks .topBarRightLinks .topBarRightLinksList li{
		float:left;
		padding-right:24px;
	}

	#header .topBarLinks .topBarRightLinks .topBarRightLinksList li:last-child{
		padding-right:0;
	}

	#header .stickyheader .myAccountSticky .myAccountUrl{
		display: inline-block;
		width: 100%;
		height: 84px;
	}

	#header .stickyheader .bottomHeader, #header .stickyheader .searchBoxWrapper {
		height: 84px;
	}

	#header .stickyheader .myAccountSticky, #header .stickyheader .loginSticky {
		display: block;
		width: 10%;
		height: 84px;
		position: relative;
		float: left;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
	}

	#header .stickyheader, #header .stickyheader .searchBoxWrapper {
		height: 84px;
		border-bottom: 1px solid #CCCCCC;
	}

	.stickyheader .searchBoxWrapper .searchBox .searchType .searchTypeSelected,
	.stickyheader .searchBoxWrapper .searchBox .searchType .searchTypeValue.multi,
	.stickyheader .searchBoxWrapper .searchBox .searchType .searchTypeValue.single
	{
		color: transparent;
	}

	#header .stickyheader .headerAccount .headerAccountUserInfo label,
	#header .stickyheader .headerAccount .headerAccountUserInfo label strong {
		display: none;
	}
}

@media(min-width:1280px){
	#header .topBarLinks{
		max-width:1280px;
	}

	#header .topBarLinks .topBarLeftLinks{
		width:61.015625%;/*781/1280*/
	}

	#header .topBarLinks .topBarLeftLinks .topBarLeftLinksHeader{
		background:none;
		float:left;
		cursor:default;
	}

	#header .topBarLinks .topBarLeftLinks .topBarLeftLinksHeader .topBarLeftLinksDropDown{
		display:none;
	}

	#header .topBarLinks .topBarLeftLinks .topBarLeftLinksList{
		position:relative;
		float:left;
		display:inline-block;
		width:auto;
	}

	#header .topBarLinks .topBarLeftLinks .topBarLeftLinksList li{
		float:left;
		border:0;
		height:35px;line-height:35px;
	}

	#header .topBarLinks .topBarLeftLinks .topBarLeftLinksList li a{
		display:block;
	}

	#header .topBarLinks .topBarRightLinks{
		width:38.984375%;/*499/1280*/
		padding-left:5%;
	}

	.stickyheader {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	.stickyheader.show {
		transition: all .3s ease-in-out;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	#header .stickyheader .myAccountSticky .myAccountUrl{
		display: inline-block;
		width: 90px;
		height: 84px;
	}

	#header .stickyheader .myAccountSticky, #header .stickyheader .loginSticky {
		width: 90px;
		height: 84px;
		border-bottom: none;
	}

	.stickyheader .searchBoxWrapper .searchBox .searchType:after {
		left: auto;
		right: 8px;
	}

}


/*****************************************************************
####################################################################
####################################################################
############################# MIDDLE HEADER ########################
####################################################################
####################################################################
******************************************************************/

#header .headerEntry{
	float:left;
	height:61px;
	width:20%;
	border-bottom:1px solid #cccccc;
}

@media(min-width: 768px) {
	#header .headerEntry,
	#header .headerTimeSlotOnlyMobile.booked{
		width:10%;
	}
}

@media(min-width: 1280px) {
	#header .headerEntry{
		width:20%;
	}
}

#header .headerEntry.logo{
	position: relative;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
@media(min-width: 768px) {
    #header .stickyheader .headerEntry.logo{
        border-right: none;
    }
}
#header .headerEntry.logo .simple-banner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
#header .stickyheader .headerEntry.logo .simple-banner{
    padding-right: 2px;
}

#header .headerCategoryMobile,
#header .headerAccount,
#header .headerTimeSlotOnlyMobile{
	position:relative;
	border-right:1px solid #cccccc;
}

#header .headerEntry.logo img{
	display:block;
}

#header .middleHeader .headerEntry{
	float:left;
	height:61px;
	width:20%;
	cursor:pointer;
	border-bottom:1px solid #cccccc;
	overflow: hidden;
}
#header .middleHeader .headerEntry.headerCart{
	overflow: visible;
}

#header .middleHeader .headerEntry.logo{
	text-align:center;
/* 	background: #e0001a; */
}

#header .middleHeader .headerEntry.logo .onBoardImage{ /*fix text align image onboarding*/
	text-align:left;
}

#header .middleHeader .headerEntry.logo .simple-banner{
	margin:0 auto;
}

#header .middleHeader .headerEntry.logo .simple_disp-img.simple-banner
{
	padding-top: 1px;
    padding-right: 5px;
	padding-left: 3px;
	padding-bottom: 3px;
}

#header .middleHeader .headerCategoryMobile,
#header .middleHeader .headerAccount,
#header .middleHeader .headerTimeSlotOnlyMobile{
	position:relative;
	border-right:1px solid #cccccc;
}

#header .middleHeader .headerTimeSlotOnlyMobile:hover{
	background:#f8f8f8;
}

#header .middleHeader .headerCategoryMobile:before,
#header .headerAccount.logged.employee:before{
	content:"\a021";/*ico-categories*/
	color:#808080;
	font-size:28px;
	position:absolute;
	top:50%;margin-top:-14px;
	left:50%;margin-left:-14px;
}

#header .middleHeader .headerAccount.logged:before{
	font-size:24px;
	color:#e30613;
	position:absolute;
	top:50%;margin-top:-12px;
	left:50%;margin-left:-12px;
}

#header .middleHeader .headerAccount .ico-user{
	position:absolute;
	color:#808080;
	font-size:24px;
	top:50%;margin-top:-13px;
	left:50%;margin-left:-12px;
}

#header .middleHeader .headerAccount.logged:before{
	content:"\a058";/*ico-user_logged*/
}

#header .middleHeader .headerAccount.logged.employee:before{
	content:"\a051";/*ico-spar_logo*/
	color:#007a4f;
	font-size:27px;
	margin-top:-14.5px;
	margin-left:-13.5px;
}

#header .headerTimeSlotOnlyMobile:before {
	color: #808080;
	font-size: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#header .headerTimeSlotOnlyMobile.ico-pickup:before {
	content: "\a042"; /*ico-pickup*/
}
#header .middleHeader .headerTimeSlotOnlyMobile.ico-shipping:before,
#header .headerTimeSlotOnlyMobile.ico-shipping:before {
	content: "\a019"; /*ico-shipping*/
	font-size: 25px;
	}

#header .headerTimeSlotOnlyMobile.booked:before,
#header .middleHeader .headerTimeSlotOnlyMobile.booked:before{
	color:#e30613;
}

#header .middleHeader .headerCategoryMobile.open:before,
#header .middleHeader .headerAccount.logged.open:before,
#header .middleHeader .headerTimeSlotOnlyMobile.booked.open:before{
	content:"\a068";/*ico-x_sharp_thin*/
	font-size:24px;
	margin-top:-12px;margin-left:-12px;
}

@media(max-width:767px){
    #header .middleHeader .headerAccount.logged.open:before,
    #header .middleHeader .headerTimeSlotOnlyMobile.booked.open:before{
        content:"\a068";/*ico-x_sharp_thin*/
        font-size:24px;
        margin-top:0px;margin-left:0px;
    }
}
@media(min-width:768px){
    #header .stickyheader .headerTimeSlotOnlyMobile.booked.open:before{
        content:"\a068";/*ico-x_sharp_thin*/
        font-size:24px;
        margin-top:0px;margin-left:0px;
        color: #808080;
    }
    #header .middleHeader .headerCategoryMobile.open:before,
    #header .middleHeader .headerTimeSlotOnlyMobile.booked.ico-shipping.open:before{
			margin-top:0;
			margin-left:0;
    }
}
#header .middleHeader .headerAccount.logged.open:before,
#header .middleHeader .headerTimeSlotOnlyMobile.booked.open:before{
	color:#808080;
}

#header .middleHeader .headerCategoryMobile.open,
#header .middleHeader .headerAccount.logged.open,
#header .middleHeader .headerTimeSlotOnlyMobile.booked.open{
	background:#f8f8f8;
	border-bottom-color:#f8f8f8;
}

@media (min-width: 1280px) {
	#header .headerEntry.headerTimeSlot.ico-shipping-non-food{
		background: #424346;
	}
}

#header .booked.open .header-timeslot__non-food-icon {
	display: none;
}

@media (max-width: 1279px) {
	.headerEntry.headerTimeSlotOnlyMobile.hidden-mobile .header-timeslot__non-food-icon {
		display: flex;
		justify-content: center;
		height: 100%;
		align-items: center;

		/* reset */
		position: initial;
		left: 0;
		top: 0;
		transform: initial;
	}
}

@media (min-width: 1280px) {
	.header-timeslot__non-food-icon img {
		filter: brightness(0) invert(1);
	}
}

#header .headerTimeSlot.ico-shipping-non-food {
	position: relative;
}

.header-timeslot__non-food-icon {
	position: absolute;
	left: 17px;
	top: 50%;
	transform: translate(0,-50%);
}

.header-timeslot__non-food-icon img {
	width: 38px;
}

.header-timeslot__non-food-icon--mobile {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.header-timeslot__non-food-icon--mobile img {
	display: block;
	width: 28px;
}

#header .headerAccountMenu{
	width:100%;
	min-width:320px;
	max-width:767px;
	height:auto;
	position:absolute;
	background:#262626;
	z-index:99;
}

#header .headerAccountMenu .headerAccountItem{
	background:#3b3b3b;
	min-height:50px;line-height:50px;
	border-bottom:1px solid #262626;
	cursor:pointer;
}

#header .headerAccountMenu .headerAccountItem:last-child{
	border:0;
}

#header .headerAccountMenu .headerAccountItem,
#header .headerAccountMenu .headerAccountItem a,
#header .headerAccountMenu .headerAccountItem label,
#header .headerAccountMenu .headerAccountItem span{
	font-family:BrandonGrotesque;
	font-size:12px;
	font-weight: 700;
	color:#ffffff;
	text-transform:uppercase;
	display:block;
	position:relative;
}

#header .headerAccountMenu .headerAccountItem i,
#header .headerAccountMenu .headerAccountItem .smartCartIcon,
#header .flyoutMenuContainer .headerAccountItem i{
	margin-left:32px; /*32/320*/
	width:27px;
	display:inline-block;
	text-align:center;
	position:relative;
}

#header .flyoutMenuContainer .headerAccountItem i:not(.ico-sign_out){
	margin-left:10%;
	width:8.4375%;
}

#header .flyoutMenuContainer .headerAccountItem .ico-user{
	font-size:27px;
	color:#808080;
}

#header .flyoutMenuContainer .headerAccountItem .icoMobileLogout i{
	margin-left:0;
}

#header .headerAccountMenu .headerAccountItem span,
#header .flyoutMenuContainer .headerAccountItem span{
	display:inline-block;
	text-indent:31px;
	cursor:pointer;
	width:81.5625%;/*261/320*/
}

#header .flyoutMenuContainer .headerAccountItem span{
	text-indent:0;
}

#header .headerAccountMenu .headerAccountItem.headerAccountItemMyList span:before,
#header .headerAccountMenu .headerAccountItem.headerAccountItemMyList.open span:before{
	content:"\a006";/*ico-arrow_round_down*/
	font-size:9px;
	color:#919191;
	position:absolute;
	top:50%;margin-top:-3px;
	right:30px;
}

#header .headerAccountMenu .headerAccountItem.headerAccountItemMyList.open{
	background:#505050;
}

#header .headerAccountMenu .headerAccountItem.headerAccountItemMyList.open span:before{
	content:"\a009";/*ico-arrow_round_up*/
}

#header .headerAccountMenu .headerAccountItem.headerAccountUserInfo,
#header .flyoutMenuContainer .headerAccountItem.headerAccountUserInfo{
	position:relative;
	background:#f8f8f8;
	height:84px;line-height:normal;
	padding:0;
}

#header .headerAccountMenu .headerAccountItem.headerAccountUserInfo label,
#header .flyoutMenuContainer .headerAccountItem.headerAccountUserInfo label{
	font-family:BrandonGrotesque;
	font-weight: 700;
	font-size:12px;
	text-transform:uppercase;
	color:#3b3b3b;
	padding:27px 0 27px 31px;
	text-indent:0;
	display:inline-block;
}

#header .flyoutMenuContainer .headerAccountItem.headerAccountUserInfo label{
	width:61.5625%;
	padding-right:3%;
}

#header .flyoutMenuContainer .headerAccountItem.headerAccountUserInfo label span{
	text-decoration:underline;
}

#header .headerAccountMenu .headerAccountItem.headerAccountUserInfo label strong,
#header .flyoutMenuContainer .headerAccountItem.headerAccountUserInfo label strong{
	font-weight: 700;
}

#header .headerAccountMenu .headerAccountItem.headerAccountUserInfo .ico-user_logged,
#header .flyoutMenuContainer .headerAccountItem.headerAccountUserInfo .ico-user_logged{
	color:#e30613;
	font-size:24px;
}

#header .headerAccountMenu .headerAccountItem.headerAccountUserInfo .ico-spar_logo,
#header .flyoutMenuContainer .headerAccountItem.headerAccountUserInfo .ico-spar_logo{
	color:#007a4f;
	font-size:27px;
}

#header .headerAccountMenu .headerAccountItem .ico-gear{
	font-size:24px;
	top:6px;
}

#header .headerAccountMenu .headerAccountItem .ico-heart_empty,
#header .headerAccountMenu .headerAccountItem .ico-list{
	font-size:22px;
	top:4.25px;
}

#header .headerAccountMenu .headerAccountItem .ico-orders{
	font-size:23px;
	top:5.75px;
}

#header .headerAccountMenu .headerAccountItem .ico-sign_out{
	font-size:22px;
	top:5.5px;
}

#header .flyoutMenuContainer .headerAccountItem .icoMobileLogout{
    display: inline-block;
    width: 20%;
    text-align: center;
    border-left: 1px solid #ccc;
}

#header .flyoutMenuContainer .headerAccountItem .icoMobileLogout .ico-sign_out{
	font-size:25px;
	color:#808080;
	padding:10px 0;
}

#header .headerAccountMenu .headerAccountItem.headerAccountItemMyList .headerMyListEntries{
	background:#505050;
}

#header .headerAccountMenu .headerAccountItem.headerAccountItemMyList .headerMyListEntries .headerMyListEntry{
	font-family:BrandonGrotesque;
	font-size:12px;
	font-weight: 700;
	color:#eaeaea;
	text-indent:27.1875%; /*87/320*/
	text-indent:90.5px;
	text-transform:capitalize;
}

#header .headerAccountMenu .headerAccountItem.headerAccountItemMyList .headerMyListEntries .headerMyListEntry.linkToMyLists a{
	font-weight: 400;
	text-decoration:underline;
	text-transform:uppercase;
}

#header .headerAccountMenu .headerAccountItem .smartCartIcon {
	top: 10.25px;
}

#header .headerAccount .headerAccountUserInfo{
	height:84px;
	line-height:normal;

	font-family:BrandonGrotesque;
	font-size:12px;

	padding-left:27.1875%;

	display:table;
	vertical-align:middle;
	width:100%;
}

#header .headerAccount .headerAccountUserInfo label{
	text-indent:0;
	font-weight: 700;
	color:#4c4c4c;

	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:84px;
}

#header .headerAccount .headerAccountUserInfo label .user{
	display:inline-block;
	max-width:130px;
}

#header .headerAccount .headerAccountUserInfo label strong{
	font-weight: 700;
	color:#3b3b3b;
}

#header .middleHeader .headerEntry.headerCart,
#header .headerEntry.headerCart{
	position:relative;
}

#header .middleHeader .headerEntry.headerCart .ico-shopping_cart,
#header .headerEntry.headerCart .ico-shopping_cart{
	position:absolute;
	font-size:31px;
	color:#808080;
	top:50%;margin-top:-15.5px;
	left:50%;margin-left:-16.5px;
}

#header .middleHeader .headerEntry.headerCart .cartEntries,
#header .headerEntry.headerCart .cartEntries{
	position:absolute;
	width:20px;height:20px;line-height:20px;
	border-radius:50%;
	background:#009640;

	font-family:BrandonGrotesque;
	font-weight: 700;
	font-size:12px;
	color:#ffffff;
	text-align:center;

	top:-10px;
	left:50%;
	margin-left:2px;
}

#header .middleHeader .headerEntry.headerMenuMobile{
	position:relative;
	border-left:1px solid #cccccc;
}

#header .middleHeader .headerEntry.headerMenuMobile.open{
	background:#f8f8f8;
	border-bottom:1px solid #f8f8f8;
}

#header .middleHeader .headerEntry.headerMenuMobile span{
	top:29px;
	left:50%;
	margin-left:-10px;
}

#header .middleHeader .headerEntry.headerMenuMobile span,
#header .middleHeader .headerEntry.headerMenuMobile span:before,
#header .middleHeader .headerEntry.headerMenuMobile span:after {
  cursor: pointer;
  height:2px;
  width:20px;
  background:#8d8d8d;
  position:absolute;
  display:block;
  content:'';
}
#header .middleHeader .headerEntry.headerMenuMobile span:before {
  top: -7px;
}
#header .middleHeader .headerEntry.headerMenuMobile span:after {
  bottom: -7px;
}

#header .noTimeSlot {
	font-family:BrandonGrotesque;
	font-weight:700;
	font-size:13px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	margin: 0.8em 0 0;
	display: none;
}

#header .no-timeslots .noTimeSlot {
	white-space: normal;
	display: block;
}

.no-timeslots .slotSelected__content-wrapper {
	display: none;
}

#header .middleHeader .headerEntry.headerMenuMobile span,
#header .middleHeader .headerEntry.headerMenuMobile span:before,
#header .middleHeader .headerEntry.headerMenuMobile span:after {
	-webkit-transition:all 200ms ease-in-out;
		-moz-transition:all 200ms ease-in-out;
		  -o-transition:all 200ms ease-in-out;
  			  transition:all 200ms ease-in-out;
}

#header .middleHeader .headerEntry.headerMenuMobile.open span{background-color:transparent;margin-left:-14.5px;}
#header .middleHeader .headerEntry.headerMenuMobile.open span:before{
	top:0;
	-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		 -ms-transform:rotate(45deg);
			  transform:rotate(45deg);
}
#header .middleHeader .headerEntry.headerMenuMobile.open span:after{
	top:0;
	-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		 -ms-transform:rotate(-45deg);
			  transform:rotate(-45deg);
}

#header .middleHeader .headerEntry.headerMenuMobile.open span{
	background:transparent;
}

#header .middleHeader .headerEntry.headerMenuMobile.open span:before,
#header .middleHeader .headerEntry.headerMenuMobile.open span:after {
	height:2.8px;
	width:32px;
	background:#808080;
	border-radius: 5px;
}

#header .headerAccount .ico-user, #header .stickyheader .loginSticky .ico-user {
	position:absolute;
	color:#808080;
	font-size:24px;
	top:50%;margin-top:-13px;
	left:50%;margin-left:-12px;
}

@media(min-width:768px){
	#header .middleHeader .headerAccount:hover,
	#header .middleHeader .headerEntry.headerCart:hover{
		background:#f8f8f8;
	}
	#header .headerAccountMenu .headerAccountItem.headerAccountUserInfo{
		border-left:1px solid #cccccc;
	}
	#header .headerAccountMenu .headerAccountItem.headerAccountUserInfo i{
		margin-left:31px;
	}
}

/*****************************************************************
############################# FLYOUT MENU ########################
******************************************************************/
#header .flyoutMenuWrapper{
	position:relative;
}

#header .flyoutMenuContainer{
	position:absolute;
	background: transparent;
	width:100%;
	z-index:11;
	display:none;
}

#header .flyoutMenuContainer.open,
#header .flyoutMenuContainer.active{
	display:block;
}

#header .flyoutMenuContainer .flyoutMenu{
	background:#b00511;
	padding:0;
	display:none;
}

#header .flyoutMenuContainer .flyoutMenu.open,
#header .flyoutMenuContainer .flyoutMenu.active{
	display:block;
}

#header .flyoutMenuContainer .flyoutHeadline{
	margin:0;padding:0;
	height:60px;line-height:60px;
	border-bottom:1px solid #b00511;
	cursor:pointer;
	text-transform:uppercase;
	background:#E0001A;
}

#header .flyoutMenuContainer .flyoutHeadline,
#header .flyoutMenuContainer .flyoutHeadline a,
#header .flyoutMenuContainer .flyoutMenu li a{
	display:block;
	font-family:BrandonGrotesque;
	font-weight: 700;
	font-size:14px;
	color:#ffffff;
	text-align:right;
	padding-right:20px;
	text-decoration:none;
	outline:none;
}

#header .flyoutMenuContainer .flyoutHeadline a{
	padding-right:0;
}

#header .flyoutMenuContainer .flyoutHeadline:focus,
#header .flyoutMenuContainer .flyoutHeadline a:focus{
	outline:none;
}

.flyoutMenuContainer .flyoutMenu li a{
	display:block;
	line-height:50px;
}


/*********************TIMESLOT*******************************/
#header .timeslotBookedContainer{
	position:relative;
}
#header .timeslotBookedContainer .timeslotBooked{
	position:absolute;
	z-index:4;
	background:#f8f8f8;
	width:100%;
	border-bottom:1px solid #ccc;
}

#header .timeslotBookedContainer .timeslotBooked .slotSelected{
	width:300px;
	margin:10px auto 0 auto;
	padding: 9px 5px;
	background-color: #C90613;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#header .timeslotBookedContainer .timeslotBooked .slotSelected.keepTimeSlot{
	background: #0c8426;
}

#header .timeslotBookedContainer .timeslotBooked .slotSelected {
	position: relative;
}

#header .timeslotBookedContainer .order-modification__countdown-container {
	font-size: 11px;
	position: absolute;
	top: 6px;
}

#header .timeslotBookedContainer .order-modification__countdown {
	font-size: 13px;
	font-weight: bold;
}

#header .timeslotBookedContainer.sticky{
    position: fixed;
    top: 61px;
    z-index: 999;
    width: 100%;
}
@media (min-width: 768px){
    #header .timeslotBookedContainer.sticky{
    top: 84px;
    }
}

#header .timeslotBookedContainer .timeslotBooked .slotSelected .deliverySelected,
#header .timeslotBookedContainer .timeslotBooked .slotSelected .timeSlotSelected{
	font-family:BrandonGrotesque;
	font-weight: 700;
	font-size:10px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	margin:0;
}

#header .timeslotBookedContainer .timeslotBooked .slotSelected .timeSlotSelected{
	font-weight: 700;
	font-size:18px;
	text-transform:capitalize;
}

#header .timeslotBookedContainer .timeslotBooked .timeLeft{
	position:relative;
	width:300px;
	background-color:#96050e;
	text-align:center;
	margin:0 auto 10px auto;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:9px 5px;
}

#header .timeslotBookedContainer .timeslotBooked .timeLeft.keepTimeSlot {
	background: #0c8426;
}

#header .timeslotBookedContainer .timeslotBooked .timeLeft:before{
	position: absolute;
	content: '\a054'; /* ico-timeslot */
	color:#ffffff;
	font-size:22px;
	top:50%;margin-top:-11px;
	opacity:0.7;
	left: 15%;
}

#header .timeslotBookedContainer .timeslotBooked .timeLeft .timeLeftLbl,
#header .timeslotBookedContainer .timeslotBooked .timeLeft .onboardingLink{
	color:#ffffff;
	opacity:0.7;
	font-family:BrandonGrotesque;
	margin:0;padding:0;
}

#header .timeslotBookedContainer .timeslotBooked .timeLeft .onboardingLink{
	border:0;outline:0;background:none;
	text-transform:uppercase;
	text-decoration:underline;
	margin:0;padding:0;
}


/******************** END TIMESLOT **********************/

@media(min-width:768px){

	#header .headerEntry{
		height:84px;
	}

	.stickyheader .searchBoxWrapper .searchBox .searchType {
		width: 15%;
		margin-left: 1.76%;
	}

	.stickyheader .searchBoxWrapper .searchBox .siteSearchInput {
		width: 65%;
	}
	.stickyheader .searchBoxWrapper .searchBox .searchBtn {
		width: 17%;
	}

	#header .middleHeader .headerEntry{
		height:84px;
	}

	#header .middleHeader .headerEntry.logo .simple-banner{
		width:100%;/*110/768*/
	}

	#header .middleHeader .headerLinks{
		width:50.9114583333%; /*391/768*/
		cursor:default;
	}

	#header .middleHeader .headerLinks .headerLinksList .headerLink{
		float:left;
		padding-left:2px;
	}

	#header .middleHeader .headerLinks .headerLinksList .headerLink label,
	#header .middleHeader .headerLinks .headerLinksList .headerLink a{
		font-family:BrandonGrotesque;
		font-size:14px;
		font-weight: 700;
		color:#333333;
		line-height:84px;
		margin-right:25px;
		position:relative;
		text-transform:uppercase;
		cursor:pointer;
	}

	#header .middleHeader .headerLinks .headerLinksList .headerLink label:hover:after,
	#header .middleHeader .headerLinks .headerLinksList .headerLink label.open:after,
	#header .middleHeader .headerLinks .headerLinksList .headerLink label.active:after,
	#header .middleHeader .headerLinks .headerLinksList .headerLink a:hover:after{
		content:"";
		position:absolute;
		border-bottom:2px solid #000;
		width:100%;
		left:0;
		bottom:-5px;
	}

	#header .middleHeader .headerAccount,
	#header .middleHeader .headerCart,
	#header .middleHeader .headerEntry.headerTimeSlotOnlyMobile{
		width:11.5885416667%;	/*89/768*/
	}

	#header .middleHeader .headerAccount{
		border-width:0 1px 1px 1px;
		border-style:solid;
		border-color:#cccccc;
	}

	#header .headerAccountMenu{
		width:41.6666666667%;/*320/768*/
		max-width:445.5px;
		right:0;
		left:auto;
		margin-left:0;
	}

	#header .middleHeader .headerCart,
	#header .headerCart{
		border-right:1px solid #cccccc;
	}

	#header .middleHeader .headerEntry.headerCart .cartEntries,
	#header .headerEntry.headerCart .cartEntries{
		top:-10px;
		left:50%;
		margin-left:2px;
	}

	/*****************************************************************
	############################# FLYOUT MENU ########################
	******************************************************************/
	#header .flyoutMenuContainer,
	#header .flyoutMenuContainer .flyoutMenu{
		background:#262626;
	}

	#header .flyoutMenuContainer .flyoutMenu{
		padding:15px 3.515625%;/*27/768*/
		position:relative;
		top:-1px;
	}

	#header .flyoutMenuContainer .flyoutMenu li{
		float:left;
		width:33.8541666667%;/*260/768*/
		width:36.4145658263%;/*260/714*/
		text-align:left;
		line-height:normal;
		padding:10px 0 10px 1.5%;
		color:#cccccc;
	}

	#header .flyoutMenuContainer .flyoutMenu li:nth-child(3n){
		width:32.2916666667%;
		width:27.1708683473%;/*260/714*/
	}

	#header .flyoutMenuContainer .flyoutMenu li a{
		display:inline-block;
		width:100%;
		text-align:left;
		padding:0;
		line-height:normal;

		font-family:BrandonGrotesque;
		font-weight: 700;
		font-size:12px;
		color:#cccccc;
	}

	#header .flyoutMenuContainer .flyoutMenu li a:hover{
		color:#ec1c23;
	}

	#header .closeFlyoutMenuBar{
		background:#1a1a1a;
		height:40px;line-height:40px;
		text-align:right;
		padding-right:20px;
	}
	#header .closeFlyoutMenuBar label{
		font-family:BrandonGrotesque;
		font-weight: 700;
		font-size:12px;
		color:#4d4d4d;
		text-transform:uppercase;
		cursor:pointer;
	}

}

	@media(min-width: 1280px){

		#header .headerTimeSlotOnlyMobile:before,
		#header .stickyheader .headerTimeSlotOnlyMobile::before,
		#header .stickyheader .headerTimeSlotOnlyMobile.booked::before {
			position: absolute;
			top: 50%;
			left: 5px;
			transform: translate(0,-50%);
		}

		#header .middleHeader .headerTimeSlotOnlyMobile:before {
			margin-left: 18px;
			margin-top: 0;
		}

		#header .headerEntry.headerTimeSlotOnlyMobile{
			background:#b00511;
			border:0;
		}

		#header .headerTimeSlotOnlyMobile.booked{
			width:17.734375%;/*227/1280*/
			cursor:auto;
		}

		#header .headerTimeSlot.booked{
			cursor:auto;
		}
	}

	#header .headerTimeSlotOnlyMobile.booked .slotSelected{
		padding:26px 20px 0 63px;
		vertical-align:middle;
		color:#fff;
		font-size:10px;
		font-weight:700;
	}
@media(min-width:768px){
	#header .timeslotBookedContainer .timeslotBooked{
		width:320px;
		right:0;
		border-left:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	#header .headerEntry.logo{
		width: 14.3%;
	}
}

@media(min-width:1280px) {

	#header .headerTimeSlotOnlyMobile.booked::before {
		margin-left:18px;
		left:auto;
	}

	#header .headerTimeSlotOnlyMobile::before,
	#header .headerTimeSlotOnlyMobile.booked::before{
		color:#ffffff;
	}

	#header .middleHeader .headerEntry.logo{
		width:19.453125%;/*249/1280*/
    }
    @media all and (-ms-high-contrast:none){
        #header .middleHeader .headerEntry.logo{
            width:19.46%;/*249/1280*/
        }
    }

	.stickyheader .searchBoxWrapper .searchBox .searchType {
		width: 10%;
		margin-left: 12px;
	}

	.stickyheader .searchBoxWrapper .searchBox .siteSearchInput {
		width: 68%;
	}

	.stickyheader .searchBoxWrapper .searchBox .searchBtn {
		width: 17%;
	}
}


@media(min-width:1280px){

	#header .middleHeader{
		border-bottom:1px solid #cccccc;
	}

	#header .middleHeader .headerEntry{
		border-bottom:0;
	}

	#header .headerEntry.logo{
		width: 200px;
	}

	#header .middleHeader .headerLinks{
		width:55.546875%;
		width:48.515625%;
		/*width:66.40625%;/*850/1280*/
		/*width:59.375%;/*760/1280*/
	}

	#header .middleHeader .headerLinks .headerLinksList .headerLink label,
	#header .middleHeader .headerLinks .headerLinksList .headerLink a{
		margin-left:25px;
	}

	#header .middleHeader .headerLinks.bookedTimeslot{
		width:37.8125%;
/* 		width:48.671875%;623/1280 */
	}

	#header .stickyheader .headerLinks.bookedTimeslot{
		width:763px;
	}

	#header .middleHeader .headerAccount{
		width:7.03125%;/*90/1280*/
		margin-left:10.9375%;/*140/1280*/
	}

	#header .middleHeader .headerAccount.logged{
		width:17.96875%;/*230/1280*/
		margin-left:0;
		text-align:left;
	}

	#header .stickyheader .headerAccount.logged{
		width: 90px;
	}

	#header .middleHeader .headerAccount .headerAccountUserInfo{
		padding-left:36.9565217391%;/*85/230*/
		padding-left:90px;
		text-transform:uppercase;
		color:#4c4c4c;
	}

	#header .middleHeader .headerAccount:before,
	#header .middleHeader .headerAccount.logged:before,
	#header .middleHeader .headerAccount.logged.employee:before{
		left:0;
		margin-left:32px;
	}

	#header .middleHeader .headerAccount.logged.open:before{
		content:"\a058";/*ico-user_logged*/
		color:#e30613;
		left:0;
		margin-left:32px;
	}

	#header .middleHeader .headerAccount.logged.open.employee:before{
		content:"\a051";/*ico-spar_logo*/
		color:#007a4f;
		font-size:27px;
		margin-top:-14.5px;
	}

	#header .middleHeader .headerAccount .headerAccountUserInfo label{
		font-family:BrandonGrotesque;
		font-weight: 700;
		font-size:12px;
		color:#4c4c4c;
	}

	#header .middleHeader .headerAccount .headerAccountUserInfo strong{
		font-weight: 700;
		color:#3b3b3b;
	}

	#header .middleHeader .headerAccount.open .headerAccountUserInfo{
		border-bottom:0;
	}

	#header .headerAccountUserInfo label{
		cursor:pointer;
	}

	#header .middleHeader .headerCart,
	#header .middleHeader .headerEntry.headerTimeSlotOnlyMobile{
		width:7.03125%;/*90/1280*/
	}

	#header .headerCart,
	#header .headerEntry.headerTimeSlotOnlyMobile{
		width: 90px;
	}

	#header .headerAccountMenuWrapper{
		position:relative;
		max-width:1280px;
		clear:both;
	}

	#header .headerAccountMenu{
		max-width: 320px;
		right:7.03125%;
	}

	#header .headerAccountMenu.bookedTimeslot{
		right:17.734375%;
	}

	/*****************************************************************
	############################# FLYOUT MENU ########################
	******************************************************************/
	#header .flyoutMenuContainer{
	}

	#header .flyoutMenuContainer .flyoutMenu{
		float:left;
		width:66.875%;/*856/1280*/
	}

	#header .flyoutMenuContainer .relatedImageContainer{
		float:left;
		width:33.125%;/*424/1280*/
		position:relative;
	}

	#header .flyoutMenuContainer .relatedImageContainer img{
		width:100%;
		max-width:100%;
		position:absolute;
		top:0;
	}

	#header .flyoutMenuContainer .relatedImageContainer,
	#header .flyoutMenuContainer .relatedImageContainer img {
		height: 252px;
	}

	/*TIMESLOT*/
	#header .middleHeader .headerEntry.headerTimeSlotOnlyMobile{
		background:#b00511;
		border:0;
	}


	#header .middleHeader .headerTimeSlotOnlyMobile::before,
	#header .middleHeader .headerTimeSlotOnlyMobile.booked::before{
		color:#ffffff;
	}

	#header .middleHeader .headerTimeSlotOnlyMobile.booked{
		width:17.734375%;/*227/1280*/
		cursor:auto;
	}

	#header .headerTimeSlotOnlyMobile.booked{
		width:17.734375%;/*227/1280*/
		cursor:auto;
	}

	#header .middleHeader .headerTimeSlotOnlyMobile.booked::before {
		margin-left:20px;
		left:auto;
	}

	#header .middleHeader .headerTimeSlotOnlyMobile.booked .slotSelected{
		padding: 26px 20px 0 63px;
		vertical-align:middle;
		color:#fff;
		font-size: 10px;
		font-weight: 400;
	}

	#header .middleHeader .headerTimeSlotOnlyMobile.booked .slotSelected .deliverySelected{
/* 		text-transform:uppercase; */
	}

	#header .middleHeader .headerTimeSlotOnlyMobile.booked .slotSelected .timeSlotSelected{
		text-decoration:underline;
		cursor:pointer;
	}

	#header .middleHeader .headerTimeSlotOnlyMobile.booked .slotSelected .timeLeftLbl{
		font-size: 10px;
	}

	#header .headerTimeSlotOnlyMobile.booked .slotSelected{
		padding:26px 20px 0 63px;
		vertical-align:middle;
		color:#fff;
		font-size:10px;
		font-weight:700;
	}

	#header .headerTimeSlotOnlyMobile.booked .slotSelected .deliverySelected{
		text-transform:uppercase;
	}

	#header .middleHeader .headerTimeSlotOnlyMobile.booked .slotSelected .timeSlotSelected,
	#header .headerTimeSlotOnlyMobile.booked .slotSelected .timeSlotSelected{
		font-size:12px;
		text-decoration:underline;
		cursor:pointer;
	}

	#header .headerTimeSlotOnlyMobile.booked .slotSelected .timeLeftLbl{
		font-size:10px;
		font-weight:500;
	}


}

#header .headerTimeSlotOnlyMobile .slotSelected p{
	margin-bottom:5px;
}


/*****************************************************************
############################# BOTTOM HEADER ########################
******************************************************************/

@media(min-width:768px){

	#header .bottomHeader{
		height:85px;
		background:#f8f8f8;
		border-bottom:1px solid #cccccc;
	}

	#header .bottomHeader .allCategoriesHeaderNavWrapper{
		float:left;
		width:250px;
		border-right:1px solid #cccccc;
		cursor: pointer;
	}

	#header .stickyheader .bottomHeader .searchBoxWrapper {
		border-right: 1px solid #CCCCCC;
		float:left;
		width:calc(55.7% - 140px);
	}

	#header .bottomHeader .searchBoxWrapper{
		float:left;
		width: calc(100% - 250px);
	}

}

@media(min-width:1280px){
	.advertisement {
		display: block;
		width: 227px;
		border-right: 1px solid #ccc;
		float: left;
		height: 100%;
		text-align: center;
	}

	#header .bottomHeader{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
	}

	#header .bottomHeader .allCategoriesHeaderNavWrapper{
		width:249px;
		border-left:1px solid #cccccc;
	}

	#header .bottomHeader .searchBoxWrapper{
		width: calc(82.265625% - 249px);/*960/1280*/
		border-right:1px solid #cccccc;
	}

	#header .stickyheader .bottomHeader .searchBoxWrapper {
		width: calc(100% - 140px);
	}

	#header .headerEntry.headerTimeSlotOnlyMobile.keepTimeSlot {
		background: #0c8426;
	}
}



/****************************************************************************
############################# CHECKOUT MIDDLE HEADER ########################
*****************************************************************************/
#header .middleHeader.checkoutHeader{
	border-bottom:1px solid #cccccc;
}

#header .middleHeader.checkoutHeader .headerEntry{
	border-bottom:0;
}

#header .middleHeader .headerEntry.headerPhoneCheckout{
	position:relative;
	float:right;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

#header .middleHeader .headerEntry.headerPhoneCheckout .ico-phone{
	color:#DA0219;
	position:absolute;
	top:50%;margin-top:-14.5px;
	left:50%;margin-left:-14.5px;
	font-size:29px;
}

#header .middleHeader .headerEntry.headerLogoutCheckout{
	position:relative;
	float:right;
}

#header .middleHeader .headerEntry.headerLogoutCheckout .ico-sign_out{
	position:absolute;
	font-size:22px;
	top:50%;margin-top:-11px;
	left:50%;margin-left:-11px;
	color:#808080;
}

#header .middleHeader .headerLogoutCheckout{
	width:19.6875%;/*63/320*/
}

#header .middleHeader .checkoutCallCenterInfo{
	float:right;
	width:380px;height:84px;
	padding-top:15px;
	padding-left:60px;
	font-family:BrandonGrotesque;
	font-weight: 400;
	font-size:12px;
	color:#232323;
	position:relative;
}

#header .middleHeader .checkoutCallCenterInfo:before{
	content:"\a041";/*ico-phone*/
	color:#da0219;
	font-size:38px;
	position:absolute;
	top:50%;margin-top:-19px;
	left:0;
}

#header .middleHeader .checkoutCallCenterInfo span.red{
	font-family:BrandonGrotesque;
	font-weight: 400;
	font-size:12px;
	font-weight: 700;
	color:#e30613;
}

@media(min-width:768px){
	#header .middleHeader .headerLogoutCheckout{
		width:11.5885416667%;/*89/768*/
		border-left:1px solid #cccccc;
	}
}

@media(min-width:1280px){
	#header .middleHeader .headerLogoutCheckout{
		width:7.03125%;/*90/1280*/
		border-right:1px solid #cccccc;
	}
}

/* cookie layout classes start*/
.cookie.alert {
	display:none;
	margin: 0 auto;
   max-width: 1280px;
   min-width: 320px;
}

.cookie.alert-warning {
	color: #838383;
	background-color: #e9e9e9;
	box-shadow: inset;
	text-align:center;
}
.cookie.alert.alert-warning {
	padding: 15px;
	margin-bottom: 0px;
	border-radius: 0px;
	border: none;
}
.cookie.alert.alert-warning p {
	font-size: 12px;
	line-height:20px;
}

.cookie.alert.alert-warning.alert-dismissible
.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.cookie.alert.alert-warning.alert-dismissible
button.close {
	 margin-left: 50px;
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}

.cookie.alert.alert-warning.alert-dismissible
.close {
    color: #000000;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #ffffff;
}

/* cookie layout classes end*/




/*BottomHeader REFACTOR -->START*/
.searchBoxWrapper{
	width: 100%;
	border-right:1px solid #cccccc;
	flex: 1;
}

@media (min-width:1280px){
	.searchBoxWrapper{
		width:804px;
	}
}

.advertisement_Icon_text {
	display: block;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.flyerIcon {
	font-size: 24px;
	color: #c90613;
	line-height: 1.5;
	padding-left: 20px;

}
.flyerText {
	font-size: 14px;
	padding-left: 5px;
	width: 60%;
	line-height: 1.3;
	text-transform: uppercase;
}

/*BottomHeader REFACTOR -->END*/


.noScrollBody {
	position: fixed;
	width: 100%;
	height: 100%;
}

.subCategoriesMobileContainer.noScroll {
	position: fixed;
	width: 100%;
	top: 61px;
	overflow-y: auto;
	bottom: 0;
}

/* MENU FIRST LVL */
.ulCategory.subCategoriesMobileContainer{
	background:white;
}
.ulCategory.subCategoriesMobileContainer > li{
	border-bottom: 1px solid #eaeaea;
	/* height: 60px; */
	cursor: pointer;
}
.ulCategory.subCategoriesMobileContainer > li > a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	/* line-height:60px; */
	padding-left: 12px;
}
.ulCategory.subCategoriesMobileContainer > .liCategory.back{
	line-height:60px;
}





/*TOP HEADER 2.0*/
.header-top__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #262626;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.header-top__wrapper a {
  font-family: BrandonGrotesque;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 9px 20px;
}

.header-top__wrapper .header-top__left,
.header-top__wrapper .header-top__right {
  position: relative;
  width: 220px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 5px 0 0;
}

.header-top__wrapper .header-top__right {
  width: calc(100% - 220px);
  background-color: #1f1f1f;
  justify-content: flex-end;
}

.header-top__wrapper .header-top__left .header-top__cta {
  color: #adadad;
  padding:9px 20px;
  width: 100%;
  position: relative;
  cursor: pointer;
}

.header-top__wrapper .header-top__left .header-top__cta::before {
  content: '\a010';
  font-family: sparicons;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 8px;
  right: 5px;
}

.header-top__wrapper .header-top__left .header-top__cta.is-open::before {
  transform: translateY(-50%) rotateX(180deg);
}

.header-top__wrapper .header-top__left .header-top__left__links {
  position: absolute;
  top: 100%;
  z-index: 999;
  background-color: #262626;
}

.header-top__wrapper .header-top__left .header-top__left__links a {
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  border-top: 1px solid #1f1f1f;
}

.loggedOut .hiddenWhenLoggedOut {
	display: none !important;
}

@media (min-width:1280px) {
  .header-top__wrapper .header-top__left {
    width: 60%;
  }

  .header-top__wrapper .header-top__left .header-top__left__links {
    width: 70%;
    position: static;
    top: auto;
  }

  .header-top__wrapper .header-top__left .header-top__cta {
    width: auto;
    cursor: auto;
  }

  .header-top__wrapper .header-top__left .header-top__cta::before {
    content: '';
  }

  .header-top__wrapper .header-top__left .header-top__left__links a{
    border-top: 0;
    width: auto;
  }

  .header-top__wrapper .header-top__right {
    width: 40%;
	}
}