/* 		
		html{
    		overflow-x: hidden;
		} */
		html.showSearchResults{
			overflow-y:hidden !important;
		}
		body.noScroll{
			overflow-y:hidden !important;
		}
		body{
			overflow: unset;
		    overflow-x: unset;
			max-height: 100vh;
			overflow-x: hidden !important;
			max-height: 100vh;
			height: 100vh !important;
			padding: 0;
			box-sizing: border-box;
			webkit-box-sizing: border-box;
		}
		.header2020 {
			display: block;
			border-bottom: 1px solid black;
			background: #ffffff;
		}
		.header2020 i.fal{
    		font-family: "Font Awesome 5 Pro";
		}

		
		.header2020, .header2020 *,  .header2020 *:after,  .header2020 *:before{		
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		}
		.header2020Wrapper{
			position: sticky;
			top: 0px;
			z-index: 200;
		}
		.header2020{
			/*padding:0 15px;*/
			width:100% !important;
			display:block;
        	font-family:"Open Sans", Helvetica, Arial, sans-serif !important;
			-webkit-transform: translateY(0%);
			-moz-transform:  translateY(0%);
			-ms-transform:  translateY(0%);
			-o-transform: translateY(0%);
			transform: translateY(0%);
			transition:transform 0.2s ease-in-out;
			-moz-transition:transform 0.2s ease-in-out;
			-webkit-transition:transform 0.2s ease-in-out;
		    -ms-transition: transform 0.2s ease-in-out;
		    -o-transition:transform 0.2s ease-in-out; 
		}
		.header2020.hidden{
 			-webkit-transform: translateY(-100%);
			-moz-transform:  translateY(-100%);
			-ms-transform:  translateY(-100%);
			-o-transform: translateY(-100%);
			transform: translateY(-100%); 
		}
		.header2020 div{
        	font-family:"Open Sans", Helvetica, Arial, sans-serif !important;
        }
		
		/**** Sticky nav *****/
		.header2020.logobar{
			
			display:block;
			position: -webkit-sticky;
		    position: sticky;
		    top: 0;
			z-index: 999;
		    background: #fff;
			border-bottom: 3px solid #e3b657;	
		}

		@media screen and (max-width: 1130px){
			.header2020.logobar .logoServiceWrapper{
				padding: 0 15px;
			}
		}

		@media screen and (max-width:766px){
			.header2020.logobar{
				border-bottom:1px solid #eae1cc;
				/* height: calc(100% - 30px); */
				height: 100%;
				position: initial;
			}
			
		}
		
		.header2020.logobar:hover + .header2020.navbar.scrolledAway,
		.header2020.navbar.scrolledAway:hover {
			-webkit-transform: translateY(0%);
			-moz-transform:  translateY(0%);
			-ms-transform:  translateY(0%);
			-o-transform: translateY(0%);
			transform: translateY(0%);
		}
		/* .header2020.usps{
			position: sticky;
		    top: 0;
		    z-index: 1999;
		} */
		/* @media only screen and (max-width:600px){
			.header2020.usps{
				position: sticky;
			    top: 0;
			    z-index: 1999;
			}
		} */
		.header2020.navbar{
			transition:transform 0.2s ease-in-out;
			-moz-transition:transform 0.2s ease-in-out;
			-webkit-transition:transform 0.2s ease-in-out;
		    -ms-transition: transform 0.2s ease-in-out;
		    -o-transition:transform 0.2s ease-in-out;
		    
		
			-webkit-transform: translateY(0%);
			-moz-transform:  translateY(0%);
			-ms-transform:  translateY(0%);
			-o-transform: translateY(0%);
			transform: translateY(0%);
			/* position: sticky;
		    top: 66px; */
		    z-index: 1994;
		    width:100% !important;
		    max-width:100% !important;
		    margin:0;
		}
		.header2020.navbar.scrolledAway{
			-webkit-transform: translateY(-100%);
			-moz-transform:  translateY(-100%);
			-ms-transform:  translateY(-100%);
			-o-transform: translateY(-100%);
			transform: translateY(-100%);
		}
		#navigationmenu{
		
		}
		
	    
