@import url('https://fonts.googleapis.com/css?family=News+Cycle:400,700');

body {
	font-family: 'News Cycle', sans-serif;
	background-color: #01334c;
}

a {
	text-decoration: none;
}

a:link {
	color:#000;
}

/* -------------- */

@media screen and (min-width:1366px) {
	.navigation {
		height:80px;
		width:100%;
		background-color:rgba(0,0,0,0.4);
		color:#FFF;
		position:fixed;
		top:0px;
		z-index: 10;

		border-bottom:1px solid rgba(255,255,255,0.3);
	}

	.navigation .logo {
		background-image: url('../img/menulogo.png');
		background-repeat: no-repeat;
		background-size: contain;
		margin-left:7px;
		margin-top:17px;
		height:46px;
		width:250px;
		display: inline-block;
		float:left;
	}

	.navigation nav {
		margin-right:10px;
		float: right;
		display: block !important;
	}

	.navigation a {
		color:#FFF;
		height:50px;
		font-size:14pt;
		padding-top:30px;
		display:inline-block;
		padding-left:20px;
		padding-right:20px;
		transition: all 0.3s ease-out;
	}

	.navigation a.active {
		background-color:#264C7F;
	}

	.navigation a:hover {
		background-color:#264C7F;
	}

	.navigation a.shoplink {

	}

	.featureContents > h1 {
		font-size:64pt;
		padding:22px;
		display:inline-block;
	}

	.homeContents > .homeDefaultDesc > p {
		width: 950px;
	}

	.homeContents > .homeDefaultDesc > h1 {
		font-size: 64pt;
	}

	.featureContents {
		margin-right: 40px;
		text-align: right;
	}

	.homeContents > .homeRestaurantDesc > p {
		width: 950px;
	}

	.featureDesc {
		max-width:60%;
	}
}

/* -------------- */

.novideobg {
	background-image:url('../img/videostatic.jpg');
	background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	z-index: 0;
}

.videohero {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	margin: 0 auto;
	overflow: hidden;
}

.videohero > .videobg {
	background-image:url('../img/videobg.png');
	opacity:1;
	width:100%;
	height:100%;
	position: absolute;
	z-index: 3;
	background-color:rgba(0,0,0,0.5);
}

.videohero > video {
	object-fit: cover;
	position: absolute;
	z-index: 2;

	  min-width: 100%; 
  min-height: 100%; 
}

.videohero > .videobg > .videologo {
	width:50%;
	height:50%;
	position: absolute;
	left:25%;
	top:25%;
	z-index: 4;
}

.videohero > .videobg > .videologo > .videologocont {
	background-image: url('../img/logo_full.png');
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	height:100%;
}

.videohero > .videobg > .videologo > .videoshop {
	text-align: center;
	padding-top: 60px;
}

.videohero > .videobg > .videologo > .videoshop > a {
	font-size: 14pt;
	background-color: #FFF;
	padding: 15px;
	padding-left: 45px;
	padding-right: 45px;
	font-weight: bold;
	transition: all .2s ease-in-out;
}

.videohero > .videobg > .videologo > .videoshop a:active {
	padding-left: 45px;
	padding-right: 45px;
}

.videohero > .videobg > .videologo > .videoshop a:hover {
	padding-left:55px;
	padding-right:55px;
	background-color:#E65100;
	color:#FFF;
}

.homeContents {
	padding-top:100vh;
}

.homeContents > .homeDefaultDesc {
	background-color:#00334C;
	min-height:700px;
	font-size:14pt;
	color:#FFF;
	padding:25px;
	background-image: url('../img/homeblue.jpg');
	background-size:cover;
	background-repeat: no-repeat;
}

.homeContents > .homeDefaultDesc > p {
	line-height: 2em;
}

.homeContents > .homeDefaultDesc > h1 {
	display:inline-block;
	text-transform:uppercase;
	margin: 0;
	padding: 0;
}

.homeContents > .homeDefaultDesc > .homeDescEmphasis {
	font-size: 24pt;
	margin-top: 10px;
	background-color: #CC6600;
	display: inline-block;
	padding: 12px;
}

/* -- */

