body {
  height:100%;
   overflow:hidden;
    }
     
  
 
 .dp-gallary-container {
    /* Standard Viewing Styles */
  
    width:100vw;
    height: 195vh;
    display: inline-flex;
 
 }
 
 
.viewer-switch {
cursor: pointer;
padding:5px;
 opacity:0.9;
width:29px;
color:white;
font-size:18px;
font-weight:bold;
float:right;
filter:invert(1);
}
.viewer-switch img {
  width:18px;

}
 .viewer-switch:hover {
 
 }
 .dp-view-WALL {
  
    display:inline-flex;
    width: 91vw ;
   height: 79vh;
    flex-direction: row;
    flex-wrap: wrap;
   align-content:flex-start;
        justify-content: center; 
 }
 
 .ico-up, .ico-down {
  width:22px;
  height: 22px;
 }
 
    .dp-search {
       background: white;
       width:45vw;
       padding:10px;
   border-radius:25px;
       border:1px solid #333;
 position :absolute;
 height:50px;
    right: 0px;
    left: 0px;
    top:0px;
    bottom:0px;
    margin: auto;
  
border-radius: 15px;
padding: 7px;
box-sizing: border-box;
    }
    

    
    .dp-index {
  
 background: white;
    font-family: "Arial";
    font-size: 20px;
    margin-left: 26px;
    margin-top: 4px;
 
    }
    
    .dp-index:focus {
        outline:none;
    }
    
    .dp.searchicon {
  
     height: 25px;
    float: right;
    margin-top: -12px;
    margin-right: 5px;
      
    }
     .dp-searchicon img {
         filter:invert(1);
      height:25px;
  float: right;
    margin-top: 6px;
    margin-right: 5px;
      
    }
    .dp-result {
     
  
    }
    
 .viewer-switch {
 
 }
 .viewer-switch {
  zoom:1.5;
 }
   
   
  .nailitleft {
    position: absolute;
    left: 4vw;
    zoom: 1.5;
    position:  absolute;
    left: 1vw;
    zoom: 1.8;
 }
 .nailitright{
   position: absolute;
    right: 1.0vw;
    zoom: 1.8;
 }
 


 .close-window {
  background:none;
 }
   .wrapper {
      width: 100%;
    }
    
    
 #wrapper {
    height: 100vh;
    position: relative;

    }
  
#perspective {

  margin:0 auto;

  margin-top:80px;

  width:210px;

  height:140px;

  position:relative;

  -webkit-perspective:1100px;

  perspective:1100px;

}

#carousel {

  width:100%;

  height:100%;

  position:absolute;

  -webkit-transform-style: preserve-3d;

  -moz-transform-style: preserve-3d;

  -webkit-transform: rotateY(0deg) translateZ(-288px);

}

 

#carousel figure {

  display:block;
  position:absolute;
  background:#2ecc71;
  width:186px;

  height:116px;

  opacity:0.6;

  margin:12px;

  color:#fff;

  cursor:pointer;

  -webkit-transition: opacity1s, -webkit-transform1s;

  -moz-transition: opacity1s, -moz-transform1s;

  -o-transition: opacity1s, -o-transform1s;

  transition: opacity1s, transform1s;

}

 .preloader {
 text-align: center;
 padding:25px;
 width:100%;
 height:100%;
}

.diaode{
 
   position: absolute;
  left: 0px;
  right: 0px;
  top:28%;
  bottom: 0px;
  margin: auto;
}

.join_interactor {
 
 display:none;
}

.orginalpuns {
width: 24vw;
margin:auto;
    text-align: center;
    font-size: 16px;
  font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-weight: bold;
    color: black;
      
}

.interactive {
 cursor: pointer;
 
}