/* FIX CHROME BLACK OUTLINE - BY REMOVING ALL DEFAULT OUTLINES */
	*:focus{
		  outline:none;
	}
	/*************************************************
 *  FARVER på Oversigstkort
 */

	.imagemap-masks-canvas-wrapper,
	.imagemap-masks-canvas-wrapper .svg-wrapper {
		mix-blend-mode: normal;
	}

	.imagemap-masks-canvas-wrapper g path {
		fill:  #66666633;
		stroke:#6666667f;
		opacity:  1;
		
		stroke-width: 2px;
		
		mix-blend-mode: normal;
	}

	.imagemap-masks-canvas-wrapper g.infospot path {
		fill:  #66666633;
		stroke:#6666667f;
		mix-blend-mode:  inherit;
	}

	.imagemap-masks-canvas-wrapper g.ledig path {
		fill:  #81d742;
		fill:  #81d74233;
		stroke: #81d7427f;
	}
	body .imagemap-masks-canvas-wrapper g.ledig path {
			fill: transparent;
	}
	.imagemap-masks-canvas-wrapper g.reserveret path {
		fill:  #efa91c;
		fill:  #efa91c33;
		stroke: #efa91c7f;
	}

	.imagemap-masks-canvas-wrapper g.solgt path,
	.imagemap-masks-canvas-wrapper g.udlejet path {
		fill:  #dd3333;
		fill:  #dd333333;
		stroke: #dd33337f;
	}


	/* HIGHLIGHTS */
	.imagemap-masks-canvas-wrapper g.highlight path, 
	.imagemap-masks-canvas-wrapper g.selected path {
		opacity:  1;
		fill:  #66666699;
		stroke:#666666ff;
	}

	.imagemap-masks-canvas-wrapper g.infospot.highlight path,
	.imagemap-masks-canvas-wrapper g.infospot.selected path {
		fill:  #66666699;
		stroke:#666666ff;
	}

	.imagemap-masks-canvas-wrapper g.ledig.highlight path,
	.imagemap-masks-canvas-wrapper g.ledig.selected path {
		fill:  #81d742;
		fill:  #81d74299;
		stroke:#81d742ff;
	}

	.imagemap-masks-canvas-wrapper g.reserveret.highlight path,
	.imagemap-masks-canvas-wrapper g.reserveret.selected path {
		fill:  #efa91c;
		fill:  #efa91c99;
		stroke:#efa91cff;
	}

	.imagemap-masks-canvas-wrapper g.solgt.highlight path,
	.imagemap-masks-canvas-wrapper g.udlejet.highlight path,
	.imagemap-masks-canvas-wrapper g.solgt.selected path,
	.imagemap-masks-canvas-wrapper g.udlejet.selected path {
		fill:  #dd3333;
		fill:  #dd333399;
		stroke:#dd3333ff;
	}

	@media (max-width: 767px) {
		.imagemap-masks-canvas-wrapper g.previously-selected path {
			opacity:  1;
			fill:  #66666699;
			stroke:#666666ff;
		}

		.imagemap-masks-canvas-wrapper g.infospot.previously-selected path {
			fill:  #66666699;
			stroke:#666666ff;
		}

		.imagemap-masks-canvas-wrapper g.ledig.previously-selected path {
			fill:  #81d742;
			fill:  #81d74299;
			stroke:#81d742ff;
		}

		.imagemap-masks-canvas-wrapper g.reserveret.previously-selected path {
			fill:  #efa91c;
			fill:  #efa91c99;
			stroke:#efa91cff;
		}

		.imagemap-masks-canvas-wrapper g.solgt.previously-selected path,
		.imagemap-masks-canvas-wrapper g.udlejet.previously-selected path {
			fill:  #dd3333;
			fill:  #dd333399;
			stroke:#dd3333ff;
		}
	}
	

	/* HOVER */
	@media (hover: hover) {
		.imagemap-masks-canvas-wrapper g:hover path {
			opacity:  1;
			fill:  #66666699;
			stroke:#666666ff;
		}

		.imagemap-masks-canvas-wrapper g.infospot:hover path {
			fill:  #66666699;
			stroke:#666666ff;
		}

		.imagemap-masks-canvas-wrapper g.ledig:hover path {
			fill:  #81d742;
			fill:  #81d74299;
			stroke:#81d742ff;
		}

		.imagemap-masks-canvas-wrapper g.reserveret:hover path {
			fill:  #efa91c;
			fill:  #efa91c99;
			stroke:#efa91cff;
		}

		.imagemap-masks-canvas-wrapper g.solgt:hover path,
		.imagemap-masks-canvas-wrapper g.udlejet:hover path {
			fill:  #dd3333;
			fill:  #dd333399;
			stroke:#dd3333ff;
		}
	}


	/* CIRCLES */
	.imagemap-masks-canvas-wrapper g circle {
		fill:  #666666;
		fill:  #66666600;
		stroke:  #666666;
		stroke:  #66666699;
	}
	.imagemap-masks-canvas-wrapper g.infospot circle {
		fill:  #666666;
		fill:  #66666600;
		stroke:  #666666;
		stroke:  #66666699;
	}
	.imagemap-masks-canvas-wrapper g.ledig circle {
		fill:  #81d742;
		fill:  #81d74200;
		stroke:  #81d742;
		stroke:  #81d74299;
	}
	.imagemap-masks-canvas-wrapper g.reserveret circle {
		fill:  #efa91c;
		fill:  #efa91c00;
		stroke:  #efa91c;
		stroke:  #efa91c99;
	}
	.imagemap-masks-canvas-wrapper g.solgt circle,
	.imagemap-masks-canvas-wrapper g.udlejet circle {
		fill:  #dd3333;
		fill:  #dd333300;
		stroke:  #dd3333;
		stroke:  #dd333399;
	}

	@media (hover: hover) {
		.imagemap-masks-canvas-wrapper g:hover circle {
			fill:  #666666;
			fill:  #666666ff;
			stroke:  #666666;
			stroke:  #666666ff;
		}
		.imagemap-masks-canvas-wrapper g.infospot:hover circle {
			fill:  #666666;
			fill:  #666666ff;
			stroke:  #666666;
			stroke:  #666666ff;
		}
		.imagemap-masks-canvas-wrapper g.ledig:hover circle {
			fill:  #81d742;
			fill:  #81d742ff;
			stroke:  #81d742;
			stroke:  #81d742ff;
		}
		.imagemap-masks-canvas-wrapper g.reserveret:hover circle {
			fill:  #efa91c;
			fill:  #efa91cff;
			stroke:  #efa91c;
			stroke:  #efa91cff;
		}
		.imagemap-masks-canvas-wrapper g.solgt:hover circle,
		.imagemap-masks-canvas-wrapper g.udlejet:hover circle {
			fill:  #dd3333;
			fill:  #dd3333ff;
			stroke:  #dd3333;
			stroke:  #dd3333ff;
		}
	}



/*************************************************
 *  FARVER på Signaturforklaring
 */
	.signaturforklaring .container .item .element.titel,
	.navigationsknapper .navigationsknap::after {
	 	color: #000000;
	}

	.signaturforklaring .container .item .farve.ledig {
	 	background-color: #81d742;
	}

	.signaturforklaring .container .item .farve.reserveret {
	 	background-color: #efa91c;
	}

	.signaturforklaring .container .item .farve.solgt {
	 	background-color: #dd3333;
	}

	.signaturforklaring .container .item .farve.udlejet {
	 	background-color: #dd3333;
	}

	.signaturforklaring .container .wrapper {
	 	text-align: initial;
	}



/*************************************************
 *  FARVER på Signaturforklaring 2.0
 */

	.signatur .farve.ledig {
	 	background-color: #81d742;
	}

	.signatur .farve.reserveret {
	 	background-color: #efa91c;
	}

	.signatur .farve.solgt {
	 	background-color: #dd3333;
	}

	.signatur .farve.udlejet {
	 	background-color: #dd3333;
	}




