@font-face {
  font-family: TheMixSemiBold-Plain;
  src: url(../img/TheMixSemiBold-Plain.otf);
}

@-webkit-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -180px 0px;}
}

@keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -180px 0px;}
}

@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
}
body{
  font-family: TheMixSemiBold-Plain;
  margin: 0;
  /* background-image: url("../img/bg3.png")!important; */
  /* background-position:bottom 200px right -292px; */
  background-size: cover;
  background-position-y: -1px;
}
html{

}
.a5 {
  margin-top:-2px;
}
.a6 {
  margin-top:-1px;
}
.header {
  width: 100vw;
  height: 10vh;
  position: absolute;
  overflow: hidden;
}
.container {
  width: 100vw;
  max-width: 100vw;
  height: 89vh;
  position: fixed;
  overflow: hidden;
  margin-top:9vh;
  /* border:10px white solid;  */
}
.itemWrapper {
  position: absolute;
  overflow: hidden;
  display:flex;
  margin-left:-15px;
}
.left {  border-right:2px white solid;}
.right{  border-left:2px white solid;}
.rd-1 { border-right:2px white solid;}
.rd-2 { border-left:1px white solid; border-right:1px white solid;}
.rd-3 { border-left:2px white solid;}



.left, .right, .full, .rd-1, .rd-2, .rd-3{
  position: relative;
  /* width: 50vw; */
  height: 100vh;
  /* background-attachment: fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  /* animation:zoomIn 2s linear infinite alternate; */
}
.zoomInEnzo{
   animation:zoomIn 10s linear infinite alternate;
   object-fit: cover;
}
.left {z-index:8; width:75vw!important;}
.right { margin-left: 75vw; width:25vw!important;}

.rd-1, .rd-2, .rd-3 {
  /* margin-left: auto; */
	/* margin-right: auto; */
  /* display: block; */
  /* position:absolute;  */
  /* width:100%;  */
  /* height:100% */
} 
.rd-1 {z-index:8;}
.rd-1, .rd-3 {width:25vw!important;}
.rd-2 {width:50vw!important; z-index:2;}
.rd-2{margin-left:25vw;}
.rd-3{margin-left:75vw;}
.full{width:100vw!important;}

@keyframes zoomIn {
  0% {
    transform:scale(1.0);
  }
  100% {
    transform:scale(1.25);
  }
}

.textWrapper
{
  position: absolute;
  margin: auto;
  width: 700px;
  height: 470px;
  top: 580px;
  right: 0;
  bottom: 0;
  left: 0;
  /* background-color: black; */
  /* color:white; */
  /* border-radius: 3px; */
  float:left;
  z-index:900;
}
.titel{
  color:white;
  background-color:black;
  padding:5px;
  opacity:.85;
  font-family:helvetica;
  text-transform: uppercase;
  height:50px;
  font-weight:700;
  /* font-size:26px; */
  font-size: 26px!important;
}
.desc{
  color:black;
  background-color:white;
  margin-top:4px;
  padding:5px;
  opacity:.85;
  font-family:helvetica;
  height:50px;
  font-weight:700;

}



.slide-container {
  height: 100px;
  position: relative;
}
.slide-container > * {
  display:block;
  width:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  padding:10px;
}
.slide-hide, .slide-show {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
}
.slide-hide {
  position: relative;
  top: 0;
}
.slide-hide.slide-hide-active {
  position: absolute;
  top: -100px;
}
.slide-show {
  position: absolute;
  top: 100px;
}
.slide-show.slide-show-active {
  position: relative;
  top: 0px;
}


/* HEADER + LOGO + TIMER */
#logo{
  background-image: url("../img/4dd10b21-d9ef-4bfe-aaa7-ddccacf2b699_DH-NL-Rgb-CS6_Logo.jpg");
  background-size: cover;
  width:250px;
  height:100%;
  float:left;
}
#logo-entre{
  background-image: url("../img/4dd10b21-d9ef-4bfe-aaa7-ddccacf2b699_DH-NL-Rgb-CS6_Logo.jpg");
  background-size: cover;
  width:350px;
  height:100%;
  float:left;
}

#logoText{
  width:500px; 
  float:left;
  color:white;
  margin-top:.5%;
  margin-left:1.5%;
  font-size:25pt;
}
#logoTimer {
  /* float:left; */
  position: fixed;
  right: 5px;
  top: -43px;
  /* width: 100%; */
  margin-top:3.2%;
}
svg {
  display: block;
  margin: 50px auto;
  width: 250px;
  height: 40px;
/* To reverse the animation, flip the object using CSS by uncommenting the below */
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

#loader 
{ fill: rgb(220,50,35, .9) }

#border
{ fill: #fff }


.itemDescriptionSpan{
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 890px;
  height: 114.4px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 26px;
  line-height: 2.2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.h1Description {
  font-size:2.5rem; margin-top:-117px; line-height: 58px; margin-left: 15px;
}