@import "bootstrap_elements.css";
@import "columnz.css";
@font-face {
    font-family: 'Rethink Sans';
    src: url('font/RethinkSans-ExtraBoldItalic.eot');
    src: url('font/RethinkSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('font/RethinkSans-ExtraBoldItalic.woff2') format('woff2'),
        url('font/RethinkSans-ExtraBoldItalic.woff') format('woff'),
        url('font/RethinkSans-ExtraBoldItalic.ttf') format('truetype'),
        url('font/RethinkSans-ExtraBoldItalic.svg#RethinkSans-ExtraBoldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('font/RethinkSans-Medium.eot');
    src: url('font/RethinkSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('font/RethinkSans-Medium.woff2') format('woff2'),
        url('font/RethinkSans-Medium.woff') format('woff'),
        url('font/RethinkSans-Medium.ttf') format('truetype'),
        url('font/RethinkSans-Medium.svg#RethinkSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('font/RethinkSans-SemiBoldItalic.eot');
    src: url('font/RethinkSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('font/RethinkSans-SemiBoldItalic.woff2') format('woff2'),
        url('font/RethinkSans-SemiBoldItalic.woff') format('woff'),
        url('font/RethinkSans-SemiBoldItalic.ttf') format('truetype'),
        url('font/RethinkSans-SemiBoldItalic.svg#RethinkSans-SemiBoldItalic') format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('font/RethinkSans-Italic.eot');
    src: url('font/RethinkSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('font/RethinkSans-Italic.woff2') format('woff2'),
        url('font/RethinkSans-Italic.woff') format('woff'),
        url('font/RethinkSans-Italic.ttf') format('truetype'),
        url('font/RethinkSans-Italic.svg#RethinkSans-Italic') format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('font/RethinkSans-Regular.eot');
    src: url('font/RethinkSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/RethinkSans-Regular.woff2') format('woff2'),
        url('font/RethinkSans-Regular.woff') format('woff'),
        url('font/RethinkSans-Regular.ttf') format('truetype'),
        url('font/RethinkSans-Regular.svg#RethinkSans-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('font/RethinkSans-SemiBold.eot');
    src: url('font/RethinkSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('font/RethinkSans-SemiBold.woff2') format('woff2'),
        url('font/RethinkSans-SemiBold.woff') format('woff'),
        url('font/RethinkSans-SemiBold.ttf') format('truetype'),
        url('font/RethinkSans-SemiBold.svg#RethinkSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('font/RethinkSans-MediumItalic.eot');
    src: url('font/RethinkSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('font/RethinkSans-MediumItalic.woff2') format('woff2'),
        url('font/RethinkSans-MediumItalic.woff') format('woff'),
        url('font/RethinkSans-MediumItalic.ttf') format('truetype'),
        url('font/RethinkSans-MediumItalic.svg#RethinkSans-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('font/RethinkSans-Bold.eot');
    src: url('font/RethinkSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/RethinkSans-Bold.woff2') format('woff2'),
        url('font/RethinkSans-Bold.woff') format('woff'),
        url('font/RethinkSans-Bold.ttf') format('truetype'),
        url('font/RethinkSans-Bold.svg#RethinkSans-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('font/RethinkSans-ExtraBold.eot');
    src: url('font/RethinkSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('font/RethinkSans-ExtraBold.woff2') format('woff2'),
        url('font/RethinkSans-ExtraBold.woff') format('woff'),
        url('font/RethinkSans-ExtraBold.ttf') format('truetype'),
        url('font/RethinkSans-ExtraBold.svg#RethinkSans-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('font/RethinkSans-BoldItalic.eot');
    src: url('font/RethinkSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('font/RethinkSans-BoldItalic.woff2') format('woff2'),
        url('font/RethinkSans-BoldItalic.woff') format('woff'),
        url('font/RethinkSans-BoldItalic.ttf') format('truetype'),
        url('font/RethinkSans-BoldItalic.svg#RethinkSans-BoldItalic') format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* @import "fontawesome.css"; Skal Font Awesome kunne tilgås som font i løsningen? Brug dette CSS med @font-face */

html {font-size:1.25rem} /* 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;}

html {
	font-weight:400;
	line-height:var(--line-height);
}

body{
	font-family:var(--font);
	font-weight:400;
	color:var(--text);
	font-size: clamp(min(var(--min-size), var(--size)), var(--size), min(var(--min-size), var(--size)));
	line-height:var(--line-height);
	background:#fff;
	overflow-x:hidden;
	image-rendering: -webkit-optimize-contrast;
	position:relative;
}

#main-site-content {
	/* overflow-x:hidden; */
}

img {
	max-width: 100%;
	height: auto;
	image-rendering: auto;
}

.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(0);
}

/* Font-size tilpasning til 200% zoom */
.zoom-width-1 {
	min-width: min(5rem, 100%) !important;
}
.zoom-width-2 {
	min-width: min(10rem, 100%) !important;
}
.zoom-width-3 {
	min-width: min(15rem, 100%) !important;
}
.zoom-width-4 {
	min-width: min(20rem, 100%) !important;
}


/* Site header */
	.pullup #site-header {
		position:absolute;
		left: 0;
		right: 0;
	}
	#site-header {
		position:relative;
		z-index:999;
		background:#fff;
		color: var(--text);
	}
	#site-header > [class*=container] {
		padding-top: 1em;
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
	#site-header > [class*=container]::after {
		content: "";
		padding-top: 1em;
		border-bottom: 1px solid #ddd;
		display:block;
	}
	#site-header .dropdown-menu.login {
		min-width: 280px;
	}
	#site-header a:hover {
		text-decoration: none;
	}
	#site-header > [class*=container] > .row > div > div.dropdown > a:after {
		font-size: 0.95em;
		color: var(--text);
		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 {
		
	}

	.btn.btn-icon {
		font-size: clamp(min(var(--min-size-button), 14px), 14px, min(var(--min-size-button), 14px));
		padding: 10px;
	}
	.btn.btn-icon.dropdown-toggle::after {
		display:none
	}
	.btn.btn-icon .icon-holder {
		display: block;
		margin: 0 auto 5px auto;
	}
	.btn.btn-icon .icon-holder svg {
		font-size: 1.3em;
	}


/* 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: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);
	}

/* 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: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);
	}

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

/* 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;
	}
	#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 .flex-menu + .flex-menu {
		border-left: 1px solid #ddd;
	}
	#slide-menu .indicator {
		line-height: var(--menu-line-height);
		cursor:pointer;
		color: var(--primary);
	}
	#mobile-menu-toggle {

	}
	#mobile-menu-toggle svg, #mobile-menu-toggle i {

	}

	/* First level */
	#slide-menu > li > a {
		display: block;
		font-size: max(0.7rem, min(1vw, 0.9rem));
		font-weight: 400;
		line-height: var(--menu-line-height);
		text-decoration: none;
		color: var(--text)
	}
	#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(--primary);
	}
	#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.title a {
		color: #777;
		font-size: 0.8rem;
		line-height: 1.75rem;
		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);
		color: #777;
		display: block;
		font-size: 0.7rem;
		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.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: 0.8rem;
		line-height: 1.75rem;
		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: 0.8rem;
		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: 1.25rem;
		line-height: 2rem;
		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-light);
		font-size: 0.7rem;
		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: 1.75rem;
		font-size: 0.8rem;
		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(--light) 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(--light);
		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 > a, #slide-menu > li.active > a{
		background: transparent;
		color: var(--primary);
	}
	html.mobilemenu-active #slide-menu li {
		border-bottom: 1px solid var(--primary-light);
	}
	html.mobilemenu-active #slide-menu .indicator {
		padding: 0 15px;
		font-size: 1em;
		background: var(--primary-light);
		border-left: 1px solid var(--primary-light);
		-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: 1rem;
		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: 0.8rem;
		line-height: 1.75rem;
		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;
	}


/* Slide Collection */
	.open-collection,
	.open-collection body {
		overflow:hidden
	}
	#slide-collection {
		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;
		padding:15px;
		background:#fff;
		border-left:1px solid #c1c1c1;
		box-shadow:0 0 3px rgba(0,0,0,.2);
		transition:transform .8s;
		-webkit-transition:transform .8s;
		visibility: hidden;
	}
	.open-collection #slide-collection {
		transform:translate(0);
		-webkit-transform:translate(0);
		visibility: visible;
	}
	#blocker-collection {
		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-collection #blocker-collection {
		transform:translate(max(-480px,-90vw));
		-webkit-transform:translate(-max(-480px,-90vw));
		opacity:1
	}

	.modal[data-learning-id] {
		z-index: 1051;
	}