/********** Logo **********/
		.header2020 .logoWrapper{
			position:relative;
			/*margin: 10px 0;*/
			width:100%;
			justify-content: center;
			align-items: center;
			justify-content: space-between;
			display:flex;
		}

		.cnIconWrap{
			margin-top:5px !important;
		}
	
		.cnIconWrap .jd img{
			margin-left:0;
		}
	
		.cnIconWrap .jd a{			
			display:block;
			margin:0;
			font-size:10px;
			text-align:center;	
		}
		
    	
		.header2020 .logoWrapper > *:not(.desktop){
			display:inline-flex !important;
			vertical-align:middle;
		}
		.header2020 .logoWrapper > a {
			margin:0;
			height:66px;
			/* width: 230px !important;
			max-width: 230px; */
		}
		.header2020 #globalsearch {
			width: 100%;
			margin-left: 2rem;
			margin-right: 2rem;
			max-width: 460px;
		}
		.header2020 .logoWrapper .burgerAndLogo{
			align-items: center;
		}
		.header2020 .logoWrapper .burgerAndLogo > a {
			margin-bottom:0;
		}
		
		.header2020 .logoWrapper .burgerAndLogo img{

			padding: 8px 0;
		    width: auto;
		    max-width: 230px;

	    }


		.medUK .header2020 .logoWrapper .burgerAndLogo img{
			max-height: 78px;
			width:231px;

		}

	    @media screen and (max-width:600px){
			.header2020 .logoWrapper .burgerAndLogo img{
				width: 100%;
		    }
			div.header2020 .headerIcons #pointshopOpener {
				display:none !important;
			}
			div.header2020 .headerIcons span {
				display: none;
			}

	    }
	    
	    @media screen and (max-width:480px){
		    .header2020 .logoWrapper .burgerAndLogo > a {
			    padding-top: 3px;
			}
	    }
	    
	    @media screen and (max-width:320px){
		    .header2020 .logoWrapper .burgerAndLogo > a {
			    padding-top: 7px;
			}

	    }
	    
	    
	    
	    
	    
	    
	    
	/* ********* Menu ********* */
	
	/* Desktop */
	    
	    
		/* Menu bar */
		.header2020.navbar{
			padding:0 !important
		}
		.header2020 .menubarWrap{
			width: 100%; /*calc(100% + 30px);*/
			margin-left: 0;
		    clear: both;
		    background:#eae1cc; /*#f7f7f7;*/
		    z-index: 199;
			overscroll-behavior: contain;
		    
	    }
	    
	    .medUK .header2020 .menubarWrap{
	   	 background:#d5f2ff;
	    }

	    /* when search results is showing */
	    .showSearchResults .header2020 .menubarWrap{
	    	/* position: sticky;
		    bottom: 0; */
		}
		
	    .header2020 .menubarWrap #navigationmenu{
	    	float:none;
	    	clear:both;
	    	padding-right: 0;
	    }
	    
	    @media screen and  (min-width:1029px){
		    .header2020 .menubarWrap #navigationmenu{
	    		padding-right: unset;
		    }
	    }
	    
		    
		    
	    @media screen and  (min-width:1029px){
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs{
	   			margin-right: 0;
		    }
	    }
	    /* Set pointer for all li */
	    .header2020 .menubarWrap #navigationmenu li a{
	    	cursor:pointer !important;
	    	border-radius:none !important;
	    	border-top-left-radius:0 !important;
	    }
	    #navigationmenu .nav-tabs li:last-child, #navigationmenu .nav-tabs li:last-child a{
	    	border-top-right-radius:0 !important;
	    }
	    
	   
	    	
	    .header2020 .menubarWrap ul.nav-tabs li a{
	    	position:relative;
	    	z-index:4;
	    	text-decoration:none;
	    	color:#333;
	    	margin-right:0 !important;
	   	}
	    
	    
	    
	    
	    
	    
	    /**/
	    
	    
	    @media screen and (min-width:767px){
			
			.header2020 .menubarWrap{
			    display: block;
		    }
	    }
	    
	    /* 1 level */
	    .header2020 .menubarWrap #navigationmenu ul.nav-tabs{
 		 /*height: 40px; */
	    	background:none;
			margin-left: 1px;
			/*float:left;*/
	    }

	    body.showMenuProductview .header2020 .menubarWrap #navigationmenu ul.nav-tabs li#menuproductview a,
	    .header2020 .menubarWrap #navigationmenu ul.nav-tabs li.active a{
	    	background:#2e4145 !important;
	    	color:#fff!important;
	    	border-radius: 0 !important;
	    }
	    
	    body.showMenuProductview .header2020 .menubarWrap #navigationmenu ul.nav-tabs li.active a,
	    body.showMenuProductview .header2020 .menubarWrap #navigationmenu ul.nav-tabs li.active{
	    	background: transparent !important;
	    	color:#333!important;
	    	border-radius: 0 !important;
	    }
	    .header2020 .menubarWrap #navigationmenu .nav-tabs .active a:after{
	    	display:none;
	    }
	    
	    .header2020 .menubarWrap #navigationmenu ul.nav-tabs  li a{
	    	border-radius: 0 !important;
	    	color:#333;
			padding: 11px 15px 10px 15px;
			border:none;
	    }
	    
	    /* .medUK .header2020 .menubarWrap #navigationmenu ul.nav-tabs  li a{
	    	color:#fff;
	    }
	     */
	    

		/* .uk-style .header2020 .menubarWrap #navigationmenu ul.nav-tabs  li a{
			padding: 11px 20px 10px 20px;

		} */


	    .header2020 .menubarWrap #navigationmenu ul.nav-tabs li a:hover{
	    	background:#2e4145 !important;
	    	border-radius: 0 !important;
	    	color:#fff !important;
	    }
	    
	    
	    
	    @media screen and (min-width:767px){
	     	.header2020 .menubarWrap ul.nav-tabs li a.mobileMenuPoint{
		   		display:none;
		    }
		    .header2020 .menubarWrap ul.nav-tabs li a.desktopMenuPoint{
		   		display:block;
		    }
	    }
	    
	    
	    /* 2 level */
	     
	     .header2020 .menubarWrap #navigationmenu ul.nav-tabs li.active,
	     .header2020 .menubarWrap #navigationmenu ul.nav-tabs li:hover{
	    	background:#2e4145 !important;
	    }
	     
	     
	    /* When hover second level menu, set background color for sibling a */
	  	.header2020 .menubarWrap #navigationmenu ul.nav-tabs li ul.nav-pills:hover + a{
	    	background:#2e4145 !important;
	    	border-radius: 0 !important;
	    	color:#fff;
	    }
	    
	    @media screen and (min-width:767px){
		    .header2020 .menubarWrap #navigationmenu ul.nav-pills li:hover a,
			.productview--list li:hover
			{
		    	/*background:#ccc !important;*/
	   			border:none;
		    	border-radius: 0 !important;
		    	color:#E8B75E !important;
		    	transition:border 0.2s ease;
		    	
    	      	transition: border 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
			    -webkit-transition: border 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
			    -moz-transition: border 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
			    -ms-transition: border 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
			    -o-transition: border 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
	    
		    	border-left:5px solid #E8B75E;
		    }
	    	
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs li:hover ul{
		    	
				visibility:visible;
				opacity:1;
				height:auto;
				max-height:2000px;
				transform:translateY(0%);
				-webkit-transform:translateY(0%);
				-moz-transform:translateY(0%);
				-o-transform:translateY(0%);
				-ms-transform:translateY(0%);
		    }
		    
		    .header2020 .menubarWrap ul.nav-tabs li:focus ul.nav.pills,
		    .header2020 .menubarWrap ul.nav-tabs li:active ul.nav.pills{
		    	background-color:#2e4145 !important;
		    }
	    }
	    
	    
	    
	    
	    .header2020 .menubarWrap #navigationmenu ul.nav-pills {
		    margin: 0;
		    padding: 0;
		    list-style-type: none;
		    position: absolute;
			text-align: justify;
		    width:auto;
		    min-width:190px;
		    top: 40px;
		    margin-left:0px;
		    z-index: 2;
		    background: #2e4145;
			border:none;
					
			transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
			-webkit-transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
			-moz-transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
			-ms-transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
			-o-transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
					
			 visibility:hidden;
			opacity:0;
			height:0;
			max-height:0;
			transform:translateY(-40px);
			-webkit-transform:translateY(-40px);
			-moz-transform:translateY(-40px);
			-o-transform:translateY(-40px);
			-ms-transform:translateY(-40px);
		}
	   	.header2020 .menubarWrap #navigationmenu ul li.active ul.nav-pills li.active a
	     {
	   		border:none;
	   		/* border-radius:0 !important; */
	   		border-left:5px solid #E8B75E !important;
	   	}
	     		
		.header2020 .menubarWrap #navigationmenu ul.nav-pills:after {
		    content: "";
		    width: 100%;
		    /*display: inline-block;*/
		}
		.header2020 .menubarWrap #navigationmenu ul.nav-pills li {
		    display: block;
		    width:auto;
		    margin:0;
		}
		.header2020 .menubarWrap #navigationmenu ul.nav-pills li a{
	   		border:none;
			color:#fff;
			text-align:left;
			padding: 10px 35px 10px 15px;
		}
	    
	    
	    
	    
	    
	/********** Menu Mobile **********/
	    
		.header2020 .logoWrapper .menuBurgerIconWrap{
		
			/*reset button*/
			display: inline-block;
			border: none;
			margin: 0;
			padding: 0;
			font-size: 1rem;
			line-height: 1;
			background: transparent;
			-webkit-appearance: none;			
		    float: left;
		    width: 66px;
		    height: 66px;
		    background:#e8b75f;
			margin-left: -15px;
			display:block;
			cursor:pointer;
			font-size:29px;
		}
	    .header2020 .logoWrapper .menuBurgerIconWrap .menuBurgerIcon{
	    	font: inherit;
		    display: inline-block;
		    overflow: visible;
		    margin: 0;
		   /*  padding: 15px; */
		    cursor: pointer;
		    transition-timing-function: linear;
		    transition-duration: .15s;
		    transition-property: opacity,filter;
		    text-transform: none;
		    color: inherit;
		    border: 0;
		    background-color: transparent;
	    }
	    .hamburger-box{
		    position: relative;
		    display: inline-block;
		    width: 24px;
		    height: 24px;
	    }
        .header2020 .logoWrapper .menuBurgerIconWrap .menuBurgerIcon.hamburger--slider .hamburger-inner {
		    top: 4px;
		}
		 .header2020 .logoWrapper .menuBurgerIconWrap .menuBurgerIcon .hamburger-inner {
		    top: 50%;
		    display: block;
		    margin-top: -2px;
		}
		.header2020 .logoWrapper .menuBurgerIconWrap .menuBurgerIcon .hamburger-inner, .header2020 .logoWrapper .menuBurgerIconWrap .menuBurgerIcon .hamburger-inner:after, .header2020 .logoWrapper .menuBurgerIconWrap .menuBurgerIcon .hamburger-inner:before{
		    position: absolute;
		    width: 25px;
    		left: 0;
		    height: 4px;
		    transition-timing-function: ease;
		    transition-duration: .15s;
		    transition-property: transform;
		    border-radius: 4px;
		    background-color: #fff;
		}
		.header2020 .logoWrapper .menuBurgerIconWrap .menuBurgerIcon.hamburger--slider .hamburger-inner:before {
		    top: 10px;
		    transition-timing-function: ease;
		    transition-duration: .15s;
		    transition-property: transform,opacity;
		}
		.hamburger--slider .hamburger-inner:after,
		.hamburger--slider .hamburger-inner:before {
		    content:'';
		}
		.hamburger--slider .hamburger-inner:after {
		    top: 20px;
		}
		.hamburger-inner:after {
		    bottom: -10px;
		}
		
		body.showMenu .header2020 .logoWrapper .menuBurgerIconWrap .menuBurgerIcon.hamburger--slider .hamburger-inner {
		    transform: translate3d(0,10px,0) rotate(45deg) !important;
		}
		body.showMenu .header2020 .logoWrapper .menuBurgerIconWrap .menuBurgerIcon.hamburger .hamburger-inner, 
		body.showMenu .header2020 .logoWrapper .menuBurgerIconWrap .menuBurgerIcon.hamburger .hamburger-inner:after, 
		body.showMenu .header2020 .logoWrapper .menuBurgerIconWrap .menuBurgerIcon.hamburger .hamburger-inner:before {
		    background-color: #fff !important;
		}
		body.showMenu .header2020 .logoWrapper .menuBurgerIconWrap .menuBurgerIcon.hamburger--slider .hamburger-inner:before {
		    transform: rotate(-45deg) translate3d(-5.71429px,-6px,0) !important;
		    opacity: 0 !important;
		}
		body.showMenu .header2020 .logoWrapper .menuBurgerIconWrap .menuBurgerIcon.hamburger--slider .hamburger-inner:after {
		    transform: translate3d(0,-20px,0) rotate(-90deg) !important;
		}
	    
	    @media screen and (max-width:400px){
			.header2020 .menubarWrap{
				float:left !important;
				left:0 !important;
				margin-left:0 !important;
				overflow-y:auto;
			}
	    }
	    
	    @media screen and (max-width:600px){
			
			.header2020 .menuBurgerIconWrap{
				padding:11px 21px 17px 21px !important;
			}
			.header2020 .menubarWrap{
			    top: 0px !important;
		    }
		}
			
		
		/* burger icon adjust */
	    @media screen and (max-width:480px){
	    	.header2020 .logoWrapper .menuBurgerIconWrap{
	    		width:58px;
	    		padding:11px 15px 17px 15px !important;
	    	}
	    }

		@media screen and (min-width:601px) and (max-width:766px){
			.header2020 .logoWrapper .menuBurgerIconWrap{
				width: 92px;
				height: 92px;
			}
		
			.header2020 .logoWrapper img{
				max-height: 92px;
				padding: 24px 0;
				max-width:180px;
			}
			
			.header2020 .logoWrapper .cnIconWrap img{
				padding:0;
			}
		}
		
	    /* 1 level */
	    @media screen and (max-width:766px){
			body.showMenu .header2020Wrapper{
				height: calc(100vh - 30px);
				overflow: hidden;
				z-index: 10;
			}
	    	.header2020 .logoWrapper .menuBurgerIconWrap{
				display:block;
			    position: relative;
			    z-index: 111;
	    	}
	    	.header2020 .logoServiceWrapper{
				position: sticky;
				top:0px;
				z-index: 200;
	    	}
			.header2020 .menubarWrap{
			    display:none; 
			    width:100% !important;
			    float:right !important;
			    background:#ccc;
				color:#2e4145;
				margin-left:0 !important;
			    position: relative;
			    top: 0px;
			    right: 0;
			    /*height: 100vh;*/
			    z-index: 199;
				transform:translateX(100%);
				-webkit-transform:translateX(100%);
				-moz-transform:translateX(100%);
				-o-transform:translateX(100%);
				-ms-transform:translateX(100%);
				transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
				-webkit-transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
				-moz-transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
				-ms-transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
				-o-transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
		    }
			body.showMenu .header2020 .menubarWrap{
				display:block; 
				transform:translateX(0%);
				-webkit-transform:translateX(0%);
				-moz-transform:translateX(0%);
				-o-transform:translateX(0%);
				-ms-transform:translateX(0%);
				height: calc(100% - 55px);
				overflow-y: initial;
			}
			body.showMenu .header2020 .menubarWrap #navigationmenu{
				/* height: 100%; */
				/* height: calc(100% - 47px); */
				height: calc(100% - 47px);
				overflow: auto;
			}
		    
		    .header2020 .menubarWrap ul.nav-tabs li a.mobileMenuPoint{
				
			width: calc(100% - 60px);
		   		display:block;
		    }
		    .header2020 .menubarWrap ul.nav-tabs li a.desktopMenuPoint{
		   		display:none;
		    }
		    .header2020 .menubarWrap ul.nav-tabs{
		        /*overflow: auto; */
	 			/*height: calc(100vh - 66px) !important;*/ /* 88vh  */
			    width: 100%;
		    	border-top-left-radius:0 !important;
		    	border-top-right-radius:0 !important;
		    	border-bottom-left-radius:0 !important;
		    	border-bottom-right-radius:0 !important;
				/* Margin bottom makes sure, that CookieConsent icon is not blocking seight of menupoints */
				margin-bottom: 100px;
				
				display: flex;
				flex-direction: column;
				/*overflow-x: hidden; */
				margin-left: 0px!important;
				
		    }
		    .header2020 .menubarWrap ul.nav-tabs > li{
		    	border-bottom:1px solid #e6e6e6;
		    	margin-bottom:0 !important;
		    }
		    .header2020 .menubarWrap ul.nav-tabs li{
		    	/*float:none; */
		    	border-top-left-radius:0 !important;
		    	border-top-right-radius:0 !important;
		    	border-bottom-left-radius:0 !important;
		    	border-bottom-right-radius:0 !important;
		    }
		    
		    /* Mobile menu open and active */
		    .header2020 .menubarWrap ul.nav-tabs li.open a{
		    	background-color:#3d4d51;
		    	color:#fff;
		    }
		    .header2020 .menubarWrap ul.nav-tabs > li.open:after,
		    .header2020 .menubarWrap ul.nav-tabs > li.active:after{
		    	color:#fff !important;
		    	font-family: "Font Awesome 5 Free";
			    font-family: 'Font Awesome 5 Pro'; 
				font-weight: 400;
				content: "\f107";
		    }
		    
		    .header2020 .menubarWrap ul.nav-tabs li a{
		    	border:none;
		    } 
		    
		    
		    .header2020 .menubarWrap ul.nav-tabs li.active:after{
			    color: #fff;
			    border-left: 1px solid #e6e6e6;
		    }
		    
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li:hover a,
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li.open a,
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li:hover::after,
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li.open::after,
		    
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li:hover a,
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li.active a,
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li:hover::after,
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li.active::after{
		    	color:#fff !important;
		    	background-color:#2e4145;
		    }
		    /* .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li:hover a, */
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li.open a,
		    /* .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li:hover::after, */
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li.open::after,  
		    /* .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li:hover a, */
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li.active a,
		    /* .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li:hover::after, */
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs > li.active::after{
		    	border-bottom: 1px solid #e6e6e6;
		    }
		    
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs li.open::after{
		    	border-bottom: 1px solid #e6e6e6;
	    	}
		    
		    .header2020 .menubarWrap ul.nav-tabs li:focus,
		    .header2020 .menubarWrap ul.nav-tabs li:active{
		    	outline:none !important;
	    	}
		    
		    .header2020 .menubarWrap ul.nav-tabs li a{
		    	padding:18px 15px !important;
		    }
			.header2020 .menubarWrap ul.nav-tabs > li.hideArrow:after {
				display: none;
			}
			.header2020 .menubarWrap ul.nav-tabs > li.hideArrow a {
				width:100%;
			}
			
		    .header2020 .menubarWrap ul.nav-tabs > li:after{
		    
			    font-family: 'Font Awesome 5 Pro'; 
				font-weight: 400;
				content: "\f105";
			    width: 60px;
			    height: 100%;
			    float: right;
			    position: absolute;
			    right: 0;
			    top: 0;
		    	z-index:4;
			    padding: 18px 23px;
			    color: #2e4145;
			    border-left: 1px solid #e6e6e6;
			    font-size: 20px;
			    cursor:pointer;
	  						
			  	-webkit-box-sizing: border-box;
			  	-moz-box-sizing: border-box;
			 	 box-sizing: border-box;
		    }
		    
		    
		   
	    }
	    /* 2 level */
	    @media screen and (max-width:766px){
	    
	    
		    .header2020 .menubarWrap #navigationmenu ul.nav-tabs li ul.nav-pills:hover + a{
		    	background:#fff !important;
		    	border-radius: 0 !important;
		    	color:#fff;
		    }
	    
	     	.header2020 #navigationmenu ul.nav-tabs li.open ul.nav-pills,
	     	.header2020  #navigationmenu ul.nav-tabs li.active ul.nav-pills{
		    	/*display:block;*/
		    	
				opacity:1;
				height:auto;
				/* max-height: initial!important; */
				max-height:2000px;/* a high number to allow for transition */
				visibility:visible;
				transform:translateX(0%);
				-webkit-transform:translateX(0%);
				-moz-transform:translateX(0%);
				-o-transform:translateX(0%);
				-ms-transform:translateX(0%);
				border-top: 1px solid #fff;
				overscroll-behavior: contain;
		    	
		    }
		    
		    .header2020  #navigationmenu ul.nav-tabs li ul.nav-pills{
		    	position:relative;
		    	width:100% !important;
		    	clear:both;
		    	top:0;
		    }
	     	.header2020  #navigationmenu ul.nav-tabs li.open ul.nav-pills li a,
	     	.header2020  #navigationmenu ul.nav-tabs li.active ul.nav-pills li a{
	     		border-left:5px solid #333 !important;
		    	border-radius:0 !important;
	     	}
	     	.header2020  #navigationmenu ul.nav-tabs li.open ul.nav-pills li:hover a,
	     	.header2020  #navigationmenu ul.nav-tabs li.active ul.nav-pills.active2level li.active a{
	     		border:none;
	     		border-left:5px solid #E8B75E !important;
		    	border-bottom: 1px solid #e6e6e6;
	     	}
	     	
	     	body.showMenu .header2020 #navigationmenu ul.nav-tabs li ul.nav-pills.active2level{
	     		visibility:visible !important;
	    		}
	     	.header2020  #navigationmenu ul.nav-tabs li ul.nav-pills.active2level{
	     		visibility:hidden;
	     	}
	     	
		    .header2020  #navigationmenu ul.nav-tabs li.open ul.nav-pills li a,
		    .header2020  #navigationmenu ul.nav-tabs li.open ul.nav-pills li:hover a,
		    .header2020 #navigationmenu ul.nav-tabs li.open ul.nav-pills li:hover:after,
		    .header2020 #navigationmenu ul.nav-tabs li ul.nav-pills:hover,
		    
		    .header2020 #navigationmenu ul.nav-tabs li.active ul.nav-pills li a,
		    .header2020 #navigationmenu ul.nav-tabs li.active ul.nav-pills li:hover a,
		    .header2020 #navigationmenu ul.nav-tabs li.active ul.nav-pills li:hover:after{
		    	background:#3d4d51 !important;
		    	color:#fff !important;
		    	font-weight:bold;
		    }
	    }
		
	    
	    
