<?
	ini_set('display_errors', 1);
	ini_set('display_startup_errors', 1);
	error_reporting(E_ALL);
	
	ob_start ("ob_gzhandler");
    header("Content-type: text/css; charset: UTF-8");
    header("Cache-Control: must-revalidate");
    $offset = 60 * 60 ;
    $ExpStr = "Expires: " .
    gmdate("D, d M Y H:i:s",
    time() + $offset) . " GMT";
    header($ExpStr);
	
	include("../config.php");
	
	$stmt = $conn->prepare("SELECT * FROM settings where uid LIKE ?");
	$uid = "87";
	$stmt->bindParam(1, $uid);
	$stmt->execute();
	$row = $stmt->fetch();
	$btnColor = '#'.$row["value"];
	
	$stmt = $conn->prepare("SELECT * FROM settings where uid LIKE ?");
	$uid = "90";
	$stmt->bindParam(1, $uid);
	$stmt->execute();
	$row = $stmt->fetch();
	$hex = '#'.$row["value"];
	list($r, $g, $b) = sscanf($hex, "#%02x%02x%02x");
	echo "$hex -> $r $g $b";
	$r1 = $r * 1.1;
	$g1 = $g * 1.1;
	$b1 = $b * 1.1;
	$r2 = $r * 0.9;
	$g2 = $g * 0.9;
	$b2 = $b * 0.9;
	$color1 = sprintf("#%02x%02x%02x", $r1, $g1, $b1); // #0d00ff
	$color = sprintf("#%02x%02x%02x", $r, $g, $b); // #0d00ff
	$color2 = sprintf("#%02x%02x%02x", $r2, $g2, $b2); // #0d00ff
	
	$stmt = $conn->prepare("SELECT * FROM settings where uid LIKE ?");
	$uid = "88";
	$stmt->bindParam(1, $uid);
	$stmt->execute();
	$row = $stmt->fetch();
	$btnColorLG = '#'.$row["value"];
	
	$stmt = $conn->prepare("SELECT * FROM settings where uid LIKE ?");
	$uid = "64";
	$stmt->bindParam(1, $uid);
	$stmt->execute();
	$row = $stmt->fetch();
	$mainColor = '#'.$row["value"];
	list($r, $g, $b) = sscanf($mainColor, "#%02x%02x%02x");
	$mainColorR = $r;
	$mainColorG = $g;
	$mainColorB = $b;
	
	$stmt = $conn->prepare("SELECT * FROM settings where uid LIKE ?");
	$uid = "69";
	$stmt->bindParam(1, $uid);
	$stmt->execute();
	$row = $stmt->fetch();
	$secondColor = '#'.$row["value"];
	list($r, $g, $b) = sscanf($secondColor, "#%02x%02x%02x");
	$secondColorR = $r;
	$secondColorG = $g;
	$secondColorB = $b;
	
	$stmt = $conn->prepare("SELECT * FROM settings where uid LIKE ?");
	$uid = "65";
	$stmt->bindParam(1, $uid);
	$stmt->execute();
	$row = $stmt->fetch();
	$marqueeColor = '#'.$row["value"];
	
	$stmt = $conn->prepare("SELECT * FROM settings where uid LIKE ?");
	$uid = "66";
	$stmt->bindParam(1, $uid);
	$stmt->execute();
	$row = $stmt->fetch();
	$bluebarsColor = '#'.$row["value"];
	
	$stmt = $conn->prepare("SELECT * FROM settings where uid LIKE ?");
	$uid = "67";
	$stmt->bindParam(1, $uid);
	$stmt->execute();
	$row = $stmt->fetch();
	$varekortColor = '#'.$row["value"];
	
	$stmt = $conn->prepare("SELECT * FROM settings where uid LIKE ?");
	$uid = "68";
	$stmt->bindParam(1, $uid);
	$stmt->execute();
	$row = $stmt->fetch();
	$bglightColor = '#'.$row["value"];
	