/* 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;
	}

/* FOOTER */
	footer {
		background: #fff none repeat scroll 0 0;
		color: var(--primary);
		fill: var(--primary);
		font-weight: 400;
	}
	footer ul {
		list-style: outside none none;
		margin: 0 0 30px;
		padding: 0;
	}
	footer ul li a {
		display: block;
		font-size: 0.8rem;
		line-height: 1rem;
		padding-bottom: 10px;
	}
	footer a {
		color: var(--primary);
	}
	footer a:hover {
		color: var(--primary);
		text-decoration:none;
	}
	footer .pagedesign a {
		color: var(--text);
	}
	footer .footer-logos {
		transform: scale(0.7);
		transform-origin: left;
	}


/* 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;
	}


/* CONTENT */

	.container .container, .container .container-fluid {
		padding-left:0;
		padding-right:0;
		width: auto;
	}
	.panel {
		background: #eee none repeat scroll 0 0;
		padding: 15px;
	}
	.panel-heading {
		display: block;
		font-size: 0.8rem;
	}
	.panel-heading + div {
		margin-top: 15px;
	}
	.panel-heading:after {
		content:"▴";
		float:right;
	}
	.panel-heading.collapsed:after {
		content:"▾"
	}
	.panel-group .panel + .panel {
		margin-top: 15px;
	}
	.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;
	}
	.box-content .box-heading {
		font-size: 1rem;
		line-height: 30px;
	}
	[id*=columnz] picture {
		display:block;
	}
	[id*=columnz] picture .img-fluid {
		margin: 0 auto;
		display: block;
	}
	[id*=columnz] video.img-fluid {
		vertical-align: middle;
	}
	div[style*="color"]:not([style*="background-color"]) > * {
		color: inherit;
	}