.homeContents > .homeRestaurantDesc {
	background-color:#FFF;
	min-height:700px;
	font-size:14pt;
	color:#FFF;
	background-image: url('../img/bgs/restaurants.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position-x: right;
}

.homeContents > .homeRestaurantDesc h1 {
	background-color:#CC6600;
}

.homeContents > .homeHotelDesc {
	background-color:#FFF;
	min-height:700px;
	font-size:14pt;
	color:#FFF;
	background-image: url('../img/bgs/hotel.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position-x: right;
}

.homeContents > .homeHotelDesc h1 {
	background-color:#014466;
}

.homeContents > .homeAgriDesc {
	background-color:#FFF;
	min-height:700px;
	font-size:14pt;
	color:#FFF;
	background-image: url('../img/bgs/agri.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position-x: right;
}

.homeContents > .homeAgriDesc h1 {
	background-color:#004C12;
}

/* ------------------- */

@media screen and (max-width:1365px) {
	.videohero > video {
		display: none;
	}

	.navigation {
		height:80px;
		width:100%;
		background-color:rgba(0,0,0,0.4);
		color:#FFF;
		position:fixed;
		top:0px;
		z-index: 10;

		border-bottom:1px solid rgba(255,255,255,0.3);
	}

	.navigation a.burger {
		background-image: url('../img/burger.png');
		background-size:contain;
		float:left;
		display:inline-block;
		width:50px;
		height:50px;
		margin-left:15px;
		margin-top:15px;
		cursor: pointer;

		transition: all .2s ease-in-out;
	}

	.navigation a.burger:hover {
		transform: scale(1.1);
	}

	.navigation a.burger:active {
		transform: scale(0.8);
	}

	.navigation .logo {
		background-image: url('../img/menulogo.png');
		background-repeat: no-repeat;
		background-size: contain;
		margin-left:7px;
		margin-top:17px;
		height:46px;
		width:250px;
		display: inline-block;
		float:right;
	}

	.navigation nav {
		margin-right:10px;
		position: fixed;
		left:0px;
		top:80px;

		display:none;
	}

	.navigation nav a {
		color:#FFF;
		padding:13px;
		padding-left:21px;
		width:350px;
		display:block;
		font-size:24pt;
		background-color:rgba(0,0,0,0.7);
	}

	.navigation nav a.active {
		background-color:#264C7F;
	}

	.navigation nav a:hover {
		background-color:#264C7F;
	}

	.featureContents > h1 {
		font-size:12vw;
		padding:15px;
	}

	.homeContents > .homeDefaultDesc > p {
		width: 100%;
		text-align: center;
	}

	.homeContents > .homeDefaultDesc > h1 {
		font-size: 12vw;
	}

	.featureContents > h1 {
		font-size:48pt;
	}

	.featureContents {
		width: 90%;
		margin-left: 5%;
		padding-top:40px;
		text-align: center;
	}

	.homeContents > .homeRestaurantDesc > p {
		width: 100%;
		text-align: center;
	}

	.homeContents > .homeDefaultDesc {
		text-align: center;
	}

	.homeContents > .homeDefaultDesc > .homeDescEmphasis {
		text-align: center;
		margin:0 auto;
		margin-top:12px;
	}

	.featureDesc {
		max-width:90%;
	}

	.emails a {
		font-size:24pt !important;
	}
}

/* ---------------------- */

div.circleCover {
	width:10px;
	height:10px;
	background-color:#174C49;
	border-radius: 50%;
	z-index: 1000;
	position: fixed;

	transition: all .5s ease-in;
}

.spinnerCont {
	width: 100%;
	height: 100%;
	position: fixed;
	left:0;
	top:0;
	z-index: 1001;
}

.spinnerContLogo {
	width: 200px;
	height: 200px;
	position: fixed;

	left:calc(50% - 100px);
	top:calc(50% - 100px);
	z-index: 1002;

	background-size:contain;
	background-repeat: no-repeat;
	background-image:url('../img/loading_logo.png');

	opacity:0.3;
}

.spinner {
  width: 300px;
  height: 300px;

  position: relative;
  margin: 0 auto;
  top:calc(50% - 150px);
  z-index: 1001;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* ---- */

.homeRestaurantCorner {
	background-image: url('../img/corners/horeca.png');
	background-repeat: no-repeat;
	width:400px;
	height:300px;
	background-size:contain;
	position: absolute;
	z-index: 2;
}

.homeHotelCorner {
	background-image: url('../img/corners/hospitality.png');
	background-repeat: no-repeat;
	width:400px;
	height:300px;
	background-size:contain;
	position: absolute;
	z-index: 2;
}

.homeAgriCorner {
	background-image: url('../img/corners/agri.png');
	background-repeat: no-repeat;
	width:400px;
	height:300px;
	background-size:contain;
	position: absolute;
	z-index: 2;
}

/* -- badges -- */

.badgeCircle {
	width:80px;
	height:80px;
	display:inline-block;
	background-size: cover;
	margin-left:20px;
	margin-right:20px;
}

.featureIcons {
	background-color:rgba(0,0,0,0.5);
	padding:25px;
	display:inline-block;
	right:40px;
}

.featureDesc {
	line-height:1.5em;
	background-color:rgba(0,0,0,0.7);
	padding:10px;
	right:0px;
	display:inline-block;
	margin-bottom: 20px;
}

.bcRestaurant {
	background-image:url('../img/icons/restaurant_equipment.png');
}

.bcRestaurantParts {
	background-image:url('../img/icons/parts.png');
}

.bcWifi {
	background-image:url('../img/icons/wifi.png');
}

.bcCCTV {
	background-image:url('../img/icons/cctv.png');
}

.bcHotel {
	background-image:url('../img/icons/hotel.png');
}

.bcUtility {
	background-image:url('../img/icons/utility_monetization.png');
}

.bcSat {
	background-image:url('../img/icons/satellite.png');
}

.bcCogs {
	background-image:url('../img/icons/cogs.png');
}

.bcTires {
	background-image:url('../img/icons/tire.png');
}

.bcAutomation {
	background-image:url('../img/icons/automation.png');
}

.bcLubrication {
	background-image:url('../img/icons/lubrication.png');
}

.badgeCircle > .badgeTitle {
	font-size:16pt;
	color: #FFF;

}

/* -------------- */

.footer {
	width: 80%;
	margin: auto;
	background-color: #CCC;
	padding: 30px;
	min-height: 100px;
	text-align: center;
	margin-top:60px;
	line-height: 1.2em;
}

.footerpic {
	margin-top:15px;
	text-align:center;
	opacity: 0.5;
}

.footertext {
	font-size:10pt;
	color:#999;
}

/* -------------- */

.contactDesc {
	background-color:#00334C;
	min-height:100vh;
	font-size:14pt;
	color:#FFF;
	padding:25px;
	background-image: url('../img/homeblue.jpg');
	background-size:cover;
	background-repeat: no-repeat;
}

.contactDesc > .phoneNumbers {
	text-align:center;
}

.contactDesc h1 {
	font-size:64pt;
	line-height: 1em;
	text-align: center;
	margin-top:80px;
}

.phoneBox {
	border-radius: 50%;
	background-color:rgba(0,0,0,0.4);
	display:inline-block;
	padding:20px;
	margin:20px;
	width:200px;
	height:200px;
}

.phoneBox a:hover {
	color:#FFF;
}

.phoneBox a {
	color:#FFF;
}

.flag {
	width:80px;
	height:80px;
	background-size:cover;
	background-repeat: no-repeat;
	margin:0 auto;
}

.flag.uk {
	background-image: url('../img/flags/uk.png');
}

.flag.luxembourg {
	background-image: url('../img/flags/luxembourg.png');
}

.flag.ireland {
	background-image: url('../img/flags/ireland.png');
}

.emails {
	text-align: center;
}

.emails a:hover {
	color:#FFF;
}

.emails a {
	color:#FFF;
	font-size:48pt;
	padding:20px;
	background-color:rgba(0,0,0,0.5);
}

.addresses {
	text-align: center;
}

.addresses .address {
	padding:30px;
	background-color:rgba(0,0,0,0.5);
	display: inline-block;
}

.circleIcon {
	width:140px;
	height:140px;
	background-size:cover;
	background-repeat: no-repeat;
	margin:0 auto;
}

.circleIcon.building {
	background-image: url('../img/building.png');
}