﻿@import "bootstrap_settings.css";
@import "stylesheet_formats.css";

/* @import "fontawesome.css"; Skal Font Awesome kunne tilgås som font i løsningen? Brug dette CSS med @font-face */
html {font-size:20px} /* Font size 20px i html vil sørge for, at m- og p-klasser hænger bedre sammen med grid-størrelse (pb-4 er f.eks. padding-bottom 30px) */
html:not(.fontawesome-i2svg-active) .svg-inline--fa {display: inline-block;font-size: inherit;height: 1em;overflow: visible;vertical-align: -.125em;}

body{
	overflow-x:hidden;
	image-rendering: -webkit-optimize-contrast;
	position:relative;
}

#main-site-content {
	overflow-x:hidden;
}
/* Honeypot-felt */
#lastname {
	display: none;
}

.keyword-highlight {
	color: var(--info) !important;
}
img {
	max-width: 100%;
	height: auto;
	image-rendering: auto;
}
img[data-temp-src] {
	background-size: 100px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: #ECECEC !important;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect fill="%23ECECEC" width="100%" height="100%"/><circle fill="%23555555" stroke="%23555555" stroke-width="15" r="15" cx="40" cy="65"><animate attributeName="cy" calcMode="spline" dur="1" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></circle><circle fill="%23555555" stroke="%23555555" stroke-width="15" r="15" cx="100" cy="65"><animate attributeName="cy" calcMode="spline" dur="1" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></circle><circle fill="%23555555" stroke="%23555555" stroke-width="15" r="15" cx="160" cy="65"><animate attributeName="cy" calcMode="spline" dur="1" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></circle></svg>') !important
}

.dynamicload-loader {
	max-width: 50px;
	margin: 0 auto;
	display: block;
}

.renew-cookie {
    position: fixed;
    left: 5px;
    bottom: 0;
    background: url(../image/cookies.gif) #fff no-repeat center center;
    height: 30px;
    width: 30px;
    z-index: 999;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    cursor: pointer;
    transform: translateY(10px);
	transition: all 0.5s;
}
.renew-cookie:hover {
    transform: translateY(0px);
}

.floating {
  position: absolute;
}

.thumblayout > div {
	height: 100%;
}

.gutter {
	row-gap: var(--bs-row-gutter);
	column-gap: var(--bs-col-gutter);
}