/* Breadcrumb */
	.breadcrumb{
		margin-bottom:20px;
		list-style:none;
		padding:5px 0;
		background: transparent;
	}
	.breadcrumb i {
		font-size: inherit;
		color:#333
	}
	.breadcrumb a {
		font-size: inherit;
		color:#444;
	}
	.breadcrumb > li {
		padding:0;
		position:relative;
		white-space:nowrap;
		display:inline-block;
		font-size: 0.7rem;
		color:#757575;
	}
	.breadcrumb > li:before {
		content: "/";
		display: inline-block;
		margin: 0 .4rem 0 .3rem;
		color:#777;
	}
	.breadcrumb > li:first-child::before {
		display:none
	}
	.breadcrumb > li:last-child a{
		color:#a5a5a5
	}

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



	/* Text formats */
		/* Headings */
			h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
				margin: 0;
				padding: 0;
				hyphens: auto;
				word-break: break-word;
			}
			h1, .h1 {
				font-weight: 800;
				font-size: clamp(min(var(--min-size-h1), var(--size-h1)), var(--size-h1), min(var(--min-size-h1), var(--size-h1)));
				color: var(--color-h1);
			}

			h2, .h2 {
				font-size: clamp(min(var(--min-size-h2), var(--size-h2)), var(--size-h2), min(var(--min-size-h2), var(--size-h2)));
				color: var(--color-h2);
				font-weight: 800;
			}

			h3, .h3 {
				font-size: clamp(min(var(--min-size-h3), var(--size-h3)), var(--size-h3), min(var(--min-size-h3), var(--size-h3)));
				color: var(--color-h3);
			}

			h4, .h4 {
				font-size: clamp(min(var(--min-size-h4), var(--size-h4)), var(--size-h4), min(var(--min-size-h4), var(--size-h4)));
				color: var(--color-h4);
			}

			h5, .h5 {
				font-size: clamp(min(var(--min-size-h5), var(--size-h5)), var(--size-h5), min(var(--min-size-h5), var(--size-h5)));
				color: var(--color-h5);
			}

			h6, .h6 {
				font-size: clamp(min(var(--min-size-h6), var(--size-h6)), var(--size-h6), min(var(--min-size-h6), var(--size-h6)));
				color: var(--color-h6);
			}

			p {
				margin: 0;
				padding-bottom:1em;
				hyphens: auto;
				word-break: break-word;
			}

			.hyphens {
				hyphens: auto;
				word-break: break-word;
			}

			.btn {
				font-size: clamp(min(var(--min-size-button), var(--size-button)), var(--size-button), min(var(--min-size-button), var(--size-button)));
				line-height: inherit;
			}

			.btn-silent {
				border: none;
				background: transparent;
				padding: 0;
			}

			.input-group .form-control {
				height: calc(1.5em + 1.33em + 2px);
				padding: 0.665em 1.3em;
			}

			.form-control-invisible {
				padding: 0;
				border: none;
				background: transparent;
				outline: none;
			}

			.overflow-ellipsis {
				overflow:hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.img-circle {
				border-radius: 100%;
				aspect-ratio: 1/1;
			}

			.tooltip-inner {
				max-width: 500px;
			}

			/* Media Queries - værs'go' */

			@media (max-width:1199px) {
			}

			@media (max-width:991px) {
			}

			@media (max-width:767px) {
			}

			@media (max-width:576px) {
			}


		/* 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 */
		label {
			font-size: 0.65rem;
			text-transform: uppercase;
			line-height: 1.5;
		}
		.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)
		}


		/* Buttons and links */
		.btn:focus, button:focus, a:focus {
			outline:1px solid var(--primary);
			outline-offset: 2px;
		}
		.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;
		}

		.btn-primary-light {
			color: var(--primary-dark);
		}
		.btn-success {
			color: var(--text);
		}
		.btn-secondary {
			color: var(--text);
		}
		.btn-secondary:hover {
			color: var(--secondary-dark);
			background-color: var(--secondary-light);
			border-color: var(--secondary-light);
		}

		.btn-filter {
			padding: 0.465em 0.9em;
			background: var(--color-0);
			color: var(--text);
			border-color: var(--color-0);
			font-weight: 400;
			width: 100%;
		}
		.btn-filter > span {
			display: inline-block;
			vertical-align: top;
			text-align: left;
		}

		.btn-sort {
			padding: 0.465em 0.9em;
			background: #fff;
			color: var(--text);
			border-color: var(--color-0);
			font-weight: 400;
		}
		.btn-sort > span {
			display: inline-block;
			vertical-align: top;
			text-align: left;
		}

		.dropdown .dropdown-menu {
			overflow: auto;
			max-height: 45vh;
			z-index: 10000;
			padding: 0.5em;
			margin-top: 4px;
			min-width: 18em;
		}

		.dropdown-item {
			border-radius: .25em;
			padding: 0.4em 1em;
			cursor: pointer;
			text-transform: none;
		}
		input:checked + .dropdown-item {
			color: #fff;
			text-decoration: none;
			background-color: var(--primary);
		}
		
		.dropdown-notification {
			border-radius: .25em;
			padding: 0.4em 1em;
		}
		
		.dropdown-notification .dropdown-notification-subject {
			font-weight: 700;
			color: var(--primary);
		}

		.dropdown-item-btn {
			padding: 3px 6px;
			font-size: 0.7em;
		}

		.dropdown .notification-icon {
			position: absolute;
			color: var(--warning-light);
			top: 5px;
			right: 15px;
		}

		.dropdown-filter-box {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			column-gap: 5px;
		}

		.dropdown-filter-box input {
			margin-bottom: .5em;
		}
		.dropdown-filter-box label {
			width: auto;
			-ms-flex-preferred-size: 0;
			flex-basis: 0;
			-ms-flex-positive: 1;
			flex-grow: 1;
			max-width: 100%;
		}
		.dropdown-filter-box hr {
			width: 100%;
			margin: 0;
			visibility: hidden;
		}

		
		/* Range */
		.slider-range.ui-widget.ui-widget-content {
			border: none;
			background: var(--light);
			border-radius: 10px;
		}
		.slider-range.ui-slider-horizontal {
			height: 0.6em;
		}
		.slider-range.ui-slider .ui-slider-handle {
			height: 1em;
		}
		.slider-range.ui-slider-horizontal .ui-slider-handle {
			top: -0.2em;
		}
		.slider-range .ui-widget-header {
			background: var(--secondary);
		}
		.slider-range .ui-state-default, .slider-range .ui-widget-content .ui-state-default {
			background: var(--secondary-dark);
			border:none;
		}
		.slider-range .ui-state-default:focus-visible, .slider-range .ui-widget-content .ui-state-default:focus-visible {
			background: var(--secondary-light);
			outline:none;
		}
		.remove_time {
			cursor: pointer;
		}

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


	/* Banners + special headings */
		img.author {
			border-radius: 50%;
			aspect-ratio: 1;
			height: fit-content;
			border: 2px solid #fff;
		}
		.author-stack {
			display: flex;
			flex-direction: row-reverse;
			justify-content: start;
		}
		.author-stack .author {
			border-radius: 50%;
			aspect-ratio: 1;
			overflow: hidden;
			border: 2px solid #fff;
		}
		.author-stack .author + .author {
			margin-right: -1em;
		}
		.table.table-edge {
			margin-left: -.75em;
			margin-right: -.75em;
		}
		.table.table-edge.table-sm {
			margin-left: -.3em;
  			margin-right: -.3em;
		}

		#steps {
			counter-reset: step;
		}

		#steps > div {
			counter-increment: step;
		}

		#steps > div .actions .step-counter {
			font-size: 1.1rem;
			font-weight: 800;
		}

		#steps .step-learning {
			height: auto;
			padding: .75em;
			min-height: 230px;
		}

		#steps .step-learning .step-learning-placeholder {
			text-align: center;
			font-size: min(0.9rem, 3vw);
			color: #ccc;
			font-weight: 600;
			padding-top: 20px;
			display: block;
		}

		#steps .step-learning .step-learning-placeholder strong {
			color: var(--secondary-dark);
			font-weight: 600;
		}

		#steps .step-learning .step-learning-metas, #course-meta {
			text-align: right;
			font-size: 0.7rem;
		}


		#course-meta {
			text-align: right;
			font-size: 0.8rem;
		}

		#steps .step-learning .step-learning-metas svg, #course-meta svg {
			color: var(--secondary-dark);
		}
		
		#steps > div:first-child:last-child .actions .btn-group {
			display:none;
		}

		#steps > div .actions .btn-up, #steps > div .actions .btn-down {
			color: var(--secondary-dark);
			background: #fff;
		}

		#steps > div:last-of-type .actions .btn-down, #steps > div:first-of-type .actions .btn-up {
			pointer-events: none;
			color: #ddd;
		}

		#steps > div .actions .step-counter::before, #steps .adv-collapse-heading::before {
			content: counter(step);
			display: inline-block;
			width: 1.2em;
			border-radius: 50%;
			background: var(--secondary);
			color: #fff;
			text-align: center;
			margin-right: 15px;
		}

		#main-info .authors > .card-body + .card-body {
			border-top: 1px solid rgba(0,0,0,.125);
		}
		#main-info .authors > .card-body {
			padding: .375em .75em;
		}
		#main-info .authors label {
			margin: 0;
			cursor:pointer;
			text-transform: none;
		}
		#main-info .authors > div > div > input + label .author {
			opacity: 0.5;
		}
		#main-info .authors > div > div > input:checked + label .author {
			border-color: var(--success);
			opacity:1;
		}
		#main-info .authors > div > div > input {
			display:none;
		}
		#main-info .authors .channels {
			column-width: 160px;
			column-count: 3;
		}

		.adv-collapse {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-align: center;
			align-items: center;
			-ms-flex-pack: justify;
			justify-content: space-between;
			padding: 15px;
			flex-wrap: wrap;
		}

		.adv-collapse .adv-collapse-heading  {
			font-size: clamp(min(var(--min-size-h2), var(--size-h2)), var(--size-h2), min(var(--min-size-h2), var(--size-h2)));
			font-weight: 800;
			hyphens: auto;
			word-break: break-word;
		}

		.btn-circle {
			border-radius: 50%;
			aspect-ratio: 1;
			padding: 0.665em 1em;
			color: var(--secondary-dark);
		}

		/* Cards */
		.card1 {
			border: 1px solid #ddd;
			background-color: #f6f3f3;
			box-shadow: 0 1px 2px rgba(0,0,0,0.2);
		}
		.card2 {
			border: 1px solid #ddd;
			background-color: var(--light);
			border-radius: .25em;
		}
		.step-learning .card2 {
			background: #ddd;
		}
		.card3 {
			background-color: var(--light);
			box-shadow: 0 2px 10px rgba(0,0,0,0.1);
		}
		.card4 {
			background-color: var(--light);
			box-shadow: 0 2px 10px rgba(0,0,0,0.1);
			border-radius: .25em;
		}

		.modal-content {
			border:none;
			border-radius: 0;
		}

		.object-fit-cover {
			object-fit: cover;
			height: 100%;
			width: 100%;
		}
		.object-fit-contain {
			object-fit: contain;
			height: 100%;
			width: 100%;
		}

		.fade-right {
			mask-image: linear-gradient(to right, rgb(0, 0, 0) 80%, transparent 100%);
		}
		.fade-left {
			mask-image: linear-gradient(to left, rgb(0, 0, 0) 80%, transparent 100%);
		}
		

		/* Collection item */

		.collection-slide-item {
			padding: 0.4rem;
			font-size: 0.7rem;
		}
		.collection-slide-item.in-step {
			opacity: 0.5;
			pointer-events: none;
		}

		.collection-slide-item .metas svg {
			color: var(--primary)
		}
		
		.collection-slide-item h5 {
			line-height: 1.3;
		}
		.collection-slide-item .course-buttons, .collection-slide-item .collection-buttons {
			display:none;
		}
		.step-learning .collection-slide-item .course-buttons, .slide .collection-slide-item .collection-buttons {
			display: block;
		}

		#course-collection .collection-slide-item {
			cursor:pointer;
			transition: opacity 0.5s;
		}

		#course-collection .collection-slide-item:hover {
			background: #ddd;
		}

		.collection-slide-item:first-of-type .course-buttons .btn-up {
			pointer-events: none;
			color: #ddd;
		}

		.collection-slide-item:last-of-type .course-buttons .btn-down {
			pointer-events: none;
			color: #ddd;
		}

		/* Item thumb */
		.item-thumb {
			font-size: 0.7rem;
			hyphens: auto;
 			word-break: break-word;
		}
		.item-thumb .is-template {
			position: absolute;
			top: 0;
			right: 1.25em;
			padding: 0.75em;
			background: var(--primary);
			border-bottom-right-radius: .375em;
			border-bottom-left-radius: .375em;
			color: #fff;
		}
		.item-thumb .title {
			font-size: 1rem;
			font-weight: 700;
		}
		.item-thumb .title-small {
			font-size: 0.85rem;
			font-weight: 700;
		}
		.item-thumb .sub {
			font-style: italic;
			color: var(--primary);
		}
		.item-thumb .domain-topics {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			min-width: 10rem;
		}
		.item-thumb .image {
			position: relative;
		}
		.item-thumb .image img {
			width: 100%;
		}
		.item-thumb .image.card-img-bottom .buttons {
			position: absolute;
			bottom: calc(var(--bs-spacing-1) * 2);
			right: calc(var(--bs-spacing-1) * 2);
			left: calc(var(--bs-spacing-1) * 2);
			display: flex;
			flex-wrap: wrap;
			justify-content: end;
			row-gap: calc(var(--bs-spacing-1) * 2);
			column-gap: calc(var(--bs-spacing-1) * 2);
		}
		.item-thumb .image.card-img-top .buttons {
			position: absolute;
			top: 10px;
			right: 10px;
			left: 10px;
			text-align: right;
		}
		.item-thumb .metas svg {
			color: var(--primary);
		}
		.item-thumb .metas i {
			font-weight: 700;
			color: var(--primary);
			font-style: normal;
		}
		.item-thumb .comment > div {
			background: var(--primary-light);
			border-radius: .25em;
			padding: 1.25em;
			position: relative;
			font-weight: 700;
		}
		.item-thumb .comment > div > svg:first-child {
			position: absolute;
			bottom: -0.5em;
			font-size: 1.5em;
			left: -0.2em;
			color: var(--primary);
		}
		.item-thumb .comment > div > svg:last-child {
			position: absolute;
			top: -0.5em;
			font-size: 1.5em;
			right: -0.2em;
			color: var(--primary);
		}

		[data-toggle="grid-info"] {
			cursor: pointer;
		}
		[data-toggle="grid-info"].active > div {
			border-color: var(--primary);
		}
		[data-toggle="grid-info"].complete > div {
			border-color: var(--success);
			position:relative;
		}
		[data-toggle="grid-info"] > div .complete-info {
			opacity: 0;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			top: 20%;
			font-size: 0.8rem;
			color: var(--success);
			font-weight: 700;
		}
		[data-toggle="grid-info"].complete > div .complete-info {
			opacity: 1;
			z-index: 10;
		}
		[data-toggle="grid-info"] > div::before {
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			opacity: 0;
			transition: all 0.8s;
			transition-delay: 0.8s;
			right: 0;
			top: 0;
			background: rgba(255,255,255,0.9);
		}
		[data-toggle="grid-info"].complete > div::before {
			opacity: 1;
			z-index: 9;
		}
		[data-toggle="grid-info"] > div .complete-info svg {
			font-size: 3.15rem;
			display: block;
			margin: 0 auto 5px auto;
		}
		[data-toggle="grid-info"] > div::after {
			content: "";
			border-width: 0 var(--bs-spacing-3) var(--bs-spacing-3) var(--bs-spacing-3);
			border-color: transparent transparent var(--primary) transparent;
			border-style: solid;
			position: absolute;
			left: 50%;
			bottom: 0;
			transform: translateX(-50%);
			z-index: 9;
			opacity: 0;
			transition: all 0.8s;
			transition-delay: 0.3s;
		}
		[data-toggle="grid-info"].active > div::after {
			bottom: calc(var(--bs-spacing-4) * -1 - 5px);
			opacity: 1;
		}

		.course-panel .learning-lesson {
			background: #fff;
			height: 100%;
			border-radius: 5px;
			border: 1px solid var(--primary);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 0.9rem;
			font-weight: 900;
		}
		.course-panel .learning-lesson .notviewed {
			cursor: pointer;
			font-weight: 900;
		}
		.course-panel .learning-lesson .viewed {
			display:none
		}
		.course-panel .learning-lesson > :where(.notviewed, .viewed) > svg {
			font-size: 1.6rem;
			color: var(--success);
			display: block;
			margin: 0 auto 5px auto;
		}

		.course-info .learning-info-box {
			display:none;
		}

		.learning-grid:focus-visible {
			outline: none;
		}




		/* Channel Info */
		.channel-name {
			padding-bottom: 5px;
			font-weight: 700;
		}
		.channel-contact-heading {
			padding-top: 30px;
			padding-bottom: 5px;
			font-weight: 500;
		}
		.channel-intro {
			font-weight: 500;
			line-height: 1.5;
		}
		.channel-description {
			line-height: 1.5;
		}
		.channel-contact {
			line-height: 1.65;
			font-size: 0.7rem;
		}
		.channel-contact svg {
			color: var(--primary);
		}
		.channel-members {
			display: flex;
			justify-content: end;
			flex-direction: row-reverse;
		}
		.channel-members > .author:not(:last-child), .channel-members-left > .author:not(:last-child) {
			margin-left: -20px;
		}

		.channel-members-left {
			display: flex;
			justify-content: start;
			flex-direction: row-reverse;
		}


		/* Course */
		#course-tabs .course-nav {
			list-style: none;
			padding: 0;
			margin: 0;
			position:relative;
		}
		#course-tabs .course-nav .mark-line {
			position: absolute;
			top: 0;
			transition: height 0.8s;
			left: calc(0.5em - 2px);
			width: 2px;
			background: var(--primary);
			height: 0;
		}
		#course-tabs .course-tab {
			color: var(--primary);
			font-weight: 900;
			position:relative;
			line-height: 1;
			z-index: 9;
		}
		#course-tabs .course-tab:not(:first-child) {
			padding-top: 30px;
		}
		#course-tabs .course-tab.active ~ .course-tab {
			color: #8e8e8e;
			font-weight: 500;
		}

		#course-tabs .course-tab.active ~ .course-tab::after {
			bottom: 5em;
		}
		#course-tabs .course-tab.active {
			color: var(--primary);
			font-weight: 900;
		}
		#course-tabs .course-tab.active .metas {
			color: var(--text);
		}
		#course-tabs .course-tab .icon-active {
			display:none;
		}
		#course-tabs .course-tab .icon-inactive {
			display:inline-block;
		}
		#course-tabs .course-tab.active .icon-active {
			display:inline-block;
		}
		#course-tabs .course-tab.active .icon-inactive {
			display:none;
		}
		#course-tabs .course-tab .tab-icon {
			position:relative;
			display: inline-block;
		}
		#course-tabs .course-tab .tab-icon svg {
			position:relative;
			z-index: 9;
		}
		#course-tabs .course-tab .tab-icon::after {
			content: "";
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			position: absolute;
			background: #fff;
		}
		#course-tabs .course-tab a {
			font-weight: inherit;
			color: inherit;
			text-decoration: none;
		}
		#course-tabs .course-tab .metas {
			color: var(--text);
			font-weight: 400;
			font-size: 0.7rem;
			padding-top: 10px;
		}
		#course-tabs .course-tab.active ~ .course-tab .metas, #course-tabs .course-tab.active ~ .course-tab .metas svg {
			color: #8e8e8e;
		}
		#course-tabs .course-tab .metas svg {
			color: var(--secondary-dark);
		}
		#course-tabs .course-tab .metas :first-child svg {
			color: var(--primary);
		}
		
		#course-tabs .course-panel {

		}

		#course-tabs .course-steps {
			display: flex;
			flex-wrap: nowrap;
			overflow:hidden;
			scroll-snap-type: x mandatory;
			scrollbar-width: none;
			position: relative;
		}
		#course-tabs .course-steps > div {
			min-width: 100%;
			scroll-snap-align: start;
			overflow: hidden;
		}

		#course-tabs .step-name {
			font-size: 0.9rem;
			color: var(--primary);
			font-style: italic;
		}

		.course-nav-box {
			position: sticky;
			top: 0;
			z-index: 99;
		}

		.course-steps-box {
			transition: height 0.8s;
		}

		@media (max-width: 992px) {
			.course-nav-box {
				bottom: calc(-100vh + 170px);
				top: auto;
			}

			#course-tabs .course-tab:not(:first-child) {
				padding-top: 0;
			}

			#course-tabs .course-nav {
				overflow-x: auto;
				overflow-y: hidden;
				scroll-snap-type: x mandatory;
				column-gap: 30px;
				scrollbar-width: none;
			}

			#course-tabs .course-tab {
				min-width: 33%;
				scroll-snap-align: start;
			}
		}


		/* Newsletter */

		#newsletter_form_course, #newsletter_form_learning {
			overflow-y: auto;
			overflow-x: hidden;
			max-height: 70vh;
			min-height: 300px;
		}

		#newsletter_form_course .item-filter, #newsletter_form_learning .item-filter {
			position: sticky;
			top: 0;
			z-index: 9;
			background: #ffffffe5;
			backdrop-filter: blur(2px);
		}

		.newsletter-related-box {
			min-height: 200px;
			overflow:auto;
		}

		/* 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;
		}


		/* Layout 1 - Hover content */
			.columnz-layout1 > div {
				position: relative;
			}
			.columnz-layout1.height-1 > div > .row > div:first-child, .columnz-layout1.height-2 > div > .row > div:last-child {
				margin-bottom:0;
			}
			.columnz-layout1.height-1 > div > .row > div:last-child, .columnz-layout1.height-2 > div > .row > div:first-child {
				position: absolute;
				left: 0;
				right: 0;
				height: 100%;
			}
			.columnz-layout1.height-1 > div > .row > div:last-child > div {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: flex;
				-webkit-transition: all 0.5s;
				transition: all 0.5s;
				padding: 25px;
			}
			.columnz-layout1.height-2 > div > .row > div:first-child > div {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: flex;
				-webkit-transition: all 0.5s;
				transition: all 0.5s;
			}
			.columnz-layout1.height-2 > div > .row > div:last-child > div {
				padding: 25px;
			}
			.columnz-layout1.height-1 > div > .row > div:last-child > div > div, .columnz-layout1.height-2 > div > .row > div:first-child > div > div {
				width: 100%;
				margin-left: 0;
				margin-right: 0;
			}
			.columnz-layout1.background-1 > div > .row > div:last-child > div {
				background: rgba(255,255,255,0.5);
				/*background: rgba(0,0,0,0.25);*/
			}
			.columnz-layout1.view-hover > div > .row > div:last-child > div {
				opacity: 0;
				-webkit-transition: opacity 0.5s;
				transition: opacity 0.5s;
			}
			.columnz-layout1.view-hover:hover > div > .row > div:last-child > div {
				opacity: 1;
				-webkit-transform: scale(1);
				transform: scale(1);
			}
			.columnz-layout1.view-hover > div > .row > div:last-child > div > div {
				-webkit-transition: transform 0.5s;
				transition: transform 0.5s;
				-webkit-transform: scale(1.2);
				transform: scale(1.2);
			}
			.columnz-layout1.view-hover:hover > div > .row > div:last-child > div > div {
				-webkit-transform: scale(1);
				transform: scale(1);
			}
			.columnz-layout1.height-1.position-bottom > div > .row > div:last-child > div, .columnz-layout1.height-2.position-bottom > div > .row > div:first-child > div {
				top: auto;
			}
			.columnz-layout1.height-1.position-top > div > .row > div:last-child > div, .columnz-layout1.height-2.position-top > div > .row > div:first-child > div {
				bottom: auto;
			}
			.columnz-layout1.position-full > div > .row > div:last-child > div, .columnz-layout1.height-2.position-full > div > .row > div:first-child > div {
				-ms-flex-align: center;
				align-items: center;
				display: flex;
				height: 100%;
			}

			/* Layout 2 - Accordion */
			.columnz-layout2 > div > .row > div:first-child > div {
				padding: 10px;
				border: 1px solid #ddd;
			}
			.columnz-layout2 > div > .row > div:last-child > div {
				border-bottom: 1px solid #ddd;
				border-left: 1px solid #ddd;
				border-right: 1px solid #ddd;
			}

			/* Layout 5 - Tabs */
			.columnz-tabs {
				margin-bottom: 30px;
				margin-top: 10px;
				border-bottom: 1px solid var(--light-dark);
			}

			/* Layout 6 - 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;
			}

			/* Accordion widget */
			.lines {
				border-bottom: 1px solid currentColor;
			}
			.lines:last-child {
				border-bottom: 0;
			}
			.lines .lines-header {
				padding: 15px;
				
			}
			.lines .lines-header[data-toggle="collapse"], .card .card-header[data-toggle="collapse"] {
				cursor:pointer;
			}
			.lines .lines-body {
				padding: 15px;
				font-size: 0.8em;
			}



