body {
	background-color: #000000;
}

.container {
	max-width: 1600px;
}

.masthead {
	min-height: 30rem;
	position: relative;
	display: table;
	width: 100%;
	height: auto;
	padding-top: 0; /*padding-top: 8rem; old*/
	padding-bottom: 8rem;
	background: none /*linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-masthead.jpg)*/;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 0;
	padding-left: 0;
}

.mt-auto, .my-auto {
	margin-top: 0 !important;
}

.logo-brand {
	position: fixed;
	top: 20px;
	z-index: 100;
	width: 230px;
	left: 50px;
}

a:active, a:focus, a:hover {
	color: #BCBCBC;
}

.ih-item.square.effect7 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 150px 0 0 0;
	-webkit-transform: scale(4);
	-moz-transform: scale(4);
	-ms-transform: scale(4);
	-o-transform: scale(4);
	transform: scale(4);
	-webkit-transition: all 0.35s 0.1s ease-in-out;
	-moz-transition: all 0.35s 0.1s ease-in-out;
	transition: all 0.35s 0.1s ease-in-out;
}
.dil-text {
	color: #FFF;
	margin-top: 12rem;
	z-index: 99;
	padding: 20px;
	
}
.dil-text2 {
	color: #fff;
	margin-top: 12rem;
	z-index: 99;
	padding: 20px;
	text-align: left;
}
.dil-euro {
	color: black;
	padding: 15px;
	margin-top: 50px;
	background-color: #fff;
	
}
.fund {
	font-size: 1rem;
	margin: 0;
}
@media only screen and (max-width: 600px) {
.logo-brand {
	position: relative;
	top: 29px;
	z-index: 100;
	width: 200px;
	left: 30px;
	/*background: black;*/
	padding: 10px;
}
	.dil-text2 {
	color: #fff;
	margin-top: 1rem;
	z-index: 99;
	padding: 20px;
	text-align: left;
}
}
@media only screen and (max-width: 600px) {
.wrapper {
	top: 50px;
}
	.dil-text {
	
	margin-top: 3rem;
	
}
}

.dil-bkg {
	
}

.background-image {
	background-image: linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/liebherr.jpg);	
	position: fixed;
  left: 0;
  right: 0;
  z-index: 1;

  display: block;
  
  width: 100%;
  height: 100%;

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.background-story {
	background-image: linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/mugler-story.jpg);	
	position: fixed;
  left: 0;
  right: 0;
  z-index: 1;

  display: block;
  
  width: 100%;
  height: 100%;

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.background-team {
	background-image: linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/team.jpg);	
	position: fixed;
  left: 0;
  right: 0;
  z-index: 1;

  display: block;
  
  width: 100%;
  height: 100%;

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.background-location {
	background-image: linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/location.jpg);	
	position: fixed;
  left: 0;
  right: 0;
  z-index: 1;

  display: block;
  
  width: 100%;
  height: 100%;

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.background-services {
	background-image: linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/services.jpg);	
	position: fixed;
  left: 0;
  right: 0;
  z-index: 1;

  display: block;
  
  width: 100%;
  height: 100%;

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.background-euro {
	background-image: linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url("../img/european-union-flag.jpg");	
	background-position: center top;
  z-index: 1;

  display: block;
  
  width: 100%;
  height: 100%;

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.vignette {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 400px 200px rgba(0,0,0,0.8) inset;
}
.dil-box{
	position: relative;
}
.dil-cpation {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 20px;

}
.dil-cpation {
	font-weight: 200;
}
.dil-hash {
	margin-bottom: 0;
}
.dil-hash li {
	display: inline-block;
	background: #707070;
	padding: 5px;
	margin: 0 10px;
	width: 80px;
	font-size: 12px;
	color: #000;
}
@media only screen and (max-width: 600px) {
	
	.dil-hash li {
	display: inline-block;
	background: #707070;
	padding: 0;
	margin: 0px 4px;
	width: 60px;
	font-size: 10px;
	color: #000;
}
	.dil-cpation p {
	font-size: 10px;
	margin: 5px;	
}
	.dil-cpation  {
	font-size: 10px;
	padding: 5px;	
}
	.dil-hash  {
		margin-bottom: 5px;
	}
}

.shadow {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, black, #262626);
	/*background-color: black;*/
	padding: 10px;
}
.shadow:before,
.shadow:after{
	content: '';
	position: absolute;
	
	top: -2px;
	left: -2px;
	/*background: linear-gradient(45deg,#fb0094,#0000ff,#00ff00,#ffff00,#ff0000,#fb0094,#0000ff,#00ff00,#ffff00,#ff0000);*/
	background: linear-gradient(45deg,#262626,#FFF,#262626,#FFF,#262626,#FFF,#262626,#FFF,#262626,#FFF,#262626,#FFF,#262626);
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: animate 40s linear infinite;
}
.shadow:after {
	filter: blur(20px);
}
@keyframes animate 
{
	0%
	{
		background-position: 0 0;
	}
	50%
	{
		background-position: 200% 0;
	}
	100%
	{
		background-position: 0 0;
	}
}
/*.dil-margin {
	margin-bottom: 0;
}*/
.wrapper {
	font-family: 'Encode Sans Condensed', sans-serif;
	font-weight: 200;
}
nav li {
	font-size: 25px;
	color: #FFF;
	visibility: hidden;
}
.dil-before {
	color: #929292;
font-weight: 600;
}