/* HEADER */
	/* Site header */
		.pullup #site-header {
			position:absolute;
			left: 0;
			right: 0;
		}
		#site-header {
			position:relative;
			z-index:999;
			background: var(--primary);
			color: var(--primary-dark);
		}
		#site-header > [class*=container] {
			padding-top: 1em;
			padding-bottom: 1em;
		}
		#site-header a, #site-header .btn-link {
			color: var(--text);
		}
		#site-header a:hover {
			text-decoration: none;
		}
		#site-header > [class*=container] > .row > div > a, #site-header > [class*=container] > .row > div > div.dropdown > a, #site-header #search svg, #site-header #search i {
			display: inline-block;
			font-size: 18px;
		}
		#site-header > [class*=container] > .row > div a > span[id*=total] {
			font-size: 0.65em;
			border-radius: 50%;
			width: 1.5em;
			height: 1.5em;
			vertical-align: middle;
			margin-left: -7px;
			transform: translate(0, -25%);
			text-align: center;
			line-height: 1.5em;
			background: var(--success-light);
			color: var(--success-dark);
			display:inline-block;
		}
		#site-header > [class*=container] > .row > div > div.dropdown > a:after {
			font-size: 0.95em;
			color: var(--primary-dark);
			margin-left: -0.3em;
		}
		#site-header > [class*=container] > .row > div > div.dropdown.show > a {
			border-right: 1px solid rgba(0,0,0,.15);
			border-left: 1px solid rgba(0,0,0,.15);
			position: relative;
			padding: 10px;
			border-top: 1px solid rgba(0,0,0,.15);
			background: #fff;
			z-index: 1001;
			margin: -11px;
		}
		#site-header > [class*=container] > .row > div > div.dropdown ul {
			margin-top: 0;
		}
		#site-header > [class*=container] > .row > div > div.dropdown.show ul {
			margin-top: -1px;
		}
		#site-header #mobile-menu-toggle {
			color: var(--text-negative);
			text-transform: uppercase;
			font-size: 18px;
		}
		#site-header .language-list ul li a {
			display: inline-block;
		}
		#site-header .currency-list ul li a {
			display: inline-block;
		}
		#site-header .socials a {
			color: var(--primary);
			display: inline-block;
		}
		#site-header .usps svg {
			font-size: 2.2em;
			margin-right: 15px;
		}
		#site-header .usps strong, #site-header .usps span > span {
			display:block;
		}

		/* Top */
		#top {
			background-color: var(--primary);
			font-size: 14px;
			color: var(--text-negative);
			padding-top: .5em;
			padding-bottom: .5em;
		}
		#top a {
			color: inherit;
			display: block;
			font-size: inherit;
			cursor:pointer;
		}
		/*#top a > * {
			vertical-align:middle;
		}*/
		#top a:hover {
			text-decoration: none;
			color: var(--primary-light);
		}
		#top #top-links a svg, #top #top-links a i {
			color: inherit;
			display: inline-block;
			margin-right: 5px;
		}
		#top a:hover svg, #top a:hover i {
			color: var(--primary-light);
		}
		#top #top-links ul.dropdown-menu-right li {
			text-align:right;
		}
		#top #top-links .dropdown ul {
			background: var(--dark);
			border: medium none;
			box-shadow: none;
			color: inherit;
		}
		#top #mobile-menu-toggle {
			color: var(--text-negative);
		}
		#top .language-list ul li a {
			display: inline-block;
		}
		#top .currency-list ul li a {
			display: inline-block;
		}
		#top #top-links .socials a {
			color: var(--text-negative);
			display: inline-block;
		}
		#top #top-links .socials a i {
			margin: 0;
		}


		/* Fixed menu */
			#fixed-menu {
				background: var(--dark);
				font-size: 16px;
				color: var(--light);
				transition: all 0.8s;
				-webkit-transition: all 0.8s;
			}
			.scrolling #fixed-menu {
				background: rgba(0,0,0,0.8);
			}
			#fixed-menu #mobile-menu-toggle {
				color: var(--light);
				font-size: 16px;
				text-transform: uppercase;
				font-weight: 600;
				line-height: var(--menu-line-height);
			}

			#fixed-menu a {
				color: var(--text-negative);
				display: block;
				font-size: inherit;
				cursor:pointer;
			}
			/*#fixed-menu a > * {
				vertical-align:middle;
			}*/
			#fixed-menu a:hover {
				text-decoration: none;
				color: var(--light-dark);
			}
			#fixed-menu a svg, #fixed-menu a i {
				display: inline-block;
				margin-right: 5px;
			}
			#fixed-menu ul.dropdown-menu-right li {
				text-align:right;
			}
			#fixed-menu .dropdown ul {
				background: var(--dark);
				border: medium none;
				box-shadow: none;
				color: inherit;
			}
			#fixed-menu #mobile-menu-toggle {
				color: var(--light);
			}
			#fixed-menu .language-list ul li a {
				display: inline-block;
			}
			#fixed-menu .currency-list ul li a {
				display: inline-block;
			}
			#fixed-menu .socials a {
				color: var(--primary);
				display: inline-block;
			}
			#fixed-menu .socials a i {
				margin: 0;
			}


		#logo svg {
			display: inline-block;
			vertical-align: middle;
			max-width: 100%;
		}

			

		/* Search */
			#search {
				position:relative;
			}
			
			#search-dropdown {
				display: none;
				position: absolute;
				width: min(90vw, 500px);
				min-width: calc(100% - calc(var(--bs-col-gutter)));
				padding: 15px;
				background: #ffffffb8;
				backdrop-filter: blur(4px);
				max-height: 70vh;
				overflow: auto;
				box-shadow: 0px 0 10px rgba(0,0,0,0.2);
				margin-top: 5px;
				border-radius: var(--border-radius);
			}
			#search .form-control {
				height: auto;
			}

			.open-search,
			.open-search body {
				overflow:hidden
			}
			#search-slide {
				color: var(--text);
				bottom:0;
				right:0;
				position:fixed;
				top:0;
				width:min(480px,90vw);
				z-index:1000000;
				overflow-y:auto;
				transform:translate(min(480px,90vw));
				-webkit-transform:translate(min(480px,90vw));
				overflow-x:hidden;
				margin:0;
				padding:15px 15px 0;
				background:#fff;
				list-style:none;
				border-left:1px solid #c1c1c1;
				box-shadow:0 0 3px rgba(0,0,0,.2);
				transition:transform .8s;
				-webkit-transition:transform .8s
			}
			.open-search #search-slide {
				transform:translate(0);
				-webkit-transform:translate(0)
			}
			#blocker-search {
				position:fixed;
				transform:translate(0);
				-webkit-transform:translate(0);
				transition:all .8s;
				-webkit-transition:all .8s;
				left:0;
				right:0;
				bottom:0;
				top:0;
				background:rgba(0,0,0,.2);
				z-index:999999999;
				display:none;
				opacity:0
			}
			.open-search #blocker-search {
				transform:translate(max(-480px,-90vw));
				-webkit-transform:translate(-max(-480px,-90vw));
				opacity:1
			}

	
		/* Language */
			.language-list ul {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			.language-list ul li {
				display: inline-block;
			}
			.language-list ul li a {
				text-transform: uppercase;
				display: inline-block;
				line-height: 11px;
				font-weight: 700;
			}
			.language-list ul li a.active {
				font-weight: 300;
			}
			.language-list ul li a img {
				vertical-align:top;
			}
			.language-list ul li::after {
				content: "/";
				font-weight: 900;
				padding-left: 10px;
				color: var(--primary-dark);
				padding-right: 10px;
			}
			.language-list ul li:last-child::after {
				display:none;
			}

		/* Currency */
			.currency-dropdown a {
				text-transform: uppercase;
			}
			.currency-list ul {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			.currency-list ul li {
				display: inline-block;
			}
			.currency-list ul li a {
				text-transform: uppercase;
				display: inline-block;
				line-height: 11px;
				font-weight: 700;
			}
			.currency-list ul li a.active {
				font-weight: 300;
			}
			.currency-list ul li a img {
				vertical-align:top;
			}
			.currency-list ul li::after {
				content: "/";
				font-weight: 900;
				padding-left: 10px;
				color: var(--primary-dark);
				padding-right: 10px;
			}
			.currency-list ul li:last-child::after {
				display:none;
			}

		

	/* Slide menu */
		#mobile-menu-toggle, .back-menu, .all-menu {
			display:none;
		}
		#slide-menu {
			list-style: outside none none;
			padding: 0;
			position: relative;
			margin-bottom: 0;
		}
		#slide-menu ul {
			list-style: outside none none;
			margin-bottom: 0;
		}
		#slide-menu li a {
			-webkit-transition: color .3s, background .3s;
			transition: color .3s, background .3s;
			outline: none;
		}
		#slide-menu li a.unclickable {
			pointer-events:none;
		}
		#slide-menu li a > i {
			vertical-align:baseline;
		}
		#slide-menu > li > div {
			background: #fff none repeat scroll 0 0;
			display: none;
			max-height: calc(100vh - var(--menu-line-height));
			overflow-y: auto;
			margin: 0;
			padding: 0;
			position: absolute;
			z-index: 999;
			top:100%;
		}
		/* #slide-menu > li > div.dropdownmenu {
			max-width: 400px;
		} */
		#slide-menu .flex-menu + .flex-menu {
			border-left: 1px solid #ddd;
		}
		#slide-menu .indicator {
			line-height: var(--menu-line-height);
			cursor:pointer;
			color: var(--text-negative);
		}
		#mobile-menu-toggle {
			cursor: pointer;
		}
		#mobile-menu-toggle svg, #mobile-menu-toggle i {
			margin-right: 10px;
		}

		/* First level */
		#slide-menu > li > a {
			color: var(--light);
			display: block;
			font-size: 16px;
			font-weight: 500;
			line-height: var(--menu-line-height);
			text-decoration: none;
			text-transform: uppercase;
		}
		#slide-menu > li.menu-spinner {
			height: var(--menu-line-height);
		}
		#slide-menu li.home-link > a {
			color: #999;
			padding-left:0;
		}
		#slide-menu > li:hover > a, #slide-menu > li.active > a{
			background: transparent;
			color: var(--secondary);
		}
		#slide-menu > li:first-child a {
			padding-left: 0;
		}
		#slide-menu li.has-sub > a {
			padding-right: 0;
		}
		#slide-menu li.has-sub {
			position: static;
		}

		/* Second level */
		#slide-menu .flex-menu li {
		background:var(--info);
		border-bottom: 1px solid #fff;
		}
		#slide-menu .flex-menu li.title a {
			font-size: 16px;
			line-height: 35px;
			padding: 0 15px;
			text-decoration: none;
		}
		#slide-menu .flex-menu li a:hover {
			background: var(--primary) none repeat scroll 0 0;
			color: #fff;
		}
		#slide-menu .flex-menu li a:hover > span {
			color: #fff;
		}

		/* Third level */
		#slide-menu .flex-menu .sub ul {
			padding:0;
		}
		#slide-menu .flex-menu .sub li a {
			background: var(--light);
			display: block;
			font-size: 14px;
			line-height: 18px;
			padding: 3px 15px;
		}
		#slide-menu .flex-menu .sub li a:hover {
			background: var(--primary) none repeat scroll 0 0;
			color: #fff;
			text-decoration: none;
		}

		/* If DROPDOWN */
		/* html:not(.mobilemenu-active) #slide-menu .dropdownmenu > div > ul {
			min-width: 200px;
		} */
		html:not(.mobilemenu-active) #slide-menu .dropdownmenu.edge {
			right:0;
		}

		/* If DROPOUT */
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu {
			overflow: visible;
		}
		html:not(.mobilemenu-active) #slide-menu .dropoutmenu.edge {
			right:0;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > div > ul {
			position: relative;
			min-width: 200px;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > div > ul .title + .sub {
			display:none;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > div > ul:hover .title + .sub {
			display:block;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > div > ul .sub ul {
			position: absolute;
			left: 100%;
			top: 0;
			min-width: 200px;
			z-index: 99;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu.edge > div > div > ul .sub ul, html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > ul .sub.edge ul {
			right: 100%;
			left: auto;
		}
		html:not(.mobilemenu-active) #slide-menu div.dropoutmenu .sub li a {
		  background: var(--primary-dark);
		  display: block;
		  color: #fff;
		  font-size: 16px;
		  line-height: 35px;
		  padding: 0 15px;
		  text-decoration: none;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > div > ul .dropoutarrow {
			color: #777;
			padding-right: 15px;
			-ms-flex-align: center;
			align-items: center;
			display: -ms-flexbox;
			display: flex;
			-webkit-transition: all .3s, background .3s;
			transition: all .3s, background .3s;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > div > ul .title a:hover + .dropoutarrow {
			color: #fff;
			background: var(--primary);
		}

		/* If MEGAMENU */
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu {
			width: 100%;
			left: 0;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul {
			list-style: outside none none;
			padding: 1.5vw;
			position: relative;
			max-height: calc(100vh - var(--menu-line-height));
			margin-bottom: 0;
			overflow: auto;
			background: var(--light);
			height: 100%;
		}
		.mobilemenu-active #slide-menu > li > .megamenu .megamenubar > div:first-child {
			display:none;
		}
		.mobilemenu-active #slide-menu > li > .megamenu .megamenubar {
			height: 100%;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li {
			line-height: 2em;
			font-size: 16px;
			font-weight: 700;
			text-transform: uppercase;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li > a {
			color: var(--primary);
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li.over > a {
			color: var(--primary-dark);
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li > svg, html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li > i {
			color: var(--primary);
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li.over > svg, html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li.over > i {
			color: var(--primary-dark);
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar .flex-menu {
			display:none;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar .flex-menu.over > * {
			padding: 1.5vw;
		}
		.mobilemenu-active #slide-menu > li > .megamenu .megamenubar div[data-parent] {
			display:none;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar .flex-menu.over {
			display: -ms-flexbox;
			display: flex;
		}
		html:not(.mobilemenu-active) #slide-menu .megamenu .flex-menu li.title a {
			font-size: 25px;
			line-height: 40px;
			font-weight: 700;
			padding: 0;
			color: var(--secondary);
			background: transparent;
		}
		html:not(.mobilemenu-active) #slide-menu .megamenu .flex-menu li.title a:hover {
			color: var(--secondary-dark);
		}
		html:not(.mobilemenu-active) #slide-menu .megamenu .flex-menu .sub li a {
			padding: 0;
			background: transparent;
			color: var(--light-dark);
			line-height: 26px;
		}

		/* If FULL */
		html:not(.mobilemenu-active) #slide-menu > li > .fullmenu {
			width: 100%;
			left: 0;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .fullmenu .flex-menu > ul {
			background: var(--light);
		}
		html:not(.mobilemenu-active) #slide-menu > li > .fullmenu .flex-menu > ul > .title {
			background:#fff;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .fullmenu img {
			margin-top: 15px;
			margin-bottom: 15px;
		}


		/* Responsive - <html> får klassen .mobilemenu-active når mobil-menuen vises */
		html:not(.mobilemenu-active) #slide-menu > li:hover > div, html:not(.mobilemenu-active) #slide-menu > li.hovered > div {
			display: block;
		}
		html:not(.mobilemenu-active) #blocker {
			display:none;
			opacity:0;	
		}

		@media (hover: none) { /* For touch devices */
			html:not(.mobilemenu-active) #slide-menu li.has-sub:not(.hovered) > a {
				pointer-events: none;
			}
		}


		html.mobilemenu-active.open-menu, html.mobilemenu-active.open-menu body {
			overflow:hidden;
		}
		html.mobilemenu-active .back-menu {
			display: block;
			background: var(--secondary);
			font-size: 14px;
			line-height: var(--menu-line-height);
			padding-left: 15px;
			font-weight: 600;
			text-transform: uppercase;
			cursor: pointer;
			color: var(--secondary-dark);
		}
		html.mobilemenu-active .back-menu svg, html.mobilemenu-active .back-menu i {
			margin-right: 5px;
		}
		html.mobilemenu-active .all-menu {
			display: block;
			background: #eee;
			line-height: 35px;
			font-size: 16px;
			padding-left: 15px;
			font-weight: 600;
		}
		html.mobilemenu-active .all-menu a {
			display:block;
		}
		html.mobilemenu-active .flex-menu {
			position:static;
		}
		html.mobilemenu-active #slide-menu {
			background: var(--text-negative) none repeat scroll 0 0;
			border-right: 1px solid var(--primary-light);
			bottom: 0;
			left: 0;
			position: fixed;
			top: 0;
			width: 250px;
			z-index: 99999;
			overflow-y: auto;
			transform:translate(-250px);
			-webkit-transform:translate(-250px);
			overflow-x:hidden;
			margin: 0;
		}
		html.mobilemenu-active.menu-started #slide-menu {
			transition: transform 0.8s;
			-webkit-transition: transform 0.8s;
		}
		html.mobilemenu-active.open-menu #slide-menu {
			transform:translate(0);
			-webkit-transform:translate(0);
		}
		html.mobilemenu-active #slide-menu > li > div {
			width: 100%;
			max-height:none;
			top: 0;
			left: 0;
			display:block;
			transform: translate(250px);
			-webkit-transform: translate(250px);
			transition: transform 0.8s;
			-webkit-transition: transform 0.8s;
			height: 100%;
			background:var(--text-negative);
			overflow-x:hidden;
		}
		html.mobilemenu-active #slide-menu > li > div.open-sub {
			transform: translate(0);
			-webkit-transform: translate(0);
		}
		html.mobilemenu-active #slide-menu > li {
			display: block;
			width: 100%;
			padding-right: 0;
		}
		html.mobilemenu-active #slide-menu > li > a {
			color: var(--dark);
		}
		html.mobilemenu-active #slide-menu li > a > picture {
			display:none;
		}
		html.mobilemenu-active #slide-menu > li:hover, #slide-menu > li.active{
			background:var(--primary);
		}
		html.mobilemenu-active #slide-menu > li:hover > a, #slide-menu > li.active > a{
			background: transparent;
			color: var(--text-negative);
		}
		html.mobilemenu-active #slide-menu li {
			border-bottom: 1px solid var(--primary);
		}
		html.mobilemenu-active #slide-menu .indicator {
			padding: 0 15px;
			font-size: 1em;
			background: var(--primary);
			border-left: 1px solid var(--primary);
			-ms-flex-align: center;
			align-items: center;
			display: -ms-flexbox;
			display: flex;
		}
		

		html.mobilemenu-active #blocker {
			position:fixed;
			transform: translate(0);
			-webkit-transform: translate(0);
			transition: all 0.8s;
			-webkit-transition: all 0.8s;
			left:0;
			right:0;
			bottom:0;
			top:0;
			background: rgba(0,0,0,0.5);
			z-index: 999999999;
			display:none;
			opacity:0;
		}
		html.mobilemenu-active.open-menu #blocker {
			transform: translate(250px);
			-webkit-transform: translate(250px);	
			opacity: 1;	
		}
		html.mobilemenu-active #blocker svg, html.mobilemenu-active #blocker i {
			color: var(--light);
			position: absolute;
			top: 10px;
			left: 15px;
			line-height: 20px;
			font-size: 20px;
			cursor: pointer;
		}

		html.mobilemenu-active #slide-menu .flex-menu .sub {
			padding: 0;
			display:block;
			position: absolute;
			width: 100%;
			top: 0;
			transform: translate(250px);
			-webkit-transform: translate(250px);
			transition: transform 0.8s;
			-webkit-transition: transform 0.8s;
			height: 100%;
			background: var(--light);
			overflow: auto;
		}
		html.mobilemenu-active #slide-menu .flex-menu .sub li a {
			font-size: 16px;
			line-height: 35px;
			padding: 0 15px;			
		}
		html.mobilemenu-active #slide-menu .flex-menu .sub.open-sub {
			transform: translate(0);
			-webkit-transform: translate(0);
		}

		html.mobilemenu-active #slide-menu > li > .half-width img {
			width: 70px;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-right: 5px;
		}

		html.mobilemenu-active #slide-menu .flex-menu {
			display:block;
		}
		html.mobilemenu-active #slide-menu .flex-menu > ul {
			float:none;
			width:100%;
		}
		html.mobilemenu-active #slide-menu .flex-menu > ul {
			padding:0;
			position: static;
		}
		html.mobilemenu-active #slide-menu .flex-menu + .flex-menu {
			border-left:none;
		}

	/* Top menu */
		#top-menu {
			list-style: outside none none;
			padding: 0;
			position: relative;
			margin-bottom: 0;
		}
		#top-menu li {

		}
		#top-menu li a {
			-webkit-transition: color .3s, background .3s;
			transition: color .3s, background .3s;
			outline: none;
		}