/******** Menu end ********/
	    
	    
		
/********** Header icons  
* store locator, basket, user dropdown
**********/
	    
	.menubarWrap .loggedInUserInfo{
		display:none;
	}
		
@media screen and (max-width:600px){
	
	button.basketIconWrap .pCount {
		top: 9px;
        right: 8px;
	}
	
	.header2020 .logoWrapper > a,
	.header2020 .logoWrapper > a img{
		height:auto !important;
		width:175px!important;
		max-width:175px;
							
	    position: relative;
	    z-index: 100;
	    background: #fff;
							
	}
	
	
	.menubarWrap .loggedInUserInfo{ 
		background:#ccc;
		height:auto;
		width:100%;
		display:block;
		padding:10px 15px;
		text-align:right;
	}
	.menubarWrap .loggedInUserInfo .userinfo{
		display:table;
		table-layout: fixed;
    	width: 100%;
	}
	.menubarWrap .loggedInUserInfo .userinfo div{
		display:table-cell;
		vertical-align:middle;
	}
	.menubarWrap .loggedInUserInfo .userinfo div.svg{
		width:20px !important;
	}
	.menubarWrap .loggedInUserInfo .userinfo div.svg svg{
		width:13px;
		height:13px;
		float:left;
		margin-right:4px;
	}
	.menubarWrap .loggedInUserInfo .userinfo div,
	.menubarWrap .loggedInUserInfo .userinfo div span{
		width:auto !important;
		font-size:13px !important;
		line-height:19px !important;
		margin:unset;
		padding:unset;
		color:#333;
	}
	.menubarWrap .loggedInUserInfo .userinfo div.points{
		float:right !important; 
	}
	.menubarWrap .loggedInUserInfo .userinfo div.points:hover,
	.menubarWrap .loggedInUserInfo .userinfo div.points:hover span{
		text-decoration:underline;
	}
	.menubarWrap .loggedInUserInfo .userinfo div.points span{
		margin-right:4px;
	}
	.menubarWrap .loggedInUserInfo .userinfo div.name{
    	float: left;
		margin-right:8px;
	}	
}

  
@media screen and (max-width:370px){
	.header2020 .logoWrapper > a,
	.header2020 .logoWrapper > a img{
		width:40vw !important;
		max-width:40vw !important;
		margin-left: 0;
	}
}

		
		
		
		
		
		
