.sec-sluzby .blok {float: left; width: 33.3%; height: 360px; position: relative; overflow: hidden;
	}

.sec-sluzby .blok .decor {display: block; position: absolute; left:50%; top: 0px; margin-top: 46px; margin-left: -30px; 
	transition: 0.3s; }

.sec-sluzby .blok-1 {background-color: #29099c; }
.sec-sluzby .blok-1 .decor {margin-left: -100px; }

.sec-sluzby .blok-2 {background-color: #1069e2; }
.sec-sluzby .blok-2 .decor {margin-left: -106px; }

.sec-sluzby .blok-3 {background-color: #00c5fe; }
.sec-sluzby .blok-3 .decor {margin-left: -95px; }

.sec-sluzby .blok .conts {height: 100%; width: 200%; position: absolute; top: 0px; left: -100%; 
	transition: 0.3s; overflow: hidden; }
.sec-sluzby .blok:hover .conts {left: 0%; }
.sec-sluzby .blok:hover .decor {margin-top: 15px; }

.sec-sluzby .blok .cont {display: block; text-align: center; color: white; height: 100%; width: 50%; float:left;
	 padding: 20px 20px 20px 20px ; overflow: hidden;}
.sec-sluzby .blok .cont-title {font-size: 30px; padding-top: 200px; 
	position: relative; z-index: 1;}
.sec-sluzby .blok .cont-desc {text-align: left; font-size: 20px; padding-top: 160px; text-align: center; }

@media only screen and (max-width : 768px) {
	.sec-sluzby .blok {float: none; width: auto; display: block; }
}	

/********* sluzby-tvorba *********/
svg#line-path {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

.path-mark {width: 44px; height:44px; background: transparent url('../Graphics/kolecko.png') center center no-repeat; 
	position: absolute; margin-left:-22px; margin-top: -22px; }
.path-mark.hidder {display: none; }

.crosslist .row.last-node .img {margin: 0px auto; float:none; text-align:center; position:relative; z-index: 10;}
.crosslist .row.last-node .text {margin: 0px auto; max-width: 500px; float:none; text-align:center; }