/* Left menu */
	.left-nav {
		border: 1px solid #ddd;
	}
	.left-nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.left-nav ul li {
		border-bottom: 1px solid #ddd;
		position:relative;
	}
	.left-nav ul li:last-child {
		border-bottom: none;
	}
	.left-nav ul li a {
		display: block;
		padding: 10px 15px;
		text-decoration:none;
	}
	.left-nav ul li .indicator {
		position: absolute;
		right: 0;
		top: 0;
		padding: 13px 15px;
		fill: var(--primary);
		font-size: 10px;
		border-left: 1px solid #ddd;
		cursor: pointer;
		background: var(--primary-light);
	}
	.left-nav ul li .indicator:hover {
		background: #8a8a8a;
	}

/* Levels */
	.left-nav ul ul {
		background: #fff;
		padding-left: 11px;
		border-top: 1px solid #ddd;
		margin-left: -1px;
		border-left: 1px solid #fff;
	}
	.left-nav ul ul > li {
		background: #eee;
	}
	.left-nav ul ul > li > a {
		border-left: 1px solid #ddd;
		color: #666;
		padding: 7px 11px;
	}
	.left-nav ul li.active > a {
		background: var(--primary-dark);
		color: #fff;
	}
	.left-nav ul ul > li .indicator {
		padding: 9px 11px;
	}