print '
#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}
.card .header-faq {
    border-radius: 0px;
    padding: 0rem 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    border: 0;
    background: transparent !important;
	border-bottom: 1px solid #000000;
	box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 0px 0px 0px rgba(0,0,0,0), 0 0px 0px 0 rgba(0,0,0,0) !important;
}
.header-faq {
	background-image: url("/img/arrow-circle-down-solid.svg");
	background-position: right;
	background-repeat: no-repeat;
	background-size: auto 60%;
	padding: 7px 0px;
	
}
.accordion .card {
    border: 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 0px;
    color: rgba(0,0,0,1);
    background: #fff;
    width: 100%;
	border-bottom: 1px solid #000000;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 0px 0px 0px rgba(0,0,0,0), 0 0px 0px 0 rgba(0,0,0,0) !important;
}
.accordion>.card:not(:last-of-type) {
    border-bottom: 1px solid #000000;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion h2 {
	margin-top: 0px !important;
	color: #000000;
	font-size: 18px;
}
.accordion.btn.btn-default.btn-link, .accordion.btn.btn-link {
    background-color: transparent;
    color: #000;
    box-shadow: none;
}
.accordion .btn {
    padding: 0 0px;
	Font-weight: bold;
	color: #000000;
	width: 100%;
}
.lokalguidenContactIcons {
	font-size: 25px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
    text-align: center;
    color: black;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
    text-align: center;
    color: black;
    font-size: 28px;
    font-weight: normal;
}
.jconfirm-holder A {
	background-color: #000;
	color: #fdfdfd;
}
.blur {
	_filter: blur(15px);
	
}
.btn {	
	width: auto;
	max-width: 100%;
}
.userloggedin div div {
	line-height: 30px;
}
.companybuttons .btn-primary {
	background-color: initial;
	background: linear-gradient(144deg,'.$color1.', '.$color.' 50%,'.$color2.') !important;
}
.mega-menu li {
	border-bottom: 2px solid transparent;
}
.mega-menu li ul li:hover {
	border-bottom: 2px solid '.$mainColor.';
}