/* Basket overwriting existing */
	
	/* Basket icon */
	/* Basket dropdown */
	.header2020 #dropdownbasket #ID_Checkout_Right_Sidebar.isNotCheckOut{
	
		display:none !important;
		position:absolute !important;    	
		margin-left:unset!important;
		margin-right:unset!important;
		margin-top:0!important;
		margin-bottom:unset!important;
		border-top: 1px solid #2e4145;		
    	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    	width:auto !important;
		transform:translateY(-41px);
		-webkit-transform:translateY(-41px);
		-moz-transform:translateY(-41px);
		top: 24px !important;
    	
	}
	.header2020 #dropdownbasket #ID_Checkout_Right_Sidebar.isNotCheckOut.show{
		display:block !important;
		right:11px !important;
	}
	
	.header2020 #dropdownbasket #ID_Checkout_Right_Sidebar.isNotCheckOut #ID_Checkout_Overview{
		border-radius:0 !important;
		box-shadow:none !important;
		background:#fff;
		margin-bottom:0 !important;
		
		transition:height 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
		-webkit-transition:height 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
		-moz-transition:height 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
		-ms-transition:height 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
		-o-transition:height 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
		
		height: 0;
		max-height:0;
		opacity:0;
	}
	
	.header2020 #dropdownbasket #ID_Checkout_Right_Sidebar.isNotCheckOut.show #ID_Checkout_Overview{
		height: auto;
		max-height:100vh;
		min-width: 317px;
		opacity:1;
	}
	.header2020 #dropdownbasket #ID_Checkout_Overview .quantity{
		height: 20px;
	}
	.header2020 #dropdownbasket #ID_Checkout_Right_Sidebar.isNotCheckOut:after{
		content: "";
	    position: absolute;
	    top: -9px;
	    right: 8px;
	    width: 0;
	    height: 0;
	    border-left: 8px solid transparent;
	    border-right: 8px solid transparent;
	    border-bottom: 8px solid #2e4145;
	}
	
	
	
	.header2020 #dropdownbasket #ID_Checkout_Right_Sidebar.isNotCheckOut #ID_Checkout_Overview_Header,
	.header2020 #dropdownbasket #ID_Checkout_Right_Sidebar.isNotCheckOut #seeBasketButton{
		border-radius:0 !important;
	}
	.header2020 #dropdownbasket #ID_Checkout_Right_Sidebar.isNotCheckOut #ID_Checkout_Overview_Header{
		background:#2e4145;
		padding:10px 15px !important;
	}

	.header2020 #dropdownbasket #ID_Checkout_Right_Sidebar.isNotCheckOut #pointsLeftBasket{
		background:#2e4145;
	}
	
	.header2020 #dropdownbasket #CONTENT_BASKET_OVERVIEW_CONTAINER{
		display:block !important;
	}
	.header2020 #dropdownbasket #ID_Checkout_Overview #seeBasketButton{
		display:none !important;
	}
	
	@media screen and (max-width:766px) {
		.header2020 #dropdownbasket #ID_Checkout_Right_Sidebar.isNotCheckOut{
		    top: -10px !important;
			bottom:unset !important;
		transform:translateY(0px);
		-webkit-transform:translateY(0px);
		-moz-transform:translateY(0px);
		}
		.header2020 #dropdownbasket #ID_Checkout_Right_Sidebar.isNotCheckOut.show {
			right: 0px !important;
		}
		div.header2020 #dropdownbasket div#ID_Checkout_Right_Sidebar.isNotCheckOut:after {
			right: 35px !important;
		}
	}
	
	@media screen and (max-width:1132px){
		.header2020 #dropdownbasket #ID_Checkout_Right_Sidebar.isNotCheckOut:after{
    		right: 24px !important;
		}
	}

	
/* User dropdown */

	.header2020 .accountSettings .dropdown-content.fade-in{
		right: 0px;
		top: 60px;
		bottom: unset;
	    min-width: 200px;
	}
	.header2020 .accountSettings .dropdown-content::after{
		right: 20px;
	}
	
	@media screen and (max-width: 600px){
	.header2020 .accountSettings .dropdown-content.fade-in{
		position: fixed;
		width: 100%;
	}
	.header2020 .accountSettings .dropdown-content::after{
		display: none;
		right: 20px;
	}
	}

	@media screen and (min-width:601px){
		.accountSettings .dropdown-content{
			top:50px;
		}
	}
	@media screen and (max-width:600px){
		div.accountSettings .dropdown-content{
			top:40px;
		}
	}
	@media screen and (max-width:400px){
		/* .header2020 button.accountSettings .dropdown-content.show{
			display: block !important;
			left: 0;
    		top: 59px;
    		width:100vw;
		} */
		.header2020 .accountSettings .dropdown-content.fade-in{
			/* top:20px;
			min-width:100vh; */
		}
	}

	.accountSettings .dropdown-content.fade-in{
		border-radius:0 !important;
		border:1px solid #2e4145;
		background-color:#fff;
		color:#2e4145;
		min-width:150px;
		padding:0 !important;
		transform:translate(0px, 15px);
		-webkit-transform:translate(0px, 15px);
		-moz-transform:translate(0px, 15px);
		display:none !important;
	}
	
	.accountSettings .dropdown-content.fade-in.show{
		display:block !important;
	}
	.accountSettings .dropdown-content:after{
		content: "";
	    position: absolute;
		top: -9px;
		right: 110px;
	    width: 0;
	    height: 0;
	    border-left: 8px solid transparent;
	    border-right: 8px solid transparent;
	    border-bottom: 8px solid #2e4145;
	}	

	@media screen and (min-width:768px){ 
		/* drop down arrow */
		.accountSettings .dropdown-content:after{
        	top: -9px;
	 		right: 112px;
		}
	}
	
	@media screen and (max-width:767px){
		.accountSettings .dropdown-content .dropdownContentInnerWrapper{
			/* background: red; */
			padding: 10px 0px;
		}
		.accountSettings .dropdown-content .dropdownContentInnerWrapper a {
			margin: 0px;
			padding: 10px 10px;
		}
		.dropdownContentInnerWrapper .fa{
			margin-right: 10px;
			color: #e8b75e;
		}
		/* drop down arrow */
		div.accountSettings .dropdown-content:after{
			top: -9px;
        	right: 109px;
		}
	
		div.accountSettings .dropdown-content{
		    width: 100%;
			/* right: 44px; */
			top: 61px;
			transform:translate(0px, 13px);
			-webkit-transform:translate(0px, 13px);
			-moz-transform:translate(0px, 13px);
			z-index: 10;
		}
	}
	
	@media screen and (min-width:601px){
	
		/* drop down arrow */
		/* .accountSettings .dropdown-content:after{
        	top: -9px;
    		right: 136px;
		} */
		.accountSettings .dropdown-content{
		    /* margin-left: -15px; */
			transform:translate(0px, 13px);
			-webkit-transform:translate(0px, 13px);
			-moz-transform:translate(0px, 13px);
		}
	
	}
	
	@media screen and (max-width:601px){
	
		/* drop down arrow */
		.accountSettings .dropdown-content:after{
        	top: -9px;
        right: 25px;
		}
		button.accountSettings .dropdown-content{
			top: 50px;
		}
	}
		
	@media screen and (max-width:400px){
		
		/* drop down arrow */
		/* .accountSettings .dropdown-content:after{
				top: -9px;
				right: 96px;
		} */
	}
	.accountSettings .dropdown-content h5{
		padding-left:0;
		background:#2e4145;
		color:#fff !important;
		padding:10px 15px;
		margin-top:0 !important;
		margin-bottom:0 !important;
	}
	.header2020 .logoWrapper .accountSettings a{
		height:auto;
		width: auto !important;
		padding:10px 15px;
		margin-bottom:0.5em;
		margin-top:0.5em;
	}
	.header2020 .logoWrapper .accountSettings a:hover{
		background: #2e4145;
    	color: #fff;
	}
	.header2020 .logoWrapper .accountSettings a i{
		margin-right:10px;
		color:#e8b75e !important;
	}
	

	.header2020 .userIconWrap.logIn.logInLogOut,
	.header2020 .userIconWrap.accountSettings,
	.header2020 .logoWrapper .basketIconWrap,
	.header2020 .pointshopWrapper,
	.header2020 .storeLocatorIconWrap{
		float:right;
		width: auto;
		height: inherit;
		margin:unset !important;
		cursor:pointer !important;
		margin-top:0 !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: none;
		border: none;
		color: white;
		position: relative;
		z-index: 10;
	}
	.header2020 .storeLocatorIconWrap{
		display: flex;
		align-items: center;
	}