/* First level */
	.left-nav > ul > li:hover {
		background: #8a8a8a;
	}
	.left-nav > ul > li:hover > a {
		color: #fff;
	}
	.left-nav > ul > li > a {
		font-size: 15px;
		font-weight: 600;
	}

/* Second level */
	.left-nav > ul > li > ul > li:hover {
		background: #8a8a8a;
	}
	.left-nav > ul > li > ul > li:hover > a {
		color: #fff;
	}
	.left-nav > ul > li > ul > li > a {
		font-weight: 600;
	}

/* Lav selv flere levels :) */


/* FOOTER */
footer{
	background:var(--primary);
	color:var(--text-negative);
	font-size:16px;
}
footer .h5{font-size:26px;}
footer a, footer .h4, footer .h5, footer .pagedesign a{
	color:var(--text-negative);
}

footer .pagedesign a{font-size:12px;}
footer a:hover, footer .pagedesign a:hover{color:var(--info);}
footer .row.contacts {
  line-height: 51px;
}
@media (min-width:576px) {
	footer .pagedesign{margin-top:-170px}
}
@media (max-width:576px) {
	footer .row.contacts {
  line-height: 40px;
}
}


/* Cookie-besked */
	#cookie-space {
		display:none;
		height: 51px;
	}
	#cookie-content {
		background: #eee none repeat scroll 0 0;
		border-top: 1px solid #ddd;
		display: none;
		left: 0;
		padding: 15px 0;
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 99999;
	}
	#cookie-content .row > div {
		margin:0;
	}
	#cookie-content #accept {
		background: #aaa none repeat scroll 0 0;
		border: medium none;
		color: #fff;
		cursor: pointer;
		float: right;
		padding: 5px 10px;
	}

	/* ... den anden cookie... */
	.cc-window.cc-banner { flex-direction: inherit!important;}
	.cc-revoke, .cc-window {font-size: 12px!important;}


