.homepage {
	margin-top:140px;	/* pozice shora*/
	z-index:100 !important;
}

#homepage-slider-cover {
	float:left;
	clear:left;
	width:100%;
	height:600px;
}

	#homepage-slider {
		position:absolute;
		left:0;
		right:0;
		width:100%;
		max-width:2560px;
		min-width:980px;
		margin:0 auto;
	}
	
	#homepage-slider .outer {
    width: 100%;
    overflow: hidden;		
	}
	
	#homepage-slider .inner {
    display: inline-block;
    position: relative;
    right: -50%;		
	}
	
	#homepage-slider .innercenter {
    position: relative;
    left: -50%;		
	}
	
	#homepage-slider outer {
	}
	
	#homepage-slider ul {
		margin:0px;
		padding:0px;
	}
	
		#homepage-slider ul li {

		}	
		
		#homepage-slider ul li p {
			margin:0px;
			line-height:0;
		}
		
	#homepage-slider .caption {
		position:absolute;
		top:50%;
		left:15%;
		width:28%;
		text-shadow: 0px -1px 2px rgba(0, 0, 0, 0.8);
		color:#fff;
		text-align:justify;
		font-family:1.2em;
	}	
				
	#homepage-slider .caption h1 {
		display:block;
		border:none;
		font-size:4.6em;
	}	

	
	.screen_high #homepage-slider .caption h1 {
		font-size:3.75em;
	}	
	
	pda_ver #homepage-slider .caption h1, .pda_hor #homepage-slider .caption h1, .screen_ultralow #homepage-slider .caption h1, .screen_low #homepage-slider .caption h1, .screen_med #homepage-slider .caption h1 {
		font-size:3em;
	}
	
	#homepage-slider .caption p {
		display:block;
		line-height:1em;
		font-size:1.4em;
		background:none;
	}	
	
	#homepage-slider .caption2 {
		left:66%;
		top:30%;
		color:#000;
		text-shadow: 0px -1px 2px rgba(255, 255, 255, 0.8);
	}
	
	#homepage-slider .caption3 {
		left:10%;
		top:10%;
		color:#000;
		text-shadow: 0px -1px 2px rgba(255, 255, 255, 0.8);
	}						
		
#homepage-promo-slider,
#homepage-promo-slider2,
#homepage-promo-slider3 {
	float:left;
	clear:left;
	width:100%;
}

	#homepage-promo-slider .outer,
	#homepage-promo-slider2 .outer,
	#homepage-promo-slider3 .outer {
		float:left;
		clear:left;
		width:100%;
	}
	
		#homepage-promo-slider .inner,
		#homepage-promo-slider2 .inner,
		#homepage-promo-slider3 .inner {
			float:left;
			clear:left;
			width:calc(100% - 94px);
			min-width:90.4%;
			margin:0 47px 0 47px;
			height:500px;
		}
		
	#homepage-promo-slider strong,
	#homepage-promo-slider2 strong,
	#homepage-promo-slider3 strong {
		display:block;
		width:100%;
		font-size:1.8em;
		line-height:1.8em;
		font-weight:normal;		
		border-bottom:solid #eeeeee 1px;
		margin-bottom:10px;
		margin-top:0px;	
		font-family: 'Archivo Narrow', sans-serif;	
	}
	
#homepage-general-text {
	float:left;
	clear:left;
	width:100%;
}

	#homepage-general-text h1 {
		width:100%;
		border-bottom:solid #eeeeee 1px;
		margin-bottom:10px;
	}
	
	#homepage-general-text h2, #homepage-general-text h3, #homepage-general-text strong, #homepage-general-text p,
	#homepage-general-text ul {
		float:left;
		clear:none;
	}	
	
	#homepage-general-text li {
		float:left;
		clear:none;
		line-height:1.8em;
	}		
	
	#homepage-general-text p {
		margin:0.5em 0 0.5em 0;
	}
	
	#homepage-general-text hr {
		float:left;
		clear:none;
		width:0;
		background:transparent;
		border:0px;
	}
	
	#homepage-general-text .columns1 {
		width:100%;
	}
	
	#homepage-general-text .columns2 {
		width:49%;
	}
	
	#homepage-general-text .columns3 {
		width:32%;
	}
	
	#homepage-general-text .columns4 {
		width:23.5%;
	}
	
	#homepage-general-text .hr2 {
		width:2%;
	}	
	
	#homepage-general-text .hr3 {
		width:2%;
	}	
	
	#homepage-general-text .hr4 {
		width:2%;
	}
	
#homepage-text-news	{
	float:left;
}

	#homepage-text-news h2 {
		display:block;
		width:100%;
		font-size:1.8em;
		line-height:1.8em;
		font-weight:normal;		
		border-bottom:solid #eeeeee 1px;
		margin-bottom:10px;
		margin-top:0px;				
	}
	
	#homepage-text-news	.news-box {
		float:left;
		clear:none;
	}
	
	#homepage-text-news .div1 {
		width:100%;
	}
	
	#homepage-text-news .div2 {
		width:49%;
		margin-right:2%;
	}
			
	#homepage-text-news .div3 {
		width:32%;
		margin-right:2%;
	}
		
	#homepage-text-news .div4 {
		width:23.5%;
		margin-right:2%;
	}
		
	#homepage-text-news .div5 {
		width:18.4%;
		margin-right:2%;
	}
	
	#homepage-text-news .div6 {
		width:15%;
		margin-right:2%;
	}	

	#homepage-text-news .news-box:last-child {
		margin-right:0% !important;
	}
	