td.status-indicator-wrapper  {
    padding: 0px 10px !important;
}
td.status-indicator-wrapper .circle.status-indicator {
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

/* STATUS INDIKATOR */
.ipe-liste tr.status-ledig .status-indicator {
    background-color: #81d742ff;
}
.ipe-liste tr.status-reserveret .status-indicator {
    background-color: #efa91cff;
}
.ipe-liste tr.status-solgt .status-indicator {
    background-color: #dd3333ff;
}


@media (hover: hover) {
    /* STATUS ON HOVER*/
    .ipe-liste tr.status-ledig:hover .status-indicator,
    .ipe-liste tr.status-ledig:hover .hover-indicator {
    	background-color: #81d742ff;
    }
    .ipe-liste tr.status-reserveret:hover .status-indicator, 
    .ipe-liste tr.status-reserveret:hover .hover-indicator {
    	background-color: #efa91cff;
    }
    .ipe-liste tr.status-solgt:hover .status-indicator,
    .ipe-liste tr.status-solgt:hover .hover-indicator {
    	background-color: #dd3333ff;
    }
}


/*************************************************
 *  FARVER på Liste
 */

/* Define the hover highlight color for the table row */
	@media (hover: hover) {
		.hoverTable tbody tr:hover {
			color: #FFFFFF;
		    background-color: #666666;
		    background-color: #6666667f;
		}
		.hoverTable tbody tr:hover .favourite-button-wrapper {
			stroke: #FFFFFF;
		}
	}
	.hoverTable tbody tr.highlight {
		color: #FFFFFF;
	    background-color: #666666;
	    background-color: #6666667f;
	}
	.hoverTable tbody tr.highlight .favourite-button-wrapper {
		stroke: #FFFFFF;
	}

	@media (hover: hover) {
		.hoverTable tbody tr:hover td {
		    background-color: #666666;
		    background-color: #6666667f;
		}
	}

	.hoverTable tbody tr.highlight td {
	    background-color: #666666;
	    background-color: #6666667f;
	}

/* REMOVE THIS
	.hoverTable .status-ledig td {
	 	background-color: #81d7427f;
	}

	.hoverTable .status-reserveret td {
	 	background-color: #efa91c7f;
	}

	.hoverTable .status-solgt td {
	 	background-color: #dd33337f;
	}

	.hoverTable .status-udlejet td {
	 	background-color: #dd33337f;
	}
*/


	.hoverTable tr td, .hoverTable tr th,
	.hoverTable tr th:last-child, .hoverTable tr td:last-child { 
		padding: 7px;
	}

	.hoverTable tbody tr {
	    border-bottom: 0px solid #000000;
	}

	.hoverTable tr.ipe-header th,
	.hoverTable tr.liste-tablerow td {
		white-space: nowrap;
	}

	

/*************************************************
 *  FARVER på Filtre
 */

	.filter-button input[type=checkbox]:checked:before {
	    color: #666666;
	}

	.slidecontainer .marker {
	    background-color: #666666;
	}

	.slidecontainer .slider::-webkit-slider-thumb {
		background: #666666;
	}

	.slidecontainer .slider::-moz-range-thumb {
		background: #666666;
	}

	/* Checkboxes in filters */
	.filters input[type="checkbox"] {
		background-color: #FFFFFF;
	    border:  1px solid #666666;
	    width: 16px;
	    min-width: 16px;
	    height: 16px;
	    border-radius: 0px
	}

	.filters input[type=checkbox]:checked:before {
	    color: #666666;
	    font-size: 16px;
	    width: 16px;
	    line-height: 16px;
	    transform: translate(-1px, -1px);
	}


	
			.ipe-liste {
				padding: 0 10px;
    			margin-bottom: 50px;
			}

			.filter-button.togglefilters {
			    position: relative;
			    display: block;
			    max-width: 100%;
	    		width: 100%;
			    padding: 10px;
			    cursor: pointer;
			    background-color: #FFFFFF; /*SITEBG*/
			    z-index:5;
			}

			.filter-button.togglefilters::before {
				content:"";
			    display: block;
			    position: absolute;
			    top:10px;
			    bottom:10px;
			    left:0px;
			    right:0px;
			    border: 1px solid  #666666; /*VAR*/
			    background-color:  #666666; /*VAR*/
			    z-index: -1;
			}

			.filter-button.togglefilters .text{
				display:block;
				margin:1em;
				color:  #FFFFFF; /*VAR*/
			}

			.filter-button.togglefilters .filter-arrow {
				margin:0.65em;
			}



			.filter-button.togglefilters .filter-arrow {
			    border-color: #FFFFFF;
			}

			.filter-button.togglefilters .filter-arrow::after {
			    border-color: #FFFFFF;
			}


			.filters {
				padding:10px;
				-webkit-transition:all 300ms ease-in-out;
				-moz-transition:all 300ms ease-in-out;
				-ms-transition:all 300ms ease-in-out;
				-o-transition:all 300ms ease-in-out;
				transition:all 300ms ease-in-out;
				transform: translateY(-100%);
			}

			.filters.active {
				transform: translateY(0%);
			}

			.click-button-wrapper,
			.filters .filter-button {
				width: 100%;
				max-width: 100%;
    			margin: 0 0 10px 0;
    			border:none;
			}

			.filters .filter-button .button-content {
				display: block;
				top:0px;
				left:100px;
				border:none;
			}

			@media (max-width: 767px) {
			    .filters .filter-button {
			        padding: 1em 0;
			    }
				.filters .filter-button .button-content {
					left:80px;
				}
			}

			.filters .filter-button.status .text {
				position: absolute;
				z-index: 5;
			}

			.filters .filter-button.status .button-content {
			    position: relative;
			    width: 100%;
			    left: 0px;
			    padding-left: 85px;
			}

			.filters .filter-button .filter-arrow {
				display:none;
			}

			.filters .filter-button.clickable {
				display: block;
				border: none;
				padding: 0px 10px;
				margin: 0 0 0 auto;
				z-index: 3;
			}

			.click-button-wrapper .filter-button.clickable.go {
			    background: #666666;
			    color: #FFFFFF; /*VAR*/  /*TODO*/
			}

			.tableheader .filters {
			    position: absolute;
			    background-color: #fff;
			    right: 0;
			    left: 0;
			    box-shadow: 0px 0px 0px #FFFFFF00;
			}

			.tableheader .filters.active {
			    box-shadow: 0px 0px 10px #8886;
			}

			.filters .filter-button .checkbox {
			    display: inline-block;
			}

			#sortabletable.hoverTable {
			    margin: calc(0px);
			    margin-left: calc(10px);
			    margin-right: calc(10px);
			    width: calc(100% - 20px);
			}
/*
			@media screen AND (max-width:400px) {
				.filter-button .button-content .right {
				    position:unset;
				    right:unset;
				    float:right;
				}

				.filter-button.price .value {
				    font-size: 3.4vw;
				    vertical-align: top;
				    transform: translate(0px, 8px);
				    display: inline-block;
				}
			}

			@media screen AND (max-width:400px) {
				.filter-button.price .value {
				    font-size: 3vw;
				}
			}
*/

		

/*************************************************
 *  FARVER på Boliginfo Viewer
 */

	.ipe-boliginfo-information .ipe-boliginfo-table tr:nth-child(2n) {
	    background-color: transparent;
	}
	.ipe-boliginfo-information .ipe-boliginfo-table tr:nth-child(2n+1) {
	    background-color: transparent;
	}
	.ipe-boliginfo-information .ipe-boliginfo-table tr,
	.ipe-boliginfo-information .ipe-boliginfo-table tr:first-of-type {
	    border-color: transparent;
	}

	.sape-biw-viewport {
		background-color: #e2e1df;
	}

			html body .sape-button {
				background: rgba(255,255,255,1);
				color: rgba(0,0,0,1);
				fill: rgba(0,0,0,1);
				border-color: rgba(0,0,0,1);
			}
			html body .sape-button.sape-button-highlight{
				background: rgba(85,85,85,1);
				color: rgba(255,255,255,1);
				fill: rgba(255,255,255,1);
				border-color: transparent;
			}
			html body .sape-button:focus-visible,
			html body .sape-button.sape-button-highlight:focus-visible {
				background: rgba(0,0,0,1);
				color: rgba(255,255,255,1);
				fill: rgba(255,255,255,1);
				border-color: transparent;
			}
			@media screen AND (hover:hover){
				html body .sape-button:hover,
				html body .sape-button.sape-button-highlight:hover{
					background: rgba(0,0,0,1);
					color: rgba(255,255,255,1);
					fill: rgba(255,255,255,1);
					border-color: transparent;
				}
			}
			html body .sape-sm-togglebuttons-wrapper {
				background: rgba(255,255,255,1);
			}
			html body .sape-selection-marker {
				background-color: rgba(0,0,0,1);
			}
		
	html body .sape-button {
	
		border-radius:99px;
		border-width:1px;
	}

	@media (hover: hover) {
		#sidebox-boligoversigt-content .download-button:hover,
		#lightbox-boligoversigt-content .download-button:hover {
		    background-color: #666666;
		}

		.ipe-boliginfo-button:hover {
		    background-color: #666666;
		}
	}
	

/*************************************************
 *  VALUTA
 */

	.pris .boligoversigt.valuta::before{
	    content:"kr."; /*VAR*/
	    padding-left: 5px;
	}
	.varme .boligoversigt.valuta::before{
	    content:"kr."; /*VAR*/
	    padding-left: 5px;
	}
	.vand .boligoversigt.valuta::before{
	    content:"kr."; /*VAR*/
	    padding-left: 5px;
	}


/*************************************************
 *  ÅBENT HUS
 */
	.aabenthus-toggle-inverse {
		display:none!important;
	}
	