/* CONTENT */

	.container .container, .container .container-fluid {
		padding-left:0;
		padding-right:0;
		width: auto;
	}
	.currency-symbol {
		font-size: 0.7em;
		font-weight:300;
		display: inline;
		vertical-align: middle;
		line-height: 1;
	}
	.dropdown > ul > li {
		display:block;
		padding: 0;
	}
	.dropdown > ul > li > a {
		padding: 5px 15px;
		display: block;
	}
	.dropdown > ul > li > a:hover {
		background: var(--primary) none repeat scroll 0 0;
		text-decoration: none;
	}


/* Breadcrumb */
	.container-breadcrumb {
		padding-bottom: var(--bs-spacing-3);
	}
	.container-breadcrumb h1, .embedded-breadcrumb h1 {
		display:inline-block;
	}
	.site-breadcrumb{
		list-style: none;
		padding: 0;
		margin: 0;
		display:inline-block;
		width: 100%;
	}
	.site-breadcrumb i {
		font-size: inherit;
		color:#333
	}
	.site-breadcrumb a {
		font-size: inherit;
		color:#777;
	}
	.site-breadcrumb > li {
		padding:0;
		position:relative;
		white-space:nowrap;
		display:inline-block;
		font-size: 14px;
		color:#999;
	}
	.site-breadcrumb > li:before {
		content: "/";
		display: inline-block;
		margin: 0 .4rem 0 .3rem;
		color:#777;
		font-size: 0.75em;
	}
	.site-breadcrumb > li:first-child::before {
		display:none
	}
	.site-breadcrumb > li:last-child a{
		color:#a5a5a5
	}

	@media (max-width:767px) {
		.site-breadcrumb > li {
			display:none
		}
		.site-breadcrumb > li:nth-last-child(2) {
			display:block
		}
		.site-breadcrumb > li:nth-last-child(2)::before {
			content: "«";
			margin-left: 0;
			display:inline-block
		}
	}
			

/* Scrollbar */
	/* Chrome, Safari */
	::-webkit-scrollbar {
	width: 9px;
	}
	::-webkit-scrollbar-track {
	background: #fff;
	}
	::-webkit-scrollbar-thumb {
	background: var(--primary-dark);
	}

	* {
		/* Firefox */
		scrollbar-width: thin;
		scrollbar-color: var(--primary-light) var(--dark);

		/* IE */
		scrollbar-face-color: var(--primary-light);
		scrollbar-track-color: #fff;
		scrollbar-arrow-color: var(--primary-light);
		scrollbar-shadow-color: var(--primary-light);

	}


	.list-group-item.active {
		background-color:  var(--primary);
		border-color:  var(--primary);
	}

/* FORM */
	.form-control:focus, .custom-select:focus {
		border-color: var(--primary);
		box-shadow: 0 0 0 .2rem var(--primary-light);
	}
	.input-group-middle {
		margin-left: -1px;
		margin-right: -1px;
	}
	.input-group-middle > * {
		border-top: none;
		border-bottom: none;
	}
	.custom-control, .input-group-middle > * {
		line-height: 1.2rem;
	}
	.form-row.required > label::after {
		content: "*";
		color: var(--danger);
		padding-left: 0.25rem;
	}
	.form-row {
		margin-bottom: 0.5em;
	}
	.form-control::-webkit-input-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-control::placeholder {
		color:var(--text-negative)
	}

	
	.input-fix {
		display: table;
		margin: 0 0 2px;
		width: 100%;
	}
	.input-fix > span {
		background: #eee none repeat scroll 0 0;
		border-right: 1px solid #fff;
		display: table-cell;
		min-width: 10%;
		text-align: center;
		vertical-align: middle;
	}
	.input-fix > span input[type="radio"], .input-fix > span input[type="checkbox"] {
		float: none;
		position:relative;
		margin: 0;
	}
	.input-fix label {
		border: 1px solid #eee;
		display: table-cell;
		padding: 10px;
		width: 90%;
		float:none;
	}

	

/* Buttons and links */
	.btn:focus, button:focus, a:focus {
		outline:none;
	}
	.alert button.close {
		line-height: 0.7em;
	}
	a {
		color:var(--primary);
		fill:var(--primary);
	}
	a:hover {
		text-decoration:underline;
		color: var(--primary-dark);
		fill: var(--primary-dark);
	}
	.dropdown-toggle::after {
		vertical-align:middle;
	}
	.category-thumb:hover {
		text-decoration:none;
		background: var(--primary-light);
	}

	/* Height: 100% til custom flex-layout */
	.height-100 > * {
		height: 100%;
	}


/* Banners + special headings */
	.colorlabel {
		font-size: 12px;
		font-weight: 600;
		left: 10px;
		padding: 5px 15px;
		border-radius: 10px;
		position: absolute;
		text-transform: uppercase;
		top: 10px;
		z-index: 9;
	}
	.colorlabel.large {
		font-size: 15px;
		font-weight: 700;
		right: 15px;
		left: auto;
		box-shadow: none;
		padding: 10px 30px;
		border-radius: 10px;
	}
	.colorlabel.dark {
		color: #0005;
	}
	.colorlabel.light {
		color: #fffb;
	}

		

/* Album */
	.gallery > div {
		position: relative;
		overflow:hidden;
	}
	.gallery > div:hover .caption {
		opacity: 1;
		position: absolute;
		top: 50%;
	}
	.mfp-title strong, .mfp-title em, .mfp-title a {
		display:block;
		font-style:normal;
	}
	.gallery > div > .caption {
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
		bottom: 0;
		color: #fff;
		left: 15px;
		opacity: 0;
		padding: 10px 15px;
		position: absolute;
		right: 15px;
		top: 100%;
		transition: all 0.5s ease 0s;
		-webkit-transition: all 0.5s ease 0s;
		pointer-events: none;
	}
	.gallery > div > .caption a {
		pointer-events: all;
	}
	.gallery > div > .caption strong, .gallery .no-gallery-image strong {
		display:block;
		font-size: 1.3em;
	}
	.gallery > div > .caption em, .gallery .no-gallery-image em {
		display:block;
		font-style: normal;
	}
	.gallery .no-gallery-image {
		background: #333;
		color: #fff;
	}
	.gallery .no-gallery-image div {
		padding: 15px;
	}
	.gallery + .pagination {
		clear: both;
	}