/* Slider */
	.carousel-caption {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0 auto;
		text-align: center;
		top: 0;
		color:#545454;
		z-index:8;
		pointer-events: none;
		box-sizing: content-box;
	}
	.carousel-caption .carousel-caption-caption {
		padding: 30px;
	}
	.carousel-caption .carousel-caption-caption[style*="background-color: transparent"] {
		padding: 0;
	}
	.carousel-caption .button-caption, .carousel-caption .heading-caption, .carousel-caption .inner-caption {
		pointer-events: all;
	}

	.carousel-inner.zoomout > .carousel-item .main_image {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		animation-name: zoomout;
	}

	.carousel-inner.zoomin > .carousel-item .main_image {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		animation-name: zoomin;
	}

	.carousel-inner.to-center > .carousel-item .main_image {
		transform-origin: center;
		-webkit-transform-origin: center;
	}
	.carousel-inner.to-top_left > .carousel-item .main_image {
		transform-origin: top left;
		-webkit-transform-origin: top left;
	}
	.carousel-inner.to-top_right > .carousel-item .main_image {
		transform-origin: top right;
		-webkit-transform-origin: top right;
	}
	.carousel-inner.to-bottom_left > .carousel-item .main_image {
		transform-origin: bottom left;
		-webkit-transform-origin: bottom left;
	}
	.carousel-inner.to-bottom_right > .carousel-item .main_image {
		transform-origin: bottom right;
		-webkit-transform-origin: bottom right;
	}

	.carousel-inner.zoomin > .carousel-item.active .main_image, .carousel-inner.zoomout > .carousel-item.active .main_image {
		animation-duration: 30s;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
	}


	/* Carousel Extra Image */
	.carousel-content .extra {
		position: absolute;
		top: 50%;
		bottom: 0;
		max-height: 100%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index:9;
	}

	.carousel-content .extra-left {
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		left: 15%;
	}
	.carousel-content .extra-right {
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		left: auto;
		right: 15%;
	}

	@media (min-width: 1200px) {
		.carousel-content .extra-xl-left {-webkit-transform: translate(0, -50%);transform: translate(0, -50%);left: 0;right:auto;}
		.carousel-content .extra-xl-right {-webkit-transform: translate(0, -50%);transform: translate(0, -50%);left: auto;right:0;}
	}
	@media (min-width: 992px) {
		.carousel-content .extra-lg-left {-webkit-transform: translate(0, -50%);transform: translate(0, -50%);left: 0;right:auto;}
		.carousel-content .extra-lg-right {-webkit-transform: translate(0, -50%);transform: translate(0, -50%);left: auto;right:0;}
	}
	@media (min-width: 768px) {
		.carousel-content .extra-md-left {-webkit-transform: translate(0, -50%);transform: translate(0, -50%);left: 0;right:auto;}
		.carousel-content .extra-md-right {-webkit-transform: translate(0, -50%);transform: translate(0, -50%);left: auto;right:0;}
	}
	@media (min-width: 576px) {
		.carousel-content .extra-sm-left {-webkit-transform: translate(0, -50%);transform: translate(0, -50%);left: 0;right:auto;}
		.carousel-content .extra-sm-right {-webkit-transform: translate(0, -50%);transform: translate(0, -50%);left: auto;right:0;}
	}


	/* Zoom */
	@keyframes zoomout {
		from {transform: scale(1.2);-webkit-transform: scale(1.2);}
		to {transform: scale(1.0);-webkit-transform: scale(1.0);}
	}

	@keyframes zoomin {
		from {transform: scale(1.0);-webkit-transform: scale(1.0);}
		to {transform: scale(1.2);-webkit-transform: scale(1.2);}
	}

	@-webkit-keyframes zoomout {
		from {transform: scale(1.2);-webkit-transform: scale(1.2);}
		to {transform: scale(1.0);-webkit-transform: scale(1.0);}
	}

	@-webkit-keyframes zoomin {
		from {transform: scale(1.0);-webkit-transform: scale(1.0);}
		to {transform: scale(1.2);-webkit-transform: scale(1.2);}
	}

	.content_zoom.zoomout > * {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	.content_zoom.in-view.zoomout > * {
		animation-name: zoomout;
	}

	.content_zoom.zoomin > * {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
	.content_zoom.in-view.zoomin > * {
		animation-name: zoomin;
	}

	.content_zoom.to-center > * {
		transform-origin: center;
		-webkit-transform-origin: center;
	}
	.content_zoom.to-top_left > * {
		transform-origin: top left;
		-webkit-transform-origin: top left;
	}
	.content_zoom.to-top_right > * {
		transform-origin: top right;
		-webkit-transform-origin: top right;
	}
	.content_zoom.to-bottom_left > * {
		transform-origin: bottom left;
		-webkit-transform-origin: bottom left;
	}
	.content_zoom.to-bottom_right > * {
		transform-origin: bottom right;
		-webkit-transform-origin: bottom right;
	}
	.content_zoom > * {
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
	}
	.content_zoom.slow > * {
		animation-duration: 30s;
	}
	.content_zoom.normal > * {
		animation-duration: 20s;
	}
	.content_zoom.fast > * {
		animation-duration: 10s;
	}
	.content_zoom {
		overflow:hidden;
	}


/* Owl Carousel */
	.owl-carousel {

	}
	.owl-carousel .owl-stage {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.owl-carousel .owl-item .product-grid {
		height: 100%;
	}
	.owl-carousel .owl-nav {
		margin-top: 10px;
		text-align: center;
		-webkit-tap-highlight-color: transparent;
		width: 100%;
	}

	.owl-carousel .owl-nav [class*='owl-'] {
		color: #FFF;
		font-size: 0.7rem;
		margin: 5px;
		padding: 4px 7px;
		background: #D6D6D6;
		display: inline-block;
		cursor: pointer;
		border-radius: 3px;
	}

	.owl-carousel .owl-nav [class*='owl-']:hover {
		background: var(--primary);
		color: #FFF;
		text-decoration: none;
	}

	.owl-carousel .owl-nav .disabled {
		opacity: 0.5;
		cursor: default;
	}

	.owl-carousel .owl-nav.disabled + .owl-dots {
		margin-top: 10px;
	}

	.owl-carousel .owl-dots {
		text-align: center;
		-webkit-tap-highlight-color: transparent;
		width: 100%;
	}

	.owl-carousel .owl-dots .owl-dot {
		display: inline-block;
		zoom: 1;
		padding:0;
	}

	.owl-carousel .owl-dots .owl-dot span {
		width: 10px;
		height: 10px;
		margin: 5px 7px;
		background: #8a8a8a;
		display: block;
		-webkit-transition: opacity 200ms ease;
		transition: opacity 200ms ease;
		border-radius: 30px;
	}

	.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
		background: var(--primary);
	}

	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
		padding: 15px;
	}
	.owl-carousel .owl-item img {
		max-height: 100%;
	}




/* 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);
	}

/* Collection */

	#collection .btn {
		padding: 0.5em 1em;
		line-height: 1;
	}
	#collection .collection-text {
		font-size: 0.7rem;
	}