/*************************************************
 *  POPUP
 */
	#popup-overlay.popup-overlay {
		display:block;
	    z-index: 99;
	    color: #45413c;
	    max-width: 1544px;
	    margin: auto;
	}

	#popup-overlay.popup-overlay * {
	    color: #45413c;
	}


	#popup-overlay .popup-wrapper {
	    bottom: 50;
	}

	#popup-overlay .popup-header {
	    height: 50;
	}

	#popup-overlay .popup-header-wrapper {
	    width: 50%;
	    margin: 0 50% 0 0;
	    background-color: #a8bfd9;
	    border-radius: 22px 22px 0px 0px;
	}

	#popup-overlay .popup-header-container {
	    text-align: left;
	}

	@media (min-width: 768px){
		#popup-overlay .popup-header-container {
		    padding-right: 50;
		    padding-right: calc(0.8 * 50);
		}
	}


	#popup-overlay .popup-header-heading,
	#popup-overlay .popup-content-heading {
		font-weight: 500;
		line-height: 1.2;
	}

	#popup-overlay .popup-header-container .popup-header-heading {
	    padding: 10%;
	}

	#popup-overlay .popup-togglebutton:before,
	#popup-overlay .popup-togglebutton:after {
	    background-color: #45413c;/*VAR*/
	    width: ;
	}

	#popup-overlay .popup-togglebutton {
	    right: 16.666666666667px;
	    top: 8px;
	    right: 0px;
	    top: 0px;
	}

	#popup-overlay .popup-togglebutton.popup-is-full-height {
	    -webkit-transform: translateY(50);
	    -ms-transform: translateY(50);
	    transform: translateY(50);
	}

	#popup-overlay .popup-container {
	    width: 500px;
	}

	#popup-overlay .popup-content {
	    background-color: #a8bfd9;
	    border-radius: 0px 22px 0px 0px;
	}


	/* SCROLLBAR */
	#popup-overlay .popup-content::-webkit-scrollbar-track
	{
	    background-color: #a8bfd9;
	}

	#popup-overlay .popup-content::-webkit-scrollbar
	{
	    background-color: #a8bfd9;
	}

	#popup-overlay .popup-content::-webkit-scrollbar-thumb
	{
	    background-color: #b8cbe0;
	    border: 3px solid #a8bfd9;
	}



	#popup-overlay .popup-content-container {
	    padding: 10%;
	}

	#popup-overlay .popup-content-container p,
	#popup-overlay .popup-content-container .popup-content-heading {
    	margin: 0 0 20px;
	}


	#popup-overlay.bottom_right .popup-wrapper {
	    right: 500px;
	}

	#popup-overlay.right .popup-content {
	    margin-left: 50;
	}

	#popup-overlay.bottom .popup-container,
	#popup-overlay.bottom_right .popup-container,
	#popup-overlay.bottom_left .popup-container {
	    margin-left: 0px;
	}

	#popup-overlay.right .popup-container {
	    padding-top: 0px;
	}

	#popup-overlay.right .popup-header {
	    margin-top: calc(0.5*0px);
	}
	
	#popup-overlay .popup-fontsize-titel {
	    font-size: 1.8em;
	}
		
	#popup-overlay .popup-fontsize-tekst,
	#popup-overlay .popup-fontsize-tekst p,
	#popup-overlay .ff-message-success {
	    font-size: 1.2em;
	}
		
	#popup-overlay .popup-fontsize-kontaktformular {
	    font-size: 1em;
	}
		
	#popup-overlay .popup-fontsize-ekstratekst {
	    font-size: 1em;
	}
		
	#popup-overlay .popup-fontsize-persondata {
	    font-size: 0.8em;
	}
		
	#popup-overlay .popup-header-wrapper,
	#popup-overlay .popup-content {
		box-shadow: 0px 0px 10px #00000026;
	}
	#popup-overlay .popup-header-wrapper::before {  /* PATCH TO HIDE BOTTOM SHADOW */
	    content: "";
	    background-color: #a8bfd9;
	    height: 20px;
	    width: 100%;
	    display: block;
	    position: absolute;
	    bottom: -15px;
	}

		
	@media screen and (max-width: 767px) {
		#popup-overlay.popup-overlay .popup-wrapper {
			right:0px;
			width:100%;
			padding: 0 0px;
		}
		
		#popup-overlay.popup-overlay .popup-wrapper .popup-container {
			width:100%;
			margin-left: auto;
		}
		
		#popup-overlay.popup-overlay .popup-header-wrapper {
	    	width: 100%;
	    	margin: 0;
		}

		#popup-overlay.popup-overlay .popup-content {
		    border-radius: 0px;
		}
	}
		
	/* CF7 */

	

	#popup-overlay .popup-content-container form {
		font-size: 1em;
	}

	#popup-overlay .popup-content-container form p {
		margin: 0px;
	}

	#popup-overlay input,
	#popup-overlay .wpcf7-acceptance .wpcf7-list-item {
	    margin-bottom: 20px;
	}

	#popup-overlay .wpcf7-acceptance .wpcf7-list-item {
	    margin-left: 10px;
	    margin-right: 10px;
	}

	#popup-overlay .wpcf7-acceptance .wpcf7-list-item label {
		font-size: 0.8em;
		line-height: inherit;
	}

	#popup-overlay input[type="text"],
	#popup-overlay input[type="password"],
	#popup-overlay input[type="email"], 
	#popup-overlay input[type="url"],
	#popup-overlay input[type="date"], 
	#popup-overlay input[type="month"], 
	#popup-overlay input[type="time"], 
	#popup-overlay input[type="datetime"], 
	#popup-overlay input[type="datetime-local"], 
	#popup-overlay input[type="week"], 
	#popup-overlay input[type="number"], 
	#popup-overlay input[type="search"], 
	#popup-overlay input[type="tel"], 
	#popup-overlay input[type="color"], 
	#popup-overlay select, 
	#popup-overlay textarea {
		padding: 15px 20px 15px 20px;
		background-color: #FFFFFF;
		color: #000000;
		border: 1px solid #888888;
		border-width: 1px 1px 1px 1px;
		border-radius: 5px 5px 5px 5px;
		text-align: left;
		font-size: 1em;
	}


	#popup-overlay input::-webkit-input-placeholder { /* Edge */
	  color: #444444;
	}

	#popup-overlay input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #444444;
	}

	#popup-overlay input::placeholder {
	  color: #444444;
	}

	#popup-overlay label {
		color: #FFFFFF;
	}

	#popup-overlay label a {
		color: #FFFFFF;
		
	}

	@media (hover: hover) {
		#popup-overlay label a:hover {
			color: #FFFFFF;
			text-decoration: underline;
		}
	}

	@media (min-width: 768px) AND (max-width: 1024px) {
		#popup-overlay label a {
			text-decoration: underline;
		}
	}

	@media (max-width: 767px) {
		#popup-overlay label a {
			text-decoration: underline;
		}
	}


	#popup-overlay input[type="checkbox"] {
	    display: inline-block;
	    background-color: #FFFFFF;
	    border: 1px solid #888888;
	    border-radius: 5px 5px 5px 5px;
	    line-height: 0;
	    width: 20px;
	    min-width: 20px;
	    height: 20px;
	    margin: -3px 10px 0 0;
	    outline: 0;
	    text-align: center;
	    vertical-align: middle;
	    clear: none;
	    cursor: pointer;
	    -webkit-appearance: none;
	    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	    -webkit-transition: 0.05s border-color ease-in-out;
	    -moz-transition: 0.05s border-color ease-in-out;
	    -ms-transition: 0.05s border-color ease-in-out;
	    -o-transition: 0.05s border-color ease-in-out;
	    transition: 0.05s border-color ease-in-out;
	}

	#popup-overlay input[type=radio]:checked:before,
	#popup-overlay input[type=checkbox]:checked:before {
	    float: left;
	    display: inline-block;
	    vertical-align: middle;
	    width: 20px;
	    line-height: 20px;
	    line-height: calc(20px - 2px);
	    font-family: "FontAwesome";
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}


	#popup-overlay input[type=checkbox]:checked:before {
	    content: "\2714";
	    margin-bottom: -1px;
	    color: #000000;
	}


	#popup-overlay input[type="button"],
	#popup-overlay input[type="reset"],
	#popup-overlay input[type="submit"],
	#popup-overlay button[type="submit"] {
	    display: inline-block;
	    font-family: inherit;
	    background-color: #FFFFFF;
	    color: #000000;
	    font-size: 12px;
	    font-weight: 600;
	    padding: 15px 45px 15px 45px;
	    border: 1px solid #888888;
	    border-width:  1px 1px 1px 1px;
	    border-radius: 5px 5px 5px 5px;
	    text-align: center;
	    line-height: 1;
	    text-transform: none;
	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
		font-size: 1em;
	}

	@media (hover: hover) {
		#popup-overlay input[type="button"]:hover,
		#popup-overlay input[type="reset"]:hover,
		#popup-overlay input[type="submit"]:hover,
		#popup-overlay button[type="submit"]:hover {
		    background-color: #000000;
		    color: #FFFFFF;
		}
	}



	#popup-overlay input[type="button"],
	#popup-overlay input[type="reset"],
	#popup-overlay input[type="submit"],
	#popup-overlay button[type="submit"]{
	}
	#popup-overlay div.wpcf7-response-output {
	    margin: 20px 0px 20px;
	    padding: 15px 15px 15px 15px ;
	    border: 1px solid #FFFFFF;
	    border-width: 1px 1px 1px 1px;
	    border-radius: 5px 5px 5px 5px;
	    color: #FFFFFF;
	    background-color: #888888;
	    border-color: #FFFFFF;
	}

	#popup-overlay div.wpcf7-validation-errors,
	#popup-overlay div.wpcf7-acceptance-missing,
	#popup-overlay div.wpcf7-mail-sent-ng {
	    color: #FFFFFF;
	    background-color: #a33939;
	    border-color: #FF4444;
	}

	#popup-overlay div.wpcf7-mail-sent-ok {
	    color: #FFFFFF;
	    background-color: #60a569;
	    border-color: #37cc5e;
	}

	#popup-overlay span.wpcf7-not-valid-tip {
	    display: block;
	    color: #FFFFFF;
	    background-color: #a33939;
	    padding: 0px 15px 0px 15px ;
	    width: 50%;
	    transform: translate(0, -20px);
	    margin-top: 4px;
	    margin-left: auto;
	    border: 1px solid #FF4444;
	    border-width: 1px 1px 1px 1px;
	    border-radius: 5px 5px 5px 5px;
	}




/* COOKIE INFO - 2020-03-04 */
	body .coi-banner__page {
		height: auto;
		max-height: 100%;
	}
	
	/* REMOVE BUTTON TEXT TRANFORM IF ANY */
	#coiOverlay button {
		text-transform: none;
	}

	/* TEXT SIZE */
	#coiOverlay .coi-banner__maintext {
	    line-height: 1.5em !important;
	}

	#coiOverlay #coi-banner-wrapper a {
	    font-size: inherit;
    	color: inherit;
    	text-decoration: underline;
	}

	#coiOverlay .coi-banner-consent-field {
	    border: none;
	}

	/* NO HEADER */
	#coiOverlay .coi-banner__header {
		display: none;
	}

	/* NO AUTO LINK */
	#coiOverlay #Coi-Renew {
		display: none !important;
	}

	/* DISABLE CHROME FOCUS RING ON COI */
	div#coi-banner-wrapper:focus {
	    outline: -webkit-focus-ring-color auto 0px;
	}

	#coiOverlay .coi-banner-consent-field:last-child {
	    border-right: 0;
	}

	#coiOverlay .coi-banner__footer {
		display: none;
	}

	#coiOverlay .coi-checkboxes .checkbox-toggle:before {
	    left: 5px;
	    top: 5px;
	}


/* KORT-TOOLTIP */
	body .tooltip-background,
	.tooltip-wrapper .tooltip-background {
	    color: #333333;
	    font-size: 1em;
	    line-height: 1em;
	}

	body .tooltip-background .tooltip-header,
	.tooltip-wrapper .tooltip-background .tooltip-header {
		padding: 20px;
		padding-bottom: 10px;
	    background: #333333;
	    color: #FFFFFF;
	    font-size: 1.2em;
		border: 0px solid #333333;
		border-width: 0px 0px 0 0px;
	    border-radius: 0px 0px 0 0;
	}

	body .tooltip-background .tooltip-header .title,
	.tooltip-wrapper .tooltip-background .tooltip-header .title {
		font-size: inherit;
		font-weight: inherit;
		color: inherit;
		margin: 0px;
	}

	body .tooltip-background .tooltip-content,
	body .tooltip-background .tooltip-override,
	.tooltip-wrapper .tooltip-background .tooltip-content,
	.tooltip-wrapper .tooltip-background .tooltip-override {
	    background: #FFFFFF;
		padding: 20px;
		padding-top: 10px;
		border: 0px solid #333333;
		border-width: 0 0px 0px 0px;
	    border-radius: 0 0 0px 0px;
	}

	body .tooltip-background .tooltip-content table td ,
	.tooltip-wrapper .tooltip-background .tooltip-content table td {
	    border-bottom: 1px solid #BBBBBB;
	    
	}
	
	.ipe-infobox-anchor .tooltip-background {
		transform: translate(130px,-30%);
	}
	.ipe-infobox-anchor.ipe-flip-anchor .tooltip-background {
		transform: translate(-130px,-30%);
	}

	/* CUSTOM CSS FIELD */
	