/* Opskrifter */
	.recipe-images .video-link::before {
		content: "\f144";
		font-family: "Font Awesome 6 Pro";
		font-weight: 100;
		color: #fff;
		position: absolute;
		top: 50%;
		transform: translate(-50%,-50%);
		left: 50%;
		font-size: min(80px,4vw);
		filter: drop-shadow(0px 3px 1px rgba(0,0,0,0.3));
	}
	.recipe-images .video-link:hover::before {
		color: var(--success);
	}
	.recipe-images .additionals img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	#instructions ul {
		padding: 0;
		list-style: none;
		margin-bottom: 15px;
	}
	#instructions ul li::before {
		content: "\f105";
		font-family: "Font Awesome 6 Pro";
		font-weight: 900;
		color: var(--success);
		margin-right: 0.5em;
	}
	.recipe_stats .stat {
		font-size: 18px;
		line-height: 30px;
	}

	.recipe_tabs .nav-tabs .nav-item .nav-link {
		font-size: 18px;
		line-height: 30px;
		color: var(--secondary);
	}

	.recipe_tabs .nav-tabs .nav-link.active {
		font-weight: 900;
		color: var(--text);
	}

	.recipe_tabs .tab-content > .tab-pane {
		padding: 25px 15px;
	}

	.recipe_tabs h3, #recipe h3 {
		padding-bottom: 10px;
		text-transform: uppercase;
		font-size: 22px;
		color: var(--primary);
	}

	.recipe_tabs .recipe_steps > div {
		background: var(--light);
	}

	.recipe_tabs .recipe_steps > div .number {
		background: var(--primary-light);
		font-size: 30px;
		font-weight: 900;
		color: var(--primary-dark);
	}

	.recipe_tabs .recipe_ingredients > div > .row {
		background: var(--light);
	}

	.recipe_tabs .recipe_ingredients .price {
		font-size: 20px;
	}

	.recipe_tabs .recipe_ingredients .price .price-tax {
		display:block;
		font-size: 12px;
	}

	.recipe_tabs .recipe_ingredients .name {
		font-size: 18px;
	}

	.recipe_tabs .ingredient_stats > div > div {
		background: var(--primary-light);
		padding: 15px;
		height: 100%;
	}

	.recipe_tabs .ingredient_stats .fal {
		font-size: 40px;
		margin-bottom: 10px;
		color: var(--primary-dark);
	}

	.recipe_tabs .ingredient_stats span {
		font-size: 18px;
		text-align:center;
	}

	.recipe_tabs .ingredient_stats button {
		font-size: 22px;
		height: 100%;
	}

	@media print {
		#site-header, footer, #top, .breadcrumb, #open_preferences_center {
			display:none
		}
		.container {
			max-width:none;
			margin:0;
		}
		html {
			margin: 30px;
		}
	}


/* Undersøgelser */
	form.survey-form {
		overflow: hidden;
	}
	.survey-translate {
		display: -ms-flexbox;
		display: flex;
		transform: translateX(0);
		transition: transform 1s ease-in-out;
		transition: all 1s;
		overflow: visible;
		position: relative;
	}
	.survey-translate > div {
		opacity: 0;
	}
	.survey-translate > .active {
		opacity: 1;
		position: relative;
	}
	.survey-question-heading {
		color: var(--primary);
	}
	.survey-step {
		min-width: 100%;
		opacity: 1;
		transition: all 0.5s ease-in-out;
	}
	.survey-step.chosen {
		opacity: 0;
	}
	.survey-step .survey-option {
		background: var(--primary-light);
		padding: 15px;
		text-align: center;
		width: 100%;
		cursor: pointer;
		margin: 0;
	}
	.survey-step .survey-option:hover {
		background: var(--primary);
	}
	.survey-step .survey-option input {
		display:none;
	}



/* TwentyTwenty (før/efter)
	.twenty > div {
		padding-left: 0;
		padding-right: 0;
	}
	.twentytwenty-overlay:hover {
		background: rgba(0, 0, 0, 0.5);
	}
	.twentytwenty-before-label::before, .twentytwenty-after-label::before {
		position: absolute;
		background: rgba(255, 255, 255, 0.2);
		padding: 10px 15px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		font-size: 0.8em;
		color: #fff;
	}
	.twentytwenty-horizontal .twentytwenty-before-label::before, .twentytwenty-horizontal .twentytwenty-after-label::before {
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
	.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
	.twentytwenty-horizontal .twentytwenty-after-label::before {
		right: 15px;
	}
	.twentytwenty-horizontal .twentytwenty-before-label::before {
		left: 15px;
	}
	.twentytwenty-vertical .twentytwenty-before-label:before {
		top: 15px;
	}
	.twentytwenty-vertical .twentytwenty-after-label:before {
		bottom: 15px;
	} */


/* YouTube player */
	.youtube-video-place::before {
		content: "";
		background: rgba(0,0,0,0.5);
		z-index: 5;
		pointer-events: none;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.youtube-video-place > .play-youtube-video {
		z-index: 4;
		cursor: pointer;
		object-fit:cover;
	}
	.youtube-video-place::after {
		content: "";
		position: absolute;
		background: url(/catalog/view/theme/default/image/video-play.png) no-repeat;
		pointer-events: none;
		left: calc(50% - 45px);
		top: calc(50% - 45px);
		width: 90px;
		height: 90px;
		z-index: 6;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.youtube-video-place > iframe {
		z-index: 9;
	}
	.youtube-video-place:hover::before {
		background: rgba(0,0,0,0.3);
	}
	.youtube-video-place:hover::after {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
	}

/* Prop Search */
	.propsearch {
		position:relative;
	}
	.propsearch .form-control {
		border:none;
	}
	.propsearch > div {
		position:relative;
		z-index: 9;
	}
	.propsearch > div:first-child {
		position:relative;
		z-index: 10;
	}
	.propsearch #propsearch-submit {
		border: none;
	}
	.propsearch #propsearch-submit svg, .propsearch #propsearch-submit i {
		fill: var(--dark);
	}
	.propsearch .input-group > label.form-control {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		background-color: var(--primary);
	}
	.propsearch .input-group > label.form-control > svg, .propsearch .input-group > label.form-control > i {
		fill: var(--primary-light);
	}
	.propsearch .input-group .dropdown-toggle::after {
		color: var(--primary);
	}
	.propsearch .input-group .dropdown-toggle, .propsearch .input-group .dropdown-menu, .propsearch .input-group > .input-group-prepend .input-group-text, .propsearch .input-group .search-slider {
		font-weight: 500;
		font-size: 14px;
	}
	.propsearch .input-group > .input-group-prepend  + .form-control, .propsearch .input-group > .input-group-prepend .input-group-text {
		background-color: var(--light);
	}
	.propsearch .input-group > .input-group-append {
		flex: 1 1 auto;
		text-align: left;
	}
	.propsearch .search-slider-bar {
		background: var(--info);
		box-shadow: 0 0 13px rgba(0,0,0,0.15) inset;
	}
	.propsearch .search-active {
		position: relative;
		min-width: 3px;
		background-color: var(--success);
	}
	.propsearch .search-slider-bar .drag-min, .propsearch .search-slider-bar .drag-max {
		cursor: e-resize;
		user-select: none;
		position:absolute;
		top: 0;
		bottom: 0;
		color: var(--light);
	}
	.propsearch .search-slider-bar .drag-min {
		left: 0;
	}
	.propsearch .search-slider-bar .drag-max {
		right: 0;
	}
	.propsearch .search-active.too-small .drag-min {
		transform: translate(-100%);
		color: --dark;
		max-width: none;
	}
	.propsearch .search-active.too-small .drag-max {
		transform: translate(100%);
		color: var(--dark);
		max-width: none;
	}