/* Header icons wrap */


    .header2020 .headerIcons{
		padding: 1rem 0;
    }
	.headerIcons span {
		padding:0;
		font-size: inherit;
		line-height: inherit;
		font-family: inherit;
	}

	.header2020 .logoWrapper .headerIcons button{
		/* Reset style on buttons, to visually not look like buttons, but still act as buttons regarding accessiblity */
		display: flex;
		flex-direction: column;
		border: none;
		margin: 0;
		padding: 0.7rem;
		font-size: 0.7rem;
		gap: 5px;
		flex-grow: 1;
		line-height: 1;
		background: transparent;
		-webkit-appearance: none;
		align-items: center;
		min-width: 70px;
		max-width: 80px;
	}

    @media screen and (min-width:767px) {
    	.header2020 .headerIcons{
			margin-right: 0 !important;
	    }
		.header2020 #pnnavigation {
			min-height: 55px;
		}
    }
     @media screen and (max-width:1028px){
    	.header2020 .headerIcons{
			margin-right: 0 !important;
	    }
    } 

     
    @media screen and (max-width:600px){
		.header2020 #pnnavigation {
			margin-right:0.5rem;
		}
    	.header2020 .headerIcons{
			padding: 0;
			justify-content: center;
			align-items: center;
    		width:auto;
		}
		.header2020 .logoWrapper .headerIcons button{
			min-width: unset;
		}
		.headerIcons .pointshopWrapper svg {
			max-width: 22px;
		}
		.header2020 .logoWrapper .headerIcons .webshopLink {
			display: none;
		}
		button.menuBtn {
			padding: 6px 1rem 6px 1rem;
		}
		button.menuBtn svg {
			height: 18px;
		}
		div.header2020 #dropdownbasket div#ID_Checkout_Right_Sidebar.isNotCheckOut:after {
			right: 17px !important;
		}
    }
	
	
	.header2020 .headerIcons .userIconWrap.logIn.logInLogOut:hover,
	.header2020 .userIconWrap:hover,
	.header2020 .basketIconWrap:hover,
	.header2020 .storeLocatorIconWrap:hover,
	.header2020 .cnIconWrap:hover{
		cursor:pointer !important;
	}
	.header2020 .storeLocatorIconWrap a{
		color:#2e4145;
	}
	
	.basketIconWrap{
		position:relative;
	}

	.header2020 .userIconWrap .userIcon,
	.header2020 .basketIconWrap .basketIcon,
	.header2020 .storeLocatorIconWrap .storeLocatorIcon{
	
		transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
		-webkit-transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
		-moz-transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
		-ms-transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
		-o-transition:transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02);
		
	}
	

	
	@media screen and (min-width:767px){
		.header2020 .logoWrapper .menuBurgerIconWrap{
			display:none;
    	}
    }
	
	
	
	
	
	@media screen and (min-width:601px){

		.cnIconWrap .jd a{			
				display:block;
				margin:0;
				font-size:10px;
			
		}
		


			
		.header2020 .userIcon,
		.header2020 .basketIcon,
		.header2020 .storeLocatorIcon{
			font-size:21px;
			width:24px;
			height:24px;
		}
 	}
    @media screen and (max-width:600px){

		.header2020 .userIconWrap{
			width:auto !important;
			float:left;
			/* padding:18px 15px 16px 15px !important;  */
		}
    
		.header2020 .logoWrapper .basketIconWrap{
			margin-top:0 !important;
			float:right;
		    width: auto;
			/* padding:18px 15px 16px 15px !important; */
		}
		/* .header2020 .storeLocatorIconWrap {
			float: right;
			width: auto;
			height: inherit;
			margin: unset !important;
			cursor: pointer !important;
			margin-top: 0 !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			box-sizing: border-box;
			background: none;
			border: none;
			color: white;
		} */
		
		.header2020 .userIconWrap .userIcon,
		.header2020 .logoWrapper .basketIconWrap .basketIcon,
		.header2020 .storeLocatorIconWrap .storeLocatorIcon{
			font-size:18px;
				
			width:20px !important;
			height:20px !important;
		}
		
    }
    /* hide storelocator in headericons  - show in menu */
     @media screen and (max-width:400px){
		.header2020 .logoWrapper .storeLocatorIconWrap{
			display:none !important;
		}
	}
	
    @media screen and (max-width:600px){

		
		.header2020 .userIconWrap .userIcon,
		.header2020 .logoWrapper .basketIconWrap .basketIcon{
		
			font-size:18px;
			width: 26px !important;
        	height: 26px !important;
		}
    }
    
    .header2020 .userIconWrap{
    	display:table;
    }
    .header2020 .userIconWrap .userIconInfo
	{
    	display:table-cell;
    	vertical-align:middle;
    	/*float: left;*/
    }

    .header2020 .userIconWrap .userIconSvgWrap{
    	display:table-cell;
    	vertical-align:top;
    	/*float: left;*/
    }
    
  	.header2020 .userIconWrap .userIconSvgWrap.onDesktop{
  		/* display:block!important; */
  	}
  	.header2020  .userIconWrap .userIconSvgWrap.onMobile{
  		display:none!important;
  	}
    
	    
    .header2020 .userIconWrap .userIcon{
        display: table-cell;
    	vertical-align: middle;
    }
    .header2020 .userIconWrap .userIconInfo{
	    text-align: right;
	    padding-right: 16px;
	    max-width: 129px;
    	width: auto;
        font-family:"Open Sans", Helvetica, Arial, sans-serif !important;
    }


    .header2020 .userIconWrap .userIconInfo *{
    	float:left;
    	line-height:1.2em;
    	font-size:12px !important;
        font-family:"Open Sans", Helvetica, Arial, sans-serif !important;
    }
    
    .header2020 .userIconWrap .userIconInfo .name{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
    	width: 100% !important;
    }
    
	.header2020 .headerIcons .userIconWrap .userIconInfo .name .loggedinLabel{
		display:none;
	}
    
    .header2020 .userIconWrap .userIconInfo a.pointsleft{
    	clear: both;
		margin-top: 7px !important;
    	width: 100% !important;
    }
    .header2020 .userIconWrap .userIconInfo a.pointsleft img{
		width: 32px !important;
		margin-right: -12px;
		display: block;
		margin-left: -15px;
		/* margin-top: -7px; */
		position: absolute;
		padding:0;		
    }

    .header2020 .userIconWrap .userIconInfo a.pointsleft div{
    	float: right !important;
		color: #5ec6cf;
		font-weight: bold;		
    }
    .header2020 .userIconWrap .userIconInfo a.pointsleft div:last-of-type{
		margin-left:5px;			
	}
    
    .header2020 .userIconWrap .userIconInfo a.pointsleft,
    .header2020 .userIconWrap .userIconInfo span{
    
        font-family:"Open Sans", Helvetica, Arial, sans-serif;
	    font-size:13px;
		height: auto;
	    width: auto !important;
	    padding:0;
	    margin-bottom: 0;
	    margin-top: 0;
	    font-size:13px;
	    color:#333;
        vertical-align: baseline;
        font-family:"Open Sans", Helvetica, Arial, sans-serif;
		position:relative;
    }
    
    
	.header2020 .accountSettings a.pointsleft:hover{
		background: unset;
    	color: unset;
    	text-decoration:underline;
	}
	.header2020 .accountSettings a.pointsleft:focus{
    	text-decoration:underline;
    	font-weight:bold;
	}

    
    @media screen and (max-width:600px){
	    .header2020 .userIconWrap .userIconInfo{
	    	display:none;
	    }		
    }

	@media screen and (min-width:600px){
		.header2020 .userIconWrap .userIconInfo a.pointsleft img{
	    	left:-20px;
	    	top:-7px;
	    }
    }
 
	.basketIconWrap .pCount{
	    background: #E8B75E;
	    width: 20px;
	    height: 20px;
	    text-align: center;
	    border-radius: 50%;
	    position: absolute;
	    top: 2px;
    	right: 7px;
	    font-weight: bold;
	    z-index:1000;
		padding-top: 4px;
	    -webkit-appearance: none;
	    -moz-appearance:none;
	    -ms-appearance:none;
	    -o-appearance: none;
	    appearance: none;
		display:none;
	}
	
	.basketIconWrap .pCount.show{
		display:block;
	}
	.basketIconWrap .pCount.show.bounce{
	  	animation: bounce 1s .5s;
  		transform: scale(0.85);
	}
	

@keyframes bounce {
  0% { transform: scale(1.1); opacity: 1 }
  50% { transform: scale(1.6); opacity: .7; }
  60% { transform: scale(0.6); opacity: 1 }
  80% { transform: scale(0.95) }
  100% { transform: scale(0.85) }
}
/********* Header icons end *********/	
	
	
/******* Search field *******/
.header2020 .logoWrapper .searchFieldWrap{
    width:auto;
    height: 40px;
    padding: 0 0;
    position: relative;
    
	-webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.header2020 .logoWrapper .searchFieldWrap .searchInput,
.header2020 .logoWrapper .searchFieldWrap .searchInputSubmit{
   	display:none;
	-webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
   	
}

.header2020 .logoWrapper .searchFieldIcon{
   	display:table-cell;
   	float: left;
    margin-top: 0;
    padding: 18px 7px 16px 7px;
    cursor:pointer;   
}
html.showMobileSearchField .searchFieldIcon {
	background:#eae1cc !important;
} 

.header2020 .logoWrapper .searchFieldIcon i{
	font-size: 20px;
}

@media screen and (min-width:767px){
	.header2020 .logoWrapper .searchFieldWrap{
    	width: 33%;
    	padding: 0 34px;
    	margin: 13px auto;
	}
	.header2020 .logoWrapper .searchFieldWrap .searchInput,
	.header2020 .logoWrapper .searchFieldWrap .searchInputSubmit{
    	display:table-cell;
		box-sizing: border-box;
		webkit-box-sizing: border-box;
    }
    
    
	.header2020 .logoWrapper .searchFieldIcon{
	    position: absolute;
	    right: 55px;
		top: 36%;
	    margin-top: 0;
	    padding: 0;
    }
	.header2020 .logoWrapper .searchFieldIcon i{
		font-size: 15px;
    }
	
}
   


.header2020 .logoWrapper .searchFieldWrap input[type=text]{
  	width:96%;
  	margin-bottom:0;
  	padding:0;
  	height:40px;
  	padding-left:15px;
  	padding-right:35px;
}
 
.header2020 .logoWrapper .searchFieldWrap .searchInputSubmit{
   	display:none;
    position: absolute;
    top: 13px;
    right: 25px;
    height: 40px;
    border-radius: 0;
    background-color:#2e4145;
    padding:0 10px;
}


/* Search suggestions */
.header2020 .searchSuggestions{
    position: relative;
    overflow: hidden;
    overflow-y:auto;
    height:auto;
    max-height: 50vh;
    min-width: 320px;
    width: 100%;
    margin: auto;
}
.header2020 .searchSuggestions ul{
	position: relative;
    width: 400px;
    margin: auto;
    display: block;
    list-style-type:none;
}
.header2020 .searchSuggestions ul li{
	background:none;
	padding:15px;
	margin:0;
	font-size:18px;
}
.header2020 .searchSuggestions ul li.searchedKeyword:hover{
	background:#ccc;
}



/******* Search field end *****************/	
/******* Search field mobile ***********/



html .header2020 .headerSearchMobile{
	margin: 50px 0;
}
html.showSearchResults .header2020 .headerSearchMobile{
	margin: 15px 0 0 0;
}
.header2020 .headerSearchMobile h3{
	margin-bttom:15px;
}
.header2020 .headerSearchMobile form{
	padding:15px 0;
}
.header2020 .headerSearchMobile form input{
	margin-bottom:0;
	padding:15px;
	width:100%;
	max-width:100%;
}
.header2020 .headerSearchMobile form input[type=submit]{
	display:none;
}
.header2020 .headerSearchMobile .searchFieldIcon{
	display:none;
}

@media screen and (min-width:600px) and (max-width:767px){
	html.showMobileSearchField .header2020 .searchFieldIcon{
	    margin-top: 0;
	    padding: 22px 13px 23px 13px;
	}

}
@media screen and (min-width:767px){
	.header2020 .headerSearchMobile{
		display:none;
	}
}



/******* Search field mobile end ***********/


/* search result - headerSearchResult*/

#headerSearchWrap{
	display:none;
    border-top: 1px solid #ccc;
    overflow-y: auto;
    padding-bottom: 50px;
    margin: 0 auto 0px auto;
    position: relative;
    height: calc(100vh - 60px );
}	
#headerSearchWrap .pageWidth{
	padding-left:15px;
	padding-right:15px;
}
@media screen and (min-width:600px) and (max-width:767px){
	#headerSearchWrap .pageWidth{
		padding-left:66px;
		padding-right:66px;
	}
}
@media screen and (min-width:768px){
	#headerSearchWrap .pageWidth{
		padding-left:57px;
		padding-right:57px;
	}
}
@media screen and (min-width:1029px){
	#headerSearchWrap .pageWidth{
		padding-left:42px;
		padding-right:42px;
	}
}