/* Notifications */
	#notifications {
		position: fixed;
		z-index: 9999;
		bottom: 0;
		right: 0;
		padding: 0 var(--bs-spacing-3);
	}
	
/* Sub Categories */
	.sub-categories-grid a {
		background: #fff none repeat scroll 0 0;
		border: 1px solid #ddd;
		display: block;
		font-size: 0.85rem;
		line-height: 1.75rem;
		padding: 0;
		text-align: center;
        min-width: 150px;
	}
	.sub-categories-grid span {
		padding: 0 10px;
		width: auto;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.sub-categories-grid img {
		border-bottom: 1px solid #ddd;
	}

	.sub-categories-owl a {
		background: #fff none repeat scroll 0 0;
		border: 1px solid #ddd;
		display: block;
		font-size: 0.85rem;
		line-height: 1.75rem;
		padding: 0;
		text-align: center;
	}
	.sub-categories-owl span {
		padding: 0 10px;
		width: auto;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.sub-categories-owl img {
		border-bottom: 1px solid #ddd;
	}




	/* 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;}

	.columnz_type_container a[data-readmore-toggle]{bottom:35px;position:relative;padding-left:0}
	.columnz_type_container a[data-readmore-toggle] svg, .columnz_type_container a[data-readmore-toggle] i{position: absolute;top: 100%;left: 50%;transform: translate(-50%,-50%);}
	.columnz_type_container [aria-expanded="true"] + a[data-readmore-toggle]{bottom:0;}
	.columnz_type_container [aria-expanded="true"][data-readmore]{margin-bottom:0;}

	.columnz_type_container a[data-readmore-toggle]::before {
		content: "";
		border-bottom: 1px solid var(--primary);
		display: block;
		width: 45%;
		float: right;
	}
	.columnz_type_container a[data-readmore-toggle]::after {
		content: "";
		border-bottom: 1px solid var(--primary);
		display: block;
		width: 45%;
	}


.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: 0 / 0;
  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;
}