/* SIDEBARS */
	#sidebar-left .wrapper {
		background: #fff none repeat scroll 0 0;
		border-right: 1px solid #ddd;
		height: 100%;
		left: 0;
		margin-left: -250px;
		overflow: auto;
		position: fixed;
		top: 0;
		width: 250px;
		z-index: 99999;
	}
	#sidebar-left #sidebar-left-button {
		background: #ddd none repeat scroll 0 0;
		cursor: pointer;
		font-size: 40px;
		height: 50px;
		left: 0;
		padding: 5px;
		position: fixed;
		text-align: center;
		top: 30%;
		width: 50px;
		z-index: 90;
	}
	#sidebar-left #sidebar-left-button svg, #sidebar-left #sidebar-left-button i {
		color: var(--primary);
	}

	#sidebar-right .wrapper {
		background: #fff none repeat scroll 0 0;
		border-left: 1px solid #ddd;
		height: 100%;
		right: 0;
		margin-right: -250px;
		overflow: auto;
		position: fixed;
		top: 0;
		width: 250px;
		z-index: 99999;
	}
	#sidebar-right #sidebar-right-button {
		background: #ddd none repeat scroll 0 0;
		cursor: pointer;
		font-size: 40px;
		height: 50px;
		right: 0;
		padding: 5px;
		position: fixed;
		text-align: center;
		top: 30%;
		width: 50px;
		z-index: 90;
	}
	#sidebar-right #sidebar-right-button svg, #sidebar-right #sidebar-right-button i {
		color: var(--primary);
	}



