.slayden-savnena {  
  height: 74vw;
  margin: 1vw auto;
  max-height: 748px;
  max-width: 1000px;
  overflow: hidden;
  width: 100vw;
}
.slayden-savnena figure {  
  background-image: url(img/slider_do_posle.png);
  background-size: cover;
  font-size: 0;
  height: 100%;
  margin: 0;  
  position: relative;
  width: 100%;  
}
#kobavenusab {
  background-image: url(img/slider_do_posle2.png);
  background-size: cover;
  bottom: 0;
  border-right: 5px solid rgba(243, 240, 240, 0.7);
  box-shadow: 10px 0 15px -13px #171717;
  height: 100%;
  max-width: 98.6%;
  min-width: 0.6%;
  overflow: visible;
  position: absolute;
  width: 50%;  
  animation: first 2s 1 normal ease-in-out 0.1s;  
  -webkit-animation: first 2s 1 normal ease-in-out 0.1s;  
}
input#pedsumid {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;  
  background: transparent;
  cursor: col-resize;
  height: 100vw;
  left: 0;
  margin: 0;
  outline: none;  
  padding: 0;
  position: relative;
  top: -100vw;
  width: 100%;
}
input#pedsumid::-moz-range-track {  
  background: transparent;  
}
input#pedsumid::-ms-track {
  border: none;  
  background-color: transparent;
  height: 100vw;  
  left: 0;  
  outline: none;  
  position: relative;
  top: -100vw;  
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: col-resize;
  color:transparent;
}
input#pedsumid::-ms-fill-lower {
  background-color:transparent;
}
input#pedsumid::-webkit-slider-thumb {
  -webkit-appearance:none;
  height: 100vw;
  width: 0.5%;
  opacity: 0;
}
input#pedsumid::-moz-range-thumb {
  -moz-appearance: none;
  height: 100vw;
  width: 0.5%;
  opacity: 0;
}  
input#pedsumid::-ms-thumb {
  height: 100vw;
  width: 0.5%;  
  opacity:0;
}
input#pedsumid::-ms-tooltip {
  display:none;
}
#kobavenusab::before {
  background: url(img/comparision.png) no-repeat scroll 0 center transparent;
  background-size:contain;
  content: " ";
  float: right;
  height: 100%;
  margin-right: -34px;
  position: relative;
  top:0;
  width: 64px;
}
@keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}
@-webkit-keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}