#headerSearchWrap .searchHeadWrap{
	width: 100%;
    text-align: center;
    margin-bottom: 15px;
	display:block;
	position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #f3f2f2;
    height: auto;
    z-index: 1000;
    margin:auto;
	clear:both;
	display:table;
}
#headerSearchWrap .searchHeadWrap h3{
	width:auto;
	float:left;
	display:table-cell;
	vertical-align:middle;
    padding: 15px 0;
}
#headerSearchWrap .searchHeadWrap .closeSearchResults{
	float:right;
	width:auto;
	height:auto;
	display:table-cell;
	vertical-align:middle;
	cursor:pointer;
    padding: 15px 0;
    font-size: 0.7em;
}
#headerSearchWrap .searchHeadWrap .closeSearchResults:hover{
	font-weight:700;
}

#headerSearchWrap .searchHeadWrap .closeSearchResults i.fal{
    margin-left: 10px;
    font-size: 15px;
    line-height: 24px;
    vertical-align: middle;
}

#headerSearchWrap #headerSearchResults div.head{
	
	font-size: 1em;
    font-weight: 600;
    /*  padding: 15px;
   background: #fff;
    margin-bottom: 15px; */
   /*  clear: both;
    display: block;
    margin:auto;
    width: fit-content;
    border-radius: 4px;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 10%); */
}
.header2020 #headerSearchWrap #headerSearchResults{
 	display:none;
}

html.showSearchResults .header2020 #headerSearchWrap,
html.showMobileSearchField .header2020 #headerSearchWrap{
	display:block;
}
html.showSearchResults .header2020 #headerSearchWrap #headerSearchResults{
	display:block;
}	

#headerSearchWrap #headerSearchResults{
	margin-bottom: 50px;
}
#headerSearchWrap #headerSearchResults,
#headerSearchWrap #headerSearchResults .head{
	padding-top:15px;
}
#headerSearchWrap #headerSearchResults ul,
#headerSearchWrap #headerSearchResults ul li{
	background:none;
	list-style-type:none;
	margin:0 auto;
	padding:0;
}

#headerSearchWrap #headerSearchResults ul{
    width: auto;
	display:block;
    margin: 15px auto 0 auto;
    clear:both;
}
#headerSearchWrap #headerSearchResults ul li{
    display: block;
    border-radius: 4px;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 10%);
	padding:10px;
	margin-bottom:15px;

   	transition:  all 0.3s ease;
    -webkit-transition:  all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition:  all 0.3s ease;
    -o-transition: all 0.3s ease;
}

#headerSearchWrap #headerSearchResults ul li:hover{
    box-shadow: 0px 0px 24px rgb(0 0 0 / 20%);
}

#headerSearchWrap #headerSearchResults ul li a{
    display: table;
    table-layout: fixed;
    width: 100%;
}
#headerSearchWrap #headerSearchResults ul li a .imgwrap{
	width:108px;
	display:table-cell;
	vertical-align:middle;
}
#headerSearchWrap #headerSearchResults ul li a img{
	max-height:60px;
	padding:5px;
	margin:auto;
	max-width:100%;
}

#headerSearchWrap #headerSearchResults ul li a .searchResultContentWrap{	
	display:table-cell;
	vertical-align:middle;
}

#headerSearchWrap #headerSearchResults ul li a .searchResultContent{
	display:table;
    table-layout: fixed;
    width: 100%;
}
#headerSearchWrap #headerSearchResults ul li a .searchResultContent > div{
	display:table-row;
	vertical-align:middle;
}


#headerSearchWrap #headerSearchResults ul li a > div{
	text-align:right;
	display:block;
    padding-right: 15px;
}

#headerSearchWrap #headerSearchResults ul li a .varianter{
	margin-top:10px;
}
#headerSearchWrap #headerSearchResults ul li a .varianter p{
	float:left;
}

	#headerSearchWrap #headerSearchResults ul li a .varianter p:first-of-type{
		margin-right:5px;
	}



@media screen and (min-width:768px){
			
	#headerSearchWrap #headerSearchResults ul li a > div{
		
		display:table-cell;
		vertical-align:middle;
		text-align:left;
	}
	#headerSearchWrap #headerSearchResults ul li a .varianter p{
		text-align:right !important;
		float:unset;
	}
	
	#headerSearchWrap #headerSearchResults ul li a .searchResultContent{
		display: table;
	}
	#headerSearchWrap #headerSearchResults ul li a .searchResultContent > div{
		display:table-cell;
		vertical-align:middle;
	}
}


	
	
	
	
	
	
