html, body {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 300px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
    overflow-x: hidden;
	overflow-y: hidden;
}

.canvas {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 300px;
	top: 0px;
	left: 0px;
	background-color: #fff;
}

.cta {
	width: 100%;
}

.trvale_nizke {
    position: absolute;
    top: 10px;
    left: 182px;
    z-index: 15;
    -webkit-animation: trvale-nizke 15s ease 2;
    animation: trvale-nizke 15s ease 2;
    opacity: 0;
	width: 112px;
}

.sale {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 15;
  -webkit-animation: sale-1 15s ease 2;
  animation: sale-1 15s ease 2;
  opacity: 0;
  width: 70px;
}

.sale-2 {
  position: absolute;
  top: 15px;
  right: 90px;
  z-index: 15;
  -webkit-animation: sale-2 15s ease 2;
  animation: sale-2 15s ease 2;
  opacity: 0;
  width: 70px;
}

.bio {
    position: absolute;
    top: 20px;
    left: 190px;
    z-index: 15;
    -webkit-animation: bio 15s ease 2;
    animation: bio 15s ease 2;
    opacity: 0;
	width: 100px;
}

.tisic_chuti {
    position: absolute;
    top: 45px;
    left: 145px;
    z-index: 15;
    -webkit-animation: tisic-chuti 15s ease 2;
    animation: tisic-chuti 15s ease 2;
	width: 130px;
}

.layout {
    width: 300px;
	position: absolute;
	top: 0px;
    z-index: 10;
}

.logo  {
  position: absolute;
  width: 80px;
  bottom: 20px;
  left: 210px;
  z-index: 15;
}

.copy-wrapper {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 140px;
    z-index: 11;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: copy-wrapper 15s ease 2;
    animation: copy-wrapper 15s ease 2;
}

.copy-item {
    position: relative;
    width: 300px;
    height: 140px;
}

.copy {
    position: relative;
    top: 45px;
    left: 20px;
    transform: scale(0.5) translate(-50%,-50%);
}

.button {
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding: 8px 12px;
    background-color: #007ABC;
    border-radius: 8px;
	z-index: 25;
    border: none;
    -webkit-animation: bounce4 1s ease 30;
    animation: bounce4 1s ease 30;
}

.big-button {
    bottom: 37px;
}

.big-button img {
    width: 100px;
}

.slider-1,
.slider-2,
.slider-3,
.slider-4 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
}

.slider-1 {
    z-index: 5;
    -webkit-animation: slider-1 15s ease 2;
    animation: slider-1 15s ease 2;
}

.slider-2 {
    z-index: 4;
    -webkit-animation: slider-2 15s ease 2;
    animation: slider-2 15s ease 2;
}

.slider-3 {
    z-index: 3;
    -webkit-animation: slider-3 15s ease 2;
    animation: slider-3 15s ease 2;
}

.slider-4 {
    z-index: 2;
    -webkit-animation: slider-4 15s ease 2;
    animation: slider-4 15s ease 2;
}

.slider-5 {
    z-index: 1;
}