label {
	color: #000000;
}
@media (max-width: 2200px) {
	.fixed-top {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
}
.bg-lightgrey {
	background-color: #efefef;
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 1;
    }
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 992px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        column-count: 2;
    }
}
.card-columns .card {
    display: inline-block;
    width: 100%;
	margin-bottom:20px;
	margin-top: initial;
}
body {
    background-color: '.$secondColor.' !important;
}
.form-control {
	border-radius: 10px !important;
}
.frontelementcontainer {
	position: relative;
	overflow: hidden;
}
video {
  /* override other styles to make responsive */
  width: 100%    !important;
  height: auto   !important;
}
.companyAddOnElementsInner {
	margin: auto;
}
.companyAddOnElements {
	text-align: center;
}
.companyelementact {
	padding: 0px 15px !important;
	margin: 15px 0px !important;
	max-height: 270px !important;
	overflow: hidden;
}
.fronthtml5 {
	position: relative;
	overflow: hidden !important;
	width: 100%;
	padding-top: 37.037%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.frontelement {
	_display: none;
}
.responsive-iframe {
	border: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#image_18, #image_19 {
	_border: 1px solid #fff;
}
.jconfirm.jconfirm-supervan .jconfirm-bg{
	background-color: '.$mainColor.' !important;
}
.jconfirm-title {
	font-size: 40px;
	font-weight: 500;
}
.jconfirm-content p {
	font-size: 16px;
	font-weight: 500;
}
.t-bold {
	font-weight: bold;
	font-size: 15px;
}
.blueBars {
	background-color: '.$bluebarsColor.';
	overflow:auto;
	width: 100%;
}
.varekort {
	background-color: '.$varekortColor.';
}
.marquee {
	width: 100%;
	overflow: hidden;
	background-color: '.$marqueeColor.';
	font-size: 18px;
}
.marqueeColor {
	background-color: '.$marqueeColor.';
}
.companyDescription p {
	margin: 0px 0px 0px 0px !important;
}
.openclosediv {
	cursor: pointer;
}
.bg-light {
    background-color: '.$bglightColor.' !important;
}
.text-primary {
    color: '.$mainColor.' !important;
}
.navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon {
    background-color: #ffffff;
}
.navbar .navbar-translate {
    width: 100%;
    position: relative;
    display: flex;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.marquee p {
	font-size: 18px;
}
.btn.btn-yellow {
    color: #000;
    background-color: '.$btnColor.';
    border-color: '.$btnColor.';
    box-shadow: 0 2px 2px 0 rgb(156 39 176 / 14%), 0 3px 1px -2px rgb(156 39 176 / 20%), 0 1px 5px 0 rgb(156 39 176 / 12%);
	word-wrap: initial;
	width: 100%;
	overflow: hidden;
	white-space: normal;
}
.btn.btnLG {
    color: #000;
    background-color: '.$btnColorLG.';
    border-color: '.$btnColorLG.';
    box-shadow: 0 2px 2px 0 rgb(156 39 176 / 14%), 0 3px 1px -2px rgb(156 39 176 / 20%), 0 1px 5px 0 rgb(156 39 176 / 12%);
	word-wrap: initial;
	width: 100%;
	overflow: hidden;
	white-space: normal;
}
.bg-yellow {
    color: #000;
    background-color: #f7db5c;
    border-color: #f7db5c;
    box-shadow: 0 2px 2px 0 rgb(156 39 176 / 14%), 0 3px 1px -2px rgb(156 39 176 / 20%), 0 1px 5px 0 rgb(156 39 176 / 12%);
}
.ad-main {
	background-position: top center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.ads-main {
	z-index: 5000;
	position: fixed;
}
#arrowdown {
	position: absolute;
	top: 15px;
	right: 30px;
	z-index: 5001;
	font-size: 70px;
	color: #fff;
}
.dropdown-item:hover {
	background-color: '.$mainColor.' !important;
}
.dropdown-item:hover .text-primary {
	color: #fff !important;
}
.navbar  {
	z-index: 4000 !important;
}
.navbar#alternativNav {
	z-index: 4 !important;
}
.navbar.navbar-transparent {
    background-color: '.$mainColor.' !important;
    box-shadow: none;
    padding-top: 25px;
	padding-bottom: 25px;
    color: #ffffff;
}
.navbar.navbar-transparent.alternative {
    background-color: transparent !important;
    box-shadow: none;
    padding-top: 25px;
	padding-bottom: 25px;
    color: #ffffff;
}
.navbar.navbar-transparent.alternative ul {
	max-width: 100% !important;
}
.navbar-brand {
	width: 240px;
}
.nav-link {
	_height: 70px;
}
.nav-link {
	position: absolute;
	bottom: 0;
	text-align:center;
}
.btn {
    padding: 12px 10px;

}
img {
	max-width: 100%;
	height: auto !important;
}
.greybg {
	background-color: #dedede;
}
.dropdown-menu-end {
	right: 0;
    left: auto;
}
.navbar .dropdown.show .dropdown-menu, .navbar .dropdown .dropdown-menu {
	height: initial !important;
}
.navbar .navbar-nav .nav-item .nav-link {
		font-size: 14px;    
}
.dropdown-menu .dropdown-item, .dropdown-menu li>a {
    display: inline;
}
.ekko-lightbox, .modal {
	z-index: 4020 !important;
}
.custom-control-label {
	padding-left: 30px;
	padding-top: 5px;
	margin-bottom: 10px;
}
.contact-icon {
	display: inline;
    margin: 0;
	font-size: 22px;
	color: #1BA8E1;
	min-width: 40px;
}
.contact-header {
	display: inline;
    margin: 0;
	margin-left: 10px;
}
.contact-info {
	display: block;
    margin: 0;
	margin-left: 27px;
}
.contact-open {
	display: block;
    margin: 0;
	margin-left: 30px;
}
.fronttoptext img {
	max-width: 100%;
	height: auto !important;
}
#home_demo {
	padding-left: 0px;
}
.logosmall {
	_max-height: 90px;
}
.logo img {
	max-height: 450px;	
}
.index-page .page-header {
    height: 50vh;
    overflow: visible;
}
.page-header {
	z-index: -1;
}
.page-header .container-fluid {
	z-index: 3000;
}
.form-control, .is-focused .form-control {
    background-image: initial;
	background-color: rgba('.$mainColorR.', '.$mainColorG.', '.$mainColorB.', 0.25);
	padding: 5px;
}
.zindex5 .form-control, .page-header .is-focused .form-control {
    background-image: initial;
	background-color: rgba(256, 256, 256, 0.95);
	padding: 5px;
	height: 54px;
    border-radius: 0.2rem;
}
.topsearch {
	_width: 33%;
}
.topsearch .form-control {
    background-image: initial;
	background-color: rgba(256, 256, 256, 0.95);
	padding: 5px;
	height: 54px;
    border-radius: 0.2rem;
}
.aw-search-input, .frontsearch, .aw-grid-search-results {
    z-index: 3000;
	//padding: 5px;
	height: 70px;
    border-radius: 0.2rem;
}
.form-white {
	color: #666;
	font-size: 20px;
	margin-top: 5px;
}
.form-white:focus {
	color: #000;
}
.form-white::placeholder {
	color: #666;
	font-size: 20px;
	margin-top: 5px;
	text-align: center;
}

