.platno {
  width: 100%;
  margin: 0;
  margin-top: 65px;
  padding: 0;
  position: sticky;
  top: 65px;
  margin-bottom: -80px;
}
.pozadi {
  position: absolute;
  width: 100%;
	height: 100%;
	top: 0;
	left: 0;
//  background: url(../images/point1.png) repeat center;
	opacity: 1;
	filter:Alpha(Opacity=1);
}
#votrelec {
  position: absolute;
  bottom: -1000%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.anime {
	animation: animate 6.2s 1 ease alternate;
  transform-origin: 0 100%;
}
@keyframes animate {
  0% {
		transform: translateX(-200%);
	}
	10% {
		transform: translateX(0);
	}
	20% {
		transform: translateX(0);
	}
	30% {
		transform: translateX(0);
	}
	40% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(0);
	}
	60% {
		transform: translateX(0);
	}
	70% {
		transform: translateX(0);
	}
	80% {
		transform: translateX(-200%);
	}
	90% {
	  transform: translateX(-200%);
	}
	100% {
		transform: translateX(-200%);
	}
}
.anime2 {
	animation: animatea 6s 1 ease alternate;
  transform-origin: 0 100%;
}
@keyframes animatea {
  0% {
		transform: translateX(-200%);
	}
	10% {
		transform: translateX(0);
	}
	20% {
		transform: translateX(0);
	}
	30% {
		transform: translateX(0);
	}
	40% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(0);
	}
	60% {
		transform: translateX(0);
	}
	70% {
		transform: translateX(0);
	}
	80% {
		transform: translateX(0);
	}
	90% {
	  transform: translateX(0);
	}
	100% {
		transform: translateX(0);
	}
}
.platno:hover .anime, content:hover {
//  animation-play-state: paused;
}
#votrelec span {
  display: table;
  float: none;
  width: 100%;
  max-width: 1230px;
  height: 100%;
  max-height: 500px;
  margin: 0 auto;
  padding: 0;
  text-decoration: none;
  text-align: left;
}
#votrelec span .stetec {
  position: relative;
  display: table;
  float: none;
  width: 571px;
  padding: 3% 22px;
  margin: 0;
}
#votrelec span .stetec h1, #votrelec span .stetec h4 {
  font-family: 'Arial', sans-serif;
	font-size: 38px;
	line-height: 44px;
//  font-weight: normal;
  color: #000;
  padding: 0;
  margin: 0;
}
#votrelec span .stetec p {
  font-family: 'Arial', sans-serif;
	font-size: 22px;
	line-height: 26px;
//  font-weight: normal;
  color: #000;
  padding: 0;
  margin: 0;
	margin-top: 10px;
}
#votrelec span .stetec .prekliky {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  float: left;
  width: 100%;
  margin-top: 15px;
}
#votrelec span .stetec .prekliky a.tcitajviac {
  position: relative;
  width: auto;
  max-width: 232px;
  padding: 15px 18px;
	margin: 5px;
  text-align: center;
  background-color: #2b2a26;
  font-size: 15px;
	line-height: 20px;
  color: #fff;
  border: 0;
  text-decoration: none;
  border: #2b2a26 2px solid;
  border-radius: 5px;
}
#votrelec span .stetec .prekliky a.second {
  background-color: #fefbf6;
  color: #000;
  border: #2b2a26 2px solid;
}
#votrelec span .stetec .prekliky a.tcitajviac:hover {
  background-color: #fadba7;
  color: #000;
  border: #fadba7 2px solid;
}
.displaynonex {
  display: table-cell; vertical-align: middle; width: 100%; height: auto; margin: 0; padding: 0;// box-shadow: 0 0 0 1px #ff0000;
}
.tmavec {
  position: absolute;
  top: 0;
  right: 45%;
  height: 100%;
//  background-color: rgba(0, 0, 153, 0.5);
//  background-color: rgba(255, 255, 255, 0.3);
//  background-color: rgba(254, 251, 246, 1);
  background-color: transparent;
//  backdrop-filter: blur(5px);
//  clip-path: circle(100% at 23.85% 50%);
}
.tmavec1 {
  position: absolute;
  top: 0;
  right: 45%;
  height: 100%;
}
/* ******************************** */

@media screen and (max-width: 1920px) {
  .platno {
    overflow: hidden;
    height: 500px;
  }
}
@media screen and (max-width: 1230px) {
  .tmavec {
    left: 0;
    width: 677px;
//    clip-path: circle(1177px at -500px 50%);
  }
}
@media screen and (max-width: 1030px) {
  #votrelec span p {
	  font-size: 17px;
	  line-height: 26px;
  }
}
@media screen and (max-width: 615px) {
  #votrelec span .stetec {
    width: 92%;
    padding: 3% 4%;
  }
/*  .tmavec {
    clip-path: circle(200% at -93% 50%);
  }*/
}