/******** Unique selling points *********/	
				
    .header2020 .uspbelt{
		padding: 0 15px;
		background:#2e4145;
    	height:30px;
	    width: 100% ;
		
	    /* margin: 0 -15px; */
	    font-family:"Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	    /* overflow:hidden; */
    }
    
    .medUK .header2020 .uspbelt{
    	background:#001c2b;
    }
    
    
    .header2020 .uspbelt > .pageWidth{
		display: flex;
		justify-content: space-between;
	    padding: 0 15px;
	    margin: 0 auto;
	    height:30px;
    }
    
    
    .header2020 .uspbelt .usp{
		display: flex;
		align-items: center;
    	padding:0; /*0 25px;*/
    	color:#fff !important;
    	font-size:11px !important;
    	width:auto;
    }

    .header2020 .uspbelt .usp > div{
    	padding:0;
    	color:#fff !important;
    	line-height:30px;
    	font-size:11px !important;
    	text-align:center;
    	text-transform:uppercase;
	    -webkit-font-smoothing: subpixel-antialiased;
	    backface-visibility: hidden;
    }
    
    /* usp img mobile*/
    .header2020 .uspbelt .usp > img{
   	    padding: 6px 0px 6px 0;
		height: 30px;
		margin: auto;
		display: block;
		box-sizing: border-box;
		max-width: 100%;
		width: auto;
    }
    @media screen and (min-width:1029px){
	    .header2020 .uspbelt .usp > img{
   	        padding: 4px;
		    height: 24px;
		    margin: auto;
		    display: block;
	    }
    }
    
    
    @media screen and (max-width:1028px){
	     .header2020 .uspbelt > .pageWidth{
	   	    display: block;

		    margin: 0 auto;
		    height:30px;
	    }
	    .header2020 .uspbelt{
	    	display:block;
	    	position:relative;
	    }
	    .header2020 .uspbelt .usp{
	    	width:100%;
	    	float:none;
    		text-align:center !important;
	    	display:block;
	    	padding:0 !important;
	    	position:absolute;
	    	left:0;
	    	right:0;
	    	opacity:0;
	    	transform:translateY(20%);
	    	-moz-transform:translateY(20%);
	    	-webkit-transform:translateY(20%);
	    }

	    .header2020 .uspbelt .usp.out{
   	      	transition:  transform 0.3s ease, opacity 0.3s ease;
		    -webkit-transition:  transform 0.3s ease, opacity 0.3s ease;
		    -moz-transition: transform 0.3s ease, opacity 0.3s ease;
		    -ms-transition:  transform 0.3s ease, opacity 0.3s ease;
		    -o-transition:  transform 0.3s ease, opacity 0.3s ease;
			    
	    	transform:translateY(-20%) ;
	    	-moz-transform:translateY(-20%);
	    	-webkit-transform:translateY(-20%);
	    	opacity:0;
    	}
	    .header2020 .uspbelt .usp.show{
	    	opacity:1;
	    	
   	      	transition:  transform 0.3s ease, opacity 0.3s ease;
		    -webkit-transition:  transform 0.3s ease, opacity 0.3s ease;
		    -moz-transition: transform 0.3s ease, opacity 0.3s ease;
		    -ms-transition:  transform 0.3s ease, opacity 0.3s ease;
		    -o-transition:  transform 0.3s ease, opacity 0.3s ease;
		    
	    	transform:translateY(0%);
	    	-moz-transform:translateY(0%);
	    	-webkit-transform:translateY(0%);
    		display: block;
	    }
	    
	    .header2020 .uspbelt .usp .trustpilot-widget{
	    	transform:translateY(20%) translateZ(0) scale(0.75);
	    	-moz-transform:translateY(20%) translateZ(0) scale(0.75);
	    	-webkit-transform:translateY(20%) translateZ(0) scale(0.75);
	    }
	     .header2020 .uspbelt .usp.show .trustpilot-widget{
    		margin-top: -2px;
			transform: translateY(6px) translateZ(0) perspective(1px) scale(0.75) !important;
		    -moz-transform:  translateY(6px) translateZ(0) perspective(1px)  scale(0.75) !important;
		    -webkit-transform: translateY(6px) translateZ(0) perspective(1px) scale(0.75) !important;
		    -webkit-font-smoothing: subpixel-antialiased;
	    	backface-visibility: hidden;
	     }
	     
	     .header2020 .uspbelt .usp.out  .trustpilot-widget{
	    	transform:translateY(-20%) translateZ(0) scale(0.75) ;
	    	-moz-transform:translateY(-20%) translateZ(0) scale(0.75) ;
	    	-webkit-transform:translateY(-20%) translateZ(0) scale(0.75) ;
	     }
    }
    @media screen and (min-width:1029px){
    	
	    .header2020 .uspbelt{
	    	display:block;
			padding: 0px 15px;
	    }
		    
		.header2020 .uspbelt .usp .trustpilot-widget{
			transform: scale(0.75) translateZ(0) perspective(1px) translateY(0px);
			-moz-transform: scale(0.75) translateZ(0) perspective(1px) translateY(0px);
			-webkit-transform: scale(0.75) translateZ(0) perspective(1px) translateY(0px);
		    padding:0 5px !important;
    		margin-top: -27px;
		}
    }
    @media screen and (max-width: 600px){

		.header2020 .uspbelt > .pageWidth{
			padding: 0 0;
		}
	}
    
		
		
		
		
		
		
		/*Move headericons to the mobile menu  */
		
		.header2020 .menubarWrap .user_headericons:before{
			width:100%;
			height:1px;
			display:block;
			content:"";
		}
		.header2020 .menubarWrap .user_headericons{
			display:none;
    		margin: auto;
    		float: right;
		}
		
		.header2020 .menubarWrap .user_headericons .dropdown-content{
			padding: 12px 16px;
		}
    
		.header2020 .menubarWrap .user_headericons button.storeLocatorIconWrap{
			padding-right:19px !important;
			padding-left:10px !important;
		}
		
		.header2020 .menubarWrap .user_headericons .loggedinLabel{
			display:block;
			margin-right:5px;
		}
		.header2020 .menubarWrap .user_headericons button{
			border: none;
		    background: transparent;	
		}
		.header2020 .menubarWrap .user_headericons button .userIconInfo a.pointsleft{
			float:unset;
		}
		.header2020 .menubarWrap .user_headericons button .userIconInfo a.pointsleft div:last-of-type{
			margin-left:24px;			
		}
		.header2020 .menubarWrap .user_headericons button svg,
		.header2020 .menubarWrap .user_headericons button .userIconInfo div,
		.header2020 .menubarWrap .user_headericons button .userIconInfo a.pointsleft,
		.header2020 .menubarWrap .user_headericons button .userIconInfo span{
			color:#737373;
		}
		
		.header2020 .menubarWrap .user_headericons button:first-of-type:after{
			background:transparent;
			margin-right:unset;
			width:unset;
		}
		    
		.header2020 .menubarWrap .user_headericons .userIconWrap {
			display:none;
		}
	    @media screen and (max-width:615px){
	    
			.header2020 .menubarWrap .user_headericons{
				display: table;
			    width: 100%;
			    table-layout: fixed;
			}
			
	    	.user_headericons .userIconWrap .userIconInfo{
	    		display:table-cell !important;
	    		max-width:100%;
	    		padding-right:unset;
    		    /*float: right;*/
	    	}
	    	
	    	.user_headericons .userIconSvgWrap.onDesktop{
	    		display:none !important;
	    	}
	    	.user_headericons .userIconSvgWrap.onMobile{
	    		display:table-cell !important;
	    	}
	    	
		    	
			.header2020 .menubarWrap .user_headericons .userIconWrap {
				height:auto !important;
				display:table;
			}
			.header2020 .menubarWrap .user_headericons .userIconWrap .userIconSvgWrap{
	    		display:none;
	    	}
	    	.user_headericons .userIconWrap .userIconInfo div,
	    	.user_headericons .userIconWrap .userIconInfo a {
		    	float:left;
		    	display:inline;
		    	/*line-height:19px !important;*/
	    	}
	    	.header2020 .menubarWrap .user_headericons .userIconWrap .userIconInfo .name{
	    		display:table-cell;
    		    vertical-align: middle;
	    		margin-right:15px;
	    		text-align: left;
	    		float:unset;
	    	}
	    	.header2020 .menubarWrap .user_headericons button .userIconInfo a.pointsleft{
	    		display: table-cell;
	    	}
	    	   
	    	.header2020 .menubarWrap .user_headericons button.storeLocatorIconWrap{
	    		display:none;
	    	}
	    }
	    @media screen and (max-width:400px){

			.header2020 .menubarWrap .user_headericons{
				display:table;
			    padding: 11px 0 11px 0 !important;
			}
			.header2020 .menubarWrap .user_headericons button{
				padding:0  !important;
			}
	    	.user_headericons .userIconWrap .userIconInfo * {
	    		line-height:12px;
	    	}
	    	.user_headericons .userIconWrap .userIconInfo{
	    		/* padding:11px 0; */
	    	}
	    	.user_headericons .userIconWrap .userIconInfo .name{
	    		display:block;
	    		font-weight:bold;
	    	}

			.header2020 .userIconWrap .userIconInfo a.pointsleft img{
				left:0px;
			}
	    	
	    	.user_headericons .countrySelector{
	    		display:block;
	    	}
		    	
			.header2020 .countrySelectionWrapper .closeBtn{
				display: block !important;
			    position: absolute;
			    right: 15px;
			    top: 15px;
			    padding:0;
			}
	    	.header2020 .menubarWrap .user_headericons .userIconWrap .userIconSvgWrap.onDesktop{
	    		display:none !important;
	    	}
	    	.header2020 .menubarWrap .user_headericons .userIconWrap .userIconSvgWrap.onMobile{
	    		display:table-cell !important;
    		    padding: 0 18px 0;
    		    float:none !important;
	    	}
	    	.header2020 .menubarWrap .user_headericons .userIconWrap.logIn{
	    		padding-left: 15px !important;
	    	}
	    	
	    	/* .header2020 .menubarWrap .user_headericons button.storeLocatorIconWrap{
	    		display:table-cell !important;
	    		float:right;
	    	} */
	    
	    	.user_headericons .userIconWrap .userIconInfo{
	    		display:table-cell;
	    	}
			.header2020 .menubarWrap .user_headericons .userIconWrap {
				display:table;
			}
			
			.header2020 .menubarWrap .user_headericons .loggedinLabel{
				display:none;
			}
	    }
	    @media screen and (max-width:320px){
			.header2020 .menubarWrap .user_headericons .userIconWrap {
				display:block;
				height:55px;
			}
		}
		.user_headericons .userIconWrap > div{
			display:table;
		}
		.user_headericons .userIconWrap > div > span.cap{
			font-size:0.9em;
			padding-left:5px;
		}
		.user_headericons .userIconWrap > div > svg,
		.user_headericons .userIconWrap > div > span{
		    display: table-cell;
    		vertical-align: middle;
		
		}
		@media screen and (min-width: 400px){
		.header2020 .menubarWrap .user_headericons{
			display: none;
		}
		}
		
		
		
		
		
		
/*** Menu Product View ***/