/* Read More */
	article[aria-expanded="true"] + a[data-readmore-toggle] {padding-top: 0;bottom: 0;}

	a[data-readmore-toggle]{background:#0000 linear-gradient(to bottom,#fff0 0%,#fff 70%) repeat scroll 0 0;bottom:35px;padding-top:35px;position:relative;line-height:30px;width:100%;display:block;padding-left:15px;margin-bottom:-35px}
	[aria-expanded="true"] + a[data-readmore-toggle]{padding-top:0;bottom:-30px;}
	[aria-expanded="true"][data-readmore]{margin-bottom:30px;}


	.product-row + .fa-spinner-third {
		left: 50%;
		position: relative;
		margin-left: -21px;
		color: var(--primary);
	}
	.scrollTop:hover {opacity:1;}
	.scrollTop {opacity: 0.5;bottom: 0;cursor: pointer;height: 30px;margin-top: -31px;position: fixed;right: 15px;width: 30px;z-index: 99999;}

	
/* Other stuff */
	.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}.mfp-align-top .mfp-container:before{display:none;}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}.mfp-ajax-cur{cursor:progress;}.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}.mfp-auto-cursor .mfp-content{cursor:auto;}.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}.mfp-loading.mfp-figure{display:none;}.mfp-hide{display:none !important;}.mfp-preloader{color:#cccccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}.mfp-preloader a{color:#cccccc;}.mfp-preloader a:hover{color:white;}.mfp-s-ready .mfp-preloader{display:none;}.mfp-s-error .mfp-content{display:none;}button.mfp-close, button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;}button::-moz-focus-inner{padding:0;border:0;}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Firme-Book,Arial,sans-serif;}.mfp-close:hover, .mfp-close:focus{opacity:1;}.mfp-close:active{top:1px;}.mfp-close-btn-in .mfp-close{color:#333333;}.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:white;right:-6px;text-align:right;padding-right:6px;width:100%;}.mfp-counter{position:absolute;top:0;right:0;color:#cccccc;font-size:12px;line-height:18px;}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}.mfp-arrow:active{margin-top:-54px;}.mfp-arrow:hover, .mfp-arrow:focus{opacity:1;}.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}.mfp-arrow:after, .mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;}.mfp-arrow:before, .mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;}.mfp-arrow-left{left:0;}.mfp-arrow-left:after, .mfp-arrow-left .mfp-a{border-right:17px solid white;margin-left:31px;}.mfp-arrow-left:before, .mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f;}.mfp-arrow-right{right:0;}.mfp-arrow-right:after, .mfp-arrow-right .mfp-a{border-left:17px solid white;margin-left:39px;}.mfp-arrow-right:before, .mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f;}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}.mfp-iframe-holder .mfp-close{top:-40px;}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:black;}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:70px 0 70px;margin:0 auto;}.mfp-figure{line-height:0;}.mfp-figure:after{content:'';position:absolute;left:0;top:70px;bottom:70px;display:block;right:0;width:auto;height:auto;z-index:-1;}.mfp-figure figure {margin:0;}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px;}.mfp-bottom-bar{margin-top:-65px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px;}.mfp-image-holder .mfp-content{max-width:100%;}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}.mfp-img-mobile img.mfp-img{padding:0;}.mfp-img-mobile .mfp-figure{}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}.mfp-img-mobile .mfp-counter{right:5px;top:3px;}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;}
	}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}.mfp-container{padding-left:6px;padding-right:6px;}
	}.mfp-ie7 .mfp-img{padding:0;}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}.mfp-ie7 .mfp-container{padding:0;}.mfp-ie7 .mfp-content{padding-top:44px;}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
	.shrow{display:block;font-size:0px;margin-left:-10px;margin-right:-10px;margin-bottom:10px;}.shrow .shcolumn{vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:12px;padding-left:10px;padding-right:10px;text-align:center;padding-bottom:7px;}.shrow2 .shcolumn{width:50%;display:inline-block;zoom:1;*display:inline;*width:48%;}.shrow3 .shcolumn{width:33.3%;display:inline-block;zoom:1;*display:inline;*width:31.3%;}.shrow4 .shcolumn{width:25%;display:inline-block;zoom:1;*display:inline;*width:23%;}.shrow5 .shcolumn{width:20%;display:inline-block;zoom:1;*display:inline;*width:18%;}.shrow6 .shcolumn{width:16.66%;display:inline-block;zoom:1;*display:inline;*width:14.66%;}.shrow7 .shcolumn{width:14.28%;display:inline-block;zoom:1;*display:inline;*width:12.28%;}.shrow8 .shcolumn{width:12.5%;display:inline-block;zoom:1;*display:inline;*width:10.5%;}.shrow9 .shcolumn{width:11.11%;display:inline-block;zoom:1;*display:inline;*width:9%;}.shrow10 .shcolumn{width:10%;display:inline-block;zoom:1;*display:inline;*width:8%;}.shrow .shcolumn img{max-width:100% !important;height:auto !important;margin-bottom:5px;}.shrow p{margin-bottom:6px;}.owl-carousel.owl-catmod{margin-bottom:15px;*overflow:hidden;}.owl-carousel.owl-catmod .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.owl-carousel.owl-catmod{display:none;position:relative;width:100%;-ms-touch-action:pan-y;}.owl-carousel.owl-catmod .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}.owl-carousel.owl-catmod .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;z-index:1;}.owl-carousel.owl-catmod .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
	.owl-carousel.owl-catmod .owl-item{float:left;}.owl-catmod .owl-controls .owl-page,.owl-catmod .owl-controls .owl-buttons div{cursor:pointer;}.owl-catmod .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}.owl-catmod .grabbing{cursor:url(grabbing.png) 8 8, move;}.owl-carousel.owl-catmod .owl-wrapper,.owl-carousel.owl-catmod .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}.owl-catmod .owl-controls{text-align:center;position:relative;z-index:5;}.owl-catmod .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:0.5;display:none;}.owl-catmod .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}.owl-catmod .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;}.owl-catmod .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791;}.owl-catmod .owl-controls .owl-page.active span,.owl-catmod .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;}.owl-catmod .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}.owl-catmod .owl-item.loading{min-height:150px;background:#fff;}.owl-catmod .owl-item > div{padding-left:10px;padding-right:10px;}.owl-carousel.owl-catmod .owl-wrapper, .owl-carousel.owl-catmod .owl-item{text-align:center;}

	.fadeIn {
		animation-name: fadeIn;
	}

	.fadeOut {
		animation-name: fadeOut;
	}

	.owl-carousel .animated{animation-duration:500ms;animation-fill-mode:both}

	@keyframes fadeIn {
		0% { opacity: 0 }
		100% { opacity: 1 }
	}

	@keyframes fadeOut {
		0% { opacity: 1 }
		100% { opacity: 0 }
	}

	/* Loader */
	@keyframes ldio-ll6w7u4a19 {
	0% { opacity: 1 }
	100% { opacity: 0 }
	}
	.ldio-ll6w7u4a19 div {
	left: 51.480000000000004px;
	top: 27.04px;
	position: absolute;
	animation: ldio-ll6w7u4a19 linear 0.625s infinite;
	background: #000000;
	width: 1.04px;
	height: 8.32px;
	border-radius: 0px / 0px;
	transform-origin: 0.52px 24.96px;
	}.ldio-ll6w7u4a19 div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -0.5833333333333334s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(2) {
	transform: rotate(24deg);
	animation-delay: -0.5416666666666666s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(3) {
	transform: rotate(48deg);
	animation-delay: -0.5s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(4) {
	transform: rotate(72deg);
	animation-delay: -0.4583333333333333s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(5) {
	transform: rotate(96deg);
	animation-delay: -0.4166666666666667s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(6) {
	transform: rotate(120deg);
	animation-delay: -0.375s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(7) {
	transform: rotate(144deg);
	animation-delay: -0.3333333333333333s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(8) {
	transform: rotate(168deg);
	animation-delay: -0.2916666666666667s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(9) {
	transform: rotate(192deg);
	animation-delay: -0.25s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(10) {
	transform: rotate(216deg);
	animation-delay: -0.20833333333333334s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(11) {
	transform: rotate(240deg);
	animation-delay: -0.16666666666666666s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(12) {
	transform: rotate(264deg);
	animation-delay: -0.125s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(13) {
	transform: rotate(288deg);
	animation-delay: -0.08333333333333333s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(14) {
	transform: rotate(312deg);
	animation-delay: -0.041666666666666664s;
	background: #000000;
	}.ldio-ll6w7u4a19 div:nth-child(15) {
	transform: rotate(336deg);
	animation-delay: 0s;
	background: #000000;
	}
	.loadingio-spinner-spinner-b448li6dn8b {
	width: 104px;
	height: 104px;
	display: inline-block;
	overflow: hidden;
	background: rgba(NaN, NaN, NaN, 0);
	position:absolute;
	left: 50%;
	top: 20%;
	transform: translate(-50%, 0);
	}
	.ldio-ll6w7u4a19 {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0; /* see note above */
	}
	.ldio-ll6w7u4a19 div { box-sizing: content-box; }
	.img-loading {
		opacity: 0;
	}
	/* generated by https://loading.io/ */
	
.termsfeed-com---palette-light.termsfeed-com---nb { background-color: #ebf2f2; color:var(--text);}	
#termsfeed-com---nb .cc-nb-okagree,
#termsfeed-com---nb .cc-nb-reject,
#termsfeed-com---nb .cc-nb-changep {
	margin:0 5px 5px 0!important;
	font-weight: bold;
	font-size: 14px;
}

#termsfeed-com---nb #cc-nb-title {
	margin-bottom: 0rem!important
}

@media(max-width: 600px) {
  #termsfeed-com---nb .cc-nb-okagree {
    display:inline-block!important;
		margin-right: 5px!important;
    width: calc(100%/2 - 5px)!important;
  }


	#termsfeed-com---nb .cc-nb-reject {
		display:inline-block!important;
		margin-right: 0px!important;
		width: calc(100%/2 - 5px) !important;
	}


	#termsfeed-com---nb .cc-nb-changep {
    display:inline-block!important;
  	width: calc(100% - 5px) !important;
		margin-right: 0px!important;
		margin-bottom: .25rem !important;
  }
}

.termsfeed-com---nb .cc-nb-title {
  font-size:21px!important;
}

.termsfeed-com---nb .cc-nb-text {
  font-size:12px!important;
  margin:0 0 1rem 0!important;
}

.termsfeed-com---palette-light .cc-nb-okagree {
  color: #fff;
  background-color: var(--success)!important;
}
.termsfeed-com---palette-light .cc-nb-reject {
  color: var(--text);
  background-color:var(--secondary)!important;
}

#termsfeed-com---nb .cc-nb-main-container {
  padding:20px!important;
}
.termsfeed-com---palette-light .cc-nb-changep {
  background-color: var(--primary)!important;
  color: #fff;
}
@media screen and (max-width: 990px) {
  .termsfeed-com---nb-simple {
    max-width: 100%!important;
  }
}