.aw-search-input-sp, .aw-search-input-sp:focus {
    background-image: initial;
    background-color: rgba(27, 168, 202, 0.25);
    padding: 5px;
    height: 54px;
    border-radius: 0.2rem;
}
.form-group input[type=file] {
    opacity: 100;
    position: relative;
    top: initial;
    right: initial;
    bottom: initial;
    left: initial;
    width: 100%;
    height: 100%;
    z-index: initial;
}
.custom-control-input {
	margin-left: -20px;
	display: inline-block;
}
.searchfield {
	color: #666;
	font-size: 33px;
	margin-top: 5px;
	padding: 5px;
	height: 42px;
}
#star {
	font-size: 20px;
}
.purple-filter:after {
  background: '.$mainColor.';
  _background: linear-gradient(45deg, '.$mainColor.', 0%, rgba(62, 168, 222, 1) 100%);
  _background: -moz-linear-gradient(135deg, '.$mainColor.', 1) 0%, rgba(62, 168, 222, 1) 100%);
  _background: -webkit-linear-gradient(135deg, '.$mainColor.', 1) 0%, rgba(62, 168, 222, 1) 100%);
}
.jconfirm .jconfirm-cell {
    display: table-cell;
    _vertical-align: bottom;
}
.jconfirm .jconfirm-holder {
    
}
.card {
	_background-color: #454444;
}
.card .card-body {
	background-color: #f5f5f5;
}
.card .card-body, .card .card-footer {
    padding: 10px 10px 10px 10px;
}
.card img {
	max-height: 100%;
	width: auto;
}
#popup {
  top: auto;
  bottom: 10px;
  outline: none;
}
.ads-top {
	margin-top: -30px;
}
.dads-left {
	position: absolute;
	left: 10px;
	top: 150px;
}
.dads-right {
	position: absolute;
	right: 10px;
	top: 150px;
}
@media only screen and (max-width: 1200px) {
	.dads-left  {
		max-width: 240px;
	}
	.dads-right {
		max-width: 240px;
	}
}

h1.frontheader {
	font-size: 33px;
	color: #fff;
	text-align: center;
	text-shadow: 2px 2px 4px #000000;
}
.mt-minus150 {
	position: relative;
	top: 0px;
	background-image: linear-gradient(top, '.$mainColor.', '.$mainColor.' 50%, transparent 50%, transparent 100%);
    background-image: -webkit-linear-gradient(top, '.$mainColor.', '.$mainColor.' 50%, transparent 50%, transparent 100%);
	margin-top: 75px;
//padding-top: 200px;
}

.mt-minus50 {
	position: relative;
	margin-top: -50px;
	z-index: 3;
}
.zindex2 {
	position: relative;
	z-index: 2;
	top: 0px;
}
.zindex5 {
	_position: relative;
	z-index: 5;
	margin-bottom: 0px;
}
.fronttext {
	z-index: -1;
}
.aw-search-input, .frontsearch, .aw-grid-search-results {
	z-index: 3000;
}
.white-bg {
	background-color: #fff;
}

/* Imageupload */
#mapid {
	height: 300px; 
	width: 400px;
	max-width: 100%;
	overflow: hidden;
}
ul#home_demo li {
  display:inline;
}
.table-sm tr td {
	padding-left: 0px !important;
}

.inputtabs .nav-tabs .nav-item .nav-link {
	position: initial;
	bottom: initial;
	text-align:center;
}