/* 
	Below 500px - 
	remove the category menu point
	Do not show the productview.
*/
	@media screen and (max-width:766px){
		#navigationmenu #menuproductview,
		body.showMenuProductview .productview{
			display:none !important;
		}
	}	

	body .productview{
		/* position: -webkit-sticky;
		position:sticky; */
		position: -webkit-absolute;
		position:absolute;
		width:100%;
		/* max-width:1100px;		 */
		top:40px;
		z-index:99999;
		clear: both;
		display:block;
    	box-shadow: inset 1px -2px 4px rgb(0 0 0 / 30%);
   	    transition: transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.4s ease;
	    -webkit-transition: transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.4s ease;
	    -moz-transition: transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.4s ease;
	    -ms-transition: transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.4s ease;
	    -o-transition: transform 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.4s ease;
	    visibility: hidden;
	    opacity: 0;
	    height: 0;
	    max-height: 0;
	    transform: translateY(-40px);
	    -webkit-transform: translateY(-40px);
	    -moz-transform: translateY(-40px);
	    -o-transform: translateY(-40px);
	    -ms-transform: translateY(-40px);
	    overflow:hidden;
	}
	
	
	body.showMenuProductview .productview{
		transform:translateY(0%);
		-webkit-transform:translateY(0%);
		-moz-transform:translateY(0%);
		display:block;
		left:0px;
		visibility: visible;
	    opacity: 1;
		height:auto;
		max-height:100vh;
	
	}
	
	body.showMenuProductview_mobile .productview{
		transform:translateY(0%);
		-webkit-transform:translateY(0%);
		-moz-transform:translateY(0%);
		display:block;
		height:100%;
		width:100%;
		position:fixed !important;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:#eae1cc;
	}
	.productview--wrap{
		width:100%;
		height:auto;
		display:flex;
		
		margin-bottom:50px;
    	overflow: hidden;
	}
	.productview--list-wrap{
    	box-shadow: 1px 2px 8px rgb(0 0 0 / 10%);
	}
	
	body.showMenuProductview .productview--list-wrap{
	    width: 190px;
		min-width:180px;
	}
	body.showMenuProductview_mobile .productview--list-wrap{
	    width: auto;
	}
	.productview--list{
		list-style-type:none;
		height:100%;
		min-height:647px;
		padding:0;
		margin:0;
		background-color: #2e4145;
	}
	.productview--list li{
		height:auto;
		padding:8px;
		background:none;
		margin-bottom:0;
		background:#2e4145;
		position:relative;
		display:table;
		width:100%;
		
	}
	

	.productview--list li.active{
		border: none;
    	border-left: 5px solid #bfb9ab!important;
		background-color: #eae1cc;
		box-shadow: inset 0 1px 0px 0px #bfb9ab;
	}

	 .productview--list li.active div{ 
		color:#2e4145 !important;
		cursor:pointer;
	} 

	.productview--list li:hover div{
		color:#E8B75E;
		cursor:pointer;
	} 


	.productview--list li:after,
	.productview--list li.active:after
	 {
	    font-family: 'Font Awesome 5 Pro'; 
		content:"\f105";
		height:20px;			
		display:table-cell;
		vertical-align:middle;		
	}

	.productview--list li:after{
		color:#e8b75e;	
	}
	

	.productview--list li.active:after{		
		color: #757471;
	}

	.productview--list li:after{
		opacity:0;
	}

	.productview--list li:hover:after,
	.productview--list li.active:after{
		opacity:1;
	}

	.productview--list li div{
		display:table-cell;
		vertical-align:middle;
		padding-right:20px;
		color:white;
		font-weight:600;
		font-size: 13px;
	}
	body.showMenuProductview_mobile .productview--list li div{
		font-size:13px;
	}
	
	
	.productview--grid-wrap{
		width:100%;
		min-width:610px;
		overflow-y:scroll;
		background: rgba(46, 65, 69, .95);		
	}

	body.showMenuProductview .productview--grid-wrap{
		max-height:80vh;
    	/* margin-right: -17px; */
	}
	
	body.showMenuProductview_mobile .productview--grid-wrap{
		max-height: calc(100vh - 50px);
	}
	.productview--grid{
		width:100%;
	}
	
	.productview--grid #loading{
		color: #fff;
		position: fixed;
		margin-top: 31%;
		margin-left: 40%;
		z-index: 999;
		height: 100%;
		font-size: 27px;
	}

	
	ul.productview--grid-cat{
    	width: 100%;
		clear:both;
		display: inline-grid;
		padding:0 5px;
		transform:translateY(0%);
		-webkit-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-o-transform:translateY(0%);
		-ms-transform:translateY(0%);
	}
	body.showMenuProductview ul.productview--grid-cat{
  		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	
	@media screen and (min-width:601px){
		body.showMenuProductview_mobile ul.productview--grid-cat{
	  		grid-template-columns: 1fr 1fr;
		}
		body.showMenuProductview_mobile .grid-card--image{
			height:110px;
		}
	}
	@media screen and (max-width:600px){
		body.showMenuProductview_mobile ul.productview--grid-cat{
	  		grid-template-columns: 1fr;
		}
	}
	
	body.showMenuProductview_mobile .productview--grid-wrap{
		margin-right:0 ;
	}
	div.productview--grid-categoryHead{
		width:100%;
		clear:both;
		background:#f7f4ec;
		padding: 15px 32px;
		position: -webkit-sticky;
	    position: sticky;
	    top: 0;
	    z-index: 1999;
    	box-shadow: 1px 2px 8px rgb(0 0 0 / 10%);
    	
		transform:translateY(0%);
		-webkit-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-o-transform:translateY(0%);
		-ms-transform:translateY(0%);
		display:block;
	}
	
	ul.productview--grid-cat.hide,
	div.productview--grid-categoryHead.hide{
		
		transform:translateY(-20%)!important;
		-webkit-transform:translateY(-20%)!important;
		-moz-transform:translateY(-20%)!important;
		-o-transform:translateY(-20%)!important;
		-ms-transform:translateY(-20%)!important;
		display:none;
	}
	
	/* product grid item card */
	li.productview--grid-card{
		margin:5px;
		list-style-type:none;
		background:none;
		padding:0;
		border-radius:4px;
		background:#f7f4ec;
    	overflow: hidden;
		cursor:pointer;
		position:relative;
    	box-shadow: 0px 1px 4px rgb(0 0 0 / 10%);	
	}
	body.showMenuProductview li.productview--grid-card{
		transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-webkit-transition:all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
		
   	  
	}
	li.productview--grid-card:hover{
    	box-shadow: 0px 0px 24px rgb(0 0 0 / 20%);
		/* transform:scale(1.01);
		-webkit-transform:scale(1.01);
		-moz-transform:scale(1.01);
		-o-transform:scale(1.01);
		-ms-transform:scale(1.01); */
    		
	}
	
	.productview--grid-card .grid-card--content{
		padding:5px 10px;
	}

	.productview--grid-card .grid-card--content b{		
		font-size:14px;
	}
	
	.productview--grid-card .grid-card--image{
	    position: relative;
	    background: #fff;
	    max-width: 100%;
	    height: 85px;
	    width: 100%;
	    display: table;
	}
	
	
	.productview--grid-card .grid-card--image div{
	    display:table;
	}
	.productview--grid-card .grid-card--image img{
	    position: absolute;
	    left: 0;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    margin: auto;
	    max-width: 100%;
	    max-height: 100%;
	    display: table-cell;
	    vertical-align:middle;
	    clear: both;
	    width: auto;
	    height: auto;
	    padding: 5px;
	}
	.productview--grid-card p{
		margin-top:10px;
	    clear: both;
	    display: block;
	}
	
		
		
		
	.productview.noList{
		box-shadow:none;
	}
	.productview.noList .productview--list-wrap{
		display:none;
	}
	.productview.noList .productview--grid-wrap{
		overflow:auto!important;
	}
	
	
	@media screen and (min-width:1100px){
		body .productview{
			max-width:1100px;
		}

		body.showMenuProductview .productview--list-wrap {
			width: 201px;
			min-width: 174px;
		}

		.productview--grid-wrap{
			min-width: 866.9px;
		}

		body.showMenuProductview .productview--grid-wrap{
			
			margin-right: -17px;
		}

		body.showMenuProductview ul.productview--grid-cat{
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		}
		
	}
	
	
/** Country selector ***/
		.header2020 .countrySelectorWrapperWrap{
		    display: block !important; /*parent used to vertical align child element */
		    overflow:hidden; /* Hiding the content when closing the element */
		}
		
		.header2020 .countrySelectionWrapper{
			display:block!important;
			
	   	    transition: all 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.4s ease;
		    -webkit-transition: all 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.4s ease;
		    -moz-transition: all 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.4s ease;
		    -ms-transition: all 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.4s ease;
		    -o-transition: all 0.3s cubic-bezier(0.02, 0.25, 0, 1.02), opacity 0.4s ease;
		    visibility: hidden;
		    opacity: 0;
		    height: 0;
		    max-height: 0;
			-webkit-transform: translateY(-38px);
			-moz-transform:  translateY(-38px);
			-ms-transform:  translateY(-38px);
			-o-transform: translateY(-38px);
			transform: translateY(-38px);
		}
		body.showCountrySelector .header2020 .countrySelectionWrapper{
		    display: table-cell !important; /* used to vertical align this element inside table parent */
    		vertical-align: middle; /* used to vertical align this element inside table parent */
			/* min-height:calc(100vh - 60px); */ /* if element should fill full screen height, when visible */
			visibility: visible;
		    opacity: 1;
		    height: auto;
		    max-height: 100vh;
			-webkit-transform: translateY(-18px);
			-moz-transform:  translateY(-18px);
			-ms-transform:  translateY(-18px);
			-o-transform: translateY(-18px);
			transform: translateY(-18px);

		}
		.header2020 .countrySelectionWrapper .closeBtn{
			display:none;
		}
		.header2020 .countrySelectionWrapper img{		
	    	padding: 50px 0;
	    }
	    
		.header2020 .countrySelectionWrapper .countryListContainer{
			max-width: 70%;
		    margin: auto;
		    text-align: center;
	    	margin-top: 30px;
		}
		.header2020 .countrySelectionWrapper .countryListContainer ul{
			margin:0;
			padding:0;
		}
	    
   
		.header2020 .countrySelectionWrapper .countryListContainer li{
		    display: inline-block;
		    list-style-type: none;
		    background: none;
			margin:0;
			margin-bottom:8px;
			padding:0 5px !important;
	    }
				
		
		
/*** basket stuff ***/
	    .basketWrapper{
	    	display:none !important;
	    }
	    
	    main#baseTplContentWrapper.frontpage #pagecontainer.pageWidth{
	    	z-index:1000000;
	    }
	    
	    
	    
/******** Existing elements adjustment ********/
	    
	    
	    main#baseTplContentWrapper{
	    	/* overflow:unset !important; */
	    }
	   

 
	    
	    /* Burger menu */
		.menu-button{
			display:none;
		}
		.header2020 #dropdownbasket #ID_Checkout_Right_Sidebar #ID_Checkout_Overview_Header p{
			display:none;
		}
	
	    /* Owl slider */
	    .frontpage2015 .fullPageSpanPrimary .owl-carousel .owl-item{
	    	padding-top:0;
	    }
	    /* Adjusting admin panel */
	    @media screen and (max-width:1249px){
		    body #adminTopOffset{
		    	height:20px;
		    }
		    body #adminNavWrapper{
		    	position:fixed;
		    }
	    }
	    @media screen and (min-width:1250px){
		    body #adminTopOffset{
		    	height:0px !important;
		    }
		    body #adminNavWrapper{
		    	position:relative !important;
		    }
	    }