@font-face {
	font-display: swap;
	font-family: 'Hansen Grotesque';
	font-style: normal;
	font-weight: 500;
	src: url('/wp-content/themes/comm2ig/assets/fonts/hansengrotesque-medium.woff2') format('woff2'), 
		 url('/wp-content/themes/comm2ig/assets/fonts/hansengrotesque-medium.woff') format('woff');
}

@font-face {
	font-display: swap;
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/wp-content/themes/comm2ig/assets/fonts/plus-jakarta-sans-v11-cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2'),
		 url('/wp-content/themes/comm2ig/assets/fonts/plus-jakarta-sans-v11-cyrillic-ext_latin_latin-ext-regular.woff') format('woff');
}
@font-face {
	font-display: swap;
	font-family: 'Plus Jakarta Sans';
	font-style: italic;
	font-weight: 400;
	src: url('/wp-content/themes/comm2ig/assets/fonts/plus-jakarta-sans-v11-cyrillic-ext_latin_latin-ext-italic.woff2') format('woff2'),
		 url('/wp-content/themes/comm2ig/assets/fonts/plus-jakarta-sans-v11-cyrillic-ext_latin_latin-ext-italic.woff') format('woff');
}
@font-face {
	font-display: swap;
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 700;
	src: url('/wp-content/themes/comm2ig/assets/fonts/plus-jakarta-sans-v11-cyrillic-ext_latin_latin-ext-700.woff2') format('woff2'),
		 url('/wp-content/themes/comm2ig/assets/fonts/plus-jakarta-sans-v11-cyrillic-ext_latin_latin-ext-700.woff') format('woff');
}
* {
	font-family: "Plus Jakarta Sans", Arial, sans-serif; color: var(--use-text-color);
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

html {min-height: 100%;}
body {margin: 0; overflow-y: scroll; overflow-x: hidden;}


/* BASE */
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt {padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6, p, li, dd, dt, span, a {line-height: 1em; font-weight: 400;}

ul {list-style: none;}
a {text-decoration: none; cursor: pointer;}

img {border: 0; display: block;}
form, fieldset, label, input, select, textarea {padding: 0; margin: 0; font-weight: 400;}
fieldset {border: none;}
input, select, textarea {font-size: 14px;}
input, textarea {outline: none;}


a, span {font-size: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-transform: inherit;}
em, strong {font-size: inherit; font-family: inherit; line-height: inherit; color: inherit; text-transform: inherit;}
sup {line-height: 1em; font-family: inherit; color: inherit;}

h1, h2 {padding: 0 40px 87px; font-size: 48px;
	line-height: 58px;
	letter-spacing: -0.02em;
	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-weight: 500;
}
h3 {padding: 0 40px 87px; font-size: 19px; 
	line-height: 34px;
	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-weight: 500;
}
h4 {padding: 0 40px 4px; font-size: 17px; line-height: 1.4em; font-weight: 700;}
h5 {padding: 0 40px 2px; font-size: 14px; line-height: 1.4em; font-weight: 700;}
h6 {padding: 0 40px 2px; font-size: 14px; line-height: 1.4em; font-weight: 500;}

p {padding: 0 40px 0px; text-indent: 117px; font-size: 19px; 
	font-weight: 400;
	line-height: 34px;
}


ul,
ol {font-size: 0;}
li {font-size: 19px; line-height: 34px;}

dl {font-size: 0; width: 960px;}
dt,
dd {display: inline-block; vertical-align: top;}

dt {
	font-family: "Plus Jakarta Sans", Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 34px;
/*	line-height: 1.7em;*/
	letter-spacing: 0.18em;
	padding: 2px 40px 0 40px;
	width: calc(25% - 40px);
}

th, td {
	font-size: 19px;
}


#page {position: relative; min-height: 100%;
	margin-bottom: 755px;

	color-scheme: light dark;
	background: var(--use-background-color); 

	max-width: 1800px;
	margin-left: auto;
	margin-right: auto;
}

body {
	background: var(--use-background-overflow-color); 
}


:root {
	--light-text-color: #1f2124;
/*	--light-link-hover-color: #2d2f32;*/
	--light-link-hover-color: #3d4044;
	--light-background-color: #fcf7f3;
/*	--light-background-overflow-color: #ffffff;*/
	--light-background-overflow-color: #fcf7f3;
	--light-background-image: url("/wp-content/themes/comm2ig/assets/img/logo-positive.svg");
	--light-card-background: #1f2124;
	--light-share-background-image: url("/wp-content/themes/comm2ig/assets/img/ic-share_positive.svg");

	--light-product-gradient: linear-gradient(rgb(241, 237, 233), rgb(249, 244, 240));

	--dark-text-color: #fcf7f3;
	--dark-link-hover-color: #e6e8e7;
	--dark-background-color: #1f2124;
/*	--dark-background-overflow-color: #000000;*/
	--dark-background-overflow-color: #1f2124;
	--dark-background-image: url("/wp-content/themes/comm2ig/assets/img/logo-negative.svg");
	--dark-share-background-image: url("/wp-content/themes/comm2ig/assets/img/ic-share_negative.svg");

	--dark-product-gradient: linear-gradient(rgb(22, 23, 25), rgb(29, 31, 34));

/*	--dark-card-background: #fcf7f3;*/

	--neutral-switch-background-color: #e6e8e7;
	--switch-light-background-image: url("/wp-content/themes/comm2ig/assets/img/ic-lightmode.svg");
	--switch-dark-background-image: url("/wp-content/themes/comm2ig/assets/img/ic-darkmode.svg");
	--switch-dark-active-background-image: url("/wp-content/themes/comm2ig/assets/img/ic-darkmode-active.svg");

	--use-text-color: var(--light-text-color);
	--use-link-hover-color: var(--light-link-hover-color);
	--use-background-color: var(--light-background-color);
	--use-background-overflow-color: var(--light-background-overflow-color);
	--use-background-image: var(--light-background-image);
	--use-share-background-image: var(--light-share-background-image);

	--use-product-gradient: var(--light-product-gradient);


/*	--use-card-background: var(--light-card-background);*/

	--use-switch-light-background-color: var(--light-background-color);
	--use-switch-dark-background-color: var(--neutral-switch-background-color);
	--use-switch-light-background-image: var(--switch-light-background-image);
	--use-switch-dark-background-image: var(--switch-dark-background-image);
}
:root.light main ul.linkcards li.card > div.icon.dark {
	display: none;
}

:root.dark {
	--use-text-color: var(--dark-text-color);
	--use-link-hover-color: var(--dark-link-hover-color);
	--use-background-color: var(--dark-background-color);
	--use-background-overflow-color: var(--dark-background-overflow-color);
	--use-background-image: var(--dark-background-image);
	--use-share-background-image: var(--dark-share-background-image);

	--use-product-gradient: var(--dark-product-gradient);

/*	--use-card-background: var(--dark-card-background);*/

	--use-switch-light-background-color: var(--neutral-switch-background-color);
	--use-switch-dark-background-color: var(--dark-background-color);
	--use-switch-light-background-image: var(--switch-light-background-image);
	--use-switch-dark-background-image: var(--switch-dark-active-background-image);

}
:root.dark main ul.linkcards li.card > div.icon.light {
	display: none;
}

@media (prefers-color-scheme: light) {
	:root:not(.dark) {
		--use-text-color: var(--light-text-color);
		--use-link-hover-color: var(--light-link-hover-color);
		--use-background-color: var(--light-background-color);
		--use-background-overflow-color: var(--light-background-overflow-color);
		--use-background-image: var(--light-background-image);
		--use-share-background-image: var(--light-share-background-image);

		--use-product-gradient: var(--light-product-gradient);

/*		--use-card-background: var(--light-card-background);*/

		--use-switch-light-background-color: var(--light-background-color);
		--use-switch-dark-background-color: var(--neutral-switch-background-color);
		--use-switch-light-background-image: var(--switch-light-background-image);
		--use-switch-dark-background-image: var(--switch-dark-background-image);
	}
	:root:not(.dark) main ul.linkcards li.card > div.icon.dark {
		display: none;
	}
}

@media (prefers-color-scheme: dark) {
	:root:not(.light) {
		--use-text-color: var(--dark-text-color);
		--use-link-hover-color: var(--dark-link-hover-color);
		--use-background-color: var(--dark-background-color);
		--use-background-overflow-color: var(--dark-background-overflow-color);
		--use-background-image: var(--dark-background-image);
		--use-share-background-image: var(--dark-share-background-image);

		--use-product-gradient: var(--dark-product-gradient);

/*		--use-card-background: var(--dark-card-background);*/

		--use-switch-light-background-color: var(--neutral-switch-background-color);
		--use-switch-dark-background-color: var(--dark-background-color);
		--use-switch-light-background-image: var(--switch-light-background-image);
		--use-switch-dark-background-image: var(--switch-dark-active-background-image);
	}
	:root:not(.light) main ul.linkcards li.card > div.icon.light {
		display: none;
	}
}

body.esg {
	--use-text-color: var(--dark-text-color);
	--use-link-hover-color: var(--dark-link-hover-color);
	--use-background-color: #143730;
	--use-background-image: var(--dark-background-image);
	--use-background-overflow-color: #143730;
}
body.esg main ul.linkcards li.card > div.icon.dark {
	display: block !important;
}
body.esg main ul.linkcards li.card > div.icon.light {
	display: none !important;
}


/* COOKIE INFORMATION OVERRIDES */

#coiOverlay * {
	color: var(--text-color);
}
#coiOverlay h1,
#coiOverlay h2,
#coiOverlay p {
	padding: 0;
	text-indent: 0;
}
#coiOverlay .coi-banner__accept {
	background-color: #1f2124;
	color: #fcf7f3;
}
nav#navigation {display: none;}

	

header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
}

header div.perspective {

	perspective: 1200px;

	position: fixed;
	z-index: 15;
	top: 40px;
	right: 40px;
	width: 60px;
	height: 250px;

	opacity: 0;
}

header div.perspective div.box {

	transform-style: preserve-3d;
/*	backface-visibility: hidden;*/

	transform-origin: 50%;
	transform: rotateY(0);

	height: 100%;

}


header div.logo {
	z-index: 5;
	position: absolute;
	top: 38px;
	left: 38px;

/*	transform: translateY(20px);*/
	opacity: 0;
}
header div.logo a {
	display: block;
	text-indent: -9999px;
	width: 185px;
	height: 35px;

	background-color: transparent;
	background-image: var(--use-background-image);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 305px auto;
}


header ul.servicenavigation {
	z-index: 5;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 60px;
	height: 100%;

	transform-style: preserve-3d;
	transform-origin: 50%;
	transform: rotateY(0deg) translateZ(30px);
	backface-visibility: hidden;
	background-color: #f8ff70;
	opacity: 0;

/*	background: transparent url(/wp-content/themes/comm2ig/assets/img/test-menu.png) no-repeat top left;*/

}

header div.perspective ul.servicenavigation {
	opacity: 1;
}

header ul.servicenavigation li.navigation {
	display: block;
	position: relative;
	padding: 23px 18px;
	height: 87px;

	cursor: pointer;
}

header ul.servicenavigation li.navigation div {

	border-radius: 1px; height: 1.5px; margin: 0 0 6px; 
	background: #1f2124;
	
}

header ul.servicenavigation li.navigation a {
	z-index: 5;
	user-select: none;

/*	color: #1f2124;*/
	position: absolute;
	top: 0;
	left: 0;

	transform-origin: 0 0;
	transform: rotate(-90deg) translate(-107px, 12px);
	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-size: 16px;
}	

header ul.servicenavigation li.shop {
	display: block;

	position: relative;
	padding: 17px;
	height: 95px;

	background-color: transparent;
	background-image: url("/wp-content/themes/comm2ig/assets/img/ic-shop.svg");
	background-position: center 10px;
	background-repeat: no-repeat;
	background-size: 25px auto;

	cursor: pointer;
}
header ul.servicenavigation li.shop a {
	z-index: 5;
	user-select: none;
/*	color: #1f2124;*/
	position: absolute;
	top: 0;
	left: 0;

	transform-origin: 0 0;
	transform: rotate(-90deg) translate(-93px, 12px);

	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	
}

