.preloader-background{

  margin:0;

  padding: 0;

  top:0;

  left:0;

  height: 100vh;

  width: 100vw;

  background-repeat: no-repeat;

  background-size:  100%;

  background-attachment: fixed;

  /* background-image: url(../preloader-background.jpg); */

  background-image: linear-gradient(#fff, #eee);

  overflow: hidden;

  font-family: 'Poppins', sans-serif;

}

.company-logo{

  display: flex;

  margin:0;

  padding: 0;

  top:0%;

  left:0%;

  height: 100%;

  width: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-image:url("../png/logo.png");

  position: absolute;

  overflow: hidden;

  text-align :center;
  
  background-size: 30vw;

}

/* .pretitle{

  position: absolute;

  top:5%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 200px;



} */

.loader{

  position: absolute;

  top:70%;

  left:50%;

  transform: translate(-50%,-50%);

  width: 80vw;

  height:auto;



}

.preloader-text{

  position: absolute;

  padding-bottom: 5px;

  color:#0c203e;

  width:100%;

  font-size: 1rem;

  font-weight: normal;

  letter-spacing: 1px;

}

.loading-bar{

  position: absolute;

  /* transform:skew(20deg, 0deg); */

  width:100%;

  height: 15px;

  border: 2px solid #0c203e;

  border-radius: 0px;

  background-color: transparent;

  margin-top: 50px;

}

#loading-bar-inner{

  width: 100%;

  position: absolute;

  background-color: #0c203e;

  border: 1px solid #0c203e;

  border-radius: 0px;

 height: 15px;

 top: -3px;

left: -3px;

}


.konfigear{



  color:white;

  font-family: 'Poppins', sans-serif;

  font-size: 1rem;

  display: center;

  color:white;

  font-weight: 600;

}

.alignement{

  position: absolute;

  display: flex;

  justify-content: center;

top: 86%;  text-align: center;

  width: 100%;

      text-align: center;

      width: 100%;

}


.control-3d {
  z-index: 99;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 250px;
  width: 250px;
  transform: translate(-125px,-125px);




@media screen and (max-width: 874px) {

  .loader {

   width: 350px;

  }

  .textloader{

      font-size: 0.7rem;

  }



}



@media screen and (max-width: 574px) {

  .loader {

   width: 200px;



  }

  .konfigear{

      font-size: 1rem;

      font-family: 'Poppins', sans-serif;

      display: center;

      color:white;

      font-weight: 400;

  }

  /* .textloader{

      margin-bottom: 100px;

  } */

}