.carousel-slide {
  padding: 0%;
  margin-right: 0;
}
body {
    max-width:100%;
    width:100%;
   overflow-x: hidden;
}
.fold-uvp {
  padding: 15% 10% 10%;
  margin-right: 2%;
    animation: slideInLeft .5s;
}

.fold-uvp a {
    opacity:0;
    animation: fadeIn .5s .5s;
      animation-fill-mode: forwards;
}

.sr {
       animation: slideInRight .5s;
}

.fold-container {
  height: 100vh;
}

.fold-container .col1o2 {
  height: 100%;
}

.deco-fold {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.servicii-info {
  padding: 5%;
}

.about {
  margin: 2% 0;
}

.deco-despre {
  width: 70%;
  margin: 5% 15%;
}

.swiper-slide {
  padding: 2%;
  text-align: center;
}

.swiper-slide .btn {
  width: 100%;
}

.servicii .col1o3 {
  margin-top: 20%;
}

.fold-uvp .btn {
  display: block;
  width: 50%;
}

.animated {
width:30%;
height: 100%;

top:0;
right: 15%;
}

.animated-1 {
    width: 30vw;
    height: 15px;
    margin: 12vw 5vw 0;
    animation: slideInRight .5s linear;
    
}

.animated-2 {
width:15px; 
height:30vw;
margin: 0% 5vw;
opacity:0;
  animation: slideInTop .5s .7s ;
  animation-fill-mode: forwards;

}



.animated-3 {
width:15px; 
height:30vw;
margin:-30vw 5vw 0% 34vw;
opacity:0;
animation: slideInBottom .5s 1s ;
animation-fill-mode: forwards;
}


.animated-4 {
    width: 30vw;
    height: 15px;
    margin: 0% 5vw 0;
    opacity:0;
    animation: slideInLeft .5s 1.2s ;
    animation-fill-mode: forwards;
    
}

.fold-container .col1o2 {
    background-size:cover;
}

.piccontainer {
    animation: reveal .5s 1s;
    animation-fill-mode: forwards;
    transform: translate(100%);
   /*display:none;*/
   flex-basis: 0;
}

.fold-uvp {
    flex-basis:100%;
    animation: foldUVP .5s 1s ease;
    text-align:center;
    margin:0;
     animation-fill-mode: forwards;
}

.fold-uvp .btn {
    margin:2% 25%;
     animation: foldBtn .5s 1s ease;
       animation-fill-mode: forwards;
}
@keyframes foldUVP {
    0% {
      
      
    }
    
    100% {
         text-align:left;
        flex-basis:49%;
       
    }
}

@keyframes reveal {
    0% {
     transform: translate(100%);   
    
    }
    100% {
        transform: translate(5%);
    /*display:block;*/
     flex-basis:49%;
    }
}

@keyframes foldBtn {
    0% {
        margin: 2% 25%;
    }
    100% {
        margin: 2% 0;
    }
}

.contact-form {
  padding: 2% 10%;
  width: 80%!important;
  margin: -40% 10% 20%!important;
  background-color: #ffffff;
  position: absolute!important;
}
@media only screen and (max-width: 768px) {
  .carousel-slide {
    padding: 0%;
  }
  
   .contact-form {
   margin-top:-75vh!important;
   position:relative!important;
  }


  .mobileheight {
    height: 250vw;
  }

.animated {
width:100%;
height:50%;
/*top:85%;*/
bottom:0;
position:relative;
right:0;
margin-bottom:2%;
}
.animated-1 {
    width: 80vw;

}

.animated-2 {

height:80vw;

}


.animated-3 {

height:80vw;
margin:-80vw 5vw 0% 82vw;
}


.animated-4 {
    width: 80vw;
    
}
  .fold-container {
    height: auto;
  }
  
  .fold-uvp {
      margin-right:0;
      margin-bottom:2%;
      padding-top:10%;
  }
  
  .deco-despre {margin-top:10%;}
  
}