header div.close {
	z-index: 5;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 60px;
	height: 250px;

	transform-style: preserve-3d;
	backface-visibility: hidden;
	transform-origin: 50%;
	transform: rotateY(90deg) translateZ(30px);
	background-color: #f8ff70;
	cursor: pointer;
}
header div.close div {
	z-index: 5;
	position: absolute;
	top: 32px;
	right: 18px;
	width: 24px;
	backface-visibility: hidden;
	border-radius: 1px; height: 1.5px; margin: 0 0 6px;
}
header div.close div:nth-child(1) {
	transform: rotate(45deg);
}
header div.close div:nth-child(2) {
	transform: rotate(-45deg);
}
header div.close span {
	z-index: 5;
	user-select: none;
	position: absolute;
	top: 0;
	left: 0;

	transform-origin: 0 0;
	transform: rotate(-90deg) translate(-91px, 18px);
	backface-visibility: hidden;

	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
}

header nav {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	
	max-width: 1800px;
}

header nav div.cover {
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.15);
}

header nav div.wrapper {
	width: 850px;
	height: 100%;
	background-color: #f8ff70;
	position: absolute;
	top: 0;
	right: 0;

	overflow: auto;


/*	background: transparent url(/wp-content/themes/comm2ig/assets/img/test-navigation-2.jpg) no-repeat top left;*/

}

header nav div.menu-primary-navigation-container {
	padding: 53px 40px 50px;
	max-height: calc(100% - 100px);
}

header nav div.menu-primary-navigation-container ul.menu {
	list-style: none;
	width: 310px;
}


header nav div.menu-primary-navigation-container ul.menu li.menu-item {
	display: block;

}
header nav div.menu-primary-navigation-container ul.menu li.menu-item a {
	display: block;
	position: relative;
	z-index: 10;
	user-select: none;
}
header nav div.menu-primary-navigation-container ul.menu > li.menu-item {
	font-weight: 500;
	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-size: 24px;
	line-height: 34px
}


header nav div.menu-primary-navigation-container ul.menu > li.menu-item.menu-item-has-children > a:after {
	content: "+";
	position: absolute;
	right: 0;
	top: 0;
}
header nav div.menu-primary-navigation-container ul.menu > li.menu-item.menu-item-has-children.selected > a:after {
	content: "→";
}	

header nav div.menu-primary-navigation-container ul.sub-menu {
	list-style: none;
	display: none;

	position: absolute;
	top: 54px;
	right: 110px;
	width: 350px;

	overflow: hidden;
}