.inputtabs .nav-tabs .nav-item .nav-link, .inputtabs .nav-tabs .nav-item .nav-link:hover, .inputtabs .nav-tabs .nav-item .nav-link:focus {
    border: 0 !important;
    color: #000 !important;
    font-weight: 500;
}
.inputtabs .nav-tabs .nav-item {
    color: #000 !important;
	margin-right: 15px;
}
.inputtabs .nav-tabs .nav-item.active .nav-link {
    color: #fff !important;
	background-color: '.$mainColor.';
}
.inputtabs .nav-tabs .nav-item .nav-link {
    font-weight: 500;
	font-size: 15;
	border: 1px solid #ddd !important ;
}
.bmd-form-group label {
    color: #000000;
}
@media only screen and (max-width: 1200px) {
	.zindex5 {
		_position: relative;
		z-index: 5;
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 820px) {
	.navbar .alternative {
		_top-margin: 100px;
	}
	h1.frontheader {
		font-size: 22px;
		color: #fff;
		text-align: center;
		text-shadow: 2px 2px 4px #000000;
	}
	h1, .h1 {
		font-size: 22px;
		line-height: 1.15em;
	}
	h2, .h2 {
		font-size: 1.70em !important;
		line-height: 1.15em;
	}
	.mt-minus150 {
		position: relative;
		display: block;
		//margin-top: -250px;
	}
	.fronttoptext {
		margin-top: 0px;
	}
	.frontheader {
		_background-colordisplay: none;
	}
	@media screen and (orientation:landscape) {
		.mt-minus150 {
			position: relative;
			top: 0;
			margin-top: 100px;
		}
		.frontsearch .mb-md-5 {
			margin-bottom: 10px !important;
		}
		.zindex2 {
			position: relative;
			z-index: 2;
			top: 40px;
		}
	}
	
}

@media only screen and (max-width: 576px) {
	.updateudenlogin {
		width: 100%;
	}
	h1.frontheader {
		font-size: 22px;
		color: #fff;
		text-align: center;
		text-shadow: 2px 2px 4px #000000;
	}
	h1, .h1 {
		font-size: 22px;
		line-height: 1.15em;
	}
	.mt-minus150 {
		position: relative;
		display: block;
		_margin-top: 110px;
	}
	.frontheader {
		_background-colordisplay: none;
	}
	
		.zindex2 {
			position: relative;
			z-index: 2;
			top: 0px;
		}
	@media screen and (orientation:landscape) {
		.mt-minus150 {
			position: relative;
			top: 0;
			margin-top: 0px;
		}
		.frontsearch .mb-md-5 {
			margin-bottom: 10px !important;
		}
		.zindex2 {
			position: relative;
			z-index: 2;
			top: 40px;
		}
	}
	.navbar .navbar-nav .nav-item .nav-link {
		font-size: 15px;    
	}
	.fronttoptext {
		margin-top: -150px !important;
	}
	.marquee {
		margin-top: -0px !important;
	}
	
	.marqueeCompany {
		margin-top: 0px !important;
	}
	
	.form-white {
		color: #666;
		font-size: 10px !important;
		margin-top: 5px;
	}
	.form-white::placeholder {
		color: #666;
		font-size: 15px;
		margin-top: 5px;
		text-align: center;
	}
	.navbar#alternativNav .navbar-nav .nav-item .nav-link {
		position: relative;
		color: inherit;
		padding: 0.375rem 0.9375rem;
		font-weight: 400;
		font-size: 14px;
		text-transform: uppercase;
		border-radius: 3px;
		line-height: 20px;
	}
}


.ol-attribution {
  left: 5px;
  bottom: 0px;
}
.footer {
	border-top: 1px solid #454444;
	margin-top: 100px !important;
}

@media only screen and (max-width: 576px) {
.navbar-collapse {
    /* position: fixed; */
    /* display: block; */
    top: 0px;
    /* height: 100vh; */
    width: 230px;
    right: 0;
    margin-right: 0 !important;
    z-index: 1032;
    visibility: scroll;
    background-color: #fff;
    overflow-y: scroll;
    border-top: none;
    text-align: left;
    padding-right: 0;
    padding-left: 0;
    max-height: auto !important;
    -webkit-transform: translate3d(230px, 0, 0);
    -moz-transform: translate3d(230px, 0, 0);
    -o-transform: translate3d(230px, 0, 0);
    -ms-transform: translate3d(230px, 0, 0);
    transform: translate3d(230px, 0, 0);
    -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.footer {
	border-top: 1px solid #454444;
	margin-top: 200px !important;
}
}
.minimizep p {
	margin: 0px 0px 0px !important;
}
';
?>

#loginclose {
     line-height: 22px;
     width: 30px;
     font-size: 22px;
     color: #fff;
	 margin-top: 6px;
     margin-right: 2px;
     position:absolute;
     top:0;
     right:0;
 }
.snazzymenu {
	z-index: 10000;
}
.undernav {
	border: 1px;
}
nav {
	margin-bottom: 10px;
	padding-bottom: 30px;
}
#menu-main-nav {
	background-color: rgba(255,255,255,0.85);
}
.snazzymenu.light.desktop .menu.open>li>a {
    color: rgba(0,0,0,1);
	font-size: 20px;
}
.snazzymenu.light.desktop .menu.open>li.active>a {
    color: rgba(0,0,0,1);
	font-weight: bold;
	font-size: 20px;
}
.snazzymenu .menu>li>a {
    padding: 1.5rem 0rem !important;
    text-align: center;
    text-transform: uppercase;
}
.snazzymenu ul li a {
    display: inline-block;
    padding: 5px 5px 5px 0px !important;
}
@media only screen and (max-width: 768px) {
#menu-main-nav {
	padding: 0px 20px;
}