#homepage-slider-news	{
	float:left;
	clear:left;
	width:100%;
}
	
	#homepage-slider-news ul {
		margin:0px;
		padding:0px;
	}
	
	#homepage-slider-news .snews {
		float:left;
		clear:none;
	}
	
	#homepage-slider-news .snews:first-child {
		margin-left:6% !important;
	}			
	
	#homepage-slider-news .div1 {
		width:88%;
	}
	
	#homepage-slider-news .div2 {
		width:43%;
		margin-right:2%;
	}
			
	#homepage-slider-news .div3 {
		width:28%;
		margin-right:2%;
	}
		
	#homepage-slider-news .div4 {
		width:20.5%;
		margin-right:2%;
	}
		
	#homepage-slider-news .div5 {
		width:15.6%;
		margin-right:2%;
	}
	
	#homepage-slider-news .div6 {
		width:12.66%;
		margin-right:2%;
	}

	#homepage-slider-news .snews:last-child {
		margin-right:0% !important;
	}
	
.homepage-blog-slider {
	float:left;
	clear:left;
	width:100%;
}

	.homepage-blog-slider .sblog {
		float:left;
		clear:none;
	}
	
	.homepage-blog-slider .sblog:first-child {
		margin-left:6% !important;
	}	
	
	.homepage-blog-slider .div1 {
		width:88%;
	}
	
	.homepage-blog-slider .div2 {
		width:43%;
		margin-right:2%;
	}
			
	.homepage-blog-slider .div3 {
		width:28%;
		margin-right:2%;
	}
		
	.homepage-blog-slider .div4 {
		width:20.5%;
		margin-right:2%;
	}
		
	.homepage-blog-slider .div5 {
		width:15.6%;
		margin-right:2%;
	}
	
	.homepage-blog-slider .div6 {
		width:12.66%;
		margin-right:2%;
	}

	#homepage-slider-news .snews:last-child {
		margin-right:0% !important;
	}	
	
.static-banners {
	float:left;
	clear:left;
	width:100%;
	height:500px;
}

	.static-banners .dn {
		display:none;
	}

	.static-banners div {
		padding:0;
		margin:0;
	}
	
	.static-banners p {
		padding:0;
		margin:0;		
	}

	.static-banners .static-banner-1 {
		float:left;
		clear:left;
		width:49%;
		width:calc(50% - 5px);
		min-width:49%;
		height:100%;
		overflow:hidden;
	}
	
	.static-banners .static-banner-2 {
		float:right;
		clear:right;
		width:49%;
		width:calc(50% - 5px);
		min-width:49%;
		height:49%;
		height:calc(50% - 5px);
		min-height:49%;
		margin-bottom:10px;
		overflow:hidden;
	}
	
	.static-banners .static-banner-3 {
		float:right;
		clear:right;
		width:49%;
		width:calc(50% - 5px);
		min-width:49%;
		height:49%;
		height:calc(50% - 5px);
		min-height:49%;
		overflow:hidden;
	}
	
.homepage-blog {
	float:left;
	clear:left;
	width:100%;
}

#homepage-category2-slider {
	float:left;
	clear:left;
	width:100%;
}

.category-type-2-box {
	display:block;
	float:left;
	clear:none;
	width:11.8%;
	margin-right:0.2%;
	height:175px;
}

.category-type-2-box:first-child {
	margin-left:8%;
}

	.category-type-2-box .logo {
		width:100%;
		height:80px;
		line-height:80px;
		text-align:center;
		margin-top:25px;
	}

	.category-type-2-box .logo img {
		max-width:85%;
		max-height:100%;
		vertical-align: middle
	}
	
	.category-type-2-box .count {
		text-align:center;
		font-size:0.8em;
		margin-top:15px;
	}

	.category-type-2-box .name {
		text-align:center;
		font-size:1.1em;
		margin-top:5px;
	}
	
#masonry-blog-cover {
	float:left;
	clear:left;
	width:100%;
}

	#masonry-blog {
		position:absolute;
		left:0;
		right:0;
		width:100%;
		width:2560px;
	  max-width:-webkit-calc(100% - 20px);
	  max-width:-moz-calc(100% - 20px);
	  max-width:calc(100% - 20px);
	  max-width:95%;
		margin:0 auto;		
	}

	#masonry-blog #container {
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	
		#masonry-blog #container li.item {
			width: 10.22222%;
			margin:0px;
			margin-bottom:3%;
			height:auto;
		}	
	
		@media all and (max-width: 2048px) {
			#masonry-blog #container li.item {width: 15.83333%;}
		}
		
		@media all and (max-width: 1650px) {
			#masonry-blog #container li.item {width: 19.2%;}
		}
		
		@media all and (max-width: 1400px) {
			#masonry-blog #container li.item {width: 24.25%;}
		}
		
		@media all and (max-width: 1200px) {
			#masonry-blog #container li.item {width: 32.66666%;}
		}
		
		@media all and (max-width: 860px) {
			#masonry-blog #container li.item {width: 49.5%;}
		}
		
		@media all and (max-width: 640px) {
			#masonry-blog #container li.item {width: 100%;}
		}	
	
		#masonry-blog #container li.gutter-sizer {
			width: 1%;
		}
	
		#masonry-blog #container li.grid-sizer {
			width: 0%;
		}