header nav div.menu-primary-navigation-container ul.sub-menu li {
	white-space: nowrap;
	position: relative;
	font-size: 19px;
	line-height: 1.8em;
}
header nav div.menu-primary-navigation-container ul.sub-menu li a {
	line-height: 34px;
}
header nav div.menu-primary-navigation-container ul.sub-menu li:after {
	z-index: 10;
	content: '';
	width: 30px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-image: linear-gradient(to right, transparent, #f8ff70);
}

header nav div.menu-social-links-container {
	z-index: 5;
	position: absolute;
	bottom: 140px;
	left: 40px;
}

header nav div.menu-social-links-container ul {
	list-style: none;
	font-size: 0;
}

header nav div.menu-social-links-container li {
	display: block;
	font-size: 19px;
	line-height: 34px
}
header nav div.theme {
	z-index: 5;
	position: absolute;
	bottom: 40px;
	left: 40px;
}

header nav div.theme span {
	display: inline-block;

	width: 60px;
	height: 60px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}


header nav div.theme span.light {
	background-image: var(--use-switch-light-background-image);
	background-color: var(--use-switch-light-background-color);
}
header nav div.theme span.dark {
	background-image: var(--use-switch-dark-background-image);
	background-color: var(--use-switch-dark-background-color);
}


header ul.servicenavigation li.navigation div,
header div.close div {
	background: var(--light-text-color);
}
header ul.servicenavigation li,
header div.close span,
header nav a {
	color: var(--light-text-color);
}


header ul.servicenavigation li.navigation:active div,
header div.close:active div,
header ul.servicenavigation li.navigation:hover div,
header div.close:hover div {
	background-color: var(--light-link-hover-color);
}
header ul.servicenavigation li:active,
header nav a:active,
header div.close:active span,
header ul.servicenavigation li:hover,
header nav a:hover,
header div.close:hover span {
	color: var(--light-link-hover-color);
}


header nav div.menu-primary-navigation-container ul.menu > li.menu-item-20036 {
	margin-top: 34px;
}

/* Allow scrolling for unfit navigation content */
header nav.overflow div.menu-primary-navigation-container {
	max-height: none;
}
header nav.overflow div.menu-social-links-container,
header nav.overflow div.theme {
	position: static;
	padding: 0px 40px 40px;
}

@media screen and (max-width: 850px) {

	header div.logo {
		top: 21px;
		left: 28px;
	}
	header div.logo a {
		width: 150px;
		height: 30px;
		background-size: 250px auto;
	}

	header div.perspective {
		top: 23px;
		right: 30px;
		height: 174px;
	}

	header ul.servicenavigation li.navigation {padding-bottom: 12px;}
	header ul.servicenavigation li.shop {height: 4px;}
	header ul.servicenavigation li.shop a {
		display: none;
	}

	header div.close {height: 65px;}
	header div.close span {display: none;}


	header nav div.wrapper {
		width: 100%;
		min-height: 100%;
	}
	header nav div.menu-primary-navigation-container ul.menu {
		width: calc(100% - 60px);
	}
	header nav div.menu-primary-navigation-container ul.sub-menu {
		padding: 5px 0 30px;
		width: calc(100% - 60px);
		position: static;
	}
	header nav div.menu-primary-navigation-container ul.menu li:last-child ul.sub-menu {
		padding-bottom: 0;
	}


	header nav div.menu-primary-navigation-container {
		padding-top: 37px;
		padding-left: 30px;
		min-height: calc( 100% - 328px);
		max-height: none;
	}

	header nav div.menu-primary-navigation-container ul.menu > li.menu-item {
		font-size: 20px;
		line-height: 31px;
	}
	header nav div.menu-primary-navigation-container ul.menu > li.menu-item.menu-item-has-children.selected > a:after {
		content: "-";
	}	
	header nav div.menu-primary-navigation-container ul.sub-menu li {
		font-size: 16px;
		line-height: 29px;
	}

	header nav div.menu-social-links-container {
		position: static;
		padding: 30px;
	}

	header nav div.menu-social-links-container li {
		font-size: 16px;
		line-height: 29px;
	}

	header nav div.theme {
		position: static;
		padding: 0px 30px 30px;
	}
}


@media screen and (min-width: 1800px) {
	header div.perspective {
		right: calc( ( ( 100vw - 1800px ) / 2 ) + 40px);
	}
	header nav {
		left: 50%;
		margin-left: -900px;
		overflow: hidden;
	}

}main {
	overflow-x: hidden;
	opacity: 0; 
	padding: 210px 0 87px;
}

main h1 {
	padding-left: 160px; width: 680px;
	padding-bottom:  0;
	margin-bottom: 87px;
}

main h2 {
	padding-left: 160px; width: 680px;
	padding-bottom:  0;
	margin-bottom: 87px;
}

main h3 {
	padding-left: 160px; width: 680px;
	padding-bottom:  0;
	margin-bottom: 87px;
}

main h4 {
	padding-left: 160px; width: 680px;
}
main h5 {
	padding-left: 160px; width: 680px;
}
main h6 {
	padding-left: 160px; width: 680px;
}
main p {
	padding-left: 280px; width: 680px;
}

main ul:not(.actions,.linkcards,.carousel,.categories,.info,.sharing,.logos,.carousel-pagination),
main ol {
	margin-right: 30px;
	margin-left: 280px; width: 680px;
	padding: 0 0 0 20px;
	margin-top: 43px;
	margin-bottom: 43px;
}

main ul:not(.actions,.linkcards,.carousel,.categories,.info,.sharing,.logos,.carousel-pagination) {
	list-style: disc;
}



main dl {
	margin: 0 0 20px;
}
main dl dd {
	margin: 0 0 67px;
	width: calc(75% - 40px);
}
main dl dd ul,
main dl dd ol {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
main dl dd p {
	padding-right: 0;
	padding-left: 0;
	width: auto;
}
main dl dd p:last-child {
	margin-bottom: 0;
}

main h2.quote {
	font-size: 24px; 
	line-height: 33px;
	letter-spacing: -0.005em;
	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-weight: 500;
	text-indent: 117px;
	padding-left: 280px;
	margin-bottom: 43px;
}

main p.legal {
	text-indent: 0;
	font-size: 12px; line-height: 1.45em;
	letter-spacing: 0.042em;
	margin-bottom: 87px;
}
main p.author {
	text-indent: 0;
	margin-bottom: 87px;
}
main div.no-indent p {
	text-indent: 0;
}

main p:last-child {
	margin-bottom: 87px;
}

main label.lead {
	padding-left: 160px;
	padding-bottom: 20px;
}

main label.lead.crumb {
	padding-right: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}



/* BUTTONS */

main ul.actions {
	padding-left: 280px;
	margin-bottom: 87px;
}



/* COMBINATION ADJUSTMENTS */

main p + ul.actions,
main p + div.list-with-media,
main p + div.form-with-media,
main p + ul.linkcards,
main p + label.lead,
main p + p.legal,
main p + ul.linkcards,
main p + table,
main p + div.media,
main dl + h2 {
	margin-top: 87px;
}

body.home main h2 + div.media,
main div.map + div.list-with-media,
main div.form-with-media + h2,
main div.list-with-media + h2,
main h2 + h2,
main p + h1,
main p + h2,
main ul + h2,
main ul.actions + div.media,
main ul.actions + ul.linkcards,
main h2.quote + div.form-with-media,
main h2.quote + div.list-with-media,
main h2.quote + ul.linkcards,
main h2.quote + div.media,
main label.lead:first-child + h2 + div.media,
main h2:first-child + div.media {
	margin-top: 152px;
}

main ul.linkcards + div.logos,
main ul.linkcards + h2 {
	margin-top: 112px;
}

main dl + ul.linkcards,
main p + h2.quote {
	margin-top: 43px;
}

main div.media.regular + label.lead,
main div.media.regular + label.lead + h2 {
	padding-left: 280px;
}



/* LINKS */

main a {
	overflow: visible;
	white-space: nowrap;
}
main a span.text {
	white-space: normal;
}
main p a span.text,
main li > a span.text {
	padding-bottom: 1px;
	border-bottom: 1px solid var(--use-text-color);
}
main a:active,
main a:hover {
	color: var(--use-link-hover-color);
}
main a:active span.text,
main a:hover span.text {
	border-color: var(--use-link-hover-color);
}
main a span.icon {
	text-indent: 0;
	vertical-align: top;
	display: inline-block;
	display: inline;
	margin-left: 5px;
	font-size: 0.85em;
	width: 19px;
	height: 19px;
}
main h3 a span.text {
	border: none;
}
main h3 a span.icon {
	font-size: 1em;
}



/* MEDIA */

main div.media {
	position: relative;
	margin-bottom: 87px;
	margin-top: 87px;
}

main div.media img,
main div.media video {
	transform-origin: center top;
	transform: scale(1.15);
}

main div.media div.simple {
	position: relative;
	overflow: hidden;
	margin-left: 280px;
	width: 820px;
	aspect-ratio: 820 / 585;
}
main div.media div.simple img,
main div.media div.simple video {
	display: block;
	height: 100%;
	margin-left: -110px;
}

main div.media div.primary {
	position: relative;
	overflow: hidden;
	width: 820px;
	aspect-ratio: 820 / 585;
}
main div.media div.primary img,
main div.media div.primary video {
	display: block;
	height: 100%;
	margin-left: -220px;
}

main div.media div.secondary_wrap {}
main div.media div.secondary {
	position: absolute;
	right: 0;
	top: 195px;

	overflow: hidden;
	width: 270px;
	aspect-ratio: 270 / 585;

}
main div.media div.secondary img,
main div.media div.secondary video {
	display: block;
	height: 100%;
}

main div.media div.primary_wrap,
main div.media div.secondary_wrap,
main div.media div.simple_wrap {
	width: 100%;
	overflow: hidden;
	height: 100%;
}

main div.media ul.actions {
	position: absolute;
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
main div.media ul.actions li {
	width: 100%; height: 100%;
	padding: 0; margin: 0;
}
main div.media ul.actions li a.play {
	width: 100%; height: 100%;
	display: block;
	background-color: transparent;
	background-image: url("/wp-content/themes/comm2ig/assets/img/ic-play.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100px auto;
}
main div.media ul.actions li a.play:hover,
main div.media ul.actions li a.play:active {
	background-image: url("/wp-content/themes/comm2ig/assets/img/ic-play-active.svg");
}


/* YOUTUBE ELEMENT */

main div.youtube {
	position: relative;
	margin-bottom: 87px;
	margin-top: 87px;
	margin-left: 280px;
	width: 820px;
}
main div.youtube iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
}



/* LINKS CARDS */

main ul.linkcards {
	margin-left: 160px; 
	/*max-width: 1170px;*/
	font-size: 0;
	margin-bottom: 57px;
}
main ul.linkcards li.card {
	display: inline-block;
	vertical-align: top;
	width: 310px;
	aspect-ratio: 310 / 390;
	background-color: var(--use-text-color);
	box-sizing: border-box;
	padding: 3.4%;
	margin: 0 40px 40px 0;
	position: relative;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out;
}
main ul.linkcards li.card:active,
main ul.linkcards li.card:hover {
	background-color: var(--use-link-hover-color);
}
main ul.linkcards li.card:nth-child(4),
main ul.linkcards li.card:nth-child(10),
main ul.linkcards li.card:nth-child(16),
main ul.linkcards li.card:nth-child(22),
main ul.linkcards li.card:nth-child(28) {
	margin-left: 120px;
}
main ul.linkcards li.card > div.icon {
	width: 35%;
	aspect-ratio: 1;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	background-size: 100% auto;
	margin-bottom: 15%; 
}
main ul.linkcards li.card h3 {
	width: auto;
	padding: 0;
	margin-bottom: 15px;
}
main ul.linkcards li.card h3 span {
	color: var(--use-background-color);
}
main ul.linkcards li.card p {
	width: auto; 
	padding: 0; 
	text-indent: 0;
	color: var(--use-background-color);
}

main ul.linkcards li.card h3 span.icon {
	transition: left 0.15s ease-in-out;
	position: absolute;
	bottom: 14%;
	left: 12%;
}
main ul.linkcards li.card:active h3 span.icon,
main ul.linkcards li.card:hover h3 span.icon {
	left: 79%;
}



/* CAROUSEL */

main div.carousel {
	margin-top: 124px;
	margin-bottom: 152px;
	position: relative;
	padding-top: 100px;
}
main div.carousel div.wrapper {
	overflow: hidden;
}
main div.carousel > label.lead {
	position: absolute;
	top: 48px;
	left: 0;
}

main ul.carousel {
	margin-left: 160px;
	white-space: nowrap;
	font-size: 0;
}
main ul.carousel li.card {
	display: inline-block;
	vertical-align: top;
	width: 310px;
	margin: 0 40px 0 0;
	position: relative;
	user-select: none;
}
main ul.carousel li.card.link {
	cursor: pointer;
}
main ul.carousel li.card div.media {margin: 0;
	aspect-ratio: 310 / 390;
}
main ul.carousel li.card div.media div.simple {margin: 0; width: 100%; height: 100%;}
main ul.carousel li.card div.media img {margin: 0;
	pointer-events: none;
}

main ul.carousel li.card label.lead {
	white-space: normal;
	padding: 31px 0 0;
}
main ul.carousel li.card h3 {
	white-space: normal;
	padding: 20px 0 0;
	margin: 0;
	width: auto;
}
main ul.carousel li.card label.lead + h3 {
	padding-top: 0px;
}

main ul.carousel-pagination {
	position: relative;
/*	height: 15px;*/

	position: absolute;
	left: 0;
	top: 0;
}

main ul.carousel-pagination li {
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
	width: 60px;
	box-sizing: border-box;
	padding-top: 10px;
	font-size: 30px;
	text-align: center;
	height: 60px;
	background-color: #f8ff70;
/*	margin-top: -85px;*/
	cursor: pointer;
	color: var(--light-text-color);
	user-select: none;
}
main ul.carousel-pagination li:active {
	background-color: #f8ffb2;
}

main ul.carousel-pagination li.disabled,
main ul.carousel-pagination li.disabled:active {
	cursor: default;
	background-color: #e6e8e7;
	opacity: 0.3;
}



/* COMBO ELEMENTS */

main div.list-with-media {
	margin-bottom: 87px;
}


main div.list-with-media,
main div.form-with-media {
/*	max-width: 1080px;*/
	font-size: 0;
}

main div.list-with-media h2,
main div.form-with-media h2 {padding-left: 0; padding-right: 0; width: auto; text-indent: 0;}
main div.list-with-media h2 + h2 {
	margin-top: 0;
}


main div.list-with-media div.media,
main div.form-with-media div.media {
	display: inline-block;
	vertical-align: top;
	width: calc( ( ( ( 100% - 280px ) / 2.5 ) + 280px ) - 30px);
	margin: 0 30px 0 0;
}
main div.list-with-media div.media div.simple,
main div.form-with-media div.media div.simple {
	width: calc( 100% - 280px );
	aspect-ratio: 310 / 390;
}
main div.list-with-media div.media div.simple img,
main div.form-with-media div.media div.simple img {
	margin: 0;
}
main div.list-with-media div.text,
main div.form-with-media div.text:not(.field) {
	display: inline-block;
	vertical-align: top;
	width: calc( ( 100% - 280px ) / 1.7 );
}

main div.form-with-media + p.legal {
	max-width: 1080px;
	box-sizing: border-box;
	width: auto;
	padding-left: calc( ( ( 1080px - 280px ) / 2.5 ) + 280px )
}



/* MAP */

main div.map {max-width: 1080px; font-size: 0;
	margin-left: 160px;
	margin-bottom: 87px;
}

main div.map div.map-media {
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
	aspect-ratio: 545 / 390;
	width: calc( ( ( 100% - 160px ) / 2 ) + 160px );

}
main div.map div.text {
	display: inline-block;
	vertical-align: top;
	width: calc( ( 100% - 160px ) / 2  - 40px );
}
main div.map div.text h3 {
	padding: 0;
	margin: 0 0 40px;
}
main div.map div.text ul.actions {
	padding: 0;
	margin: 0;
}



/* TABLE */

main table {
	margin-left: 160px;
	margin-bottom: 87px;
	border: none;
	border-spacing: 0;
	max-width: 1000px;
	border-collapse: collapse; 
	width: 100%;
}
main thead {}
main thead tr {
	border-bottom: 1px solid var(--use-text-color);
}
main thead th {
	font-weight: 700;
	font-size: 12px; line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding-bottom: 10px;

	text-align: left;
	vertical-align: bottom;

	padding: 0 20px 10px 20px;	
}
main thead th:first-child {
	padding: 0 20px 10px 0;
}
main tbody {}
main tbody tr {
	background-color: transparent;
	transition: background-color 0.3s ease-in-out;
	border-bottom: 1px solid var(--use-text-color);
}
main tbody:first-child tr {
	border-top: 1px solid var(--use-text-color);	
}

main tbody tr.link {
	cursor: pointer;
}
main tbody td {
	padding: 19px 20px 21px;
	color: var(--use-text-color);
	vertical-align: top;
	transition: color 0.3s ease-in-out;
}

main tbody td:first-child {
	font-weight: bold;
	padding-left: 0;
}
main tbody tr:last-child {}

main table td span.icon {font-size: 1em;}
main table.event td:last-child,
main table.reference td:last-child {
	text-align: right;
	padding-right: 40px;
}

main table.download tbody tr:hover,
main table.event tbody tr:hover,
main table.reference tbody tr:hover {
	background-color: #f8ff70;
} 
main table.download tbody tr:hover td,
main table.event tbody tr:hover td,
main table.reference tbody tr:hover td {
	color: var(--light-text-color);
}

main table.download th.title {width: 100%;}
main table.download th.link {width: 30px;}
main table.download th.type {width: 150px;}
main table.download td.type {text-transform: uppercase;}



/* LOGOS */

main div.logos {
	overflow: hidden;
	margin-top: 152px;
	margin-bottom: 152px;
}
main ul.logos {
	white-space: nowrap;
}
main ul.logos li {
	display: inline-block;
	vertical-align: top;
	margin: 0 120px 0 0;
	height: 105px;
}
main ul.logos li svg {
	height: 100%;
}
main ul.logos li svg path,
main ul.logos li svg polygon,
main ul.logos li svg polyline,
main ul.logos li svg rect,
main ul.logos li svg circle {
	fill: var(--use-text-color);
}

main ul.logos.centered {
	text-align: center;
	white-space: normal;
}
main ul.logos.centered li {
	margin: 0 60px;
}


/* PRODUCT */

main div.product {
	display: flex;
	margin-bottom: 87px;
}
main div.product div.text {
	order: 1;
	width: 420px;
	margin-left: 160px;
	margin-right: 40px;
	align-self: flex-start;
}
main div.product div.media {
	order: 2;
	align-self: flex-start;
	width: 820px;
	margin: 0;
}
main div.product.odd div.text {
	order: 2;
	margin-left: 40px;
	margin-right: 0;
}
main div.product.odd div.media {
	order: 1;
}

main div.product div.media div.simple {
	margin: 0;
	width: 100%;
	background: var(--use-product-gradient);
}
main div.product div.media div.simple img {
	transform: scale(0);
	--media-width: 820px;
	--media-height: calc( var(--media-width) / ( 820 / 585 ) );
	--top-margin: calc( var(--media-height) * 0.15 );
	--side-margin: calc( ( var(--media-width) - ( var(--media-height) * 0.85 ) * ( 1180 / 960 ) ) / 2 );
	margin: var(--top-margin) var(--side-margin) 0;
	height: calc( 100% * 0.85 );
}

main div.product div.text h2.quote {
	padding: 0;
	width: auto;
	text-indent: 0;
}
main div.product div.text p {
	padding: 0;
	width: auto;
}
main div.product div.text ul {
	margin-left: 0;
	padding-left: 17px;
	list-style: disc;
	width: auto;
}

main div.product div.text p.price {
	margin: 40px 0;
	text-indent: 0;
	font-weight: bold;
	padding: 19px 0 21px;
	border-top: 1px solid var(--use-text-color);
	border-bottom: 1px solid var(--use-text-color);

}
main div.product div.text label {
	display: block;
	margin: 40px 0;
}

main div.product div.text p.price + label {
	margin-top: -30px;
}


/* FINANCING MODULE */

main div.financing {
	position: relative;
}
main div.financing ul.products {
	font-size: 0;
	padding: 0;
	margin-left: calc( 160px );
	width: calc( 100% - 160px );
	margin-bottom: 87px;
	margin-top: 0;
}
main div.financing ul.products li.card {
	display: inline-block;
	vertical-align: top;
	width: calc( ( 100% / 3 ) - ( 80px / 3 ) );
	margin: 0 40px 0 0;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
main div.financing ul.products li.card:last-child {
	margin-right: 0;
}
main div.financing ul.products li.card.selected {
	background-color: var(--use-text-color);
}
main div.financing ul.products li.card:hover {
	background-color: var(--use-link-hover-color);
}
main div.financing ul.products li.card h3 {
	transition: all 0.2s ease-in-out;
	color: var(--use-link-hover-color);
	text-align: center;
	border: 1px solid var(--use-text-color);
	padding: 10px 10px;
	margin: 0;
	width: auto;
}
main div.financing ul.products li.card.selected h3 {
	color: var(--use-background-color);
}
main div.financing ul.products li.card:hover h3 {
	color: var(--use-background-color);
}

main div.financing div.panels {
	position: relative;
	margin-left: 160px;
	margin-bottom: 87px;
}
main div.financing div.calculations {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: none;
	margin: 0;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: nowrap;
}
main div.financing div.calculations.selected {
	display: flex;
}
main div.financing div.calculations div.image {
	overflow: hidden;
	margin: 0 40px 0 0;
	width: 200px;
	aspect-ratio: 590/480;
	display: flex;
	align-items: center;
}
main div.financing div.calculations div.image img {width: 100%;}
main div.financing div.calculations table {
	margin-left: 0;
	margin-bottom: 0;
	width: calc( 100% - 240px);
}
main div.financing div.calculations table td {white-space: nowrap;}



/* BLOG ELEMENTS */

main .scene.blog div.main-post {
	margin-top: 152px;
	margin-bottom: 100px;
}
main .scene.blog div.main-post article {
	display: flex;
}
main .scene.blog div.main-post div.text {
	order: 1;
	width: 420px;
	margin-left: 160px;
	margin-right: 40px;
	align-self: flex-end;
}
main .scene.blog div.main-post div.media {
	order: 2;
	align-self: flex-end;
	width: 820px;
	margin: 0;
}
main .scene.blog div.main-post div.media div.simple {
	margin: 0;
}

main .scene.blog div.categories {
	position: relative;
	height: 59px;
	width: 250px;
	margin-left: 160px;
	margin-bottom: 100px;
	display: inline-block;
}
main .scene.blog div.categories ul.categories {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

main .scene.blog div.categories ul.categories li {
	background-color: #ffffff;
	display: none;
	height: 59px;
	transition: background-color 0.3s ease-in-out;
}
main .scene.blog div.categories.open ul.categories li,
main .scene.blog div.categories ul.categories li.selected {
	display: block;
}
main .scene.blog div.categories.open ul.categories li.selected {
	font-weight: bold;
}
main .scene.blog div.categories.open ul.categories li:hover {
	background-color: #f8ff70;
}

main .scene.blog div.categories ul.categories li:first-child a::after {
	content: "";
	position: absolute;
	right: 6px;
	top: 5px;
	width: 50px;
	height: 50px;
	background-image: url("/wp-content/themes/comm2ig/assets/img/ic-select.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 55px;
}
main .scene.blog div.categories.open ul.categories li:first-child a::after {
	display: none;
}
main .scene.blog div.categories.open ul.categories::after {
	content: "";
	position: absolute;
	right: 6px;
	top: 3px;
	width: 50px;
	height: 50px;
	background-image: url("/wp-content/themes/comm2ig/assets/img/ic-select.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 55px;
	transform: rotate(180deg);
}


main .scene.blog div.categories.open ul.categories li:first-child {
}

main .scene.blog div.categories ul.categories li a {
	display: block;
	padding: 12px 20px 13px;
	color: var(--light-text-color);
}

main .scene.blog article ul.categories {
	margin-bottom: 20px;
}

main .scene.blog article ul.categories li {
	display: inline-block;
	vertical-align: top;
	background-color: var(--use-text-color);
}
main .scene.blog article ul.categories li a {
	display: block;
	font-weight: 700;
	font-size: 12px; line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 10px 30px;
	color: var(--use-background-color);
}
main .scene.blog article h2.quote {
	text-indent: 0;
	width: auto;
	padding: 0;
	margin: 0 0 10px;
}

main .scene.blog article ul.info li.updated {
	font-weight: 700;
	font-size: 12px; line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: -2px;
	padding: 5px 0 0 0;
}

main .scene.blog div.posts {
	font-size: 0;
	margin-left: 160px;
	margin-right: 160px;
}

main .scene.blog div.posts article {
	display: inline-block;
	width: calc(50% - 20px);
	vertical-align: top;
	margin-bottom: 87px;
}
main .scene.blog div.posts:not(.read_more) article:nth-child(1),
main .scene.blog div.posts.read_more article:nth-child(2),
main .scene.blog div.posts article:nth-child(4),
main .scene.blog div.posts article:nth-child(6) {
	margin-right: 40px;
}

main .scene.blog div.posts:not(.read_more) article:nth-child(3) {
	width: calc(100% + 160px);
	display: flex;
	margin-left: -160px;
	margin-top: 152px;
	margin-bottom: 152px;
}
main .scene.blog div.posts:not(.read_more) article:nth-child(3) div.text {
	order: 2;
	width: 420px;
	margin-left: 40px;
	align-self: flex-end;
}
main .scene.blog div.posts:not(.read_more) article:nth-child(3) div.media {
	order: 1;
	align-self: flex-end;
	width: 820px;
	margin: 0;
}


main .scene.blog div.posts div.media {
	margin: 0 0 40px;
}
main .scene.blog div.posts div.media div.simple {
	width: 100%;
	margin: 0;
}


/* PAGINATION */

main div.pagination {
	margin-left: 160px;
	margin-bottom: 73px;
}
main div.pagination h2 {display: none;}
main div.pagination span,
main div.pagination a {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	text-align: center;
	padding: 16px 0 0 0;
	font-size: 19px;
}
main div.pagination span.page-numbers.current {
	background-color: #ffffff;
	color: var(--light-text-color);
}
main div.pagination span.page-numbers.dots {
	width: auto;
}
main div.pagination a.page-numbers {}
main div.pagination a.prev,
main div.pagination a.next {
	color: var(--light-text-color);
	background-color: #f8ff70;
}
main div.pagination a.prev {
	margin-right: 40px;
}
main div.pagination a.next {
	margin-left: 40px;
}


/* BLOG VIEW */

main .scene.blogview div.info {
	font-size: 0;
	width: 820px;
}
main .scene.blogview div.info + div.media {
	margin-top: 40px;
}

main .scene.blogview ul.categories {
	margin-left: 160px;
	display: inline-block;
	vertical-align: top;
}
main .scene.blogview ul.categories li {
	display: inline-block;
	vertical-align: top;
	background-color: var(--use-text-color);
}
main .scene.blogview ul.categories li a {
	display: block;
	font-weight: 700;
	font-size: 12px; line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 10px 30px;
	color: var(--use-background-color);
}

main .scene.blogview ul.info {
	display: inline-block;
	vertical-align: top;
	
}
main .scene.blogview ul.info li.updated {
	font-weight: 700;
	font-size: 12px; line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 10px 0 0 30px;
}

main .scene.blogview ul.sharing {
	display: inline-block;
	vertical-align: top;
	float: right;
}
main .scene.blogview ul.sharing > li.link {
	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-size: 16px;
	position: relative;
}
main .scene.blogview ul.sharing > li.link > span {
	cursor: pointer;
	background-color: transparent;
	background-position: right -10px top -7px;
	background-image: var(--use-share-background-image);
	background-repeat: no-repeat;
	background-size: 50px;
	padding-right: 40px;
	display: block;
}
main .scene.blogview ul.sharing > li.link div.sharing {
	opacity: 0;
	overflow: hidden;
	background-color: #f8ff70;
	position: absolute;
	z-index: 10;
	padding: 0
	top: 40px;
	right: 0;
	width: 400px;
}
main .scene.blogview ul.sharing > li.link div.sharing span.close {
	opacity: 0;
	z-index: 11;
	display: block;
	position: absolute;
	right: 40px;
	top: 40px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
main .scene.blogview ul.sharing > li.link div.sharing span.close:before {
	content: "";
	z-index: 5;
	position: absolute;
	top: 7px;
	right: 0;
	width: 18px;
	height: 1.5px; margin: 0 0 6px;
	transform: rotate(45deg);
	background: var(--light-text-color);
}
main .scene.blogview ul.sharing > li.link div.sharing span.close:after {
	content: "";
	z-index: 5;
	position: absolute;
	top: 7px;
	right: 0;
	width: 18px;
	height: 1.5px; margin: 0 0 6px;
	transform: rotate(-45deg);
	background: var(--light-text-color);
}
main .scene.blogview ul.sharing > li.link div.sharing h3 {
	opacity: 0;
	padding: 30px 40px 10px;
	margin: 0;
	width: auto;
	color: var(--light-text-color);
}
main .scene.blogview ul.sharing > li.link div.sharing p {
	opacity: 0;
	padding: 10px;
	width: auto;
	margin: 0 40px 20px;
	line-height: 20px;
	text-indent: 0;
	font-size: 13px;
	border: 1px solid var(--light-text-color);
	color: var(--light-text-color);
	position: relative;
}
main .scene.blogview ul.sharing > li.link div.sharing p span {
	opacity: 0;
	
	position: absolute;
	left: 50%;
	top: -22px;
	background: var(--dark-background-color);
	height: 22px;
	width: 140px;
	margin-left: -70px;
	color: var(--dark-text-color);
	text-align: center;
}
main .scene.blogview ul.sharing > li.link div.sharing ul.actions {
	opacity: 0;
	width: auto;
	margin: 0;
	padding: 0 40px 40px;
	text-align: right;
}
main .scene.blogview ul.sharing > li.link div.sharing ul.actions li {
	margin: 0;
}
main .scene.blogview ul.sharing > li.link div.sharing ul.actions li a {
	height: 40px;
	white-space: nowrap;
	padding: 0 60px;
}
main .scene.blogview ul.sharing > li.link div.sharing ul.actions li span {
	padding-top: 1px;
	color: var(--dark-text-color);
	background-color: var(--light-text-color);
}

main .scene.blogview div.read_more {
	margin-top: 87px;
}
main .scene.blogview div.read_more h2 {
	padding-left: 0;
}
main .scene.blogview div.read_more ul.categories {
	margin-left: 0;
}

main .scene.blog div.author {
	margin-bottom: 20px;
}
main .scene.blog div.author h3 {
	margin-bottom: 0;
}

/* MEGA-WIDE */
/*
@media screen and (min-width: 1401px) and (max-width: 1800px) {

	main h1,
	main h2 {
		font-size: 3.5vw;
		line-height: calc( 58px - ( ( 1400px - 100vw ) * 0.035 ) );
	}

	main h3 {
		font-size: calc( 19px - ( ( 1400px - 100vw ) * 0.0031 ) );
		line-height: calc( 34px - ( ( 1400px - 100vw ) * 0.007 ) );
	}

	main p {
		font-size: calc( 19px - ( ( 1400px - 100vw ) * 0.0031 ) );
		line-height: calc( 34px - ( ( 1400px - 100vw ) * 0.007 ) );
	}


	main ul:not(.actions,.linkcards,.carousel,.categories,.info,.sharing,.logos,.carousel-pagination) li,
	main ol li {
		font-size: calc( 19px - ( ( 1400px - 100vw ) * 0.0031 ) );
	}

	main dl {
		width: 68vw;
	}
	main dl dt {
		font-size: calc( 14px - ( ( 1400px - 100vw ) * 0.0031 ) );
		line-height: calc( 34px - ( ( 1400px - 100vw ) * 0.007 ) );
	}


}
*/

@media screen and (min-width: 1800px) {

	main h1,
	main h2,
	main h3 {
		padding-left: 207px; width: 882px;
	}

	main h1, 
	main h2,
	main h3 {
		margin-bottom: 107px;
	}

	main h1,
	main h2 {
		font-size: 63px;
		line-height: 72px;
	}
	main h3 {
		font-size: 20.2267px;
		line-height: 36.8px;
	}

	main p {
		padding-left: 360px; width: 882px;
		font-size: 20.2267px;
		line-height: 36.8px;
		text-indent: 151.783px;
	}


	main ul:not(.actions,.linkcards,.carousel,.categories,.info,.sharing,.logos,.carousel-pagination),
	main ol {
		margin-left: 360px;
		margin-top: 63px;
		margin-bottom: 63px;
	}	
	main ul:not(.actions,.linkcards,.carousel,.categories,.info,.sharing,.logos,.carousel-pagination) li,
	main ol li {
		font-size: 20.2267px;
	}

	main dl {
		width: 1224px;
	}
	main dl dt {
		font-size: 15.2267px;
		line-height: 36.8px;
	}
	main dl dd {
		margin-bottom: 87px;
	}

	main h2.quote {
		padding-left: 360px; width: 882px;
		font-size: 25.2267px;
		line-height: 33.6333px;
		margin-bottom: 48.6px;
		text-indent: 151.783px;
	}

	main label.lead {
		padding-left: 207px;
	}

	main p:last-child,
	main p.legal,
	main p.author {
		margin-bottom: 107px;
	}


	main ul.actions {
		padding-left: 360px;
		margin-bottom: 107px;
	}


	main p + ul.actions,
	main p + div.list-with-media,
	main p + div.form-with-media,
	main p + ul.linkcards,
	main p + label.lead,
	main p + p.legal,
	main p + ul.linkcards,
	main p + table,
	main p + div.media,
	main dl + h2 {
		margin-top: 107px;
	}

	body.home main h2 + div.media,
	main div.map + div.list-with-media,
	main div.form-with-media + h2,
	main div.list-with-media + h2,
	main h2 + h2,
	main p + h1,
	main p + h2,
	main ul + h2,
	main ul.actions + div.media,
	main ul.actions + ul.linkcards,
	main h2.quote + div.form-with-media,
	main h2.quote + div.list-with-media,
	main h2.quote + ul.linkcards,
	main h2.quote + div.media,
	main label.lead:first-child + h2 + div.media,
	main h2:first-child + div.media {
		margin-top: 172px;
	}

	main ul.linkcards + div.logos,
	main ul.linkcards + h2 {
		margin-top: 132px;
	}

	main dl + ul.linkcards,
	main p + h2.quote {
		margin-top: 48.6px;
	}

	main div.media.regular + label.lead,
	main div.media.regular + label.lead + h2 {
		padding-left: 360px;
	}


	main div.media {
		margin-top: 107px;
		margin-bottom: 107px;
	}
	main div.youtube {
		margin-top: 107px;
		margin-bottom: 107px;
	}




	main div.youtube,
	main div.media div.simple {
		margin-left: 360px;
		width: 1062px;
	}
	main div.media div.primary {
		width: 1062px;
	}
	main div.media div.primary img,
	main div.media div.primary video {
		margin-left: -288px;
	}
	main div.media div.secondary {
		width: 342px;
	}



	main ul.linkcards {margin-left: 207px; width: 1494px;
		margin-bottom: 48.6px;
	}
	main ul.linkcards li.card {
		width: 403.983px;
	}
	main ul.linkcards li.card:nth-child(4),
	main ul.linkcards li.card:nth-child(10),
	main ul.linkcards li.card:nth-child(16),
	main ul.linkcards li.card:nth-child(22),
	main ul.linkcards li.card:nth-child(28) {
		margin-left: 162px;
	}


	main div.carousel {
		margin-top: 144px;
		margin-bottom: 157.6px;
	}
	main ul.carousel {
		margin-left: 207px;
	}
	main ul.carousel li.card {
		width: 403.983px;
	}
	main ul.carousel li.card label.lead {
		padding: 30px 0 0;
	}


	main div.list-with-media {
		margin-bottom: 107px;
	}

	main div.list-with-media,
	main div.form-with-media {
		width: 1387.78px;
	}

	main div.list-with-media div.media,
	main div.form-with-media div.media {
		width: 741.1px;
	}
	main div.list-with-media div.media div.simple,
	main div.form-with-media div.media div.simple {
		width: 381.083px;
	}
	main div.list-with-media div.text,
	main div.form-with-media div.text:not(.field) {
		width: 604.583px;
	}
	main div.form-with-media + p.legal {
		padding-left: 771.117px;
		width: 1387.78px;
		max-width: none;
	}


	main div.logos {
		margin-top: 172px;
		margin-bottom: 172px;
	}


	main div.map {
		margin-bottom: 107px;
		width: 1080px;
		margin-left: 207px;
	}
	main div.map div.map-media {
		width: 643.5px;
	}
	main div.map div.text {
		width: 396.5px;
	}

	main table {
		margin-left: 207px;
		margin-bottom: 107px;
		max-width: none;
		width: 1386px;
	}
	main table td {
		font-size: 20.2267px;
	}



	main div.product {
		margin-bottom: 107px;
	}
	main div.product div.text {
		width: 522px;
	}
	main div.product div.media {
		width: 1026px;
	}
	main div.product.odd div.text {
		order: 2;
		margin-left: 40px;
		margin-right: 0;
	}
	main div.product.odd div.media {
		order: 1;
	}
	main div.product div.media div.simple img {
		--media-width: 1026px;

/*		margin: 40px calc( ( 1180 / 960 ) * 73px );*/
	}

	main .scene.blog div.main-post {
		margin-top: 172px;
		margin-bottom: 120px;
	}

	main .scene.blog div.posts article {
		margin-bottom: 107px;
	}

	main .scene.blog article {}

	main .scene.blog div.main-post div.text,
	main .scene.blog div.categories,
	main .scene.blog div.posts {
		margin-left: 207px;
	}
	main .scene.blog div.main-post div.text,
	main .scene.blog div.posts:not(.read_more) article:nth-child(3) div.text {
		width: 522px;
	}
	main .scene.blog div.main-post div.media,
	main .scene.blog div.posts:not(.read_more) article:nth-child(3) div.media {
		width: 1026px;
	}
	main .scene.blog div.categories {
		margin-bottom: 120px;
	}
	main .scene.blog div.posts {
		margin-left: 207px;
		margin-right: 207px;
	}
	main .scene.blog div.posts:not(.read_more) article:nth-child(3) {
		margin-left: -207px;
		margin-top: 172px;
		margin-bottom: 172px;
	}


	main div.pagination {
		margin-left: 207px;
		margin-bottom: 93px;
	}



	main .scene.blogview div.info {
		width: 1062px;
	}
	main .scene.blogview ul.categories {
		margin-left: 207px;
	}

}


@media screen and (max-width: 1800px) {
	main h1,
	main h2,
	main h3 {
		padding-left: 11.5vw; width: 49vw;
	}

	main h1, 
	main h2,
	main h3 {
		margin-bottom: calc( 87px - ( ( 1400px - 100vw ) * 0.05 ) );
	}

	main h1,
	main h2 {
		font-size: 3.5vw;
		line-height: calc( 58px - ( ( 1400px - 100vw ) * 0.035 ) );
	}
	main h3 {
		font-size: calc( 19px - ( ( 1400px - 100vw ) * 0.0031 ) );
		line-height: calc( 34px - ( ( 1400px - 100vw ) * 0.007 ) );
	}

	main p {
		padding-left: 20vw; width: 49vw;
		font-size: calc( 19px - ( ( 1400px - 100vw ) * 0.0031 ) );
		line-height: calc( 34px - ( ( 1400px - 100vw ) * 0.007 ) );
		text-indent: calc( 117px - ( ( 1400px - 100vw ) * 0.087 ) );
	}


	main ul:not(.actions,.linkcards,.carousel,.categories,.info,.sharing,.logos,.carousel-pagination),
	main ol {
		margin-left: 20vw;
		margin-top: calc(43px - ( ( 1400px - 100vw ) * 0.05 ) );
		margin-bottom: calc(43px - ( ( 1400px - 100vw ) * 0.05 ) );
	}	
	main ul:not(.actions,.linkcards,.carousel,.categories,.info,.sharing,.logos,.carousel-pagination) li,
	main ol li {
		font-size: calc( 19px - ( ( 1400px - 100vw ) * 0.0031 ) );
	}

	main dl {
		width: 68vw;
	}
	main dl dt {
		font-size: calc( 14px - ( ( 1400px - 100vw ) * 0.0031 ) );
		line-height: calc( 34px - ( ( 1400px - 100vw ) * 0.007 ) );
	}
	main dl dd {
		margin-bottom: calc(67px - ( ( 1400px - 100vw ) * 0.05 ) );
	}

	main h2.quote {
		padding-left: 20vw; width: 49vw;
		font-size: calc( 24px - ( ( 1400px - 100vw ) * 0.0031 ) );
		line-height: calc( 33px - ( ( 1400px - 100vw ) * 0.0016 ) );
		margin-bottom: calc( 43px - ( ( 1400px - 100vw ) * 0.014 ) );
		text-indent: calc( 117px - ( ( 1400px - 100vw ) * 0.087 ) );
	}

	main label.lead {
		padding-left: 11.5vw;
	}

	main p:last-child,
	main p.legal,
	main p.author {
		margin-bottom: calc(87px - ( ( 1400px - 100vw ) * 0.05 ) );
	}


	main ul.actions {
		padding-left: 20vw;
		margin-bottom: calc(87px - ( ( 1400px - 100vw ) * 0.05 ) );
	}


	main p + ul.actions,
	main p + div.list-with-media,
	main p + div.form-with-media,
	main p + ul.linkcards,
	main p + label.lead,
	main p + p.legal,
	main p + ul.linkcards,
	main p + table,
	main p + div.media,
	main dl + h2 {
		margin-top: calc(87px - ( ( 1400px - 100vw ) * 0.05 ) );
	}

	body.home main h2 + div.media,
	main div.map + div.list-with-media,
	main div.form-with-media + h2,
	main div.list-with-media + h2,
	main h2 + h2,
	main p + h1,
	main p + h2,
	main ul + h2,
	main ul.actions + div.media,
	main ul.actions + ul.linkcards,
	main h2.quote + div.form-with-media,
	main h2.quote + div.list-with-media,
	main h2.quote + ul.linkcards,
	main h2.quote + div.media,
	main label.lead:first-child + h2 + div.media,
	main h2:first-child + div.media {
		margin-top: calc(152px - ( ( 1400px - 100vw ) * 0.05 ) );
	}

	main ul.linkcards + div.logos,
	main ul.linkcards + h2 {
		margin-top: calc(112px - ( ( 1400px - 100vw ) * 0.05 ) );
	}

	main dl + ul.linkcards,
	main p + h2.quote {
		margin-top: calc(43px - ( ( 1400px - 100vw ) * 0.014 ) );
	}

	main div.media.regular + label.lead,
	main div.media.regular + label.lead + h2 {
		padding-left: 20vw;
	}


	main div.media {
		margin-top: calc(87px - ( ( 1400px - 100vw ) * 0.05 ) );
		margin-bottom: calc(87px - ( ( 1400px - 100vw ) * 0.05 ) );
	}
	main div.youtube {
		margin-top: calc(87px - ( ( 1400px - 100vw ) * 0.05 ) );
		margin-bottom: calc(87px - ( ( 1400px - 100vw ) * 0.05 ) );
	}




	main div.youtube,
	main div.media div.simple {
		margin-left: 20vw;
		width: 59vw;
	}
	main div.media div.primary {
		width: 59vw;
	}
	main div.media div.primary img,
	main div.media div.primary video {
		margin-left: -16vw;
	}
	main div.media div.secondary {
		width: 19vw;
	}



	main ul.linkcards {margin-left: 11.5vw; width: 83vw;
		margin-bottom: calc( 43px - ( ( 1400px - 100vw ) * 0.014 ) );
	}
	main ul.linkcards li.card {
		width: calc( ( 74vw / 3 ) - 40px );
	}
	main ul.linkcards li.card:nth-child(4),
	main ul.linkcards li.card:nth-child(10),
	main ul.linkcards li.card:nth-child(16),
	main ul.linkcards li.card:nth-child(22),
	main ul.linkcards li.card:nth-child(28) {
		margin-left: 9vw;
	}


	main div.carousel {
		margin-top: calc( 124px - ( ( 1400px - 100vw ) * 0.05 ) );
		margin-bottom: calc( 152px - ( ( 1400px - 100vw ) * 0.014 ) );
	}
	main ul.carousel {
		margin-left: 11.5vw;
	}
	main ul.carousel li.card {
		width: calc( ( 74vw / 3 ) - 40px );
	}
	main ul.carousel li.card label.lead {
		padding: 30px 0 0;
	}


	main div.list-with-media {
		margin-bottom: calc( 87px - ( ( 1400px - 100vw ) * 0.05 ) );
	}

	main div.list-with-media,
	main div.form-with-media {
		width: 77.1vw;
	}

	main div.list-with-media div.media,
	main div.form-with-media div.media {
		width: calc( ( ( ( 100% - 20vw ) / 2.5 ) + 20vw ) - 30px);
	}
	main div.list-with-media div.media div.simple,
	main div.form-with-media div.media div.simple {
		width: calc( 100% - 20vw );
	}
	main div.list-with-media div.text,
	main div.form-with-media div.text:not(.field) {
		width: calc( ( 100% - 20vw ) / 1.7 );
	}
	main div.form-with-media + p.legal {
		padding-left: calc( ( ( ( 77.1vw - 20vw ) / 2.5 ) + 20vw ));
		width: 77.1vw;
		max-width: none;
	}


	main div.logos {
		margin-top: calc(152px - ( ( 1400px - 100vw ) * 0.05 ) );
		margin-bottom: calc(152px - ( ( 1400px - 100vw ) * 0.05 ) );
	}


	main div.map {
		margin-bottom: calc(87px - ( ( 1400px - 100vw ) * 0.05 ) );
		width: 87vw;
		margin-left: 11.5vw;
	}
	main div.map div.map-media {
		width: calc( ( ( 100% - 11.5vw ) / 2 ) + 11.5vw );
	}
	main div.map div.text {
		width: calc( ( 100% - 11.5vw ) / 2 - 40px );
	}

	main table {
		margin-left: 11.5vw;
		margin-bottom: calc( 87px - ( ( 1400px - 100vw ) * 0.05 ) );
		max-width: none;
		width: 77vw;
	}
	main table td {
		font-size: calc( 19px - ( ( 1400px - 100vw ) * 0.0031 ) );
	}


	main div.financing ul.products,
	main div.financing div.panels {
		margin-left: 11.5vw;
		margin-bottom: calc( 87px - ( ( 1400px - 100vw ) * 0.05 ) );
		max-width: none;
		width: 77vw;
	}


	main div.product {
		margin-bottom: calc( 87px - ( ( 1400px - 100vw ) * 0.05 ) );
	}
	main div.product div.text {
		width: 29vw;
	}
	main div.product div.media {
		width: 57vw;
	}
	main div.product.odd div.text {
		order: 2;
		margin-left: 40px;
		margin-right: 0;
	}
	main div.product.odd div.media {
		order: 1;
	}
	main div.product div.media div.simple img {
		--media-width: 57vw;

/*		margin: 40px calc( ( 1180 / 960 ) * 73px );*/
	}

	main .scene.blog div.main-post {
		margin-top: calc( 152px - ( ( 1400px - 100vw ) * 0.05 ) );
		margin-bottom: calc( 100px - ( ( 1400px - 100vw ) * 0.05 ) );
	}

	main .scene.blog div.posts article {
		margin-bottom: calc( 87px - ( ( 1400px - 100vw ) * 0.05 ) );
	}

	main .scene.blog article {}

	main .scene.blog div.main-post div.text,
	main .scene.blog div.categories,
	main .scene.blog div.posts {
		margin-left: 11.5vw;
	}
	main .scene.blog div.main-post div.text,
	main .scene.blog div.posts:not(.read_more) article:nth-child(3) div.text {
		width: 29vw;
	}
	main .scene.blog div.main-post div.media,
	main .scene.blog div.posts:not(.read_more) article:nth-child(3) div.media {
		width: 57vw;
	}
	main .scene.blog div.categories {
		margin-bottom: calc( 100px - ( ( 1400px - 100vw ) * 0.05 ) );
	}
	main .scene.blog div.posts {
		margin-left: 11.5vw;
		margin-right: 11.5vw;
	}
	main .scene.blog div.posts:not(.read_more) article:nth-child(3) {
		margin-left: -11.5vw;
		margin-top: calc(152px - ( ( 1400px - 100vw ) * 0.05 ) );
		margin-bottom: calc(152px - ( ( 1400px - 100vw ) * 0.05 ) );
	}


	main div.pagination {
		margin-left: 11.5vw;
		margin-bottom: calc(73px - ( ( 1400px - 100vw ) * 0.05 ) );
	}



	main .scene.blogview div.info {
		width: 59vw;
	}
	main .scene.blogview ul.categories {
		margin-left: 11.5vw;
	}

}


/* SPECIAL CASE FOR LEGAL AFTER FORM WITH IMAGE */
@media screen and (max-width: 1240px) {

	main div.form-with-media + p.legal {
		width: 87vw;
		padding-left: calc( ( ( 77.1vw - 20vw ) / 2.5 ) + 20vw )
	}

}

@media screen and (max-width: 1024px) {


	main h1,
	main h2,
	main h3 {
		padding-left: calc(11.5vw - ( ( 1024px - 100vw ) * 0.23 ) );
		width: calc(1024px - 51vw);
		padding-right: calc(11.5vw - ( ( 1024px - 100vw ) * 0.1 ) );
	}

	main h2.quote,
	main ul.actions,
	main p {
		padding-left: calc(20vw - ( ( 1024px - 100vw ) * 0.49 ) );
		width: calc(1024px - 51vw);
	}
	main label.lead {
		padding-left: calc(11.5vw - ( ( 1024px - 100vw ) * 0.23 ) );
	}


	main ul:not(.actions,.linkcards,.carousel,.categories,.info,.sharing,.logos,.carousel-pagination),
	main ol {
		margin-left: calc(20vw - ( ( 1024px - 100vw ) * 0.49 ) );
		width: calc(1024px - 51vw);
	}

	main dl {
		width: calc( 700px - ( ( 1024px - 100vw ) * 0.1 ) );
	}
	main dl dt {
		font-size: calc( 14px - ( ( 1024px - 100vw ) * 0.0051 ) );
	}


	main div.media.regular + label.lead,
	main div.media.regular + label.lead + h2 {
		padding-left: calc(20vw - ( ( 1024px - 100vw ) * 0.44 ) );
	}


	main div.youtube,
	main div.media div.simple {
		margin-left: calc(20vw - ( ( 1024px - 100vw ) * 0.44 ) );
		width: calc(1024px - 44vw);
	}

	main div.media div.primary {
		width: calc(1024px - 41vw);
	}

	main div.media div.secondary {
		right: calc(-1024px + 100vw);
	}


	main ul.linkcards {
		margin-left: calc(11.5vw - ( ( 1024px - 100vw ) * 0.23 ) ); 
		width: 83vw;
	}
	main ul.linkcards li.card {
		width: calc( ( 65vw / 2 ) - 40px );
	}
	main ul.linkcards li.card:nth-child(4),
	main ul.linkcards li.card:nth-child(10),
	main ul.linkcards li.card:nth-child(16),
	main ul.linkcards li.card:nth-child(22),
	main ul.linkcards li.card:nth-child(28) {
		margin-left: 0;
	}

	main ul.linkcards li.card:nth-child(3),
	main ul.linkcards li.card:nth-child(7),
	main ul.linkcards li.card:nth-child(11),
	main ul.linkcards li.card:nth-child(15),
	main ul.linkcards li.card:nth-child(19),
	main ul.linkcards li.card:nth-child(23),
	main ul.linkcards li.card:nth-child(27) {
		margin-left: 9vw;
	}


	main ul.carousel {
		margin-left: calc(11.5vw - ( ( 1024px - 100vw ) * 0.23 ) ); 
	}
	main ul.carousel li.card {
		width: calc( ( 65vw / 2 ) - 40px );
		min-width: 240px;
	}
	main ul.carousel li.card label.lead {
		padding: 29px 0 0;
	}


	main div.form-with-media div.media,
	main div.list-with-media div.media {
		width: 100%;
		margin-bottom: 35px;
	}
	main div.list-with-media div.media div.simple,
	main div.form-with-media div.media div.simple {
		width: calc(1024px - 44vw);
	}
	main div.list-with-media div.text,
	main div.form-with-media div.text:not(.field) {
		padding-left: calc(20vw - ( ( 1024px - 100vw ) * 0.49 ) );
		width: calc(1024px - 51vw);
	}

	main div.list-with-media,
	main div.form-with-media {
		width: 100%;
	}
	main div.form-with-media + p.legal {
		padding-left: calc(20vw - ( ( 1024px - 100vw ) * 0.49 ) );
		width: calc(1024px - 51vw);
		box-sizing: unset;
	}


	main div.map {
		width: auto;
		margin-left: calc(11.5vw - ( ( 1024px - 100vw ) * 0.23 ) ); 
	}

	main map div.map-media {
		width: calc(1024px - 44vw);
		margin-bottom: 35px;
	}
	main div.map div.text {
		margin-top: 35px;
		width: calc(1024px - 51vw);
	}

	main table {
		margin-left: calc(11.5vw - ( ( 1024px - 100vw ) * 0.23 ) ); 
	}

	main div.financing ul.products,
	main div.financing div.panels {
		margin-left: calc(11.5vw - ( ( 1024px - 100vw ) * 0.23 ) ); 
	}


	main div.product {
		display: block;
	}
	main div.product div.text {
		width: calc( 77vw );
		margin-left: calc(11.5vw - ( ( 1024px - 100vw ) * 0.23 ) ); 
	}
	main div.product div.media,
	main div.product.odd div.media {
		width: calc( 77vw );
/*		width: calc( 100% - 23vw );*/
		margin-left: calc(11.5vw - ( ( 1024px - 100vw ) * 0.23 ) ); 
	}
	main div.product div.media div.simple img {
		--media-width: calc( 77vw );
	}


	main .scene.blog div.main-post article,
	main .scene.blog div.posts:not(.read_more) article:nth-child(3) {
		display: block;
	}
	main .scene.blog article {
		width: 100% !important;
	}
	main .scene.blog div.main-post div.text,
	main .scene.blog div.posts {
		margin-left: calc(11.5vw - ( ( 1024px - 100vw ) * 0.23 ) ); 
	}
	main .scene.blog div.categories {
		margin-left: 23vw;
	}

	main .scene.blog div.main-post div.text {
		width: calc( 100% - 30vw);
		margin-right: 0;
		margin-left: 23vw;
	}
	main .scene.blog div.posts:not(.read_more) article:nth-child(3) div.text {
		margin: 0;
		width: auto;
	}
	main .scene.blog div.main-post div.media,
	main .scene.blog div.posts:not(.read_more) article:nth-child(3) div.media {
		width: calc( 100% - 23vw );
		margin-bottom: 40px;
	}
	main .scene.blog div.main-post div.media {
		margin-left: 23vw;
	}
	main .scene.blog div.posts:not(.read_more) article:nth-child(3) div.media {
		width: auto;
	}
	main .scene.blog div.main-post div.media div.simple,
	main .scene.blog div.posts:not(.read_more) article:nth-child(3) div.media div.simple {
		width: 100%;
	}
	main .scene.blog div.posts {
		margin-left: calc(11.5vw - ( ( 1024px - 100vw ) * 0.23 ) ); 
	}
	main .scene.blog div.posts:not(.read_more) article:nth-child(3) {
		margin-left: 0;
		margin-top: 0;
		margin-bottom: calc(87px - ( ( 1400px - 100vw ) * 0.05 ) );
	}


	main div.pagination {
		margin-left: calc(11.5vw - ( ( 1024px - 100vw ) * 0.23 ) ); 
	}


	main .scene.blogview div.info {
		width: calc(1024px - 41vw);
	}
	main .scene.blogview ul.categories {
		margin-left: calc(11.5vw - ( ( 1024px - 100vw ) * 0.23 ) ); 
	}

}

/* BREAK POINT FOR TABLES */
@media screen and (max-width: 950px) {

	main table {
	}

	main table thead {
		display: none;
	}
	main table tr {
		position: relative;
		display: block;
		border: none;
		margin-bottom: 33px;
	}
	main table td {
		display: block;
		padding-left: 0;
		padding-right: 0;
		border-bottom: 1px solid var(--use-text-color);
	}
	main table.download tr:hover td,
	main table.event tr:hover td,
	main table.reference tr:hover td {
		border-color: var(--light-text-color);
	}
	main table.download td:last-child,
	main table.event td:last-child,
	main table.reference td:last-child {
		height: 0;
		padding: 0;
		border: none;
	}
	main table.download td a,
	main table.event td a,
	main table.reference td a {
		position: absolute;
		top: 20px;
		right: 40px;
	}
	main table.download td.type {
		display: none;
	}


	main table.event td:nth-child(2):before,
	main table.event td:nth-child(3):before,
	main table.reference td:nth-child(2):before,
	main table.reference td:nth-child(3):before,
	main table.lines td:nth-child(1):before,
	main table.lines td:nth-child(2):before,
	main table.lines td:nth-child(3):before,
	main table.lines td:nth-child(4):before {
		display: block;
		font-weight: 700;
		font-size: 12px;
		padding-bottom: 2px;
		text-transform: uppercase;
		letter-spacing: 0.03em;
/*		min-width: 100px;*/
		margin-right: 15px;
	}
	main table.event td:nth-child(2):before {
		content: "Dato";
	}
	main table.event td:nth-child(3):before {
		content: "Sted";
	}
	main table.reference td:nth-child(2):before {
		content: "Emne";
	}
	main table.reference td:nth-child(3):before {
		content: "Forretningsområder";
	}

	main div.financing ul.products {
		width: 77vw;
	}
	main div.financing div.calculations {
		flex-direction: column;
	}
	main div.financing div.calculations div.image {
		width: 77vw;
		aspect-ratio: auto;
	}
	main div.financing div.calculations div.image img {
		margin: 0 auto;
		width: 70%;
	}
	main div.financing div.calculations table {
		width: 77vw;
	}
	main table.lines td:nth-child(1):before {
		content: "Løbetid";
	}
	main table.lines td:nth-child(2):before {
		content: "Ydelse pr. måned";
	}
	main table.lines td:nth-child(3):before {
		content: "Samlet finansieringsomkostning";
	}
	main table.lines td:nth-child(4):before {
		content: "Kontantpris (ALP)";
	}

}

@media screen and (max-width: 860px) {

	main div.media div.secondary {
		display: none;
	}

}

@media screen and (max-width: 770px) {

	main {
		padding-top: 120px;
	}

	main h1,
	main h2,
	main h3 {padding-right: 110px;}

	main h1,
	main h2,
	main h2.quote,
	main ul.actions,
	main h3,
	main p {padding-left: 30px; width: auto;}

	main ul:not(.actions,.linkcards,.carousel,.categories,.info,.sharing,.logos,.carousel-pagination),
	main ol {
		margin-left: 30px; width: auto;
	}

	main dl dt {
		padding-left: 30px;
		padding-right: 30px;
		width: calc(25% - 30px);
	}
	main dl dd {
		width: calc(75% - 30px);
	}
	main label.lead {
		padding-left: 30px;
	}


	main div.media.regular + label.lead,
	main div.media.regular + label.lead + h2 {
		padding-left: 30px;
	}


	main div.youtube,
	main div.media div.simple {
		margin-left: 30px;
		width: calc(100% - 60px);
	}

	main div.media div.primary {
		width: calc(100% - 60px);
	}


	main ul.linkcards {margin-left: 30px; width: 90vw;}
	main ul.linkcards li.card {
		width: calc( ( 75vw / 2 ) - 30px );
		margin: 0 30px 30px 0;
	}

	main div.carousel {padding-top: 90px;}
	main ul.carousel {margin-left: 30px;}
	main ul.carousel li.card {
		margin: 0 30px 0 0;
	}

	main div.carousel ul.carousel-pagination {
		margin-right: 0;
	}
	main div.carousel ul.carousel-pagination li {
		margin-right: 30px;
	}



	main div.list-with-media div.media div.simple,
	main div.form-with-media div.media div.simple {
		width: calc(100% - 60px);
	}

	main div.list-with-media div.text,
	main div.form-with-media div.text:not(.field) {
		padding-left: 30px;
		padding-right: 30px;
		width: auto;
	}

	main div.form-with-media + p.legal {
		padding-left: 30px;
		width: auto;
	}

	main div.map {
		margin-left: 30px;
	}
	main div.map div.map-media {
		width: calc( 100% - 30px );
		margin-right: 30px;
	}


	main table {
		margin-left: 30px;
		width: calc( 100% - 60px );
	}

	main div.financing ul.products,
	main div.financing div.panels {
		margin-left: 30px;
		width: calc( 100% - 60px );
	}
	main div.financing div.panels table {
		width: calc( 100% );
	}


	main div.product {
		display: block;
	}
	main div.product div.text {
		width: calc( 100% - 60px );
		margin-left: 30px; 
	}
	main div.product div.media,
	main div.product.odd div.media {
		width: calc( 100% - 60px );
		margin-left: 30px; 
	}
	main div.product div.media div.simple img {
		--media-width: calc( 100vw - 60px );
	}


	main .scene.blog div.main-post div.media {
		margin-left: 90px;
		width: calc( 100% - 60px );
	}
	main .scene.blog div.main-post div.text {
		margin-left: 90px;
		width: calc( 100% - 160px );
	}
	main .scene.blog div.posts {
		margin-left: 30px;
		margin-right: 30px;
	}
	main .scene.blog div.categories {
		margin-left: 30px;
	}

	main .scene.blog div.main-post div.media,
	main .scene.blog div.posts article div.media {
		margin-bottom: 30px !important;
	}


	main div.pagination {
		margin-left: 30px;
	}

	main .scene.blogview div.info {
		width: calc(100% - 60px);
	}
	main .scene.blogview ul.categories {
		margin-left: 30px;
		display: block;
		margin-bottom: 20px;
	}

	main ul.logos li {
		margin: 0 80px 0 0;
		height: 60px;
	}
}


@media screen and (max-width: 714px) {

	main h1,
	main h2 {
		font-size: 25px;
		line-height: 33px;
		margin-bottom: 35px;
	}

	main h3 {
		font-size: 16px;
		line-height: 29px;
		margin-bottom: 35px;
	}

	main p {
		font-size: 16px;
		line-height: 29px;
		text-indent: 57px;
	}

	main ul:not(.actions,.linkcards,.carousel,.categories,.info,.sharing,.logos,.carousel-pagination),
	main ol {
		margin-top: 23px;
		margin-bottom: 23px;
	}
	main ul:not(.actions,.linkcards,.carousel,.categories,.info,.sharing,.logos,.carousel-pagination) li,
	main ol li {
		font-size: 16px;
	}
	main dl {
		width: auto;
		margin-bottom: 35px;
	}
	main dl dt {
		font-size: 13px;
		margin-bottom: 20px;
	}
	main dl dd {
		margin-bottom: 23px;
	}

	main dl dt,
	main dl dd {
		padding-left: 30px;
		padding-right: 30px;
		display: block;
		width: auto;
	}

	main h2.quote {
		font-size: 20px;
		line-height: 31px;
		margin-bottom: 22px;
		text-indent: 57px;
	}

	main p:last-child,
	main p.legal,
	main p.author {
		margin-bottom: 35px;
	}

	main div.media {
		margin-top: 35px;
		margin-bottom: 35px;
	}
	main div.youtube {
		margin-top: 35px;
		margin-bottom: 35px;
	}

	main ul.actions {
		padding-left: 30px;
		margin-bottom: 35px;
	}


	main p + ul.actions,
	main p + div.list-with-media,
	main p + div.form-with-media,
	main p + ul.linkcards,
	main p + label.lead,
	main p + p.legal,
	main p + ul.linkcards,
	main p + table,
	main p + div.media,
	main dl + h2 {
		margin-top: 35px;
	}

	body.home main h2 + div.media,
	main div.map + div.list-with-media,
	main div.form-with-media + h2,
	main div.list-with-media + h2,
	main h2 + h2,
	main p + h1,
	main p + h2,
	main ul + h2,
	main ul.actions + div.media,
	main ul.actions + ul.linkcards,
	main h2.quote + div.form-with-media,
	main h2.quote + div.list-with-media,
	main h2.quote + ul.linkcards,
	main h2.quote + div.media,
	main label.lead:first-child + h2 + div.media,
	main h2:first-child + div.media {
		margin-top: 58px;
	}

	main ul.linkcards + div.logos,
	main ul.linkcards + h2 {
		margin-top: 40px;
	}

	main dl + ul.linkcards,
	main p + h2.quote {
		margin-top: 22px;
	}


	main ul.linkcards {margin-bottom: 3px;}
	main ul.linkcards li.card:nth-child(3),
	main ul.linkcards li.card:nth-child(7),
	main ul.linkcards li.card:nth-child(11),
	main ul.linkcards li.card:nth-child(15),
	main ul.linkcards li.card:nth-child(19),
	main ul.linkcards li.card:nth-child(23),
	main ul.linkcards li.card:nth-child(27) {
		margin-left: 30px;
	}


	main div.logos {
		margin-top: 58px;
		margin-bottom: 58px;
	}


	main div.list-with-media {
		margin-bottom: 35px;
	}

	main div.carousel {
		margin-top: 82px;
		margin-bottom: 58px;
	}
	main ul.carousel li.card label.lead {
		padding: 28px 0 0;
	}


	main .scene.blog div.posts article {
		margin-bottom: 50px;
	}

	main div.pagination {
		margin-bottom: 50px;
	}

	main div.pagination a,
	main div.pagination span {
		width: 43px;
		height: 43px;
		padding-top: 7px;
	}
	main div.pagination a.prev {
		margin-right: 0px;
	}
	main div.pagination a.next {
		margin-left: 0px;
	}

	main .scene.blogview div.info + div.media {
		margin-top: 30px;
	}

}


@media screen and (max-width: 600px) {

	main ul.linkcards li.card {
		width: calc( 100% - 70px );
		max-width: 310px;
		padding: 30px 30px 80px;
		aspect-ratio: unset;
	}
	main ul.linkcards li.card > div.icon {
		width: 55px;
		margin-bottom: 20px;
	}

	main ul.linkcards li.card h3 span.icon {
		bottom: 35px;
		left: 25px;
	}
	main ul.linkcards li.card:active h3 span.icon,
	main ul.linkcards li.card:hover h3 span.icon {
		left: 85%;
	}

	main ul.linkcards li.card:nth-child(3),
	main ul.linkcards li.card:nth-child(7),
	main ul.linkcards li.card:nth-child(11),
	main ul.linkcards li.card:nth-child(15),
	main ul.linkcards li.card:nth-child(19),
	main ul.linkcards li.card:nth-child(23),
	main ul.linkcards li.card:nth-child(27) {
		margin-left: 0;
	}


	main div.financing ul.products li.card {
		display: block;
		width: calc( 100% );
		margin: 0 0 10px;
	}

}
footer {
	padding-bottom: 130px;
	
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: -10;

	max-width: 1800px;

	background-color: #2d2f32;
	background-image: url("/wp-content/themes/comm2ig/assets/img/logo-footer.svg");
	background-position: left 40px bottom 40px;
	background-repeat: no-repeat;
	background-size: 80px auto;
}


footer ul.info {
	list-style: none;
	font-size: 0;
	width: calc(100% - 40px);
}

footer ul li.quick-contact {
	display: block;
	padding: 90px 40px;
}
footer ul li.quick-contact ul li {
	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 38px;
	letter-spacing: -0.02em;
}
footer ul li.quick-contact a:hover:after {
	content: "→";
	padding: 0 0 0 5px;
}

footer ul li.locations {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
footer ul li.locations li.location {font-size: 0;}

footer ul li.locations li.location {padding: 0 0 30px 40px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 50%;
}

footer ul li.locations li.location a:hover span.locality:after {
	content: "↗︎";
	padding: 0 0 0 5px;
}

footer ul li.locations li.country {display: none;}


footer ul li.openinghours {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	box-sizing: border-box;
	padding: 0 0 40px 40px;
}
footer ul li.openinghours li {
	padding-bottom: 30px;
}

footer ul li.corporate {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	box-sizing: border-box;
	padding: 0 0 40px 40px;
}

footer ul li.corporate ul.shortcuts {
	padding-bottom: 30px;
}
footer ul li.corporate ul.shortcuts li {
	white-space: nowrap;
}
footer ul li.corporate ul.shortcuts li.contact {
	margin-bottom: 30px;
}
footer ul li.corporate ul.shortcuts li a {
	display: block;
}
footer ul li.corporate ul.shortcuts a:active:after,
footer ul li.corporate ul.shortcuts a:hover:after {
	content: "→";
	padding: 0 0 0 5px;
}


footer > button#Coi-Renew {
	position: absolute;
	left: auto;
	right: 0;
	transform-origin: center center;
	border-radius: 50%;
}


footer ul ul li {
/*	display: block;*/
	color: #acb0b4;
}


footer li a:active,
footer li a:active li,
footer li a:hover,
footer li a:hover li {
	color: #fcf7f3;
}

@media screen and (max-width: 1400px) {

	footer li a li,
	footer li.corporate li,
	footer li.openinghours li {
		font-size: calc( 19px - ( ( 1400px - 100vw ) * 0.0031 ) );
	}

}

@media screen and (max-width: 1200px) {

/*	#page {
		margin-bottom: 865px;
	}
	footer ul li.locations li.location {
		width: 100%;
	}
	footer ul li.openinghours {
		width: 50%;
	}
	footer ul li.corporate {
		width: 50%;
		position: absolute;
		bottom: 130px;
		right: 20px;
	}

}

@media screen and (max-width: 714px) {

*/
	#page {
		margin-bottom: 505px;
	}
	footer {
		padding-bottom: 60px;
		background-size: 60px auto;
		background-position: left 30px bottom 30px;
	}
	footer ul li.quick-contact {
		padding: 40px 30px;
	}

	footer ul li.locations {
		display: none;
	}
	footer ul li.openinghours {
		display: none;
		width: 100%;
	}
	footer ul li.corporate {
		padding: 0 0 60px 30px;
		width: 100%;
		position: static;
	}

	footer ul ul.shortcuts .career,
	footer ul ul.shortcuts .esg,
	footer ul ul.shortcuts .about {
		display: none;
	}

}


@media screen and (min-width: 1800px) {
	footer {
		left: 50%;
		margin-left: -900px;
	}
}main div.form form {padding-left: 280px; padding-right: 40px; max-width: 680px;}
main div.form-with-media form {padding: 0px;}

fieldset {
	display: block;
	border: none;
}


/* FIELDS */
div.field {
	margin-bottom: 20px;
	position: relative; z-index: 1;
}

label.lead,
div.text label,
div.field label {
	display: inline-block;
	font-weight: 700;
	font-size: 12px; line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding-bottom: 10px;
}

input {
	line-height: normal;
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
}


/* STRING, EMAIL AND TEXTAREA */
div.field.string input,
div.field.email input,
div.field.text textarea {
	display: block;
	width: calc( 100% - 48px );
	height: 40px;
	padding: 8px 24px;
	font-size: 15px;
	line-height: 1.5;

	color: var(--light-text-color);

	background-color: #ffffff;
	background-image: none;

	outline: none;
	border: none;
	border-bottom: 1px solid var(--use-background-color);
	box-shadow: none;
}
div.field.text textarea {
	resize: vertical;
}
div.field.string input:focus,
div.field.email input:focus,
div.field.text textarea:focus {
	border-color: #acb0b4;
}
div.field.text textarea {
	min-height: 100px;
	padding-top: 12px;
	overflow: auto;
}


/* FILE UPLOAD */
div.field.files {
	margin: 30px 0;
}
div.field.files label {}
div.field.files input[type="file"] {
	z-index: 5;
	opacity: 0;
	position: absolute;
	width: 100%;
	cursor: pointer;
	top: 29px;
	left: 0px;
	height: 56px;
}
div.field.files div.upload {
	height: 56px;
	border-bottom: 1px solid var(--use-background-color);
	background: #ffffff;
	position: relative;
	z-index: 4;
}
div.field.files ul.filelist {display: none;}
div.field.files span.filename,
div.field.files span.instruction {
	height: 30px;
	position: absolute;
	top: 16px;
	left: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 100px);
}

div.field.files span.instruction {
	color: #acb0b4;
}
div.field.files span.filename {
	color: var(--light-text-color);
}
div.field.files input:focus ~ div.upload {
	border-color: #acb0b4;
}


/* CHECKBOXES */
div.field.multichoice {
	position: relative;
}
div.field.multichoice .item {
	position: relative;
	margin-bottom: 10px;
}

div.field.multichoice div.item label {
	position: relative;
	z-index: 9;
	padding: 10px 5px 13px 50px;
	cursor: pointer;
	font-weight: 400;
	font-size: 16px; line-height: 20px;
	text-transform: none;
	letter-spacing: normal;
}
div.field.multichoice input {
	position: absolute;
	opacity: 0;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
}
div.field.multichoice input:focus {}
div.field.multichoice .custom-checkbox-icon {
	display: block;
	position: absolute;
	background-color: #ffffff;
	height: 40px;
	width: 40px;
	z-index: 5;
	top: 0;
	left: 0;
	border: 1px solid var(--use-background-color);
}
div.field.multichoice input:focus ~ .custom-checkbox-icon {
	border-color: #acb0b4;
}
div.field.multichoice .custom-checkbox-icon::before {
	display: block;
	position: absolute;
	content: '';
	height: 10px;
	width: 10px;
	top: 15px;
	left: 15px;
	z-index: 5;
}
div.field.multichoice input:checked  ~ .custom-checkbox-icon::before {
	background: var(--light-text-color);
}


/* RADIO BUTTONS */
div.field.radiobuttons .item {
	position: relative;
	margin-bottom: 10px;
}
div.field.radiobuttons .item label {
	position: relative;
	z-index: 9;
	padding: 10px 5px 13px 50px;
	cursor: pointer;
	font-weight: 400;
	font-size: 16px; line-height: 20px;
	text-transform: none;
	letter-spacing: normal;
}
div.field.radiobuttons input {
	position: absolute;
	opacity: 0;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
}
div.field.radiobuttons .custom-radio-icon {
	display: block;
	position: absolute;
	background-color: #ffffff;
	border-radius: 100%;
	height: 40px;
	width: 40px;
	z-index: 5;
	top: 0;
	left: 0;
	border: 1px solid var(--use-background-color);
}

div.field.radiobuttons input:focus ~ .custom-radio-icon {
	border-color: #acb0b4;
}
div.field.radiobuttons .custom-radio-icon::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 10px;
	width: 10px;
	top: 15px;
	left: 15px;
	z-index: 5;
}
div.field.radiobuttons input:checked ~ .custom-radio-icon::before {
	background: var(--light-text-color);
}


/* SECTION DIVIDERS */
div.field.section {
	padding-bottom: 3em;
}


/* BUTTONS */
ul.actions {
	list-style-type: none;
}	
form ul.actions {
	padding: 0;
	margin-top: 38px;
}
ul.actions li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 0;
	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-weight: 500;
	position: relative;
}
ul.actions li input.button {
	position: relative;
	z-index: 5;
	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	height: 60px;
	width: auto;
	padding: 0 90px;
	border: none;
	cursor: pointer;
	min-width: 180px;
	opacity: 0;
	user-select: none;
}
ul.actions li a.button {
	z-index: 5;
	position: relative;
	display: block;
	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	white-space: nowrap;
	height: 60px;
	padding: 0 90px;
	border: none;
	cursor: pointer;
	min-width: 180px;
	box-sizing: border-box;
	opacity: 0;
	user-select: none;
}
ul.actions li span.wrapper {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 0;
	color: var(--light-text-color);;
	background-color: #ffffff;
	box-sizing: border-box;
	padding-top: 12px;
}
ul.actions li span.text {
	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	color: inherit;
	transition: all 0.3s ease-in-out;
	transform: translateX(9px);
}
ul.actions li span.icon {
	font-family: "Hansen Grotesque", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	padding-left: 5px;
	display: inline-block;
	vertical-align: top;
	color: inherit;
	transition: all 0.3s ease-in-out;
	transform: translateX(-9px);
	opacity: 0;
}
ul.actions li a.primary ~ span.wrapper,
ul.actions li input.primary ~ span.wrapper {
	color: var(--light-text-color);
	background-color: #f8ff70;
}
ul.actions li:hover span.icon,
ul.actions li:hover span.text {
	transform: translateX(0px);
	opacity: 1;
}
ul.actions li a.primary:active ~ span.wrapper,
ul.actions li input.primary:active ~ span.wrapper {
	background-color: #f8ffb2;
}
ul.actions li a.disabled ~ span.wrapper,
ul.actions li input.disabled ~ span.wrapper {
	color: #acb0b4;
	background-color: #e6e8e7;
}


/* ERROR / REQUIRED */
div.field label div.indicator {
	display: none;
	color: inherit;
}
div.field.required label div.indicator {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 14px;
	padding: 3px 2px 0;
}
.field .help {
	display:none;
}
.field label div.error {
	display: none;
}
.field.error label div.error {
	display: inline-block;
	color: inherit;
}
.field.error > label  {
	color: #ff3c5c;
}
form div.field.error input,
form div.field.error textarea,
form div.field.files.error div.upload,
.field.radiobuttons.error .item span,
.field.multichoice.error .item span {
	border-color: #ff3c5c;
}


/* MESSAGES */ 
form .submiterror {
	color: #f87060;
}

form .submitreceipt,
form .submiterror {
	font-size: 19px;
	margin-bottom: 30px;
}

@media screen and (min-width: 1800px) {

	main div.form form {padding-left: 360px; width: 680px;}

}


@media screen and (max-width: 1800px) {

	main div.form form {padding-left: 20vw; width: 49vw;}

}

@media screen and (max-width: 1024px) {

	main div.form form {
		padding-left: calc(20vw - ( ( 1024px - 100vw ) * 0.49 ) );
		width: calc(1024px - 51vw);
	}

}

@media screen and (max-width: 770px) {

	main div.form form {padding-left: 30px; width: auto;}

	ul.actions li a.button,
	ul.actions li input.button {
		padding: 0 40px;
	}
}
/* OVERLAY */
body > div.overlay_protection {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100000;}
body > div.overlay {position: fixed; z-index: 100001; background-color: #333; margin: 0 auto; text-align: left; outline: none;
	opacity: 0;
	transform: translate(0, 100px);
}


body > div.overlay .close {position: absolute; right: -40px; top: -40px; width: 32px; height: 32px; cursor: pointer; opacity: 1;}
body > div.overlay .close:before, div.overlay .close:after {position: absolute; left: 15px; content: ' '; height: 28px; width: 2px; background-color: #fff;}
body > div.overlay .close:before {transform: rotate(45deg);}
body > div.overlay .close:after {transform: rotate(-45deg);}

body > div.overlay .header h2 {display: none;}
body > div.overlay .content iframe {width: 100%; height: 100%;}

@media(max-width: 980px) {
	body > div.overlay .close {right: 10px; top: -40px;}
}
@media(max-width: 940px) {
	body > div.overlay {width: 100% !important; left: 0 !important;}
}