::-moz-selection 
		{ /* Code for Firefox */
			color: #FFF;
			background: #E00;
		}

		::selection 
		{
			color: #fff;
			background: #E00;
		}
		
		body
		{
			background-color: #fff;
		}
	
		html
		{
			font-size: 14px;
			color: #474C5D;
		}
		
		.container
		{
			font-size: 16px;
			font-famil: 'Roboto', sans-serif;
			line-height: 0.99
		}
		
		h1 
		{
			--type-token: discovery.subhed-section-primary;
			text-transform: none;
			font-family: DomaineDisplay, Georgia, serif;
			font-feature-settings: normal;
			font-style: normal;
			letter-spacing: normal;
			line-break: auto;
			line-height: 1.25em;
			font-size: 32px;
			font-weight: 400;
			overflow-wrap: normal;
			color: rgb(0, 0, 0);
		}
		
		h2
		{ 
			--type-token: discovery.subhed-section-primary;
			text-transform: none;
			font-family: DomaineDisplay, Georgia, serif;
			font-feature-settings: normal;
			font-style: normal;
			letter-spacing: normal;
			line-break: auto;
			line-height: 1.25em;
			font-weight: 400;
			overflow-wrap: normal;
			color: rgb(0, 0, 0);
		
		}
		
		
		
		.card-custom
		{
			overflow: hidden;
			min-height: 350px;
			border-color: #80B4E2;
			border-style: solid;
			border-width: 3px;
			opacity: 0.5;
			border-radius: 0px !important;
		}

		.card-custom-shadow 
		{
			box-shadow: 0 0 20px rgba(10, 10, 10, 0.3);
			opacity: 1.0;
		}

		.card:hover
		{
			/*transition: opacity 0.5s ease;*/
			opacity: 1.0;
		}

		.card-title
		{
			--type-token: discovery.subhed-section-primary;
			text-transform: none;
			font-family: 'Playfair Display', serif;
			font-feature-settings: normal;
			font-style: normal;
			letter-spacing: normal;
			line-break: auto;
			line-height: 1.25em;
			font-weight: 400;
			overflow-wrap: normal;
			color: rgb(0, 0, 0);

		}
		
		.card-title2
		{
			color: #474C5D;
			opacity: 0.8;
		}

		.btn-primary.custom-btn
		{
			background-color: #80B4E2;

			letter-spacing: 0.2em;
			border-style: solid;
			font-weight: bold;
			border-radius: 0px;
			padding-top: 15px;
			padding-bottom: 15px;
			text-align: center;

			--type-token: foundation.link-primary;
			text-transform: uppercase;
			font-family: 'Roboto Condensed', sans-serif;
			font-feature-settings: normal;
			font-style: normal;
			letter-spacing: 0.166667em;
			line-break: auto;

			font-size: 18px;
			font-weight: 700;
			overflow-wrap: normal;
			color: #fff;
			transition-property: color, background, text-shadow;
			transition-duration: 0.2s;
			transition-timing-function: ease-in-out;
			/*cursor: pointer;*/
			text-decoration: none;
		}
		
		.btn-primary.custom-btn:hover 
		{
			background-color: #333333;	
		}
		
		.btn-primary.custom-btn2
		{
			background-color: #56A9B6;
			border-style: solid;
			font-weight: bold;
			border-radius: 0px;
		}
		
		.btn-primary.custom-btn2:hover
		{
			background-color: #43828c;	
		}

		#tab-button .is-active a 
		{
			background: #43828c;
		}

		div.b10
		{
			height: 10px;
		}
		
		.ct-header
		{
			position: relative;
			text-align: center;
			/* style="width:100%;height:250px;overflow-y:hidden" */
			width:100%;
			
		}

		.ct-contactbox
		{
			text-decoration: none;
			background-color:#56A9B6;
			position:absolute;
			font-size: 14px;
			width:200px;
			right:10px;
			top:10px;
		
			/*border: solid 1px red;*/
			color: white;
		}
		
		.ct-box
		{	
			height:100%;
			font-weight: bold;
			color: white;
		}
		
		.ct-offer-caption
		{
			font-weight: bold;
			font-size: 40px;
			font-family: 'Roboto', sans-serif;
			color: #474C5D;
		}
		
		.ul li
		{
			display: inline;
			list-style-type:none;
		}
		
		.hidden
		{
			display: none;
			visibility: hidden;
		}
		
		.badge
		{
			text-decoration: line-through;
			opacity: 0.5;
		}
		
	
		
		.fas
		{
			font-size: 7px;
			vertical-align: bottom;
		}
		
		
		/* The Modal (background) */
		.modal 
		{

			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			z-index: 100; /* Sit on top */
			padding-top: 100px; /* Location of the box */
			left: 0;
			top: 0;
			width: 100%; /* Full width */
			height: 100%; /* Full height */
			overflow: auto; /* Enable scroll if needed */
			background-color: rgb(0,0,0); /* Fallback color */
			background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		}

		
		/* Modal Content */
		.modal-content-cus 
		{
			background-color: #fefefe;
			margin: auto;
			padding: 20px;
			border: 1px solid #888;
			width: 80%;
		}
		

		/* The Close Button */
		.close 
		{
			color: #E00 !important;
			float: right;
			font-size: 35px!important;
			font-weight: bold;
		}


		.close:hover,
		.close:focus 
		{
			color: #2D2E2F !important;
			text-decoration: none;
			cursor: pointer;
		}
		

		.prezzy-box:hover
		{
			color: #000 !important;
			border-color: #B89A6A;
		}
		
		.bar-red
		{
			content: "";
			width: 40px;
			height: 4px;
			background-color: #fff;
			display: block;
			margin: 0px auto 16px;
		}
		.bestdeal 
		{
			position: absolute;
			left: 10px;
			top: -6px;
			background: #80B4E2;
			text-align: center;	 
			color: white;
			font-weight: bold;
			padding: 5px 5px;
			font-size: 18px;
		}
		.money
		{
			font-weight: bold;
			font-size: 20px;
		}
		
		.moneyline
		{
			color: gray;
			text-decoration-line: line-through;
			padding-bottom: 8px;
		}

		.imgbox-modal { /*  WELKOMST KADO */
			object-fit: cover;
			width:100%;
			height:100%;
  			color: #B89A6A !important;
			font-size: 50px !important;

		}

		.imgbox { /*  WELKOMST KADO */
			object-fit: cover;
			width:130px;
			height:130px;
  			color: #80B4E2 !important;
			font-size: 50px !important;
			border-style: solid;
			border-color: #80B4E2;
			border-radius: 50%;

		}
		.imgbox:hover
		{
			color: #000 !important;
			border-color: #333333;
		}
		
		.bottom-right 
		{
			position: absolute;
			top: 18%;
			right: -5%;
			cursor: pointer;

		}
		.bottom-right-los
		{
			position: absolute;
			bottom: 30%;
			right: 6%;
			cursor: pointer;

		}
		.bottom-right-text 
		{
			position: absolute;
			bottom: 10%;
			right: 10%;
			cursor: pointer;

		}
		
		
		/*FONTS*/

		.navbar
		{
			--type-token: foundation.link-primary;
			text-transform: uppercase;
			font-family: GTWalsheimPro, helvetica, sans-serif;
			font-feature-settings: normal;
			font-style: normal;
			letter-spacing: 0.166667em;
			line-break: auto;
			line-height: 1.33333em;
			font-size: 12px;
			font-weight: 700;
			overflow-wrap: normal;
			transition-property: color, background, text-shadow;
			transition-duration: 0.2s;
			transition-timing-function: ease-in-out;
			/*cursor: pointer;*/
			text-decoration: none;
			background-color: red;
		
		}
		
		.navbar-active
		{
			color: red !important;
		}
        	



		.list-group
		{
			padding: 25px;
		}
		
		.brand-logo 
		{ 
			float: left; 
			width: 300px; 
			padding-bottom: 30px;

		} 

		
		.bg-dark
		{
			border-top: 1px solid #bfbfbf;
			background-color: #fff !important;
			width:100%;
			height: 75px;
			box-shadow: 0 10px 12px -5px gray;
			
		}
		.nav-item
		{
			color: black !important;
			
		}

		.img-banner
		{
			width: 100%;
			
			
		}
		.img-adjusted
		{
		width: 50% !important;
		}
		@media only screen and (max-width: 800px) 
		{
			/* Modal Content */
			.modal-content-cus 
			{

				width: 90%;
			}
			
			.bottom-right 
			{
				position: absolute;
				bottom: 8% !important;
				right: -6% !important;
				cursor: pointer;

			}
			
			.bg-dark
			{

				height: 100px;

			}

		}