body {
  margin: 0;
  color: #000;
  color: #fff;
  font-family: helvetica;
  font-size:1.2em;
}
img {
  background: transparent;
}
@font-face {
  font-family: helvetica;
  src: url(assets/HelveticaNowText-Thin.otf);
}
@font-face {
  font-family: Rajdhani-Bold;
  src: url(assets/Rajdhani-Bold.ttf);
}
h1,
p {
  margin-top: 0.333rem;
  margin-bottom: 0.333rem;
}
h1,h2,h3,h4{
  color:white;
  font-family: Rajdhani-Bold;
}
h3{
  font-size:4rem;
}
h4{
  font-size:1.45em;
}
.slide1 {
  height: 100vh;
  text-align: center;
  position: relative;
  z-index: +2;
}
section{ z-index:1;
position:relative;
}
navbar{
  top:0
}
.bg {
  top: 0;
  left: 0;
  background: #000;
}
.banner {
  width:100%;
  min-height:3em;
  text-align: center;
  color:white;
  min-height: 200px;
  margin-bottom:0.5rem;
  margin-top:4rem
}
.banner h2{
  color:white}
.tile {
  overflow: hidden;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  background-size: 512px 512px;
}
.avantaje{
  margin-top:4.5em;
}
.avantaj{
  text-align-last: center;
  padding: 2.5em;
}

.navbar-citat{
  height:30vh;
  text-align:center
}
.actionbutton{
  background-color: black;
  color:white;
  height:4rem;
border-radius:2rem;
border:white solid 2px;
align-items: center;
margin-bottom: 3rem;
font-weight: 800;
font-size: 1.20rem;
letter-spacing: -1px;
}
.posterbuton{
  margin-bottom:14rem;
}
.text{
  color:white;  
}

.no-pointer{
  pointer-events: none;
}
.all-particles{
  pointer-events:none;
}
.all-particles > div{
  pointer-events: auto;
}


.particule{
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}
.buttoninstalatii{
  border-radius:100%;
  background:black;
  border:white solid 2px;
  width:5rem;
  height:5rem;
}
.buttoninstalatii2{
  border-radius:100%;
  background:black;
  border:white solid 2px;
  width:3rem;
  height:3rem;
}
.primar{background:black}
.secundar{background:white}
.text-secundar{color:black}
.slide2{margin-top:8rem;
  margin-bottom:14rem;
  
}
.slide4{
  width:400vw;
}
.instalatiicontainer{
  height:170vh;white-space: nowrap;
  width:300vh;
}
.instalatiicontainer div { display: inline-block; }
.cartonasinstalatii{
  width: 60rem;
  
}
.slide5{
  padding-top:6em;
  min-height:80em;
  margin-bottom: 0;
}

.slide5 p{color:black}
.ticket{
  margin-left:311px;
}
.postertext{
  width:44%;
  border-radius: 0.66em;
  padding: 1.5em;
  padding-left:10%;
  padding-right:10%;
}
navbar{
  position:fixed;
  z-index: +9;
  height:6rem;
  background:black;
}
.navbarconsola .uk-button{
font-size: 1.4rem;
}
.logo{
  height:2.5rem;
  margin-left:6rem
}
.embed{
  margin-bottom:6rem;
  pointer-events: none;
}
.embed iframe{
  pointer-events: auto;
}
.video-container {
  overflow: hidden;
}
.video-container video img {
width: 100%;
}

.banner h2{
  font-size: 9.375rem;font-weight:bold;position: absolute; transform: translate(100px,-50px);
}
html {
  overflow-x: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a{
color:white;
}
.footer{
margin-top: 0;
}
.uk-panel{
  border-radius:12px;
  overflow: hidden;
}

@media (orientation:landscape){
  .banner > h2{
  font-size: 9.375rem;font-weight:bold;position: absolute; transform: translate(100px,-50px);
}

  .text{
    font-size:4.5em;margin-left:1.4em;letter-spacing: -1px;padding-bottom: 5vh; 
  }
  .titlu{padding:2em;font-size:2.58em;padding-bottom:0;position:absolute;}
  .logo{
    height:2.2rem;
    margin-left:6rem
  }
  .navbarconsola{
    margin-right:4rem
  }

  .poster-text-dreapta{
    position: absolute;top:300px
  }
  .butoncentru {
    cursor: pointer;
    padding-left:40px;
    padding-right:40px;
  background-color: black;
  color:white;
  height:4rem;
border-radius:2rem;
border:white solid 2px;
align-items: center;
margin-bottom: 3rem;
font-weight: 800;
font-size: 1.20rem;
letter-spacing: -1px;
  }
  .butoncentru button{
    cursor: pointer;
    padding-left:40px;
    padding-right:40px;
  color:white;
align-items: center;
background:transparent;
border:none;
font-weight: 800;
font-size: 1.20rem;
letter-spacing: -1px;
  }


  .slide1{
    padding-left:8rem;
    padding-right:8rem;
    }
    .slide3{
      padding-left:8rem;
      padding-right:8rem;
    
    }
    .slide4{
      padding-left:8rem;
      padding-right:8rem;
    
    }

    .interactiv{
      transform: translateX(140px);
    }
navbar{
  padding-right:3rem;
  padding-left:2.5rem;
}
.nvbarbutton {
  display: none;
}
.butoncentru button{
  padding-left:0
}
.postertext {
  padding-left: 0;
}
.embedscript{
  width:60rem;min-height:120vh;border-radius: 20px;
}
}


@media (orientation:portrait){ 
  .banner h2{
  font-size:3.375rem;font-weight:bold;position: absolute; transform: translate(0px,-50px);

}

.buttoninstalatii{
  border-radius:100%;
  background:black;
  border:white solid 2px;
  width:3rem;
  height:3rem;
}
.banner{
  margin:0;
}
  .text{
  font-size:1.4em;
  margin-left:0em;
  text-wrap: wrap;
}
.titlu{
  padding:1em;font-size:2em;padding-bottom:0;position:absolute;
}
h2{
  font-size:3rem
}
.cartonasinstalatii{
  padding: 5px;
  margin:0;
}

.embed{
  padding:5px;
}
.logo{
  margin-left:0;
  margin-top:1rem;
}
.postertext{
  width: 100%;
}
.slide1{
  padding:0;
  padding-top:4rem;
}
.butoncentru{
  padding-right:0;
  cursor: pointer;
}
.butoncentru button{
  background:transparent;
  color:white;
  border:none;

  cursor: pointer;

  color:white;
  height:4rem;
align-items: center;
font-weight: 800;
font-size: 1.20rem;
letter-spacing: -1px;
}
.butoncentru a{
  transform: translateX(8px);
}
.videoposter{
  
}
.navbar{
  display: none;
  transition-duration: 1s;
}
.vizibil{
  display:flex;
  position:fixed;

    width:100%;
    height:100%;
    position:fixed;
background-color: #000;
}

.embedscript{
  width:98vw;min-height:120vh;border-radius: 20px;
}
}

.uk-button-meu{
  transition-duration:0.35s;
}
.uk-button-meu:hover{
  background-color: white;
  color:black
}
.uk-button-meu button:hover{
  
  background-color: white;
  color:black
}

.scalling{
  transition-duration: 1s;
}
.scalling:hover{
transform:scale(1.06)
}