/* Tooltips Stying */
.ipe-svg-tooltip-content,
[data-tooltip]::before {
    background-color: #000;
    background-color: #000E6;
}
.ipe-svg-tooltip-content::after,
[data-tooltip]::after {
    border-bottom: 5px solid #000;
    border-bottom: 5px solid #000E6;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

/* FONTS */

/* PAGEMODAL */
	.ipe-pagemodal {
	    max-width: 750px;
	}
	.ipe-pagemodal , 
	.ipe-pagemodal a {
	    color: #131313;
	}
	.ipe-pagemodal .ipe-pagemodal-content{
		padding: 90px 100px;
	    background-color: #ACACAC;
	    border-radius: 0px;
	}
	.ipe-pagemodal .ipe-pagemodal-content p {
		margin-top: 60px;
	}
	.ipe-pagemodal .ipe-lightbox-close-button path {
		fill: #131313;
	}
	.ipe-pagemodal .ipe-pagemodal-content::-webkit-scrollbar-track { /* Track */
	    background: #ACACAC;  /*VAR: C1 */
	}
	.ipe-pagemodal .ipe-pagemodal-content::-webkit-scrollbar-thumb { /* Handle */
	    background: #131313; /*VAR: C2 */
	    background: #131313BB; /*CALC: C2 + "BB" */
	    border:3px solid #ACACAC;  /*VAR: C1 */
	}
	.ipe-pagemodal .ipe-pagemodal-content { /* Firefox */
	    scrollbar-color: #131313 #ACACAC; /*VAR: C2 C1*/
	    scrollbar-color: #131313BB #ACACAC; /*CALC: C2 + "BB" C1 */
	}
	@media (hover: hover) {
	    .ipe-pagemodal .ipe-pagemodal-content::-webkit-scrollbar-thumb:hover { /* Handle on hover */
	      background: #131313; /*VAR: C1 */
	    }
	}
	.ipe-pagemodal .ipe-pagemodal-content .ipe-page-text::after {
	    background: -moz-linear-gradient(180deg, #ACACAC00 0%, #ACACACFF 100%);
	    background: -webkit-linear-gradient(180deg, #ACACAC00 0%, #ACACACFF 100%);
	    background: linear-gradient(180deg, #ACACAC00 0%, #ACACACFF 100%);
	}


/* INFOSPOTS */
	.ipe-infospot {
	    max-width: 550px;
	}
	.ipe-infospot , 
	.ipe-infospot a {
	    color: #131313;
	}
	.ipe-infospot .ipe-infospot-content{
		padding: 60px 40px;
	    background-color: #ACACAC;
	    border-radius: 0px;
	}
	.ipe-infospot .ipe-infospot-content > * {
		margin-top: 20px;
	}
	.ipe-infospot .ipe-images.multiple-images img {
	    margin: 3% 0;
	    width: 47%;
	}
	.ipe-infospot .ipe-lightbox-close-button path {
		fill: #131313;
	}
	.ipe-infospot .ipe-infospot-content::-webkit-scrollbar-track { /* Track */
	    background: #ACACAC;  /*VAR: C1 */
	}
	.ipe-infospot .ipe-infospot-content::-webkit-scrollbar-thumb { /* Handle */
	    background: #131313; /*VAR: C2 */
	    background: #131313BB; /*CALC: C2 + "BB" */
	    border:3px solid #ACACAC;  /*VAR: C1 */
	}
	.ipe-infospot .ipe-infospot-content { /* Firefox */
	    scrollbar-color: #131313 #ACACAC; /*VAR: C2 C1*/
	    scrollbar-color: #131313BB #ACACAC; /*CALC: C2 + "BB" C1 */
	}
	@media (hover: hover) {
	    .ipe-infospot .ipe-infospot-content::-webkit-scrollbar-thumb:hover { /* Handle on hover */
	      background: #131313; /*VAR: C1 */
	    }
	}

/* TOGGLEBOXES */
	.ipe-togglebox input[type="checkbox"] {
	    background-color: #DDDDDD;
	    border: 1px solid #BBBBBB;
	    border-radius: 0px; 
	    width: 25px;
	    min-width: 25px;
	    height: 25px; 
		min-height: 25px;
	}

	.ipe-togglebox input[type=checkbox]::before {
	    background-color: #888888; 
	    margin:3px; 
	    border-radius: 0px;  
	}

	.ipe-togglebox input[type=checkbox]:checked::after {
	    background-image: url(../graphics/symbols/check-regular.svg);
	    background-size: 50%; 
	}

	@media (min-width: 768px) AND (max-width: 1024px) {
		.ipe-togglebox input[type="checkbox"] {
		    width: ;
		    min-width: ;
		    height: ; 
		    min-height: ;
		}
	}

	@media (max-width: 767px) {
		.ipe-togglebox input[type="checkbox"] {
		    width: ;
		    min-width: ;
		    height: ;
		    min-height: ; 
		}
	}

/* IPE LIGHTBOX */  
	.ipe-lightbox-underlay {
		background-color:#000000;
	} 
	.ipe-lightbox-underlay.ipe-do-fade {
		opacity:0.25;
	}
	.ipe-do-blur {
	    -webkit-backdrop-filter: blur(5px);
	    backdrop-filter: blur(5px);
	}


/* ELEMENTOR LIGHTBOX */
	.elementor-lightbox.dialog-type-lightbox {
		background-color:#000000cc;
	    -webkit-backdrop-filter: blur(5px);
	    backdrop-filter: blur(5px);
	}
	.elementor-lightbox .elementor-lightbox-image {
		background-color:#FFFFFF;
		padding:20px;
	}

.ipe-sm-controlbar-wrapper .sm-button {
    height: 48px; 
    width: 48px;
    border-radius: 24px;
}
.ipe-sm-controlbar-wrapper .sm-button.hide,
.ipe-sm-controlbar-wrapper .sape-sm-extrabuttons.hide {
    transform: translate(0,34px);
}
.ipe-sm-controlbar-wrapper .sm-button .icon-wrapper.inline {
    width: 24px;
    height: 24px;
}
.ipe-sm-controlbar-wrapper .sm-button .icon p {
    font-size: 19px;
}

.ipe-sm-controlbar-wrapper .sm-list-wrapper {
    height: 48px; 
    border-radius: 24px;
}

@media (max-width: 767px) {
	.ipe-pagemodal .ipe-pagemodal-content {
	    margin-bottom: 48px; 
	}
}

.ipe-sm-controlbar-wrapper .sm-list {
    padding-top: 48px; 
}

@media screen AND (hover:hover) {
	.ipe-sm-controlbar-wrapper .sm-list ul li:hover {
	    background-color: #FFFFFF22; 
	}
}

/* ICON / HOTSPOT COLORS */
.ipe-hotspot svg .path,
.ipe-colored-icon svg .path,
.signature-icon svg .path {
	stroke-width: 2px;
	stroke:none;
	fill:none;
}
.ipe-colored-icon {
    background-color:#888888;
    color:#FFFFFF;
}
.ipe-colored-icon .filled {
    fill:#FFFFFF;
}
.ipe-colored-icon .stroked {
    stroke:#FFFFFF;
}
.ipe-colored-icon.menu {
    background-color:#888888;
    color:#FFFFFF;
}
.ipe-colored-icon.menu .filled {
    fill:#FFFFFF;
}
.ipe-colored-icon.menu .stroked {
    stroke:#FFFFFF;
}
.ipe-colored-icon.back,
.ipe-colored-icon.turn {
    background-color:#888888;
    color:#FFFFFF;
}
.ipe-colored-icon.back .filled,
.ipe-colored-icon.turn .filled {
    fill:#FFFFFF;
}
.ipe-colored-icon.back .stroked, 
.ipe-colored-icon.turn .stroked {
    stroke:#FFFFFF;
}
.ipe-colored-icon.nav {
    background-color:#888888;
    color:#FFFFFF;
}
.ipe-colored-icon.nav .filled {
    fill:#FFFFFF;
}
.ipe-colored-icon.nav .stroked {
    stroke:#FFFFFF;
}
.ipe-colored-icon.info {
    background-color:#888888;
    color:#FFFFFF;
}
.ipe-colored-icon.info .filled {
    fill:#FFFFFF;
}
.ipe-colored-icon.info .stroked {
    stroke:#FFFFFF;
}


@media (min-width: 768px) AND (max-width: 1024px) {
	.ipe-sm-controlbar-wrapper .sm-button {
	    height: 42px;
	    width: 42px;
	    border-radius: 21px;
	}
	.ipe-sm-controlbar-wrapper .sm-button.hide,
	.ipe-sm-controlbar-wrapper .sape-sm-extrabuttons.hide  {
	    transform: translate(0,34px);
	}
	.ipe-sm-controlbar-wrapper .sm-button .icon-wrapper.inline {
	    width: 21px;
	    height: 21px;
	}
	.ipe-sm-controlbar-wrapper .sm-list-wrapper {
	    height: 42px; 
	    border-radius: 21px;
	}
}

@media (max-width: 767px) {
	.ipe-sm-controlbar-wrapper .sm-button {
	    height: 36px;
	    width: 36px;
	    border-radius: 18px;
	}
	.ipe-sm-controlbar-wrapper .sm-button.hide,
	.ipe-sm-controlbar-wrapper .sape-sm-extrabuttons.hide  {
	    transform: translate(0,34px);
	}
	.ipe-sm-controlbar-wrapper .sm-button .icon-wrapper.inline {
	    width: 18px;
	    height: 18px;
	}
	.ipe-sm-controlbar-wrapper .sm-list-wrapper .sm-button .icon-wrapper.inline {
	    width: 24px;
	    height: 24px;
	}
	.ipe-sm-controlbar-wrapper .sm-list-wrapper {
	    height: 48px; 
	    border-radius: 0px;
	}
	.ipe-disclaimer-content.dd-style-v1 {
	    transform: translate(0px, -48px);
	}
}

/* SM MENU SCROLLBAR */
.ipe-sm-controlbar-wrapper .scrollable::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  background: #FFFFFFBB;
}

@media (hover: hover) {
    .ipe-sm-controlbar-wrapper .scrollable::-webkit-scrollbar-thumb:hover {
  		background: #FFFFFF;
    }
}

*/

.ipe-sm-controlbar-wrapper .scrollable { /* Firefox */
    scrollbar-color: #FFFFFF #f1f1f1; /*VAR: C1*/
    scrollbar-color: #FFFFFFBB #f1f1f133; /*CALC: C1 + "BB" */
}



	.ipe-hotspot.ipe-color-default {
	    background-color: #888888;
	    background-color: #888888ff;
	    color: #FFFFFF;
	}
	.ipe-hotspot.ipe-color-default .ipe-hotspot-subtext  {
	    background-color: #FFFFFF;
	    color: #888888;
	}

	.ipe-hotspot.ipe-color-default .ipe-hotspot-icon .ipe-svg.icon .path.stroked {
	    stroke: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-default .ipe-hotspot-icon .ipe-svg.icon .path.filled {
	    fill: #FFFFFF;
	}
	.not-safari-device .ipe-hotspot.ipe-color-default.ipe-glow-grow-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-default.ipe-glow-grow-border::after {
		-webkit-box-shadow: 0 0 25px #888888;
		-moz-box-shadow: 0 0 25px #888888;
		box-shadow: 0 0 25px #888888;
	}
	.not-safari-device .ipe-hotspot.ipe-color-default.ipe-expand-solid-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-default.ipe-expand-solid-border::after {
	    -webkit-box-shadow: 0px 0px 0px 0px #888888;
	    -moz-box-shadow: 0px 0px 0px 0px #888888;
	    box-shadow: 0px 0px 0px 0px #888888;
    	animation: ipe-expand-border-color-default 1800ms linear infinite;
	}
	@keyframes ipe-expand-border-color-default {
	    0% {
	        -webkit-box-shadow: 0px 0px 0px 0px #888888;
	        -moz-box-shadow: 0px 0px 0px 0px #888888;
	        box-shadow: 0px 0px 0px 0px #888888;
	        opacity: .9;
	    }
	    100% {
	        -webkit-box-shadow: 0px 0px 0px 15px #888888;
	        -moz-box-shadow: 0px 0px 0px 15px #888888;
	        box-shadow: 0px 0px 0px 15px #888888;
	        opacity: 0;
	    }
	}

	
	.ipe-hotspot.ipe-color-variant-a {
	    background-color: #888888;
	    background-color: #888888ff;
	    color: #FFFFFF;
	}
	.ipe-hotspot.ipe-color-variant-a .ipe-hotspot-subtext  {
	    background-color: #FFFFFF;
	    color: #888888;
	}

	.ipe-hotspot.ipe-color-variant-a .ipe-hotspot-icon .ipe-svg.icon .path.stroked {
	    stroke: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-variant-a .ipe-hotspot-icon .ipe-svg.icon .path.filled {
	    fill: #FFFFFF;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-a.ipe-glow-grow-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-a.ipe-glow-grow-border::after {
		-webkit-box-shadow: 0 0 25px #888888;
		-moz-box-shadow: 0 0 25px #888888;
		box-shadow: 0 0 25px #888888;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-a.ipe-expand-solid-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-a.ipe-expand-solid-border::after {
	    -webkit-box-shadow: 0px 0px 0px 0px #888888;
	    -moz-box-shadow: 0px 0px 0px 0px #888888;
	    box-shadow: 0px 0px 0px 0px #888888;
    	animation: ipe-expand-border-color-variant-a 1800ms linear infinite;
	}
	@keyframes ipe-expand-border-color-variant-a {
	    0% {
	        -webkit-box-shadow: 0px 0px 0px 0px #888888;
	        -moz-box-shadow: 0px 0px 0px 0px #888888;
	        box-shadow: 0px 0px 0px 0px #888888;
	        opacity: .9;
	    }
	    100% {
	        -webkit-box-shadow: 0px 0px 0px 15px #888888;
	        -moz-box-shadow: 0px 0px 0px 15px #888888;
	        box-shadow: 0px 0px 0px 15px #888888;
	        opacity: 0;
	    }
	}

	
	.ipe-hotspot.ipe-color-variant-b {
	    background-color: #888888;
	    background-color: #888888ff;
	    color: #FFFFFF;
	}
	.ipe-hotspot.ipe-color-variant-b .ipe-hotspot-subtext  {
	    background-color: #FFFFFF;
	    color: #888888;
	}

	.ipe-hotspot.ipe-color-variant-b .ipe-hotspot-icon .ipe-svg.icon .path.stroked {
	    stroke: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-variant-b .ipe-hotspot-icon .ipe-svg.icon .path.filled {
	    fill: #FFFFFF;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-b.ipe-glow-grow-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-b.ipe-glow-grow-border::after {
		-webkit-box-shadow: 0 0 25px #888888;
		-moz-box-shadow: 0 0 25px #888888;
		box-shadow: 0 0 25px #888888;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-b.ipe-expand-solid-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-b.ipe-expand-solid-border::after {
	    -webkit-box-shadow: 0px 0px 0px 0px #888888;
	    -moz-box-shadow: 0px 0px 0px 0px #888888;
	    box-shadow: 0px 0px 0px 0px #888888;
    	animation: ipe-expand-border-color-variant-b 1800ms linear infinite;
	}
	@keyframes ipe-expand-border-color-variant-b {
	    0% {
	        -webkit-box-shadow: 0px 0px 0px 0px #888888;
	        -moz-box-shadow: 0px 0px 0px 0px #888888;
	        box-shadow: 0px 0px 0px 0px #888888;
	        opacity: .9;
	    }
	    100% {
	        -webkit-box-shadow: 0px 0px 0px 15px #888888;
	        -moz-box-shadow: 0px 0px 0px 15px #888888;
	        box-shadow: 0px 0px 0px 15px #888888;
	        opacity: 0;
	    }
	}

	
	.ipe-hotspot.ipe-color-variant-c {
	    background-color: #888888;
	    background-color: #888888ff;
	    color: #FFFFFF;
	}
	.ipe-hotspot.ipe-color-variant-c .ipe-hotspot-subtext  {
	    background-color: #FFFFFF;
	    color: #888888;
	}

	.ipe-hotspot.ipe-color-variant-c .ipe-hotspot-icon .ipe-svg.icon .path.stroked {
	    stroke: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-variant-c .ipe-hotspot-icon .ipe-svg.icon .path.filled {
	    fill: #FFFFFF;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-c.ipe-glow-grow-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-c.ipe-glow-grow-border::after {
		-webkit-box-shadow: 0 0 25px #888888;
		-moz-box-shadow: 0 0 25px #888888;
		box-shadow: 0 0 25px #888888;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-c.ipe-expand-solid-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-c.ipe-expand-solid-border::after {
	    -webkit-box-shadow: 0px 0px 0px 0px #888888;
	    -moz-box-shadow: 0px 0px 0px 0px #888888;
	    box-shadow: 0px 0px 0px 0px #888888;
    	animation: ipe-expand-border-color-variant-c 1800ms linear infinite;
	}
	@keyframes ipe-expand-border-color-variant-c {
	    0% {
	        -webkit-box-shadow: 0px 0px 0px 0px #888888;
	        -moz-box-shadow: 0px 0px 0px 0px #888888;
	        box-shadow: 0px 0px 0px 0px #888888;
	        opacity: .9;
	    }
	    100% {
	        -webkit-box-shadow: 0px 0px 0px 15px #888888;
	        -moz-box-shadow: 0px 0px 0px 15px #888888;
	        box-shadow: 0px 0px 0px 15px #888888;
	        opacity: 0;
	    }
	}

	
	.ipe-hotspot.ipe-color-variant-d {
	    background-color: #888888;
	    background-color: #888888ff;
	    color: #FFFFFF;
	}
	.ipe-hotspot.ipe-color-variant-d .ipe-hotspot-subtext  {
	    background-color: #FFFFFF;
	    color: #888888;
	}

	.ipe-hotspot.ipe-color-variant-d .ipe-hotspot-icon .ipe-svg.icon .path.stroked {
	    stroke: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-variant-d .ipe-hotspot-icon .ipe-svg.icon .path.filled {
	    fill: #FFFFFF;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-d.ipe-glow-grow-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-d.ipe-glow-grow-border::after {
		-webkit-box-shadow: 0 0 25px #888888;
		-moz-box-shadow: 0 0 25px #888888;
		box-shadow: 0 0 25px #888888;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-d.ipe-expand-solid-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-d.ipe-expand-solid-border::after {
	    -webkit-box-shadow: 0px 0px 0px 0px #888888;
	    -moz-box-shadow: 0px 0px 0px 0px #888888;
	    box-shadow: 0px 0px 0px 0px #888888;
    	animation: ipe-expand-border-color-variant-d 1800ms linear infinite;
	}
	@keyframes ipe-expand-border-color-variant-d {
	    0% {
	        -webkit-box-shadow: 0px 0px 0px 0px #888888;
	        -moz-box-shadow: 0px 0px 0px 0px #888888;
	        box-shadow: 0px 0px 0px 0px #888888;
	        opacity: .9;
	    }
	    100% {
	        -webkit-box-shadow: 0px 0px 0px 15px #888888;
	        -moz-box-shadow: 0px 0px 0px 15px #888888;
	        box-shadow: 0px 0px 0px 15px #888888;
	        opacity: 0;
	    }
	}

	
		.ipe-hotspot.ipe-size-default {
		    height:48px;
		    min-width:48px;
		    border-radius:24px;
		    padding:12px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-default {
		    padding:12px;
		}

		.ipe-hotspot.ipe-square.ipe-size-default  {
		    width:48px;
		}

		.ipe-hotspot.ipe-size-default .ipe-hotspot-icon {
			font-size:19.2px;
		    padding:8px;
		}

		.ipe-hotspot.ipe-size-default .ipe-hotspot-icon .icon {
		    max-height:24px;
		    max-width:24px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-default .ipe-hotspot-icon .icon.custom {
		    max-height:24px;
		    max-width:24px;
		}

		.ipe-hotspot.ipe-size-default .ipe-hotspot-icon .icon.text-based {
		    max-height:12px;
		}

		.ipe-hotspot.ipe-size-default .ipe-hotspot-text {
			font-size:16px;
		    padding:8px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-default .ipe-hotspot-text {
		    padding:3px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-default .ipe-hotspot-text:last-child {
		    padding-left:12px;
		    padding-right:8px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-default .ipe-hotspot-text:first-child {
		    padding-right:12px;
		    padding-left:8px;
		}

		
		.ipe-hotspot.ipe-size-small {
		    height:38.4px;
		    min-width:38.4px;
		    border-radius:19.2px;
		    padding:9.6px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-small {
		    padding:9.6px;
		}

		.ipe-hotspot.ipe-square.ipe-size-small  {
		    width:38.4px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon {
			font-size:15.36px;
		    padding:6.4px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon .icon {
		    max-height:19.2px;
		    max-width:19.2px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-icon .icon.custom {
		    max-height:19.2px;
		    max-width:19.2px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon .icon.text-based {
		    max-height:9.6px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-text {
			font-size:16px;
		    padding:6.4px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text {
		    padding:2.4px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text:last-child {
		    padding-left:9.6px;
		    padding-right:6.4px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text:first-child {
		    padding-right:9.6px;
		    padding-left:6.4px;
		}

		
		.ipe-hotspot.ipe-size-medium {
		    height:48px;
		    min-width:48px;
		    border-radius:24px;
		    padding:12px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-medium {
		    padding:12px;
		}

		.ipe-hotspot.ipe-square.ipe-size-medium  {
		    width:48px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon {
			font-size:19.2px;
		    padding:8px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon .icon {
		    max-height:24px;
		    max-width:24px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-icon .icon.custom {
		    max-height:24px;
		    max-width:24px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon .icon.text-based {
		    max-height:12px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-text {
			font-size:16px;
		    padding:8px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text {
		    padding:3px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text:last-child {
		    padding-left:12px;
		    padding-right:8px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text:first-child {
		    padding-right:12px;
		    padding-left:8px;
		}

		
		.ipe-hotspot.ipe-size-large {
		    height:60px;
		    min-width:60px;
		    border-radius:30px;
		    padding:15px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-large {
		    padding:15px;
		}

		.ipe-hotspot.ipe-square.ipe-size-large  {
		    width:60px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon {
			font-size:24px;
		    padding:10px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon .icon {
		    max-height:30px;
		    max-width:30px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-icon .icon.custom {
		    max-height:30px;
		    max-width:30px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon .icon.text-based {
		    max-height:15px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-text {
			font-size:16px;
		    padding:10px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text {
		    padding:3.75px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text:last-child {
		    padding-left:15px;
		    padding-right:10px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text:first-child {
		    padding-right:15px;
		    padding-left:10px;
		}

		@media (min-width: 768px) AND (max-width: 1024px) {
		.ipe-hotspot.ipe-size-default {
		    height:42px;
		    min-width:42px;
		    border-radius:21px;
		    padding:10.5px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-default {
		    padding:10.5px;
		}

		.ipe-hotspot.ipe-square.ipe-size-default  {
		    width:42px;
		}

		.ipe-hotspot.ipe-size-default .ipe-hotspot-icon {
			font-size:16.8px;
		    padding:7px;
		}

		.ipe-hotspot.ipe-size-default .ipe-hotspot-icon .icon {
		    max-height:21px;
		    max-width:21px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-default .ipe-hotspot-icon .icon.custom {
		    max-height:21px;
		    max-width:21px;
		}

		.ipe-hotspot.ipe-size-default .ipe-hotspot-icon .icon.text-based {
		    max-height:10.5px;
		}

		.ipe-hotspot.ipe-size-default .ipe-hotspot-text {
			font-size:14px;
		    padding:7px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-default .ipe-hotspot-text {
		    padding:2.625px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-default .ipe-hotspot-text:last-child {
		    padding-left:10.5px;
		    padding-right:7px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-default .ipe-hotspot-text:first-child {
		    padding-right:10.5px;
		    padding-left:7px;
		}

		
		.ipe-hotspot.ipe-size-small {
		    height:33.6px;
		    min-width:33.6px;
		    border-radius:16.8px;
		    padding:8.4px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-small {
		    padding:8.4px;
		}

		.ipe-hotspot.ipe-square.ipe-size-small  {
		    width:33.6px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon {
			font-size:13.44px;
		    padding:5.6px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon .icon {
		    max-height:16.8px;
		    max-width:16.8px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-icon .icon.custom {
		    max-height:16.8px;
		    max-width:16.8px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon .icon.text-based {
		    max-height:8.4px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-text {
			font-size:14px;
		    padding:5.6px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text {
		    padding:2.1px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text:last-child {
		    padding-left:8.4px;
		    padding-right:5.6px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text:first-child {
		    padding-right:8.4px;
		    padding-left:5.6px;
		}

		
		.ipe-hotspot.ipe-size-medium {
		    height:42px;
		    min-width:42px;
		    border-radius:21px;
		    padding:10.5px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-medium {
		    padding:10.5px;
		}

		.ipe-hotspot.ipe-square.ipe-size-medium  {
		    width:42px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon {
			font-size:16.8px;
		    padding:7px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon .icon {
		    max-height:21px;
		    max-width:21px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-icon .icon.custom {
		    max-height:21px;
		    max-width:21px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon .icon.text-based {
		    max-height:10.5px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-text {
			font-size:14px;
		    padding:7px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text {
		    padding:2.625px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text:last-child {
		    padding-left:10.5px;
		    padding-right:7px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text:first-child {
		    padding-right:10.5px;
		    padding-left:7px;
		}

		
		.ipe-hotspot.ipe-size-large {
		    height:52.5px;
		    min-width:52.5px;
		    border-radius:26.25px;
		    padding:13.125px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-large {
		    padding:13.125px;
		}

		.ipe-hotspot.ipe-square.ipe-size-large  {
		    width:52.5px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon {
			font-size:21px;
		    padding:8.75px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon .icon {
		    max-height:26.25px;
		    max-width:26.25px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-icon .icon.custom {
		    max-height:26.25px;
		    max-width:26.25px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon .icon.text-based {
		    max-height:13.125px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-text {
			font-size:14px;
		    padding:8.75px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text {
		    padding:3.28125px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text:last-child {
		    padding-left:13.125px;
		    padding-right:8.75px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text:first-child {
		    padding-right:13.125px;
		    padding-left:8.75px;
		}

		}@media (max-width: 767px) {
		.ipe-hotspot.ipe-size-default {
		    height:36px;
		    min-width:36px;
		    border-radius:18px;
		    padding:9px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-default {
		    padding:9px;
		}

		.ipe-hotspot.ipe-square.ipe-size-default  {
		    width:36px;
		}

		.ipe-hotspot.ipe-size-default .ipe-hotspot-icon {
			font-size:14.4px;
		    padding:6px;
		}

		.ipe-hotspot.ipe-size-default .ipe-hotspot-icon .icon {
		    max-height:18px;
		    max-width:18px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-default .ipe-hotspot-icon .icon.custom {
		    max-height:18px;
		    max-width:18px;
		}

		.ipe-hotspot.ipe-size-default .ipe-hotspot-icon .icon.text-based {
		    max-height:9px;
		}

		.ipe-hotspot.ipe-size-default .ipe-hotspot-text {
			font-size:12px;
		    padding:6px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-default .ipe-hotspot-text {
		    padding:2.25px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-default .ipe-hotspot-text:last-child {
		    padding-left:9px;
		    padding-right:6px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-default .ipe-hotspot-text:first-child {
		    padding-right:9px;
		    padding-left:6px;
		}

		
		.ipe-hotspot.ipe-size-small {
		    height:28.8px;
		    min-width:28.8px;
		    border-radius:14.4px;
		    padding:7.2px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-small {
		    padding:7.2px;
		}

		.ipe-hotspot.ipe-square.ipe-size-small  {
		    width:28.8px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon {
			font-size:11.52px;
		    padding:4.8px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon .icon {
		    max-height:14.4px;
		    max-width:14.4px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-icon .icon.custom {
		    max-height:14.4px;
		    max-width:14.4px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon .icon.text-based {
		    max-height:7.2px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-text {
			font-size:12px;
		    padding:4.8px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text {
		    padding:1.8px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text:last-child {
		    padding-left:7.2px;
		    padding-right:4.8px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text:first-child {
		    padding-right:7.2px;
		    padding-left:4.8px;
		}

		
		.ipe-hotspot.ipe-size-medium {
		    height:36px;
		    min-width:36px;
		    border-radius:18px;
		    padding:9px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-medium {
		    padding:9px;
		}

		.ipe-hotspot.ipe-square.ipe-size-medium  {
		    width:36px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon {
			font-size:14.4px;
		    padding:6px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon .icon {
		    max-height:18px;
		    max-width:18px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-icon .icon.custom {
		    max-height:18px;
		    max-width:18px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon .icon.text-based {
		    max-height:9px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-text {
			font-size:12px;
		    padding:6px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text {
		    padding:2.25px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text:last-child {
		    padding-left:9px;
		    padding-right:6px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text:first-child {
		    padding-right:9px;
		    padding-left:6px;
		}

		
		.ipe-hotspot.ipe-size-large {
		    height:45px;
		    min-width:45px;
		    border-radius:22.5px;
		    padding:11.25px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-large {
		    padding:11.25px;
		}

		.ipe-hotspot.ipe-square.ipe-size-large  {
		    width:45px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon {
			font-size:18px;
		    padding:7.5px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon .icon {
		    max-height:22.5px;
		    max-width:22.5px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-icon .icon.custom {
		    max-height:22.5px;
		    max-width:22.5px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon .icon.text-based {
		    max-height:11.25px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-text {
			font-size:12px;
		    padding:7.5px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text {
		    padding:2.8125px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text:last-child {
		    padding-left:11.25px;
		    padding-right:7.5px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text:first-child {
		    padding-right:11.25px;
		    padding-left:7.5px;
		}

		}
/* EXPLORER */

	/* MENUBAR */
	.ipe-menubar-wrapper{
		justify-content: flex-end;
		background-color: #888888;
		font-size: 1em;
		color: #FFFFFF;
	}

	.ipe-menubar-wrapper .ipe-icon-svg.fill,
	.ipe-menubar-wrapper .ipe-icon-svg .fill{
		fill: #FFFFFF;
	}

	.ipe-menubar-wrapper .ipe-icon-svg.stroke,
	.ipe-menubar-wrapper .ipe-icon-svg .stroke{
		stroke: #FFFFFF;
	}

	.ipe-menubar-wrapper > .menuitem {
		border-bottom: 1px solid #FFFFFF;
	}

	@media (hover: hover) {
		.ipe-menubar-wrapper > .menuitem:hover {
			color: #FFFFFF;
			background-color: #BBBBBB;
		}

		.ipe-menubar-wrapper > .menuitem:hover .ipe-icon-svg.fill,
		.ipe-menubar-wrapper > .menuitem:hover .ipe-icon-svg .fill{
			fill: #FFFFFF;
		}

		.ipe-menubar-wrapper > .menuitem:hover .ipe-icon-svg.stroke,
		.ipe-menubar-wrapper > .menuitem:hover .ipe-icon-svg .stroke{
			stroke: #FFFFFF;
		}
	}

	.ipe-menubar-wrapper > .menuitem.selected {
		color: #FFFFFF;
		background-color: #BBBBBB;
	}

	.ipe-menubar-wrapper > .menuitem.selected .ipe-icon-svg.fill,
	.ipe-menubar-wrapper > .menuitem.selected .ipe-icon-svg .fill{
		fill: #FFFFFF;
	}

	.ipe-menubar-wrapper > .menuitem.selected .ipe-icon-svg.stroke,
	.ipe-menubar-wrapper > .menuitem.selected .ipe-icon-svg .stroke{
		stroke: #FFFFFF;
	}

	.ipe-menubar-wrapper > .menuitem {
		padding: 20px;
	}

	@media (min-width: 768px) AND (max-width: 1024px) {
		.ipe-menubar-wrapper > .menuitem {
			padding: 14px;
		}
	}

	@media (max-width: 767px) {
		.ipe-menubar-wrapper > .menuitem {
			padding: 6px;
		}
	}

	.ipe-menubar-wrapper > .menuitem > img,
	.ipe-menubar-wrapper > .menuitem > svg {
		width: 64px;
		background: none;
		border-radius: 64px;
		margin:auto;
	}

	@media (min-width: 768px) AND (max-width: 1024px) {
		.ipe-menubar-wrapper{
			font-size: 1em;
		}
		.ipe-menubar-wrapper > .menuitem > img,
		.ipe-menubar-wrapper > .menuitem > svg{
			width: 48px;
		}
	}
	@media (max-width: 767px) {
		.ipe-menubar-wrapper{
			font-size: 1em;
		}
		.ipe-menubar-wrapper > .menuitem > img,
		.ipe-menubar-wrapper > .menuitem > svg {
			width: 32px;
		}
	}

	/* MOVE MENU TO BOTTOM ON PORTRAIT / MOBILE */
	@media screen AND (orientation:portrait) {
	    .ipe-wrapper.mobile-top .ipe-menubar-wrapper > .menuitem,
	    .ipe-wrapper.mobile-bottom .ipe-menubar-wrapper > .menuitem {
	        border-right: 1px solid #FFFFFF;
	    }
	    .ipe-wrapper.mobile-left .ipe-menubar-wrapper > .menuitem,
	    .ipe-wrapper.mobile-right .ipe-menubar-wrapper > .menuitem {
	        border-bottom: 1px solid #FFFFFF;
	    }
	}

	.ipe-container-wrapper .lds-grid div {
		background: #888888;
	}

	/* CONTROLBAR */
	.ipe-controlbar {
	    justify-content: flex-end;
	}

	.ipe-controlbar > *,
	.ipe-controlbar > .control-item {
	    font-size: 1em;
	}
	
	.ipe-controlbar > .control-item.back .text {
    	font-size: 1em;
    }
    
	.ipe-controlbar .text {
		font-size: 0.8em;
	    color: ;
	}

	.ipe-controlbar {
	    padding: 10px;
	    height: 90px;
	    min-height: 90px;
	}

	
	
	.ipe-controlbar.overlay {
		background-color: transparent;
	}

	.ipe-controlbar .control-item .ipe-icon-img {
		width: 42px;
		min-width: 42px;
		max-width: 42px;
		height: 42px;
		min-height: 42px;
		max-height: 42px;
	}
	.ipe-controlbar.ipe-sunpath-controlbar .ipe-slider input[type="range"]::-webkit-slider-thumb {
	    width: 42px;
	    height: 42px;
	}
	.ipe-controlbar.ipe-sunpath-controlbar .ipe-slider .slider-bg {
	    height: 42px;
	}
	.ipe-controlbar.ipe-sunpath-controlbar .ipe-seasons-text {
	    top: 42px;
	}

	@media (min-width: 768px) AND (max-width: 1024px) {
		.ipe-controlbar > *,
		.ipe-controlbar > .control-item {
		    font-size: 1em;
			/*margin-left: 16px;*/
			/*margin-right: 16px;*/
		}

		.ipe-controlbar {
		    /*padding-top: 8px;*/
		    /*padding-bottom: 8px;*/
		    padding: 8px;
	    	height: 80px;
	    	min-height: 80px;
		}

		.ipe-controlbar .control-item .ipe-icon-img {
			width: 36px;
			min-width: 36px;
			max-width: 36px;
			height: 36px;
			min-height: 36px;
			max-height: 36px;
		}
		.ipe-controlbar.ipe-sunpath-controlbar .ipe-slider input[type="range"]::-webkit-slider-thumb {
		    width: 36px;
		    height: 36px;
		}
		.ipe-controlbar.ipe-sunpath-controlbar .ipe-slider .slider-bg {
		    height: 36px;
		}
		.ipe-controlbar.ipe-sunpath-controlbar .ipe-seasons-text {
		    top: 36px;
		}
	}
	@media (max-width: 767px) {
		.ipe-controlbar > *,
		.ipe-controlbar > .control-item {
		    font-size: 1em;
			/*margin-left: 12px;*/
			/*margin-right: 12px;*/
		}

		.ipe-controlbar {
		    /*padding-top: 6px;*/
		    /*padding-bottom: 6px;*/
		    padding: 6px;
	    	height: 70px;
	    	min-height: 70px;
		}

		.ipe-controlbar .control-item .ipe-icon-img {
			width: 30px;
			min-width: 30px;
			max-width: 30px;
			height: 30px;
			min-height: 30px;
			max-height: 30px;
		}
		.ipe-controlbar.ipe-sunpath-controlbar .ipe-slider input[type="range"]::-webkit-slider-thumb {
		    width: 30px;
		    height: 30px;
		}
		.ipe-controlbar.ipe-sunpath-controlbar .ipe-slider .slider-bg {
		    height: 30px;
		}
		.ipe-controlbar.ipe-sunpath-controlbar .ipe-seasons-text {
		    top: 30px;
		}
	}

	.ipe-controlbar .ipe-slider .slider-bg .slider-input {
	    background-color: #888888;
	    background-color: #88888888;
	}

	.slider-input::-webkit-slider-thumb {
		background: #888888;
	}

	.slider-input::-moz-range-thumb {
		background: #888888;
	}

	.ipe-controlbar .ipe-icon-img {
		border-radius:  42px;
	}

	.ipe-controlbar .ipe-icon-img {
		background-color: #888888;
	}

	.ipe-controlbar .ipe-icon-img .stroked {
		stroke: #FFFFFF;
	}

	.ipe-controlbar .ipe-icon-img .filled {
		fill: #FFFFFF;
	}

	.ipe-controlbar .nordpil .ipe-icon-img {
		background:none;
		border: 2px solid #888888;
		fill: #888888;
	}

	.ipe-controlbar .back .ipe-icon-img {
		background:none;
		fill: #888888;
	}

	/* TOGGLE BUTTON */
	.toggle-button {
	    border: 2px solid #888888; /*VAR*/
	    color: #888888; /*VAR*/
	}

	.toggle-button .state.active {
	    background-color: #88888888; /*VAR*/
	}

	.toggle-button .state.building {
	    border-right:1px solid #888888; /*VAR*/
	}

	.toggle-button .state.list {
	    border-left:1px solid #888888; /*VAR*/
	}

	.toggle-button .state.list .burger > div {
	    background-color: #888888; /*VAR*/
	}
	
	.signatur .signatur-wrapper {
	    justify-content: flex-start;
	}
	.ipe-controlbar .control-item.back {
	    margin-left: 20px;
	    margin-right: auto;
	    flex-direction: row;
	}
	/* SIGNATUR 2.0 */
	.signatur {
	    line-height: 1.2em;
	}

	.signatur .element.farve {
	    width: 10px;
	    height: 10px;
	    border-radius: 10px;
	    vertical-align: baseline;
	}

	.ipe-imagemap .svg-wrapper {
	    -webkit-transition: opacity 0ms linear;
	    -moz-transition: opacity 0ms linear;
	    -ms-transition: opacity 0ms linear;
	    -o-transition: opacity 0ms linear;
	    transition: opacity 0ms linear;
	}

	.ipe-fade-out,
	.ipe-fade-in {
		transition: opacity 240ms linear;
	}
	.ipe-fade-out-fast,
	.ipe-fade-in-fast {
		transition: opacity 80ms linear;
	}
	.ipe-fade-out-slow,
	.ipe-fade-in-slow {
		transition: opacity 240ms linear;
	}
	

/* HIDE MAP BELOW A CERTAIN SCREEN WIDTH */
@media screen AND (max-width:-1px) {
    #BOP-wrapper.liste-right .flexcontainer .oversigtskort-data-container {
		display: none;
  	}

  	#BOP-wrapper.liste-right .flexcontainer .table-data-container {
		flex-grow: 1;
  	}

  	#BOP-wrapper.liste-right .sidebox-data-container {
	    left: 0%;
	}

	/* 2.0 */
    .ipe-content {
        display:block;
    }
	.toggle-sidebar-controller {
	    display: block;
	    z-index: 9;
	}
	.toggle-sidebar-wrapper .ipe-content,
	.toggle-sidebar-wrapper .ipe-sidebar {
	    width: 0%;
	    height: 100%;
	}
	.toggle-sidebar-wrapper .ipe-content.active,
	.toggle-sidebar-wrapper .ipe-sidebar.active {
	    width: 100%;
	}
    .sidebox-data-container {
        left: 0%;
    }
	.toggle-sidebar-wrapper .ipe-sidebar {  /* TODO: Is this needed? */
	    background-color: white;
	    z-index: 9;
	    padding-bottom: 50px;
	}

}

/* REDUCE TO SINGLE COLUMN BELOW CERTAIN SCREEN WIDTH */
/* v2.5 */
.ipe-boliginfo-content {
    flex-direction: row-reverse;
}

@media (min-width: -1px) AND (max-width: -1px),
(max-width: 0px){
	/* v1.0 */
	#BOP-wrapper .boliginfo-content .flex-wrapper,
	.interactive-project-explorer .boliginfo-content .flex-wrapper {
	  	display: block;
	}

    #BOP-wrapper .boliginfo-content .downloads,
    .interactive-project-explorer .boliginfo-content .downloads {
        width: 100%;
    }

    #BOP-wrapper .boliginfo-content .downloads .button.elementor-button.elementor-size-sm,
    .interactive-project-explorer .boliginfo-content .downloads .button.elementor-button.elementor-size-sm {
	    margin: 1% 0 0 0;
	    width: 100%;
	}

	#BOP-wrapper .boliginfo-content .plantegning ,
	.interactive-project-explorer .boliginfo-content .plantegning {
	    text-align:center;
	}

	#BOP-wrapper .boliginfo-content .plantegning img,
	.interactive-project-explorer .boliginfo-content .plantegning img {
	    max-height: 80vh;
	}

	/* v2.5 */
	.ipe-boliginfo-content {
	    flex-direction: column-reverse;
	}

	/* Multiple plandrawings */
	.ipe-boliginfo-plandrawing,
	.ipe-boliginfo-media-gallery {
		display: flex;
		align-items: center;
	}
	.ipe-boliginfo-plandrawing a,
	.ipe-boliginfo-media-gallery a {
		text-align: center;
		flex: 1;
	}
}

/* Media slider/gallery */
.ipe-boliginfo-media-gallery .splide .splide__arrow,
.ipe-boliginfo-media-gallery .splide .splide__pagination__page{
	background: #666666;
}
.ipe-boliginfo-media-gallery .splide .splide__arrow svg {
	fill:#FFFFFF;
}
/* END: Media slider/gallery */

.ipe-boliginfo-content .ipe-boliginfo-plandrawing img {
    max-width: ;
    width: 100%;
    margin: auto;
}


/* AT TWO COLUMN, CENTER PLANTEGNINGER */
@media screen AND (min-width:px),
screen AND (min-width:0px) AND (max-width:-1px) {
    #BOP-wrapper .boliginfo-content .plantegning a {
        position: absolute;
        top: 50%;
        transform: translate(0px, -50%);
        max-height: 100%;
    }
}


/* BUTTONS - Change to 2 columns at certain screen width */
@media screen AND (min-width:px),
screen AND (min-width:0px) AND (max-width:-1px) {
	.ipe-boliginfo-cta-buttons,
	.ipe-boliginfo-downloads {
	    flex-direction: row;
	}
	.ipe-boliginfo-button {
	    width: 49%;
	    width: calc(50% - 7px);
	}
}




/* ON TABLET AND DESKTOP - REARRANGE LIGHTBOX TO COLUMNS */
@media (min-width: 768px) {

    #lightbox-boligoversigt-contentwrapper .flex-wrapper {
	    flex-direction: row;
	}

	#lightbox-boligoversigt-content .plantegning img {
	    position: relative;
	    top: 50%;
	    transform: translate(0px, -50%);
	}

	#lightbox-boligoversigt-content .downloads .button {
		display:inline-block;
	    margin: 1% 1% 0 0;
	    width: 48%;
	}

}

	/****************************************
	 * SCROLLBARS
	 */
/*************************************************
 *  VISIBILITY CONTROLLER - GENERAL VISIBILITY CONTROLE SYSTEM
 */

.interactive-project-explorer .ipe-visibility-controller {
	display:none;
	vertical-align:center;
}

@media (min-width: 1025px) {
	.interactive-project-explorer .ipe-visibility-controller.ipe-visible-on-desktop {
		display:flex;
	}
	.ipe-hide-on-desktop {
		display:none;
	}
}

@media (min-width: 768px) AND (max-width: 1024px) {
	.interactive-project-explorer .ipe-visibility-controller.ipe-visible-on-tablet {
		display:flex;
	}
	.ipe-hide-on-tablet {
		display:none;
	}
	
}

@media (max-width: 767px) {
	.interactive-project-explorer .ipe-visibility-controller.ipe-visible-on-mobile {
		display:flex;
	}
	.ipe-hide-on-mobile {
		display:none;
	}
}



/*************************************************
 *  CUSTOMIZER - CHOICE BOX
 */

@media (min-width: 1025px) {
	
}

@media (min-width: 768px) AND (max-width: 1024px) {
	
}

@media (max-width: 767px) {
	.choicebox-fullscreen-on-mobile .fullscreen-choicebox.active {
		display:block;
	}
}


	/*************************************************
	 *  CUSTOMIZER - V2
	 */

	body .dd-customizer-version-v2 {
		--dd-customizer-card-width: 400px;
		--dd-customizer-card-height: 480px;
		--dd-customizer-card-width-mobile: 200px;
		--dd-customizer-card-height-mobile: 280px;
	}
	
/*************************************************
 *  LISTE 
 */
	.interactive-project-explorer .ipe-sidebar {
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
	.interactive-project-explorer .ipe-filters > .filter-button.togglefilters {
		margin-top:-10px;
	}


	/* SORTING ARROWS */
	th.ipe-sortable-tableheading::after {
	    transform: rotate(0deg) translate(0px, -0.28em);
	}
	th.ipe-sortable-tableheading.sorted.desc::after {
	    transform: rotate(-180deg) translate(0,0.0em);
	}



/*************************************************
 *  CUSTOMIZE FILTER 
 */
@media (min-width: 1025px) {
	.interactive-project-explorer .ipe-filters > .filter-button.togglefilters {
		height: 110px; /* h + 20px */
	}
	.ipe-filters .filters.filter-design-3 {
		padding-top: 110px; /* h + 20px */
	}

	.filter-button.togglefilters .text {
		margin: 33px 40px 33px 10px;   /* f(h) = (h-40)/2+8 */
		text-align: right;
	}

	.filter-button.togglefilters .filter-arrow {
		margin:25px 0; /* f(h) = (h-40)*(9/20)+2 */
	}
}

@media (max-width: 767px) {
	.ipe-filters .filters.filter-design-3 {
		padding-bottom: 40px;
	}
	.click-button-wrapper .flex-child.empty {
	    display:none;
	}
	.click-button-wrapper .filter-button.clickable.go {
	    margin-left:20px;
	}
	.click-button-wrapper .filter-button.clickable.reset {
	    margin-right:10px;
	}
}

	
/*************************************************
 *  LISTE JUSTERING
 */
	.alignable-column.id {
	    text-align: left;
	}
	.alignable-column.lejlighedsnummer {
	    text-align: left;
	}
	.alignable-column.type {
	    text-align: left;
	}
	.alignable-column.antal_vaerelser {
	    text-align: left;
	}
	.alignable-column.boligareal {
	    text-align: left;
	}
	.alignable-column.bbr_areal {
	    text-align: left;
	}
	.alignable-column.altan {
	    text-align: left;
	}
	.alignable-column.terrasse {
	    text-align: left;
	}
	.alignable-column.adresse {
	    text-align: left;
	}
	.alignable-column.pris {
	    text-align: right;
	}
	.alignable-column.varme {
	    text-align: right;
	}
	.alignable-column.vand {
	    text-align: right;
	}
	.alignable-column.indflytningsdato {
	    text-align: left;
	}
	.alignable-column.status {
	    text-align: left;
	}
	.alignable-column.antal_plan {
	    text-align: left;
	}
		body .fancybox__container {
			--carousel-button-color: #FFF;
			--carousel-button-bg: transparent;
			--carousel-button-bg-hover: transparent;
			--carousel-button-border-radius: 50%;
		    --carousel-button-svg-stroke-width: 2.5;
			
		    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
		    --fancybox-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
		
			--fancybox-bg: #000000EC;
			--fancybox-color: #FFF;
			--fancybox-accent-color: #0FF;
			--fancybox-opacity: 1;
			--fancybox-content-bg: #FFF;
			--fancybox-content-color: #374151;

			--fancybox-thumbs-width: 96px;
			--fancybox-thumbs-ratio: 1.5;
			--fancybox-thumbs-border-radius: 0;
		}
		
			.fancybox__viewport .has-image .fancybox__content {
				background: #FFF;
				/*overflow: hidden;*/ /* CANT ZOOM WHILE THIS IS ON */
			}
			.is-closing .fancybox__viewport .has-image .fancybox__content {
				background: transparent;
			}
			
		body .carousel__button:focus {
		    background: inherit;
			outline:none;
		}
		body .carousel__button:focus-visible {
		    background: var(--carousel-button-bg, transparent);
		}
		@media (hover:hover){
			body .carousel__button:hover {
			    background: var(--carousel-button-bg-hover, transparent);
			}
		}