@charset "UTF-8";










 ;





html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
b, strong {
	font-weight:bold;
}
em, i {
	font-style: italic;
}

body {
	text-align: center;
	background: #eee;
	margin: 0;
}

#page {
		margin:0 auto;
		text-align:left;
		width:100%;
		max-width:1600px;
		min-width:1000px;
		min-height:600px;
		position:relative;
		padding-right: 15px;
		box-sizing: border-box;
		background: ;

}
@media screen and (max-width: 768px) {
	#page {
		padding-right: 0;
	}
}

#text > :first-child {
	margin-top: 0 !important;
}


.photoDetail #content {
	width: 100%;    
}

.photoDetail #social_icons.link-folio {
	position: fixed;
	/*width: 100%;
	left: 0;
	padding: 0 16px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index:1
}


#page-container {        
	
}

#page-container-bottom {
	padding:17px;
	
	position: relative;
}

#content {    
	margin:0;
	position:relative;    
	z-index:1;
	margin-left: 230px;
	/* + common.latte */
}

#content-container {
	position:relative;
	width:100%;
	min-height:300px;
}

#menu-side {
	width: 230px;    
	float:left;
	padding-left: 30px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

#menu, #logo {
	font-family:"Raleway",sans-serif; 
	font-size:16px;
}

#logo {        
	min-height:150px;
	line-height:150px;
	position: relative;
}

#logo {
	width:200px;
}

#menu {
	margin-top:27px;
	width: auto;    
	text-align:left;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

#menu {
	padding-right: 17px;
	/**/
}
#menu-side #menu {
	margin: 0;
}

#menu a, #logo a {
	color:#030303;
	text-decoration: none
}

#menu a:hover, #menu a:focus, #menu a:active, #menu a.aktivni, #logo a:hover {
	color:#f088a2;
	text-decoration: underline
}

#logo, #logo span {
	text-align:left;
	font-family:"PT Sans",sans-serif; 
	font-size:24px;
}

#logo span {
	width: calc(100% - 20px);
}

#logo a, #logo a:hover {
	color:#0b8cc0;
	text-decoration:none;
}

#logo span {
	position:absolute;
	text-decoration:none;
	left:0;top:0;
	background:url(/data/_menu/logo_1-1-cerna-zmenseno.png) left top no-repeat;
}



/* control socialIcons:css 'font' //--- moved to common.latte */

#container {
	padding-top:34px;
	padding-bottom:0px;
}





.foto-failed
{
	background:rgba(255,255,255,0.85); 
	
}

.portfolio, .foto {
	float:left;
	margin:0 10px 10px 0;
	width:300px;
	position:relative;
	z-index:20;
	overflow:hidden;
	min-height:150px;
	-webkit-transition: all 0ms linear;-moz-transition: all 0ms linear;-o-transition: all 0ms linear;transition: all 0ms linear;
}

.foto {
	width:300px;
}

.portfolio a {
	display: block;
	color:#fff;
	text-decoration: none;
	position: relative;
}
/*
.portfolio a:hover, .portfolio a:focus, .portfolio a:active {
	color:#fff;
	text-shadow: 0 0 20px #555;
}*/

.portfolio a img {
	opacity:0.33;
	filter: alpha(opacity = 33);
	-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;

}

.portfolio .count {
	font-size: 2.75em;
	padding:30px 0 0 30px;
	display: block;
	font-weight: bold;
}

.portfolio .name {
	margin-top: 5px;
	margin-left:30px;
	font-weight: normal;
	font-size:95%;
	display:block;
}

.portfolio a:hover img, .portfolio a:focus img, .portfolio a:focus img {
	opacity: 1;
	filter: alpha(opacity = 100);
}

.portfolio .inner-text, .medium .cover {
	position: absolute;
	left:0;top:0;
	width:100%;height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	text-align:left;
	background: rgba(232,0,61,0.75);
}

.portfolio a:hover .inner-text, .portfolio a:active .inner-text, .portfolio a:focus .inner-text {
	background: none;
}

.medium .cover .name, .medium .cover .description  {
	padding:1em 1em 0 1em;
	color:#fff;
	font-size: 95%;
	line-height:1.4;
}

.foto_full {
	text-align:center;
	margin-bottom:51px;
	position:relative;
}

.foto_full .nazev, .foto_full .popis  {
	display:block;
	padding:0 17px;
	text-align:left;
}

.foto_full .text-top  .nazev, .foto_full .text-top .popis {
	padding-bottom:17px;
}

.foto_full .text-bottom  .nazev, .foto_full .text-bottom .popis {
	padding-top:17px;
}


.foto_full .nazev {
	font-size:130%;
}

#content .foto_full .nazev h2 {
	font-size:100%;
	margin:0;
}

.foto_full .popis {
	font-style:italic;

}

.foto_full a {
	position:relative;
	/*display:block;*/
}

/*.foto_full .cover {
	display:block;
	left:0;top:0;
	width:100%;height:100%;
	background:url(/data/grafika/jf/base/empty.gif);
	z-index:50;
	position:absolute;
}*/

.galerie_photo_detail {
	position:relative;
	/*overflow:hidden*/
}

.mediums_presentation {
	margin: 0;
	padding: 0;
	position:relative;
}

.mediums_presentation .medium img {
	display: block;
}

.medium_list {
	visibility:hidden;
}

.nojs .medium_list {
	visibility:visible;
}

.medium_list a {
	display:inline-block;
	vertical-align:middle;
}

.medium_list a:hover img, .medium_list a:active img, .medium_list a:focus img {
	opacity:1
}

.medium_list img {
	opacity:0.3;    
	-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;
}

.nojs .medium_list img {
	height:75px;
}

.medium_list .active img {
	opacity:1;
}

.medium_list a.back_link {
	height:75px;
	line-height:75px;
	padding-left:10px;
	float:left;
}

.media .medium, .media .medium a {
	display: block;
	max-width: 400px;
}

.media.justified-gallery .medium, .media.justified-gallery .medium a {
	max-width: initial;
}

.media .medium_text {
	color: #0a000a;
}

#content-container .redhover {
	background:red;
}

#content .galerietop {
	margin:0;    
	z-index:5;
	color:#fff;    
	width:100%;
	font-size:100%;    
	z-index:21;
	margin-bottom:2px;
}

#content .galerie_photo_detail .galerietop {
	position:absolute;
	margin:0 auto;
}

#content .galerie_detail_video .galerietop {
	position: relative;
	margin-bottom:16px;
}

#content .galerietop h1 {
	font-size:105%;
	margin:0;
	line-height: 2em;
}

#content .galerietop h1, #content .galerietop .popis {
	padding:0 5px;
	min-height:1em;
	_height:1em;
}

#content .galerietop h1 a {
	color:#fff;
	text-decoration:none;
}

#content .galerietop .inner {
	background:rgba(0,0,0,0.5);
	display:block;
	min-height:30px;
	background:url('/data/grafika/01-bar-30pct_opacity.png');
	background:rgba(255, 255, 255, 0.85);
	color:#808080;
	line-height:30px;
}

* html #content .galerietop .inner {
	height:30px;
}

#content .galerietop .inner a {
	color:#808080;
}

#content .galerie_photo_detail .galerietop .inner {
	min-height:0;
	background:rgba(255, 255, 255, 0.85);
}

* html #content .galerie_photo_detail .galerietop .inner {
	height:0;
}

#content .galerietop .popis {
	font-size:80%;
}

.photo_detail_container {
	text-align:center;    
}

.photo_detail_container h1.name {
	font-size: 133%;
	padding-bottom:1em;
}10

.nojs .photo_detail_container img {
	max-width:100%;    
	vertical-align: middle;
}

.jsok .photo_detail_container img {
	visibility:hidden;
}

* include $appDir.'/components/socialSharerViewer/css/socialsharerviewer.latte' 'blog_socialsharer_media_width'=>'1450px' *}
.foto_full .socialFavorites, .medium .socialFavorites, .blog-post .blog_social_sharer .socialFavorites, .galerie_photo_detail .socialFavorites, .blog .blog_social_sharer .socialFavorites {
    position:absolute;
    top: 24px;
    left: 24px;
    z-index: 50;
    font-size: 18px;
    display: none;
    color: #fff;
}

.with_galerietop .socialFavorites {
    top: 72px;
}

.foto_full .socialFavorites:hover a, .medium .socialFavorites:hover a, .blog-post .blog_social_sharer .socialFavorites:hover a, .blog .blog_social_sharer .socialFavorites:hover a, .galerie_photo_detail .socialFavorites:hover a {
    color: #fff;
}

.foto_full .socialFavorites:hover a:hover, .medium .socialFavorites:hover a:hover, .blog-post .blog_social_sharer .socialFavorites:hover a:hover,.blog .blog_social_sharer .socialFavorites:hover a:hover, .galerie_photo_detail .socialFavorites:hover a:hover {
    color: #999;
    text-decoration: none;
}

.foto_full:hover .socialFavorites, .medium:hover .socialFavorites, .blog-post:hover .socialFavorites, .galerie_photo_detail:hover .socialFavorites {
    display: block;
}

.galerie_photo_detail .photo_social_container:hover .socialFavorites {
    top: 0;
    left: 0;
    margin: 24px;
}

.galerie_photo_detail .photo_social_container:hover + .galerietop {
    visibility: hidden;
}

.socialFavorites {
    text-align: left;
    float: left;
}

.socialFavorites a {
    text-decoration: none;
}

.socialFavorites .socialicon {
    display: none;
    margin-bottom: 24px;
    color: #030303;
    float: left;
    clear: left;
    font-size: 1em;
}

.socialFavorites .socialicon .text {
    padding: 0 24px;
}

 .blog-post .blog_social_sharer .socialFavorites {
    width:auto;
    height:auto;
    padding:0;    
    background:#fff;

}

.socialFavorites .core-icon {
    display: block;    
    text-shadow: 0 0 1px #303030;
}

.socialFavorites:hover .core-icon {
    display: none;
}

.blog-post .blog_social_sharer .socialFavorites, .blog .blog_social_sharer .socialFavorites {
    position: fixed;
    display: block;
    left: 50%;
    margin-left: 500px;    
    
    
}

.socialFavorites:hover {
    padding: 24px;
    background: #303030;
}

.blog-post .blog_social_sharer .socialFavorites:hover {
    background: #fff;
    padding: 0;    
}

.socialFavorites a.socialicon,
.blog-post .blog_social_sharer .socialFavorites a.socialicon {
    text-decoration: none;
}

.blog-post .blog_social_sharer .socialFavorites:hover a {
    color: #030303;
    text-decoration: none;
}

.blog-post .blog_social_sharer .socialFavorites:hover a:hover, 
.blog-post .blog_social_sharer .socialFavorites:hover a:focus,
.blog-post .blog_social_sharer .socialFavorites:hover a:active
{
    color: #303030;
}

.blog-post .blog_social_sharer .socialFavorites .core-icon {
    display: none;
}

.socialFavorites:hover .socialicon, .blog-post .blog_social_sharer:hover .socialFavorites .socialicon, .blog .blog_social_sharer:hover .socialFavorites .socialicon {
    display:block;    
    display: inline-block;    
}

.blog-post .blog_social_sharer .socialFavorites .socialicon {
    padding-left: 12px;        
}

.socialFavorites .socialicon:hover {
    opacity:1;
}

@media screen and (max-width: 1450px) {

    .blog-post.blog-post .blog_social_sharer .socialFavorites {
        position: static;
        left: auto;
        right: 5px;
        margin: 24px auto;
        z-index: 10;
        overflow: hidden;
        float: none;
        background: none;
    }

    .blog-post.blog-post .blog_social_sharer .socialFavorites .socialicon {
        display: inline-block;
        clear: none;
    }

    .blog-post.blog-post .blog_social_sharer .socialFavorites .socialicon .text {
        padding-left: 12px;
        padding-right: 36px;
    }

}
/*.photo_detail_container .socialFavorites {
	position:absolute;
	top:5px;
	right: -35px;    
	width:24px;
	height: 23px;
	z-index: 50;
}

.socialFavorites {
	background: url('/data/grafika/jf/soci/photo-social-buttons.png') no-repeat -16px -146px;
	width: 24px;
	height: 23px;
}

.socialFavorites:hover {
	width:auto;
	height:auto;
	padding:0;    
	right: -70px;
}

.socialFavorites .socialicon {
	display: none;
	background: url('/data/grafika/jf/soci/photo-social-buttons.png');    
	margin:5px 0;
	opacity:0.7;
	width: 56px;
	height: 20px;
}

.socialFavorites:hover .socialicon {
	display:block;    
}

.socialFavorites .socialicon:hover {
	opacity:1;
}

.socialFavorites .facebook {
	background-position: 0 0;    
}


.socialFavorites .twitter {
	background-position: 0 -24px;
}

.socialFavorites .gplus {
	background-position: 0 -48px;
}

.socialFavorites .pinterest {
	background-position: 0 -72px;
}

.socialFavorites .permalink {
	background-position: 0 -96px;    
*/

.photo_detail {  
	position:relative;
	z-index:1;
	vertical-align: middle;
}   

#content .prevPicture, #content .nextPicture {
	position:absolute;
	z-index:2;
	opacity: 0.1;
	top:0;
	left:0;
	background: url("/data/grafika/jf/navi/arrows-13.png") no-repeat left center;
	width:100px;
	height:100%;
	display:block;
	cursor:pointer;
	text-decoration:none;
	box-sizing: border-box;
}

#content .nextPicture {
	right:0;
	left: auto;
	background: url("/data/grafika/jf/navi/arrows-13.png") no-repeat  right center;
}

#content .prevPicture:hover, #content .nextPicture:hover, 
#content .prevPicture:active, #content .nextPicture:active,
#content .prevPicture:focus, #content .nextPicture:focus {
	opacity: 0.99;
}

#content .closePicture {
	position: absolute; 
	display: none;
	right: 110px;
	width: 40px;
	top: 0;
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.77);
	background: rgba(255,255,255,0.3);
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-family: monospace;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
	z-index: 30;
	right: 100px;
	border-radius: 0;
	box-shadow: none;
	background: rgba(255,255,255,0.6);
}

#content .closePicture:hover {
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.77);
	background: #fff;
	box-shadow: none;
}

#content .closePicture:hover:before {
	color: #000;
}

#content .closePicture:before {
	content: '×';
	font-size: 40px;
	color: #aaa;
}

#content .type_video .closePicture,
#content .type_text .closePicture
{
	height: 40px;
	top: -40px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;  
	border-top-left-radius: 5px;
	border-top-right-radius: 5px; 
	box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.75);
}

#content .galerie_photo_detail:hover .closePicture {
	display: block;
}

#content .galerie_photo_detail a:active, #content .galerie_photo_detail a:focus {
	outline: 0 none;
}

.socialIcon {
	float:left;
	margin:0 0 0 5px;
}

.jsok #content .medium_detail .onlyhover {
	display:none;
}

/* .jsok #content .galerie_photo_detail .onlyhover.show*/
.jsok #content .medium_detail:hover .onlyhover {
	position: absolute;
	top: 0;
	z-index: 10;    
	width: 100%;
	/*padding: 20px;*/
	box-sizing: border-box;
	display: block
}
/*
.jsok #content .galerie_photo_detail .name.without_description {
	background-color: rgba(255,255,255,0.75);
}

.jsok #content .galerie_photo_detail .description.onlyhover {
	padding-top: 50px;
}

.jsok #content .galerie_photo_detail .description.with_name {
	padding-top: 100px;
	box-sizing: border-box;
}*/



/*.jsok #content .galerie_photo_detail .show {
	display:block;
}*/

@keyframes donut-spin {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

#ajax-spinner {
	display: block;
	position: fixed;
	z-index: 100000;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
	border: 4px solid rgba(0, 0, 0, 0.1);
	border-left-color: #b1ce6a;
	border-radius: 50%;
	animation: donut-spin 1.2s linear infinite;
}
#image-blocker {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:1;
		background:url(/data/grafika/jf/base/empty.gif);
}

#menu .portfolioMenuList .level1 li {
	position:relative;
}

ul.level1 {
	padding-left:0;
}

.level1 .level1 {
	display:inline;
}


#menu .portfolioMenuList li {
	float:;
	padding:7px 17px 0 0;
	
}

#menu .portfolioMenuList li li {
	padding-left:20px;
}

.html_textcontent  :first-child h1,
.module_content  :first-child h1 {
	margin-top: 0;
}

.galerie_description_bottom {
	clear:both;
}

#page_description .inner {
	padding:17px;
}


#content .blog-prehled, #content .blog-detail    {
	position:relative;
}


#content .blog-detail .datum {
	padding:50px 0 30px 0;
}


#content .blog-prehled .novinka {
	margin-bottom:51px;
	position:relative;
}

.blog-prehled .paginator {
	margin:15px 0;
	text-align:center;
}

.blog .paginator {
	min-height: 1em;
}

.blog h1.blog-title {
	padding-bottom: 0.6em;
	padding-left: 0.56em;
	font-size: 187.5%;
	width: 1000px;
	margin: 0 auto;
	@media screen and (max-width: 1000px) {
		width: 1000px;
	}
}

.blog-prehled h2 a {
	text-decoration:none;
}

.blog-detail .paginagor {
	clear:both;
	padding: 17px 0 34px 0
}

.blog-detail #paginator_next {
	position:absolute;
	left:17px;
}

.blog-detail #paginator_prev {
	position:absolute;
	right:17px;
}

.blog-detail #paginator_next,
.blog-detail #paginator_prev
{
	max-width: 320px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*
#content .blog-detail h2.text_block,
#content .blog-detail h3.text_block,
#content .blog-detail p.text_block {
	width: 800px;
	padding: 0 100px;
	margin: 1em auto .5em auto;
	max-width: calc(100% - 200px);
}
#content .blog-detail p.text_block {
	margin: 1em auto;
}
#content ul.text_block {
	width: 600px;
	padding: 0 200px;
	margin: 1em auto;
	max-width: calc(100% - 400px);
}
#content .blog-detail h1,
#content .blog-detail h2,
#content .blog-detail h3,
#content .blog-detail p {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
*}
#content .blog-detail img {
	padding: 0;
	height: auto;
	max-width: 100%;
}
@media screen and (max-width: 1000px) {
	#content .blog-detail h2.text_block,
	#content .blog-detail h3.text_block,
	#content .blog-detail p.text_block,
	#content .blog-detail h1,
	#content .blog-detail h2,
	#content .blog-detail h3,
	#content .blog-detail p {
		padding: 0;
		width: 100%;
		max-width: 100%;
	}
	#content .blog-detail ul.text_block {
		width: 80%;
		padding: 0;
		max-width: 80%;
	}
}
#content .blog-detail .picture_content {
	margin: 1em 0;
}

.bottom_panel {
	text-align: center;
}

.mode_blog .paginator, .mode_blog .bottom_panel, .mode_blog .blog_detail_back, .mode_blog .time, .related_news_tags {
	position: relative;
	max-width: 1000px;
	margin: 1em auto;
}

.mode_blog .blog_detail_back, .mode_blog .bottom_panel, .related_news_tags {
	padding: 2em 0;
	text-align: center;
}  

.mode_blog .time {
	text-align: right;
	font-style:italic;
	padding-top: 17px;
	padding-bottom: 34px;
	padding: 5px 0;
	width: 1000px;
	margin: 0 auto;
	font-size: 14px;
	max-width: 100%;
}

.bottom_nazev_tagy {
	padding:17px;
}

.blog-prehled .nahled, .blog-detail .nahled {
	text-align:center;
}

.mode_blog_main .blog-summary{
	padding-bottom:30px;
}

.blog-post .content .image {
	padding-bottom: 15px;
	padding-bottom: 0;
}

.blog-title {
	font-size:21px;
}

.galeriekrokovani {
	position:relative;
	clear:left;
	text-align:right;
	left:0;
	bottom:0px;
	width:100%;
	color:#fff;
	font-size:90%;
}

.galerie_photo_detail .galeriekrokovani {
	z-index:10;
}

.galeriekrokovani .inner {
	margin:2px;
	margin-bottom:0;
	padding-right:10px;
	display:block;
	height:30px;
	position:relative;
	line-height:30px;
	background:url('/data/grafika/01-bar-30pct_opacity.png');
}

.galeriekrokovani > .inner {
	background:rgba(0,0,0,0.5);
}

.galeriekrokovani a {
	color:#fff;
}

.galeriekrokovani a:hover, .galeriekrokovani a:active, .galeriekrokovani a:focus {
	color:#eee;
}

*/
#text {
	-webkit-hyphens: auto;
	-moz-hyphens:auto;
	
}

#licence_text {
	margin:15px 0 0;    
	color:#808080;
}

#licence_text a {
	color:#000;
	font-size:70%;
}

#prezentace.flexslider ul:before, .showLoader:before {
	content:'';
	display: block;
	position: absolute;
	left: 50%;
	top: 30vh;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
	border: 4px solid rgba(0, 0, 0, 0.1);
	border-left-color: #b1ce6a;
	border-radius: 50%;
	animation: donut-spin 1.2s linear infinite;}

#prezentace.empty_presentation ul:before {
	display: none;
}

.mediums_presentation {
}

#prezentace li, #prezentace ul {
	overflow: hidden;
	list-style:none;
	margin:0;
	padding:0;
}

#prezentace.onePhotoVersion ul > li {
	display: none;
	text-align: center;
}

#prezentace.onePhotoVersion ul > li {
	display:block;
}

.flexslider ul li img {
	margin:0 auto;
	max-height: 100%;
}

.text-medium-content {
	background:#fff url(/admin/grafika/s_edit_text_icon.png) center center no-repeat;
	opacity: 0.3;
	-webkit-transition: all 0.222s ease-out;
	-moz-transition: all 0.222s ease-out;
	-o-transition: all 0.222s ease-out;
	-ms-transition: all 0.222s ease-out;
	transition: all 0.222s ease-out;   

}

.text-medium-content:hover {
	opacity: 1;
}


.gallerylist_text {
	clear:left;
}

.medium_detail img {
	display: block;
	margin: 0 auto;
}

.medium_detail {
	position: relative;
}

.medium_detail:hover .description {
	display: block;
	background:#eee;
	background:rgba(255,255,255,0.75);
}

.medium_detail .description {
	position: absolute;
	width: 100%;
	display: none;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.portfolio-all, #mediaList {
	position: relative;
}

@charset "UTF-8";
@font-face{font-family:"SS JuicyFolioCUSTset";src:url('/data/grafika/jf/soci/font/ss-juicyfoliocustset.eot');src:url('/data/grafika/jf/soci/font/ss-juicyfoliocustset.eot?#iefix') format('embedded-opentype'),url('/data/grafika/jf/soci/font/ss-juicyfoliocustset.woff') format('woff'),url('/data/grafika/jf/soci/font/ss-juicyfoliocustset.ttf') format('truetype'),url('/data/grafika/jf/soci/font/ss-juicyfoliocustset.svg#JuicyFolioCUSTset') format('svg');font-weight:normal;font-style:normal}html:hover [class^="ss-"]{-ms-zoom:1}.ss-icon,[class^="ss-"]:before,[class*=" ss-"]:before,[class^="ss-"].right:after,[class*=" ss-"].right:after{font-style:normal;text-decoration:none;text-rendering:optimizeLegibility;white-space:nowrap;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;-o-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class^="ss-"].right:before,[class*=" ss-"].right:before{display:none;content:''}.ss-icon,[class^="ss-"]:before,[class*=" ss-"]:before,[class^="ss-"].right:after,[class*=" ss-"].right:after,.ss-icon.ss-juicyfoliocustset,[class^="ss-"].ss-juicyfoliocustset:before,[class*=" ss-"].ss-juicyfoliocustset:before,[class^="ss-"].ss-juicyfoliocustset.right:after,[class*=" ss-"].ss-juicyfoliocustset.right:after{font-weight:normal;font-family:"SS JuicyFolioCUSTset"}.ss-facebook:before,.ss-facebook.right:after{content:''}.ss-twitter:before,.ss-twitter.right:after{content:''}.ss-linkedin:before,.ss-linkedin.right:after{content:''}.ss-vimeo:before,.ss-vimeo.right:after{content:''}.ss-youtube:before,.ss-youtube.right:after{content:''}.ss-flickr:before,.ss-flickr.right:after{content:''}.ss-instagram:before,.ss-instagram.right:after{content:''}.ss-pinterest:before,.ss-pinterest.right:after{content:''}.ss-googleplus:before,.ss-googleplus.right:after{content:''}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-zoomout:before,.ss-zoomout.right:after{content:''}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-up:before,.ss-up.right:after{content:'⬆'}.ss-down:before,.ss-down.right:after{content:'⬇'}.ss-left:before,.ss-left.right:after{content:'⬅'}.ss-right:before,.ss-right.right:after{content:'➡'}.ss-cart:before,.ss-cart.right:after{content:''}.ss-home:before,.ss-home.right:after{content:'⌂'}.ss-info:before,.ss-info.right:after{content:'ℹ'}.ss-signpost:before,.ss-signpost.right:after{content:''}.ss-rows:before,.ss-rows.right:after{content:''}.ss-clock:before,.ss-clock.right:after{content:'⏲'}.ss-zoomin:before,.ss-zoomin.right:after{content:''}.ss-skype:before,.ss-skype.right:after{content:''}.ss-behance:before,.ss-behance.right:after{content:''}.ss-dribbble:before,.ss-dribbble.right:after{content:''}.ss-soundcloud:before,.ss-soundcloud.right:after{content:''}.ss-500px:before,.ss-500px.right:after{content:''}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-attach:before,.ss-attach.right:after{content:'📎'}.ss-view:before,.ss-view.right:after{content:'👁'}.ss-picture:before,.ss-picture.right:after{content:'🌄'}.ss-cell:before,.ss-cell.right:after{content:'📱'}.ss-tag:before,.ss-tag.right:after{content:'🏷'}.ss-dropdown:before,.ss-dropdown.right:after{content:'▾'}.ss-help:before,.ss-help.right:after{content:'❓'}.ss-map:before,.ss-map.right:after{content:''}.ss-location:before,.ss-location.right:after{content:''}.ss-move:before,.ss-move.right:after{content:''}.ss-compose:before,.ss-compose.right:after{content:'📝'}.ss-key:before,.ss-key.right:after{content:'🔑'}.ss-ban:before,.ss-ban.right:after{content:'🚫'}.ss-target:before,.ss-target.right:after{content:'◎'}.ss-halfstar:before,.ss-halfstar.right:after{content:''}.ss-crop:before,.ss-crop.right:after{content:''}.ss-ellipsischat:before,.ss-ellipsischat.right:after{content:''}.ss-creditcard:before,.ss-creditcard.right:after{content:'💳'}.ss-barchart:before,.ss-barchart.right:after{content:'📊'}.ss-warehouse:before,.ss-warehouse.right:after{content:''}.ss-camera:before,.ss-camera.right:after{content:'📷'}.ss-play:before,.ss-play.right:after{content:'▶'}.ss-pause:before,.ss-pause.right:after{content:''}.ss-stop:before,.ss-stop.right:after{content:'■'}.ss-grid:before,.ss-grid.right:after{content:''}.ss-thumbnails:before,.ss-thumbnails.right:after{content:''}.ss-upload:before,.ss-upload.right:after{content:''}.ss-download:before,.ss-download.right:after{content:''}.ss-folder:before,.ss-folder.right:after{content:'📁'}.ss-text:before,.ss-text.right:after{content:''}.ss-list:before,.ss-list.right:after{content:''}.ss-layout:before,.ss-layout.right:after{content:''}.ss-expand:before,.ss-expand.right:after{content:'⤢'}.ss-contract:before,.ss-contract.right:after{content:''}.ss-caution:before,.ss-caution.right:after{content:'⛔'}.ss-dashboard:before,.ss-dashboard.right:after{content:''}.ss-calendar:before,.ss-calendar.right:after{content:'📅'}.ss-delete:before,.ss-delete.right:after{content:'␡'}.ss-plus:before,.ss-plus.right:after{content:'+'}.ss-logout:before,.ss-logout.right:after{content:''}.ss-alert:before,.ss-alert.right:after{content:'⚠'}.ss-print:before,.ss-print.right:after{content:'⎙'}.ss-font:before,.ss-font.right:after{content:''}.ss-file:before,.ss-file.right:after{content:'📄'}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:''}.ss-sync:before,.ss-sync.right:after{content:'🗘'}.ss-lightbulb:before,.ss-lightbulb.right:after{content:'💡'}.ss-tablet:before,.ss-tablet.right:after{content:''}.ss-filter:before,.ss-filter.right:after{content:''}.ss-users:before,.ss-users.right:after{content:'👥'}.ss-star:before,.ss-star.right:after{content:'⋆'}.ss-trash:before,.ss-trash.right:after{content:'🗑'}.ss-erase:before,.ss-erase.right:after{content:'✐'}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:''}.ss-heart:before,.ss-heart.right:after{content:'♥'}.ss-addcalendar:before,.ss-addcalendar.right:after{content:''}.ss-removecalendar:before,.ss-removecalendar.right:after{content:''}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:''}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:''}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:'🔕'}.ss-notifications:before,.ss-notifications.right:after{content:'🔔'}.ss-settings:before,.ss-settings.right:after{content:'⚙'}.ss-check:before,.ss-check.right:after{content:'✓'}.ss-refresh:before,.ss-refresh.right:after{content:'↻'}.ss-replay:before,.ss-replay.right:after{content:'↺'}.ss-video:before,.ss-video.right:after{content:'📹'}.ss-music:before,.ss-music.right:after{content:'♫'}.ss-globe:before,.ss-globe.right:after{content:'🌐'}.ss-dollarsign:before,.ss-dollarsign.right:after{content:'$'}.ss-chat:before,.ss-chat.right:after{content:'💬'}.ss-write:before,.ss-write.right:after{content:'✎'}.ss-lock:before,.ss-lock.right:after{content:'🔒'}.ss-unlock:before,.ss-unlock.right:after{content:'🔓'}.ss-user:before,.ss-user.right:after{content:'👤'}.ss-desktop:before,.ss-desktop.right:after{content:'💻'}.ss-vine:before,.ss-vine.right:after{content:''}.ss-ello:before,.ss-ello.right:after{content:''}.ss-vscogrid:before,.ss-vscogrid.right:after{content:''}.ss-paypal:before,.ss-paypal.right:after{content:''}.ss-kickstarter:before,.ss-kickstarter.right:after{content:''}.ss-etsy:before,.ss-etsy.right:after{content:''}.ss-whatsapp:before,.ss-whatsapp.right:after{content:''}.ss-appstore:before,.ss-appstore.right:after{content:''}.ss-googleplay:before,.ss-googleplay.right:after{content:''}.ss-microsoft:before,.ss-microsoft.right:after{content:''}.ss-windows:before,.ss-windows.right:after{content:''}.ss-android:before,.ss-android.right:after{content:''}.ss-blackberry:before,.ss-blackberry.right:after{content:''}.ss-github:before,.ss-github.right:after{content:''}.ss-laptop:before,.ss-laptop.right:after{content:''}.ss-skipback:before,.ss-skipback.right:after{content:'⏮'}.ss-skipforward:before,.ss-skipforward.right:after{content:'⏭'}.ss-repeat:before,.ss-repeat.right:after{content:'🔁'}.ss-hdd:before,.ss-hdd.right:after{content:'🖴'}.ss-search:before,.ss-search.right:after{content:'🔍'}.ss-femaleuser:before,.ss-femaleuser.right:after{content:'👧'}.ss-navigateup:before,.ss-navigateup.right:after{content:''}.ss-navigatedown:before,.ss-navigatedown.right:after{content:''}.ss-bookmark:before,.ss-bookmark.right:after{content:'🔖'}.ss-flag:before,.ss-flag.right:after{content:'⚑'}.ss-navigateright:before,.ss-navigateright.right:after{content:'▻'}.ss-navigateleft:before,.ss-navigateleft.right:after{content:'◅'}.ss-piechart:before,.ss-piechart.right:after{content:''}.ss-directup:before,.ss-directup.right:after{content:'▴'}.ss-directleft:before,.ss-directleft.right:after{content:'◃'}.ss-directright:before,.ss-directright.right:after{content:'▹'}.ss-layers:before,.ss-layers.right:after{content:''}.ss-quote:before,.ss-quote.right:after{content:'“'}


.link-folio a {    
    float: left;
    width: 24px;
    height: 24px;
    margin-left: 24px;
    font-size: 24px;

    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;

    text-decoration: none;
    color: #0b8cc0;

}

.link-folio a:hover, .link-folio a:focus, .link-folio a:active {
    color: #0a000a;
    text-decoration: none;
}

.link-folio a .name {
    display: none;
}

.link-folio #folio { 
    background: url('/data/grafika/jf/juic/logo-jf-17px.png') no-repeat 0 -51px;
    width: 93px;
    height: 17px;
    bottom: 47px;
    display: block;
    float:left;    
    margin:9.59px 24px 0 24px;
}

.link-folio #folio:hover, .link-folio #folio:focus, .link-folio #folio:active { 
    background-position: 0 -34px;
}

.link-folio #licence_text {
    padding-top: 5.3333333333333px;
    font-size: 8px;
}

.shop_content_container .shopping_cart_item .remove_from_cart {
    font-size: 16px;
}

.remove_from_cart .icon-times {
    display: none;
}



.html_textcontent {
	text-align: left;
}

.html_textcontent h1 {
	font-size: 2em;
	margin: 30px 0 15px 0;
	font-weight:normal;
	padding:0;
	text-align:left;
	line-height:110%;
}

.html_textcontent h2 {
	font-size: 1.65em;
	font-weight: normal;
	margin: 50px 0 25px 0;
	line-height:110%;  
	padding:0;
}

.html_textcontent h3 {
	font-size: 1.33em;
	margin: 10px 0 5px 0;
	font-weight:normal;
	padding: 0;
	line-height:110%;
}

.html_textcontent p{
	font-size: 16px;
	min-height: 16px;
	line-height:1.5em;
	margin:0;
}

.html_textcontent p.text_block,
.html_textcontent h1.text_block,
.html_textcontent h2.text_block,
.html_textcontent h3.text_block,
.html_textcontent p.text_block_nomargin,
.html_textcontent h1.text_block_nomargin,
.html_textcontent h2.text_block_nomargin,
.html_textcontent h3.text_block_nomargin 
{
		width: 800px;
		max-width: 100%;
		margin: 20px auto;
		padding: 0 1em;
		box-sizing: border-box;
}
.html_textcontent p iframe {
	max-width: 100%;
}

.html_textcontent li.text_block {
		padding: 0;
		width: 700px;
		max-width: 100%;
		margin: 10px auto;
		@media screen and (max-width: 768px) {
			& {
				padding-left: 30px;
			}
		}
}

.html_textcontent p.text_block_nomargin,
.html_textcontent h1.text_block_nomargin,
.html_textcontent h2.text_block_nomargin,
.html_textcontent h3.text_block_nomargin  
{
	margin-left: 0;
}

.html_textcontent ul.text_block
{
	padding:0 0 0 40px;
}

.html_textcontent ol.text_block
{
	 padding:0 0 0 40px; 
}

.html_textcontent ul.text_block,
.html_textcontent ol.text_block 
{
	width: 510px;
}

.html_textcontent p.large_image img 
{
}

.html_textcontent img{
	height: auto;
	max-width: 100%;
	padding-top:30px;
	padding-bottom:30px;
	padding: 0;
}

.html_textcontent img[style*="float: left"],
.html_textcontent img[style*="float:left"],
.html_textcontent img[align="left"]
{
	padding-right: 30px;
	box-sizing: border-box;
}

.html_textcontent img[style*="float: right"],
.html_textcontent img[style*="float:right"],
.html_textcontent img[align="right"]
{
	padding-left: 30px;
	box-sizing: border-box;
}

.html_textcontent ul{
	margin:14px 0;
	padding:0 0 0 40px;
	list-style-type: square; 
	line-height: 1.5em;
	padding: 0;
}

.html_textcontent ol{
	margin:14px 0;
	padding:0 0 0 40px;
	list-style-type: decimal; 
	line-height: 1.5em;
}

.html_textcontent ul ul {
	list-style-type: circle;
	margin:0; 
}

.html_textcontent ol ul {
	list-style-type: circle;
	margin:0; 
}

.html_textcontent .jfmrow,
.html_textcontent .col-100,
.html_textcontent .col-50,
.html_textcontent .col-66,
.html_textcontent .col-33
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.html_textcontent .jfmrow {
  width:100%;  
}

.html_textcontent .jfmrow:after {
  content: "";
  display: table;
  clear: both;
}

.html_textcontent .col-100 {
  width:100%;
  float:left;
}

.html_textcontent .col-50 {
  width:50%;
  float:left;
}

.html_textcontent .col-66 {
  width: 66.666666%;
  width: calc(100%*2/3);
  float:left;
}

.html_textcontent .col-33 {
  width: 33.333333%;
  width: calc(100%/3);
  float:left;
}


@media screen and (max-width: 768px) {  
  .html_textcontent .col-100,
  .html_textcontent .col-50,
  .html_textcontent .col-66,
  .html_textcontent .col-33
  {
    float: none;
    width: 100%;
  }
}


.html_textcontent a,.module_content a  {
	color:#0b8cc0;
	text-decoration:none;
	-webkit-transition: all 0.222s ease-out;
	-moz-transition: all 0.222s ease-out;
	-o-transition: all 0.222s ease-out;
	-ms-transition: all 0.222s ease-out;
	transition: all 0.222s ease-out;  
}

.html_textcontent a:hover, .html_textcontent a:active, .html_textcontent a:focus
,.module_content a:hover, .module_content a:active, .module_content a:focus {
	color:#8eae3d;
	text-decoration:none;
	
}


body {
	background: #ffffff; /* from page */
}
#content, #licence_text {
	color:#0a000a;
	font-family:"Helvetica Neue",Helvetica Neue,Helvetica,Lucida Grande,Arial,sans-serif; 
	font-size:16px;
}



.html_textcontent .jfmrow img,
.module_content .jfmrow img {
  width: auto;
  height: auto;
  max-width: 100%;
}


#social_icons.link-folio {
	font-size: 1rem;
	position: fixed;
	bottom: 24px;
	left: 0;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

#social_icons.link-folio #folio { 
	position: fixed;
	bottom: 54px;
}

#jump-top {
	display: none;
	text-align: center;
}

.portfolioMenuList .last_full_page {
	display:none;
}

.video_medium {
	position: relative;
}

/*!
 * Justified Gallery - v3.5.0
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2014 Miro Mannino
 * Licensed under the MIT license.
 */
@-webkit-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-moz-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-o-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-webkit-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-moz-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-o-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;opacity:0;filter:alpha(opacity=0)}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;opacity:.7;filter:"alpha(opacity=70)";-webkit-animation:justified-gallery-show-caption-animation 500ms 0 ease;-moz-animation:justified-gallery-show-caption-animation 500ms 0 ease;-ms-animation:justified-gallery-show-caption-animation 500ms 0 ease}.justified-gallery>.entry-visible{opacity:1;filter:alpha(opacity=100);-webkit-animation:justified-gallery-show-entry-animation 500ms 0 ease;-moz-animation:justified-gallery-show-entry-animation 500ms 0 ease;-ms-animation:justified-gallery-show-entry-animation 500ms 0 ease}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;opacity:initial;filter:initial;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;opacity:0;filter:alpha(opacity=0);width:8px;height:8px;margin:0 4px;background-color:#000;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}

.fullpicture_presentation .medium,
.fullpicture_presentation img,
.fullpicture_presentation iframe {
  height: auto;
  margin: 0 auto;
  display: block;
  max-width: 100%;
  width: 1000px;
}
@media screen and (max-width: 1240px) {
  .fullpicture_presentation .medium,
  .fullpicture_presentation img,
  .fullpicture_presentation iframe {
    max-width: 100%;
  }
}
.fullpicture_presentation iframe[src*="vimeo.com"],
.fullpicture_presentation iframe[src*="youtube.com"] {
  height: 562px;
}


/*
@media screen and (max-width: 1400px) and (min-width: 890px) {
	#content img {
		max-width: calc(100vw - 230px - 30px);
	}

	#content .text_block img {
		max-width: calc(100vw - 230px - 150px - 30px);
	}
}

@media screen and (max-width: 1000px) and (min-width: 890px) {

	#content .text_block img {
		max-width: calc(100vw - 230px - 30px);
	}
} */


@media screen and (max-width: 1240px) {

	#page {
		width: 100%;
		min-width: 530px;
	}

	#content {
		width: calc(100% - 230px);        
	}

	#content img, #content object, #content iframe, #content .medium iframe, #content .video_content iframe {
		max-width: 100%;
		height: auto;
	}


	#content object, #content iframe, #content .medium iframe, #content .video_content iframe {
		height: 46vw;
		min-height: 170px;    
	}

	#content .portfolio img {
		max-width: inherit;
	}

	#content .portfolio {
		display: inline-block;
		float: none;
		text-align: left;
		/*width: calc((100vw - 280px) / 3);
		height: calc((100vw - 280px) / 3);*/
	}


	.mode_portfolios #content {
		text-align: center;
	}

}

@media screen and (max-width: 1000px) {
	.galerie_kategorie_detail .text-hover .inner, 
	.html_textcontent p.text_block, 
	.html_textcontent h1.text_block, 
	.html_textcontent h2.text_block, 
	.html_textcontent h3.text_block
	{
		margin-left: 0;

	}

	.blog h1.blog-title
	{
		padding-left: 0;
	}    
}

@media screen and (max-width: 890px) {

	.galerie_kategorie_detail .text-hover .inner,
	.html_textcontent p.text_block,
	.html_textcontent h1.text_block,
	.html_textcontent h2.text_block,
	.html_textcontent h3.text_block {
		width: 100%;
	}

}

@media (max-width: 768px ) {
	#page {
		min-width: 0;
	}

	#page-container {
		margin: 0 5px;
	}

	#content {
		position: relative;
		z-index:1;
		width: 100%;
		min-height: 0;
		margin: 0;
		clear: both;
		padding-bottom: 80px;        
		padding-top:32px;
	}    

	#menu-side {
		float: none;
		width: auto;
		height: auto;
		clear: both;
		padding-left: 0;
		position: relative;
		z-index: 2;
	}

	#logo {        
		width: 100%;
		text-align: center;
		margin-bottom: 0;
	}

	#content .galerietop h1 {
		margin-top: 0;
		text-align: center;
	}

	.blog-title {
		margin-top: 0;
		padding-top: 0;
	}

	.portfolio, .portfolio.posledni {
		float: none;
		display: inline-block;
		text-align: left;
	}

	#menu {
		position: absolute;
		top:150px;
		z-index:21;
		width: 100%;
		margin-top: 0;
		padding-right: 0;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	}


	#jump-top {
		display: block;
			background: #ffffff;

		z-index:1003;    
		height: 32px;
		line-height: 32px;
	}
	body:not(:target) #menu:target #main-menu {
		display:block;  
		width: 100%;
		padding:16px 16px;
			background: #ffffff;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#menu #main-menu, #page #menu:not(:target) #main-menu {
		display:none;
		z-index:1002;
	}
	#main-menu li {
		-webkit-transition: height 0.25s;
		-moz-transition: height 0.25s;
		-o-transition: height 0.25s;
		transition: height 0.25s;  
	}
	body:not(:target) #menu:target #main-menu li {
		float:none;
		line-height:2.2;
		z-index: 2;
		position: relative;
	}
	body:not(:target) #menu:target #main-menu li a {
		display: block;
	}
	body:not(:target) #menu:target #main-menu li.last_full_page {
		z-index:1;
	}

	body:not(:target) #menu:target #jump-top {
		z-index:1
	}

	#menu:target #main-menu li.last_full_page {
		display: block;
	}

	#menu:target #main-menu li.last_full_page a {
		display:block;
		position:fixed;
		top:0;
		left:0;
		width:100%;height:100%;
		z-index:1;
	}

	#content .medium iframe, #content .video_content iframe {
		height: 57vw;
	}

	p iframe {
		margin: 0 auto;
		max-width: 100%;
	}

	.galerie_kategorie_detail .text-hover .inner, 
	.html_textcontent p.text_block, 
	.html_textcontent h1.text_block, 
	.html_textcontent h2.text_block, 
	.html_textcontent h3.text_block 
	{
		margin-left: 0;

	}
	.html_textcontent li.text_block {
		margin-left: 30px;
		width: calc(100% - 30px);
	}

	.blog h1.blog-title
	{
		padding-left: 0;
	}

}
@media screen and (max-width: 600px) {
	.contactForm tr {
		width: 100%;
	}
	.contactForm tr th {
		width: 25%;
	}
	.contactForm tr td {
		width: 75%;
	}
	.contactForm input, .contactForm textarea, .contactForm select {
		width: 100%;
	}
}




.flash {
	position: absolute;
	position: fixed;
	top:0;
	left:50%;
	margin-left:-200px;
	width:400px;
	background-color:#fff;
	background:rgba(255,255,255,0.6);
	color:#000;
	display: block;
	z-index:100;
	text-align: center;
	padding:15px;

	-webkit-transform-origin: 100% 50%;
	-webkit-animation: openFlashAnimation 3s both ease-in;
	-moz-transform-origin: 100% 50%;
	-moz-animation: openFlashAnimation 3s both ease-in;
	transform-origin: 100% 50%;
	animation: openFlashAnimation 3s both ease-in;

}

@-webkit-keyframes openFlashAnimation {
      0% {
            -webkit-transform: translateY(-200px);
      }
      100% {
            -webkit-transform: translateY(0);
      }
}
@-moz-keyframes openFlashAnimation {
      0% {
            -moz-transform: translateY(-200px);
      }
      100% {
            -moz-transform: translateY(0);
      }
}
@keyframes openFlashAnimation {
      0% {
            transform: translateY(-200px);
      }
      100% {
            transform: translateY(0);
      }
}.jfForm {
  padding: 20px 0;
}
.jfForm .has-error {
  display: block !important;
}
.jfForm .form-group {
  display: block;
  width: 100%;
  padding: 5px 0;
}
.jfForm .form-group .control-label {
  width: 20%;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
.jfForm .form-group .control-container {
  width: 70%;
  padding: 0;
  margin: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
.jfForm .form-group input,
.jfForm .form-group textarea,
.jfForm .form-group select {
  border: 1px solid #303030;
  resize: none;
  padding: 5px;
}
.jfForm .form-group input,
.jfForm .form-group textarea {
  width: 100%;
}
.jfForm .form-group input[type="submit"] {
  width: auto;
  float: right;
  color: #fff;
  box-shadow: 0 1px 3px rgba(135,145,155,0.55);
  border: 0;
  background: #303030;
  cursor: pointer;
  padding: 10px 15px;
}
.jfForm .form-group input[type="submit"]:hover {
  background: #666;
}
.jfForm .form-group label input[type="radio"],
.jfForm .form-group label input[type="checkbox"] {
  margin-right: 7px;
  width: auto;
}
@media (max-width: 640px) {
  .jfForm .form-group {
    display: block;
    width: 100%;
    margin-left: 0%;
  }
  .jfForm .form-group .control-container {
    width: 100%;
  }
  .jfForm .form-group input[type="radio"],
  .jfForm .form-group input[type="checkbox"],
  .jfForm .form-group input[type="submit"] {
    width: auto;
  }
  .jfForm .form-group input,
  .jfForm .form-group textarea {
    width: calc(100% - 15px);
  }
  .jfForm .form-group .control-label {
    width: 100%;
  }
  .jfForm .form-group .control-label label {
    padding-left: 5px;
    padding-top: 10px;
    display: block;
    text-align: left;
    width: auto;
  }
}.jfFormInline {
  overflow: hidden;
  clear: both;
}
.jfFormInline .form-group {
  display: block;
  border: 1px solid silver;
  border-radius: 5px;
  padding: 10px;
  margin: 0 0 10px 0;
}
.jfFormInline .control-container input,
.jfFormInline .control-container textarea,
.jfFormInline .control-container select {
  max-width: 100%;
  padding: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jfFormInline .control-label {
  display: block;
  font-size: 110%;
  font-weight: bold;
  margin: 10px 0 5px;
}
.jfFormInline label input[type="radio"],
.jfFormInline label input[type="checkbox"] {
  margin-right: 7px;
}.jfFormResponsive {
  clear: both;
  padding: 1em 0;
}
.jfFormResponsive input {
  padding: 5px;
}
.jfFormResponsive td,
.jfFormResponsive th {
  vertical-align: middle;
}
.jfFormResponsive th {
  text-align: right;
}
.jfFormResponsive th,
.jfFormResponsive td,
.jfFormResponsive textarea,
.jfFormResponsive input[type="submit"] {
  padding: 5px;
}
.jfFormResponsive input[type="submit"] {
  font-size: 110%;
  cursor: pointer;
}
.jfFormResponsive .form-group {
  display: block;
}
.jfFormResponsive input,
.jfFormResponsive textarea,
.jfFormResponsive select {
  max-width: 100%;
  padding: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jfFormResponsive textarea {
  width: 100%;
}
.jfFormResponsive label input[type="radio"],
.jfFormResponsive label input[type="checkbox"] {
  margin-right: 7px;
}
@media (max-width: 640px) {
  .jfFormResponsive table,
  .jfFormResponsive th,
  .jfFormResponsive td,
  .jfFormResponsive tr {
    display: block;
  }
  .jfFormResponsive input {
    width: 100%;
  }
  .jfFormResponsive input[type="radio"],
  .jfFormResponsive input[type="checkbox"],
  .jfFormResponsive input[type="submit"] {
    width: auto;
  }
  .jfFormResponsive th {
    text-align: left;
  }
}.eu-cookie {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: #6a6a6b;
    z-index: 1000;
    padding: 5px 0;
    font-size: 13px;
    font-family: sans-serif;
}

.eu-cookie a {
	color: #fff;	
	text-decoration: underline;
}

.eu-cookie a:hover, .eu-cookie a:focus, .eu-cookie a:active {
	text-decoration: none;
} 





.portfolio .inner-text, .medium .cover { 
	background:none;
}

.portfolio a img {
	 opacity: 1;
}

.html_blogcontent p.perex {
	width:550px;
	padding-top:30px;
	padding-bottom:15px;
	width: 800px;
	padding: 0 100px;
	margin: 1em auto;
	max-width: calc(100% - 200px);
}

.medium a:hover .cover, .portfolio a:hover .inner-text, .portfolio a:active .inner-text, .portfolio a:focus .inner-text, a.medium:hover .cover {
	background-color:#9A9E9F;
	background-color:rgba(154,158,159,0.8);
	-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;
}

#prezentace.kenburns .flex-active-slide img {
	-webkit-transition-duration: 8s;
	-moz-transition-duration: 8s;
	-ms-transition-duration: 8s;
	-o-transition-duration: 8s;
	transition-duration: 8s;

	-webkit-transform: translate(30px, 0) scale(1.125);
	-moz-transform: translate(30px, 0) scale(1.125);
	-ms-transform: translate(30px, 0) scale(1.125);
	-o-transform: translate(30px, 0) scale(1.125);
	transform: translate(30px, 0) scale(1.125);

}

#prezentace.kenburns li.flex-active-slide:nth-child(2n) img {
	-webkit-transition-duration: 8s;
	-moz-transition-duration: 8s;
	-ms-transition-duration: 8s;
	-o-transition-duration: 8s;
	transition-duration: 8s;

	-webkit-transform: translate(-30px, 0) scale(1.125);
	-moz-transform: translate(-30px, 0) scale(1.125);
	-ms-transform: translate(-30px, 0) scale(1.125);
	-o-transform: translate(-30px, 0) scale(1.125);
	transform: translate(-30px, 0) scale(1.125);    
}


html {
  scroll-behavior: smooth;
  font-size: 16px;
}
a,
a:hover,
a:focus,
a:active,
a img,
a:hover img {
  transition: .3s;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
a:hover img {
  transform: scale(1.02);
}
img,
iframe {
  max-width: 100%;
}
img {
  height: auto;
}
body #container {
  padding: 20px 20px 20px 0;
}
body #container #page {
  margin: 0;
  padding: 0;
  max-width: 100%;
}
#menu-side {
  padding: 0 5px 10px 20px;
}
#menu-side #logo {
  width: 100%;
  padding-bottom: 1rem;
}
#menu-side #logo a {
  transition: .3s;
}
#menu-side #logo a:hover,
#menu-side #logo a:focus,
#menu-side #logo a:active {
  transition: .3s;
  color: #f088a2;
}
#menu-side #logo span {
  line-height: unset;
  background-size: contain;
}
#menu-side #menu {
  margin: 0;
  padding: 0;
}
#menu-side #menu ul {
  margin: 0;
}
#menu-side #menu .portfolioMenuList li {
  padding: 0;
  line-height: 1.5;
}
#menu-side #menu a.contact {
  display: block;
  padding-top: 10px;
}
#menu-side #menu a.ReadME {
  color: #f088a2;
}
#menu-side #menu a.ReadME:hover,
#menu-side #menu a.ReadME.aktivni {
  color: #030303;
}
#social_icons.link-folio {
  margin: 0;
  z-index: 3;
  bottom: 20px;
  width: 230px;
  display: block;
  overflow: hidden;
  text-align: center;
  padding: 0 0 50px 0;
}
#social_icons.link-folio a {
  z-index: 1;
  float: none;
  margin: 0 5px;
  display: inline-block;
}
#social_icons.link-folio a:hover,
#social_icons.link-folio a:active,
#social_icons.link-folio a:focus {
  text-decoration: none;
}
#social_icons.link-folio a#folio {
  left: 0;
  margin: 0;
  bottom: 5px;
  width: 230px;
  background-position-x: center;
}
#social_icons.link-folio a#folio:hover,
#social_icons.link-folio a#folio:active,
#social_icons.link-folio a#folio:focus {
  transition: none;
}
#licence_text {
  left: 0;
  bottom: 0;
  margin: 0;
  opacity: .8;
  height: auto;
  width: 230px;
  position: fixed;
  font-size: 10px;
  line-height: 1.5;
  box-sizing: border-box;
  padding: 5px 5px 30px 5px;
  color: #0a000a;
  background: #0a000a08;
}
#licence_text a {
  font-size: 10px;
}
#menu-side #social_icons {
  margin: 0;
  width: 100%;
  height: 30px;
  display: block;
  overflow: hidden;
  margin-top: 1rem;
}
#menu-side #social_icons a.icon {
  margin: 0 15px 0 0;
}
#menu-side #social_icons a.icon:hover,
#menu-side #social_icons a.icon:active,
#menu-side #social_icons a.icon:focus {
  text-decoration: none;
}
#menu-side #social_icons .icon {
  line-height: unset;
}
#menu-side #social_icons a#folio {
  left: 0;
  margin: 0;
  bottom: 5px;
  width: 230px;
  z-index: 999;
  position: fixed;
  transition: none;
  background-position-x: center;
}
h1,
h2,
h3,
p,
span,
li {
  line-height: 1.5;
}
.html_textcontent h1,
.html_textcontent h2,
.html_textcontent h3,
.html_textcontent p,
.html_textcontent span,
.html_textcontent li {
  line-height: 1.5;
}
.html_textcontent p,
p {
  margin: .5em 0;
  font-size: 1rem;
  text-align: left;
}
.html_textcontent h1,
h1,
.html_textcontent h2,
h2,
.html_textcontent h3,
h3 {
  margin: 1.5em 0 .5em 0;
}
.html_textcontent h1,
h1 {
  font-size: 1.9rem;
}
.html_textcontent h2,
h2 {
  font-size: 1.6rem;
}
.html_textcontent h3,
h3 {
  font-size: 1.3rem;
}
.html_textcontent ul,
.html_textcontent ol {
  margin: 1em auto;
  padding: 0 0 0 2rem;
  box-sizing: border-box;
}
.html_textcontent img {
  padding: 0;
}
.html_textcontent p.text_block,
.html_textcontent p.text_block_nomargin,
.html_textcontent ul.text_block,
.html_textcontent ol.text_block,
.html_textcontent li.text_block {
  padding: 0;
  width: 100%;
  max-width: 800px;
  margin: 1rem auto;
}
.html_textcontent h1.text_block,
.html_textcontent h2.text_block,
.html_textcontent h3.text_block {
  padding: 0;
  width: 100%;
  max-width: 800px;
  margin: 1em auto .5em auto;
}
.html_textcontent .col-100,
.html_textcontent .col-66,
.html_textcontent .col-50,
.html_textcontent .col-33 {
  padding: 0 .5rem;
  line-height: 1.5;
  box-sizing: border-box;
}
.html_textcontent ul.text_block,
.html_textcontent ol.text_block,
.html_textcontent li.text_block {
  width: 90%;
  margin: 1rem auto;
  padding: 0 0 0 2rem;
  box-sizing: border-box;
}
.html_textcontent li,
.html_textcontent li.text_block {
  padding: 0;
  margin: 0 auto;
  font-size: 1rem;
}
.html_textcontent a {
  height: 100%;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.jfForm {
  padding: 10px;
  overflow: hidden;
  max-width: 600px;
  margin: .5rem auto;
  position: relative;
}
.jfForm .form-gdpr {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.jfForm input#frm-jfForm-1__-agreed,
.jfForm input#frm-jfForm-2__-agreed,
.jfForm input#frm-jfForm-3__-agreed,
.jfForm input#frm-jfForm-4__-agreed,
.jfForm input#frm-jfForm-5__-agreed,
.jfForm input#frm-jfForm-6__-agreed {
  display: none;
}
.jfForm .form-group span.control-label {
  line-height: 1.5;
}
.jfForm .form-group .control-label {
  width: 25%;
  float: left;
}
.jfForm .form-group .control-container {
  margin: 0;
  width: 75%;
}
.jfForm .form-group input,
.jfForm .form-group textarea,
.jfForm .form-group select {
  box-sizing: border-box;
  border-color: #0a000a;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.jfForm .form-group span.control-label,
.jfForm .form-group .control-container {
  min-height: 30px;
  line-height: 30px;
}
.jfForm .form-group input,
.jfForm .form-group textarea {
  min-height: 18px;
  line-height: 18px;
  vertical-align: top;
}
.jfForm .form-group select {
  width: 100%;
}
.jfForm .form-group span.control-container input[type="submit"],
.jfForm .form-group span.control-container input[type="submit"]:hover {
  transition: .3s;
}
.jfForm .form-group span.control-container input[type="submit"] {
  padding: 0;
  width: 100%;
  font-size: 18px;
  line-height: 50px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  background: #0b8cc0;
}
.jfForm .form-group span.control-container input[type="submit"]:hover {
  background: #8eae3d;
}
.jfForm.compact-form {
  max-width: 500px;
}
.jfForm.compact-form span.control-label {
  display: none;
}
.jfForm.compact-form .form-group .control-container {
  width: 100%;
}
.flash.event-form {
  color: #fff;
  margin-top: 15px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "PT Sans", sans-serif;
  background: #0b8cc0;
}
html.mode_slideshow #container {
  padding: 0;
}
html.mode_slideshow #container #menu-side {
  padding-top: 20px;
}
html.mode_slideshow #page-container,
html.mode_slideshow #prezentace ul,
html.mode_slideshow #prezentace li {
  height: 100vh;
  max-height: 100%;
  min-height: 100vh;
}
html.mode_slideshow #prezentace li img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
html.mode_slideshow #licence_text {
  margin: 0;
}
@media (max-width: 768px) {
  html.mode_slideshow body {
    padding: 0;
  }
  html.mode_slideshow body #container #page #page-container #content {
    padding: 0;
  }
  html.mode_slideshow body #container #page #page-container #content #page-container,
  html.mode_slideshow body #container #page #page-container #content #prezentace ul,
  html.mode_slideshow body #container #page #page-container #content #prezentace li {
    height: calc(100vh - 61px);
    min-height: calc(100vh - 61px);
    max-height: calc(100vh - 61px);
  }
  html.mode_slideshow body #container #menu-side {
    padding-top: 0;
  }
}
html.mode_portfolios .medium,
html.mode_portfolios .portfolio,
html.mode_blog_detail .medium,
html.mode_blog_detail .portfolio {
  overflow: hidden;
}
html.mode_portfolios .medium .cover,
html.mode_portfolios .portfolio .cover,
html.mode_blog_detail .medium .cover,
html.mode_blog_detail .portfolio .cover {
  bottom: 0;
  top: auto;
  padding: 0;
  height: auto;
  display: flex;
  background: none;
  overflow: hidden;
  flex-flow: column;
  padding: 1rem 1.25rem;
  background: #0a000aCC;
}
html.mode_portfolios .medium .cover.cover_empty,
html.mode_portfolios .portfolio .cover.cover_empty,
html.mode_blog_detail .medium .cover.cover_empty,
html.mode_blog_detail .portfolio .cover.cover_empty {
  background: none;
}
html.mode_portfolios .medium .cover .name,
html.mode_portfolios .medium .cover .description,
html.mode_portfolios .portfolio .cover .name,
html.mode_portfolios .portfolio .cover .description,
html.mode_blog_detail .medium .cover .name,
html.mode_blog_detail .medium .cover .description,
html.mode_blog_detail .portfolio .cover .name,
html.mode_blog_detail .portfolio .cover .description {
  padding: 0;
  transition: .3s;
  line-height: 1.5;
  font-size: 1rem;
}
html.mode_portfolios .medium .cover .description,
html.mode_portfolios .portfolio .cover .description,
html.mode_blog_detail .medium .cover .description,
html.mode_blog_detail .portfolio .cover .description {
  font-size: .8rem;
}
html.mode_portfolios .medium .count,
html.mode_portfolios .medium .name,
html.mode_portfolios .portfolio .count,
html.mode_portfolios .portfolio .name,
html.mode_blog_detail .medium .count,
html.mode_blog_detail .medium .name,
html.mode_blog_detail .portfolio .count,
html.mode_blog_detail .portfolio .name {
  margin: 0;
  padding: 10px;
}
html.mode_portfolios .medium a:hover .inner-text,
html.mode_portfolios .portfolio a:hover .inner-text,
html.mode_blog_detail .medium a:hover .inner-text,
html.mode_blog_detail .portfolio a:hover .inner-text {
  background: none;
}
html.mode_portfolios a.medium_text,
html.mode_blog_detail a.medium_text {
  opacity: .8;
  width: 100%;
  padding: .5em;
  overflow: hidden;
  max-height: 500px;
  text-decoration: none;
  box-sizing: border-box;
  background: #0a000a0C;
  border: 2px solid #0a000a0C;
}
html.mode_portfolios a.medium_text:hover,
html.mode_portfolios a.medium_text:active,
html.mode_portfolios a.medium_text:focus,
html.mode_blog_detail a.medium_text:hover,
html.mode_blog_detail a.medium_text:active,
html.mode_blog_detail a.medium_text:focus {
  opacity: 1;
}
html.mode_portfolios a.medium_text:after,
html.mode_blog_detail a.medium_text:after {
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 100px;
  display: block;
  position: absolute;
  box-sizing: border-box;
  background: linear-gradient(transparent,#ffffff);
}
html.mode_portfolios #page,
html.mode_gallerylistmanual #page,
html.mode_medialistmanual #page {
  max-width: 100%;
}
html.mode_portfolios .portfolio-all .portfolio a,
html.mode_gallerylistmanual .portfolio-all .portfolio a,
html.mode_medialistmanual .portfolio-all .portfolio a {
  font-size: 0;
}
html.mode_portfolios .portfolio-all .portfolio a .inner-text,
html.mode_gallerylistmanual .portfolio-all .portfolio a .inner-text,
html.mode_medialistmanual .portfolio-all .portfolio a .inner-text {
  transition: .3s;
  top: calc(100% - 4rem);
  background: #0a000aCC;
}
html.mode_portfolios .portfolio-all .portfolio a .inner-text .count,
html.mode_portfolios .portfolio-all .portfolio a .inner-text .name,
html.mode_gallerylistmanual .portfolio-all .portfolio a .inner-text .count,
html.mode_gallerylistmanual .portfolio-all .portfolio a .inner-text .name,
html.mode_medialistmanual .portfolio-all .portfolio a .inner-text .count,
html.mode_medialistmanual .portfolio-all .portfolio a .inner-text .name {
  float: left;
  padding: 1rem;
  line-height: 2rem;
  color: #ffffff;
}
html.mode_portfolios .portfolio-all .portfolio a .inner-text .count,
html.mode_gallerylistmanual .portfolio-all .portfolio a .inner-text .count,
html.mode_medialistmanual .portfolio-all .portfolio a .inner-text .count {
  max-width: 25%;
  font-size: 1.8rem;
}
html.mode_portfolios .portfolio-all .portfolio a .inner-text .name,
html.mode_gallerylistmanual .portfolio-all .portfolio a .inner-text .name,
html.mode_medialistmanual .portfolio-all .portfolio a .inner-text .name {
  max-width: 75%;
  font-size: 1rem;
  padding-left: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
html.mode_portfolios .portfolio-all .portfolio a:hover .inner-text,
html.mode_portfolios .portfolio-all .portfolio a:focus .inner-text,
html.mode_portfolios .portfolio-all .portfolio a:active .inner-text,
html.mode_gallerylistmanual .portfolio-all .portfolio a:hover .inner-text,
html.mode_gallerylistmanual .portfolio-all .portfolio a:focus .inner-text,
html.mode_gallerylistmanual .portfolio-all .portfolio a:active .inner-text,
html.mode_medialistmanual .portfolio-all .portfolio a:hover .inner-text,
html.mode_medialistmanual .portfolio-all .portfolio a:focus .inner-text,
html.mode_medialistmanual .portfolio-all .portfolio a:active .inner-text {
  transition: .3s;
  background: #0a000aE7;
}
html.mode_portfolios .portfolio-all .portfolio,
html.mode_portfolios .portfolio-all .foto,
html.mode_gallerylistmanual .portfolio-all .portfolio,
html.mode_gallerylistmanual .portfolio-all .foto,
html.mode_medialistmanual .portfolio-all .portfolio,
html.mode_medialistmanual .portfolio-all .foto {
  width: 400px;
}
html.mode_portfolios .medium,
html.mode_portfolios .portfolio,
html.mode_gallerylistmanual .medium,
html.mode_gallerylistmanual .portfolio,
html.mode_medialistmanual .medium,
html.mode_medialistmanual .portfolio {
  overflow: hidden;
}
html.mode_portfolios .medium .cover,
html.mode_portfolios .portfolio .cover,
html.mode_gallerylistmanual .medium .cover,
html.mode_gallerylistmanual .portfolio .cover,
html.mode_medialistmanual .medium .cover,
html.mode_medialistmanual .portfolio .cover {
  bottom: 0;
  top: auto;
  padding: 0;
  height: auto;
  display: flex;
  overflow: hidden;
  flex-flow: column;
  padding: 1rem 1.25rem;
  background: #0a000aCC;
}
html.mode_portfolios .medium .cover.cover_empty,
html.mode_portfolios .portfolio .cover.cover_empty,
html.mode_gallerylistmanual .medium .cover.cover_empty,
html.mode_gallerylistmanual .portfolio .cover.cover_empty,
html.mode_medialistmanual .medium .cover.cover_empty,
html.mode_medialistmanual .portfolio .cover.cover_empty {
  background: none;
}
html.mode_portfolios .medium .cover .name,
html.mode_portfolios .medium .cover .description,
html.mode_portfolios .portfolio .cover .name,
html.mode_portfolios .portfolio .cover .description,
html.mode_gallerylistmanual .medium .cover .name,
html.mode_gallerylistmanual .medium .cover .description,
html.mode_gallerylistmanual .portfolio .cover .name,
html.mode_gallerylistmanual .portfolio .cover .description,
html.mode_medialistmanual .medium .cover .name,
html.mode_medialistmanual .medium .cover .description,
html.mode_medialistmanual .portfolio .cover .name,
html.mode_medialistmanual .portfolio .cover .description {
  padding: 0;
  transition: .3s;
  line-height: 1.5;
  font-size: 1rem;
}
html.mode_portfolios .medium .cover .description,
html.mode_portfolios .portfolio .cover .description,
html.mode_gallerylistmanual .medium .cover .description,
html.mode_gallerylistmanual .portfolio .cover .description,
html.mode_medialistmanual .medium .cover .description,
html.mode_medialistmanual .portfolio .cover .description {
  font-size: .8rem;
}
html.mode_portfolios .medium .count,
html.mode_portfolios .medium .name,
html.mode_portfolios .portfolio .count,
html.mode_portfolios .portfolio .name,
html.mode_gallerylistmanual .medium .count,
html.mode_gallerylistmanual .medium .name,
html.mode_gallerylistmanual .portfolio .count,
html.mode_gallerylistmanual .portfolio .name,
html.mode_medialistmanual .medium .count,
html.mode_medialistmanual .medium .name,
html.mode_medialistmanual .portfolio .count,
html.mode_medialistmanual .portfolio .name {
  margin: 0;
  padding: 10px;
}
html.mode_portfolios .medium a,
html.mode_portfolios .medium a:hover,
html.mode_portfolios .medium a:active,
html.mode_portfolios .medium a:focus,
html.mode_portfolios .portfolio a,
html.mode_portfolios .portfolio a:hover,
html.mode_portfolios .portfolio a:active,
html.mode_portfolios .portfolio a:focus,
html.mode_gallerylistmanual .medium a,
html.mode_gallerylistmanual .medium a:hover,
html.mode_gallerylistmanual .medium a:active,
html.mode_gallerylistmanual .medium a:focus,
html.mode_gallerylistmanual .portfolio a,
html.mode_gallerylistmanual .portfolio a:hover,
html.mode_gallerylistmanual .portfolio a:active,
html.mode_gallerylistmanual .portfolio a:focus,
html.mode_medialistmanual .medium a,
html.mode_medialistmanual .medium a:hover,
html.mode_medialistmanual .medium a:active,
html.mode_medialistmanual .medium a:focus,
html.mode_medialistmanual .portfolio a,
html.mode_medialistmanual .portfolio a:hover,
html.mode_medialistmanual .portfolio a:active,
html.mode_medialistmanual .portfolio a:focus {
  text-shadow: none;
}
html.mode_portfolios .medium a:hover .inner-text,
html.mode_portfolios .portfolio a:hover .inner-text,
html.mode_gallerylistmanual .medium a:hover .inner-text,
html.mode_gallerylistmanual .portfolio a:hover .inner-text,
html.mode_medialistmanual .medium a:hover .inner-text,
html.mode_medialistmanual .portfolio a:hover .inner-text {
  background: none;
}
html.mode_portfolios .medium_detail img,
html.mode_gallerylistmanual .medium_detail img,
html.mode_medialistmanual .medium_detail img {
  height: auto !important;
}
html.mode_portfolios .medium_detail .name.onlyhover,
html.mode_gallerylistmanual .medium_detail .name.onlyhover,
html.mode_medialistmanual .medium_detail .name.onlyhover {
  transition: .3s;
  font-size: 1.5rem;
  line-height: 2rem;
}
html.mode_portfolios .medium_detail .description,
html.mode_gallerylistmanual .medium_detail .description,
html.mode_medialistmanual .medium_detail .description {
  position: absolute;
  top: 4rem !important;
  height: auto !important;
}
html.mode_portfolios .medium_detail .name.onlyhover,
html.mode_portfolios .medium_detail .description,
html.mode_portfolios .medium_detail:hover .name.onlyhover,
html.mode_portfolios .medium_detail:hover .description,
html.mode_portfolios .medium_detail:active .name.onlyhover,
html.mode_portfolios .medium_detail:active .description,
html.mode_portfolios .medium_detail:focus .name.onlyhover,
html.mode_portfolios .medium_detail:focus .description,
html.mode_gallerylistmanual .medium_detail .name.onlyhover,
html.mode_gallerylistmanual .medium_detail .description,
html.mode_gallerylistmanual .medium_detail:hover .name.onlyhover,
html.mode_gallerylistmanual .medium_detail:hover .description,
html.mode_gallerylistmanual .medium_detail:active .name.onlyhover,
html.mode_gallerylistmanual .medium_detail:active .description,
html.mode_gallerylistmanual .medium_detail:focus .name.onlyhover,
html.mode_gallerylistmanual .medium_detail:focus .description,
html.mode_medialistmanual .medium_detail .name.onlyhover,
html.mode_medialistmanual .medium_detail .description,
html.mode_medialistmanual .medium_detail:hover .name.onlyhover,
html.mode_medialistmanual .medium_detail:hover .description,
html.mode_medialistmanual .medium_detail:active .name.onlyhover,
html.mode_medialistmanual .medium_detail:active .description,
html.mode_medialistmanual .medium_detail:focus .name.onlyhover,
html.mode_medialistmanual .medium_detail:focus .description {
  margin: 0;
  padding: 1rem;
  transition: .3s;
  max-width: 100%;
  box-sizing: border-box;
  background: #ffffffCC;
}
html.mode_portfolios #content .galerie_photo_detail,
html.mode_portfolios .type_video,
html.mode_portfolios .type_text,
html.mode_gallerylistmanual #content .galerie_photo_detail,
html.mode_gallerylistmanual .type_video,
html.mode_gallerylistmanual .type_text,
html.mode_medialistmanual #content .galerie_photo_detail,
html.mode_medialistmanual .type_video,
html.mode_medialistmanual .type_text {
  padding: 0 100px;
}
html.mode_portfolios #content .galerie_photo_detail a.closePicture,
html.mode_portfolios .type_video a.closePicture,
html.mode_portfolios .type_text a.closePicture,
html.mode_gallerylistmanual #content .galerie_photo_detail a.closePicture,
html.mode_gallerylistmanual .type_video a.closePicture,
html.mode_gallerylistmanual .type_text a.closePicture,
html.mode_medialistmanual #content .galerie_photo_detail a.closePicture,
html.mode_medialistmanual .type_video a.closePicture,
html.mode_medialistmanual .type_text a.closePicture {
  top: 0;
  right: 0;
  width: 100px;
  transition: .3s;
  box-shadow: none;
  background: none;
}
html.mode_portfolios #content .galerie_photo_detail a.closePicture:before,
html.mode_portfolios #content .galerie_photo_detail a.closePicture:hover:before,
html.mode_portfolios .type_video a.closePicture:before,
html.mode_portfolios .type_video a.closePicture:hover:before,
html.mode_portfolios .type_text a.closePicture:before,
html.mode_portfolios .type_text a.closePicture:hover:before,
html.mode_gallerylistmanual #content .galerie_photo_detail a.closePicture:before,
html.mode_gallerylistmanual #content .galerie_photo_detail a.closePicture:hover:before,
html.mode_gallerylistmanual .type_video a.closePicture:before,
html.mode_gallerylistmanual .type_video a.closePicture:hover:before,
html.mode_gallerylistmanual .type_text a.closePicture:before,
html.mode_gallerylistmanual .type_text a.closePicture:hover:before,
html.mode_medialistmanual #content .galerie_photo_detail a.closePicture:before,
html.mode_medialistmanual #content .galerie_photo_detail a.closePicture:hover:before,
html.mode_medialistmanual .type_video a.closePicture:before,
html.mode_medialistmanual .type_video a.closePicture:hover:before,
html.mode_medialistmanual .type_text a.closePicture:before,
html.mode_medialistmanual .type_text a.closePicture:hover:before {
  opacity: .8;
  width: 100px;
  display: block;
  font-size: 100px;
  content: '×';
  line-height: 100px;
  color: #8eae3d;
}
html.mode_portfolios #content .galerie_photo_detail .prevPicture,
html.mode_portfolios #content .galerie_photo_detail .nextPicture,
html.mode_portfolios .type_video .prevPicture,
html.mode_portfolios .type_video .nextPicture,
html.mode_portfolios .type_text .prevPicture,
html.mode_portfolios .type_text .nextPicture,
html.mode_gallerylistmanual #content .galerie_photo_detail .prevPicture,
html.mode_gallerylistmanual #content .galerie_photo_detail .nextPicture,
html.mode_gallerylistmanual .type_video .prevPicture,
html.mode_gallerylistmanual .type_video .nextPicture,
html.mode_gallerylistmanual .type_text .prevPicture,
html.mode_gallerylistmanual .type_text .nextPicture,
html.mode_medialistmanual #content .galerie_photo_detail .prevPicture,
html.mode_medialistmanual #content .galerie_photo_detail .nextPicture,
html.mode_medialistmanual .type_video .prevPicture,
html.mode_medialistmanual .type_video .nextPicture,
html.mode_medialistmanual .type_text .prevPicture,
html.mode_medialistmanual .type_text .nextPicture {
  opacity: 0;
  padding: 20px;
  transition: .3s;
  background-color: #ffffff;
  background-image: none;
}
html.mode_portfolios #content .galerie_photo_detail .prevPicture:before,
html.mode_portfolios #content .galerie_photo_detail .nextPicture:before,
html.mode_portfolios .type_video .prevPicture:before,
html.mode_portfolios .type_video .nextPicture:before,
html.mode_portfolios .type_text .prevPicture:before,
html.mode_portfolios .type_text .nextPicture:before,
html.mode_gallerylistmanual #content .galerie_photo_detail .prevPicture:before,
html.mode_gallerylistmanual #content .galerie_photo_detail .nextPicture:before,
html.mode_gallerylistmanual .type_video .prevPicture:before,
html.mode_gallerylistmanual .type_video .nextPicture:before,
html.mode_gallerylistmanual .type_text .prevPicture:before,
html.mode_gallerylistmanual .type_text .nextPicture:before,
html.mode_medialistmanual #content .galerie_photo_detail .prevPicture:before,
html.mode_medialistmanual #content .galerie_photo_detail .nextPicture:before,
html.mode_medialistmanual .type_video .prevPicture:before,
html.mode_medialistmanual .type_video .nextPicture:before,
html.mode_medialistmanual .type_text .prevPicture:before,
html.mode_medialistmanual .type_text .nextPicture:before {
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  opacity: .8;
  display: block;
  position: absolute;
  background-color: #8eae3d;
  -webkit-mask-image: url(/data/grafika/jf/navi/arrows_2019.png);
  mask-image: url(/data/grafika/jf/navi/arrows_2019.png);
  -webkit-mask-size: auto 350px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: auto 350px;
}
html.mode_portfolios #content .galerie_photo_detail .prevPicture:before,
html.mode_portfolios .type_video .prevPicture:before,
html.mode_portfolios .type_text .prevPicture:before,
html.mode_gallerylistmanual #content .galerie_photo_detail .prevPicture:before,
html.mode_gallerylistmanual .type_video .prevPicture:before,
html.mode_gallerylistmanual .type_text .prevPicture:before,
html.mode_medialistmanual #content .galerie_photo_detail .prevPicture:before,
html.mode_medialistmanual .type_video .prevPicture:before,
html.mode_medialistmanual .type_text .prevPicture:before {
  -webkit-mask-position: -25px center;
}
html.mode_portfolios #content .galerie_photo_detail .nextPicture:before,
html.mode_portfolios .type_video .nextPicture:before,
html.mode_portfolios .type_text .nextPicture:before,
html.mode_gallerylistmanual #content .galerie_photo_detail .nextPicture:before,
html.mode_gallerylistmanual .type_video .nextPicture:before,
html.mode_gallerylistmanual .type_text .nextPicture:before,
html.mode_medialistmanual #content .galerie_photo_detail .nextPicture:before,
html.mode_medialistmanual .type_video .nextPicture:before,
html.mode_medialistmanual .type_text .nextPicture:before {
  -webkit-mask-position: -115px center;
}
html.mode_portfolios #content .galerie_photo_detail span.socialFavorites,
html.mode_portfolios .type_video span.socialFavorites,
html.mode_portfolios .type_text span.socialFavorites,
html.mode_gallerylistmanual #content .galerie_photo_detail span.socialFavorites,
html.mode_gallerylistmanual .type_video span.socialFavorites,
html.mode_gallerylistmanual .type_text span.socialFavorites,
html.mode_medialistmanual #content .galerie_photo_detail span.socialFavorites,
html.mode_medialistmanual .type_video span.socialFavorites,
html.mode_medialistmanual .type_text span.socialFavorites {
  top: 35px;
  opacity: 0;
  z-index: 999;
  left: -100px;
  min-width: 100px;
  text-align: center;
  position: absolute;
}
html.mode_portfolios #content .galerie_photo_detail span.socialFavorites span.core-icon,
html.mode_portfolios .type_video span.socialFavorites span.core-icon,
html.mode_portfolios .type_text span.socialFavorites span.core-icon,
html.mode_gallerylistmanual #content .galerie_photo_detail span.socialFavorites span.core-icon,
html.mode_gallerylistmanual .type_video span.socialFavorites span.core-icon,
html.mode_gallerylistmanual .type_text span.socialFavorites span.core-icon,
html.mode_medialistmanual #content .galerie_photo_detail span.socialFavorites span.core-icon,
html.mode_medialistmanual .type_video span.socialFavorites span.core-icon,
html.mode_medialistmanual .type_text span.socialFavorites span.core-icon {
  color: #0a000a;
}
html.mode_portfolios #content .galerie_photo_detail:hover a.closePicture,
html.mode_portfolios #content .galerie_photo_detail:hover .prevPicture,
html.mode_portfolios #content .galerie_photo_detail:hover .nextPicture,
html.mode_portfolios #content .galerie_photo_detail:hover span.socialFavorites,
html.mode_portfolios #content .galerie_photo_detail:active a.closePicture,
html.mode_portfolios #content .galerie_photo_detail:active .prevPicture,
html.mode_portfolios #content .galerie_photo_detail:active .nextPicture,
html.mode_portfolios #content .galerie_photo_detail:active span.socialFavorites,
html.mode_portfolios #content .galerie_photo_detail:focus a.closePicture,
html.mode_portfolios #content .galerie_photo_detail:focus .prevPicture,
html.mode_portfolios #content .galerie_photo_detail:focus .nextPicture,
html.mode_portfolios #content .galerie_photo_detail:focus span.socialFavorites,
html.mode_gallerylistmanual #content .galerie_photo_detail:hover a.closePicture,
html.mode_gallerylistmanual #content .galerie_photo_detail:hover .prevPicture,
html.mode_gallerylistmanual #content .galerie_photo_detail:hover .nextPicture,
html.mode_gallerylistmanual #content .galerie_photo_detail:hover span.socialFavorites,
html.mode_gallerylistmanual #content .galerie_photo_detail:active a.closePicture,
html.mode_gallerylistmanual #content .galerie_photo_detail:active .prevPicture,
html.mode_gallerylistmanual #content .galerie_photo_detail:active .nextPicture,
html.mode_gallerylistmanual #content .galerie_photo_detail:active span.socialFavorites,
html.mode_gallerylistmanual #content .galerie_photo_detail:focus a.closePicture,
html.mode_gallerylistmanual #content .galerie_photo_detail:focus .prevPicture,
html.mode_gallerylistmanual #content .galerie_photo_detail:focus .nextPicture,
html.mode_gallerylistmanual #content .galerie_photo_detail:focus span.socialFavorites,
html.mode_medialistmanual #content .galerie_photo_detail:hover a.closePicture,
html.mode_medialistmanual #content .galerie_photo_detail:hover .prevPicture,
html.mode_medialistmanual #content .galerie_photo_detail:hover .nextPicture,
html.mode_medialistmanual #content .galerie_photo_detail:hover span.socialFavorites,
html.mode_medialistmanual #content .galerie_photo_detail:active a.closePicture,
html.mode_medialistmanual #content .galerie_photo_detail:active .prevPicture,
html.mode_medialistmanual #content .galerie_photo_detail:active .nextPicture,
html.mode_medialistmanual #content .galerie_photo_detail:active span.socialFavorites,
html.mode_medialistmanual #content .galerie_photo_detail:focus a.closePicture,
html.mode_medialistmanual #content .galerie_photo_detail:focus .prevPicture,
html.mode_medialistmanual #content .galerie_photo_detail:focus .nextPicture,
html.mode_medialistmanual #content .galerie_photo_detail:focus span.socialFavorites {
  opacity: .8;
  transition: .3s;
}
#prezentace li,
#prezentace ul {
  max-height: calc(100vh - 45px);
}
#mediaList li.medium {
  overflow: hidden;
}
html.mode_blog_main .blog-page,
html.mode_blog_tag .blog-page {
  padding-left: 20px;
  box-sizing: border-box;
  -webkit-transform: translate3d(0,0,0);
  -webkit-column-gap: 20px;
  -webkit-columns: 420px;
  -moz-column-gap: 20px;
  -moz-columns: 420px;
  column-gap: 20px;
  columns: 420px;
}
html.mode_blog_main .blog-page .page_text_content,
html.mode_blog_tag .blog-page .page_text_content {
  column-span: all;
  padding: 1em 1.5em;
  margin: 0 0 20px 0;
  background: #0a000a19;
}
html.mode_blog_main .blog-page .blog-summary,
html.mode_blog_tag .blog-page .blog-summary {
  padding: 0;
  float: none;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0 0 20px 0;
  background: #0a000a08;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
html.mode_blog_main .blog-page .blog-summary h1.blog-title,
html.mode_blog_tag .blog-page .blog-summary h1.blog-title {
  margin: 0;
  width: 100%;
  max-width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 1em .5em .5em .5em;
}
html.mode_blog_main .blog-page .blog-summary .image,
html.mode_blog_tag .blog-page .blog-summary .image {
  margin: 0;
  width: 100%;
  font-size: 0;
  overflow: hidden;
}
html.mode_blog_main .blog-page .blog-summary p.perex,
html.mode_blog_tag .blog-page .blog-summary p.perex {
  margin: 0;
  padding: 1em;
  max-width: 100%;
  box-sizing: border-box;
}
html.mode_blog_main .blog-page .paginator,
html.mode_blog_tag .blog-page .paginator {
  column-span: all;
  margin-top: 20px;
  text-align: center;
  background: #0a000a08;
}
html.mode_blog_main h1.blog-tag-title,
html.mode_blog_tag h1.blog-tag-title {
  padding: 10px;
  max-width: 100%;
  text-align: center;
  margin: 0 0 10px 0;
  box-sizing: border-box;
  background: #0a000a08;
}
html.mode_blog_detail #container {
  padding: 20px 0 0 0;
}
html.mode_blog_detail #container .blog-detail .novinka .image img {
  display: block;
  margin: 0 auto;
}
html.mode_blog_detail #container .blog-detail .novinka h1.blog-title {
  margin: 0;
  width: 100%;
  max-width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 1em .5em .5em .5em;
}
html.mode_blog_detail #container .blog-detail .novinka .time,
html.mode_blog_detail #container .blog-detail .novinka .fotky.galerie_kategorie_detail {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #0a000a08;
}
html.mode_blog_detail #container .blog-detail .novinka .time {
  float: right;
  font-size: .8rem;
  padding: 0 .8rem;
  font-style: italic;
  line-height: 2.4rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
html.mode_blog_detail #container .blog-detail .novinka .medium .cover .name {
  font-size: 1rem;
}
html.mode_blog_detail #container .blog-detail .novinka .medium .cover .description {
  font-size: .8rem;
}
html.mode_blog_detail #container .blog-detail .bottom_section {
  margin: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #0a000a08;
}
html.mode_blog_detail #container .blog-detail .bottom_section .bottom_navigation {
  width: 100%;
  padding: 30px;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
}
html.mode_blog_detail #container .blog-detail .bottom_section .paginator {
  margin: 0;
  padding: 0;
  height: 1.5rem;
  overflow: hidden;
  max-width: 100%;
}
html.mode_blog_detail #container .blog-detail .bottom_section #paginator_next,
html.mode_blog_detail #container .blog-detail .bottom_section #paginator_prev {
  width: 30%;
  left: auto;
  right: auto;
  line-height: 1.5;
  position: relative;
}
html.mode_blog_detail #container .blog-detail .bottom_section #paginator_prev {
  float: left;
}
html.mode_blog_detail #container .blog-detail .bottom_section #paginator_next {
  float: right;
  text-align: right;
}
html.mode_blog_detail #container .blog-detail .bottom_section .bottom_panel {
  width: 40%;
  padding: 0;
  text-align: center;
  margin: -1.5rem auto 0 auto;
}
html.mode_blog_detail #container .blog-detail .bottom_section .bottom_panel .bottom_zpet {
  line-height: 1.5;
}
html.mode_blog_detail #container .blog-detail .bottom_section .related_news_head,
html.mode_blog_detail #container .blog-detail .bottom_section .related_news_tags {
  margin: 0;
  max-width: 100%;
  line-height: 1.5;
  padding-bottom: 0;
  text-align: center;
}
html.mode_blog_detail #container .blog-detail .bottom_section .related_news_head,
html.mode_blog_detail #container .blog-detail .bottom_section .bottom_nazev_tagy {
  margin: 0;
  line-height: 1.5;
  padding: 10px 0 0 0;
}
@media (max-width: 768px) {
  body {
    padding-bottom: 0;
  }
  body #container {
    padding: 0;
  }
  body #container #page {
    min-height: 100%;
  }
  body #container #page #page-container {
    margin: 0;
  }
  body #container #page #page-container #content {
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    box-sizing: border-box;
  }
  #menu-side {
    padding: 0;
    width: 100%;
    float: left;
    z-index: 999;
    background: #ffffff;
    border-bottom: 1px solid #8eae3d;
  }
  #menu-side #logo {
    width: 60%;
    z-index: 2;
    padding: 0;
    float: left;
    height: 60px;
    max-width: 70%;
    font-size: 30px;
    text-align: left;
    line-height: 60px;
    min-height: unset;
  }
  #menu-side #logo span {
    width: 100%;
    background-position: 10px center;
    background-size: auto calc(100% - 10px);
  }
  #menu-side #logo img {
    float: left;
    height: auto;
    max-width: 200px;
  }
  #menu-side #logo a {
    padding-left: 10px;
  }
  #menu-side #menu {
    top: auto;
    z-index: 1;
    text-align: right;
    position: relative;
  }
  #menu-side #menu a {
    width: 100%;
    display: block;
  }
  #menu-side a#jump-top {
    width: auto;
    float: right;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    text-align: right;
    text-transform: uppercase;
    color: #0b8cc0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 10px;
  }
  #menu-side a#jump-top:hover,
  #menu-side a#jump-top:focus,
  #menu-side a#jump-top:active {
    text-decoration: none;
    color: #8eae3d;
  }
  body:not(:target) #menu:target a#jump-top:before {
    opacity: 0;
  }
  body:not(:target) #menu:target #main-menu {
    width: 100%;
    float: left;
    background: none;
    text-align: center;
    box-sizing: border-box;
    padding: 0 10px 10px 10px;
    background: #ffffff;
  }
  body:not(:target) #menu:target #main-menu ul {
    margin: 0;
  }
  body:not(:target) #menu:target #main-menu li {
    line-height: 2.5;
    font-size: 1.25rem;
    border-bottom: 1px solid #0b8cc0;
  }
  body:not(:target) #menu:target #main-menu li a.contact {
    padding: 0;
  }
  body:not(:target) #menu:target #main-menu li:hover {
    border-color: #8eae3d;
  }
  body:not(:target) #menu:target #main-menu li.last_full_page {
    top: 0;
    right: 0;
    padding: 0;
    border: none;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  body:not(:target) #menu:target #main-menu li.last_full_page:after {
    margin: 0;
    width: 50px;
    float: right;
    content: '×';
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
    text-align: right;
    background: #ffffff;
    color: #8eae3d;
    font-family: "Times New Roman", Times, serif;
  }
  body:not(:target) #menu a.contact {
    padding: 0;
  }
  #link-folio {
    bottom: 0;
    width: 100%;
    padding: 10px;
    background: #ffffff;
    padding-bottom: calc(10px + .5rem);
    border-top: 1px solid #0b8cc0;
  }
  #link-folio #social_icons {
    height: 30px;
    text-align: left;
  }
  #link-folio #social_icons a {
    height: 30px;
    margin-left: 10px;
  }
  #link-folio #social_icons a span.icon {
    height: 30px;
    overflow: hidden;
    display: inline-block;
  }
  #link-folio #social_icons a span.icon:before {
    line-height: 30px;
  }
  #link-folio #social_icons a.icon {
    float: left;
  }
  #licence_text {
    opacity: 1;
    padding: 0;
    width: 100%;
    padding: 5px;
    position: relative;
    background: #ffffff;
  }
  #menu-side .link-folio {
    z-index: 1;
    position: relative;
  }
  #menu-side #social_icons {
    z-index: 3;
    width: 100%;
    height: 25px;
    margin: 0 auto;
    padding: 15px 0 25px 0;
    background: #ffffff;
  }
  #menu-side #social_icons a.icon {
    width: auto;
    float: none;
    margin: 0 .25em;
    display: inline-block;
  }
  #menu-side #social_icons a#folio {
    width: 100%;
    height: 17px;
    bottom: auto;
    transition: none;
    margin: 5px 0 0 0;
    position: relative;
  }
  #social_icons.link-folio {
    width: 100%;
    bottom: auto;
    padding: 10px 0;
    position: relative;
  }
  #social_icons.link-folio a#folio {
    left: auto;
    width: 100%;
    bottom: auto;
    displaY: block;
    margin: 5px 0 0 0;
    position: relative;
  }
  #social_icons.link-folio a#folio:hover,
  #social_icons.link-folio a#folio:active,
  #social_icons.link-folio a#folio:focus {
    transition: none;
  }
}
@media (max-width: 420px) {
  #menu-side #logo,
  #menu-side #menu,
  #menu-side #menu a#jump-top {
    font-size: 23px;
  }
  #menu-side #logo {
    width: 100%;
    max-width: calc(100% - 60px);
  }
  #menu-side #menu a#jump-top,
  body:not(:target) #menu:target #main-menu li.last_full_page {
    width: 60px;
    font-size: 0;
  }
  #menu-side #menu a#jump-top:before,
  body:not(:target) #menu:target #main-menu li.last_full_page:after {
    text-align: right;
  }
  #link-folio {
    margin-top: 0;
  }
  .sloupec1,
  .sloupec2,
  .sloupec3,
  .sloupec4,
  .sloupec5 {
    width: 96%;
    margin: 1% 2%;
  }
}
@media (max-width: 1450px) {
  html.mode_blog_main .blog-page,
  html.mode_blog_tag .blog-page {
    padding-left: 10px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
  html.mode_blog_main .blog-page .page_text_content,
  html.mode_blog_main .blog-page .blog-summary.clear,
  html.mode_blog_tag .blog-page .page_text_content,
  html.mode_blog_tag .blog-page .blog-summary.clear {
    margin-bottom: 10px;
  }
  html.mode_blog_main h1.blog-tag-title,
  html.mode_blog_tag h1.blog-tag-title {
    margin-bottom: 10px;
  }
  html.mode_blog_main .bottom_section,
  html.mode_blog_tag .bottom_section {
    padding-bottom: 80px;
  }
  html.mode_blog_detail .blog-post.blog-post .blog_social_sharer {
    margin: 0;
    clear: both;
    width: 100%;
    height: 60px;
    position: relative;
    background: #0a000a08;
  }
  html.mode_blog_detail .blog-post.blog-post .blog_social_sharer .socialFavorites {
    width: 100%;
    margin: 0 auto;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  html.mode_blog_detail .blog-post.blog-post .blog_social_sharer .socialFavorites .socialicon {
    margin: 0;
    height: 60px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  html.mode_blog .blog-page {
    padding: 0 10px;
  }
  html.mode_blog .blog-page .blog-summary {
    margin: 0;
  }
  html.mode_blog .blog-page .blog-summary .image,
  html.mode_blog .blog-page .blog-summary .obsah {
    width: 100%;
  }
  html.mode_blog_detail #container {
    padding: 0;
  }
  html.mode_blog_detail #container .blog-detail .bottom_section .bottom_navigation {
    padding: 10px;
  }
  html.mode_blog_detail #container .blog-detail .bottom_section .paginator {
    height: 3rem;
  }
  html.mode_blog_detail #container .blog-detail .bottom_section .paginator #paginator_next,
  html.mode_blog_detail #container .blog-detail .bottom_section .paginator #paginator_prev {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  html.mode_blog_detail #container .blog-detail .bottom_section .bottom_panel {
    width: 80%;
    margin-top: 10px;
  }
  html.mode_blog_detail #container .blog-post.blog-post .blog_social_sharer,
  html.mode_blog_detail #container .blog-post.blog-post .blog_social_sharer .socialFavorites,
  html.mode_blog_detail #container .blog-post.blog-post .blog_social_sharer .socialFavorites .socialicon {
    height: 40px;
    font-size: 20px;
    line-height: 30px;
  }
  html.mode_blog_detail #container .blog-post.blog-post .blog_social_sharer {
    padding-top: 10px;
    box-sizing: border-box;
  }
}
@media (max-width: 640px) {
  html.mode_blog .blog-post.blog-post .blog_social_sharer .socialFavorites .socialicon .text {
    display: none !important;
  }
}
@media (max-width: 640px) {
  .jfForm {
    margin: 0;
    width: 100%;
    padding: .5rem;
    max-width: 100%;
    box-sizing: border-box;
  }
  .jfForm .form-group span.control-label,
  .jfForm .form-group .control-container {
    width: 100%;
    display: block;
    position: relative;
  }
  .jfForm .form-group input,
  .jfForm .form-group textarea {
    width: 100%;
  }
  .jfForm .form-group .control-label label {
    padding: 0;
  }
  .jfForm .form-group input[type="submit"] {
    margin-top: -20px;
  }
  .jfForm .form-gdpr {
    width: 100%;
    position: absolute;
  }
  .jfForm.compact-form .form-group .form-gdpr,
  .jfForm.compact-form .form-group input[type="submit"] {
    margin: 0;
  }
  .jfForm.compact-form .form-group span.control-label {
    display: none;
  }
}
@media (max-width: 1280px) {
  html.mode_portfolios #content .galerie_photo_detail,
  html.mode_portfolios #content .type_video,
  html.mode_portfolios #content .type_text {
    padding: 0 50px;
  }
  html.mode_portfolios #content .galerie_photo_detail .prevPicture,
  html.mode_portfolios #content .galerie_photo_detail .nextPicture,
  html.mode_portfolios #content .type_video .prevPicture,
  html.mode_portfolios #content .type_video .nextPicture,
  html.mode_portfolios #content .type_text .prevPicture,
  html.mode_portfolios #content .type_text .nextPicture {
    width: 50px;
  }
  html.mode_portfolios #content .galerie_photo_detail .prevPicture:before,
  html.mode_portfolios #content .galerie_photo_detail .nextPicture:before,
  html.mode_portfolios #content .type_video .prevPicture:before,
  html.mode_portfolios #content .type_video .nextPicture:before,
  html.mode_portfolios #content .type_text .prevPicture:before,
  html.mode_portfolios #content .type_text .nextPicture:before {
    -webkit-mask-size: auto 200px;
    mask-size: auto 200px;
  }
  html.mode_portfolios #content .galerie_photo_detail .nextPicture:before,
  html.mode_portfolios #content .type_video .nextPicture:before,
  html.mode_portfolios #content .type_text .nextPicture:before {
    -webkit-mask-position: -70px center;
    mask-position: -70px center;
  }
  html.mode_portfolios #content .galerie_photo_detail .prevPicture:before,
  html.mode_portfolios #content .type_video .prevPicture:before,
  html.mode_portfolios #content .type_text .prevPicture:before {
    -webkit-mask-position: -15px center;
    mask-position: -15px center;
  }
  html.mode_portfolios #content .galerie_photo_detail a.closePicture,
  html.mode_portfolios #content .galerie_photo_detail a.closePicture:hover,
  html.mode_portfolios #content .galerie_photo_detail a.closePicture:before,
  html.mode_portfolios #content .galerie_photo_detail a.closePicture:hover:before,
  html.mode_portfolios #content .galerie_photo_detail:hover a.closePicture,
  html.mode_portfolios #content .galerie_photo_detail:hover a.closePicture:hover,
  html.mode_portfolios #content .galerie_photo_detail:hover a.closePicture:before,
  html.mode_portfolios #content .galerie_photo_detail:hover a.closePicture:hover:before,
  html.mode_portfolios #content .galerie_photo_detail:active a.closePicture,
  html.mode_portfolios #content .galerie_photo_detail:active a.closePicture:hover,
  html.mode_portfolios #content .galerie_photo_detail:active a.closePicture:before,
  html.mode_portfolios #content .galerie_photo_detail:active a.closePicture:hover:before,
  html.mode_portfolios #content .galerie_photo_detail:focus a.closePicture,
  html.mode_portfolios #content .galerie_photo_detail:focus a.closePicture:hover,
  html.mode_portfolios #content .galerie_photo_detail:focus a.closePicture:before,
  html.mode_portfolios #content .galerie_photo_detail:focus a.closePicture:hover:before,
  html.mode_portfolios #content .type_video a.closePicture,
  html.mode_portfolios #content .type_video a.closePicture:hover,
  html.mode_portfolios #content .type_video a.closePicture:before,
  html.mode_portfolios #content .type_video a.closePicture:hover:before,
  html.mode_portfolios #content .type_video:hover a.closePicture,
  html.mode_portfolios #content .type_video:hover a.closePicture:hover,
  html.mode_portfolios #content .type_video:hover a.closePicture:before,
  html.mode_portfolios #content .type_video:hover a.closePicture:hover:before,
  html.mode_portfolios #content .type_video:active a.closePicture,
  html.mode_portfolios #content .type_video:active a.closePicture:hover,
  html.mode_portfolios #content .type_video:active a.closePicture:before,
  html.mode_portfolios #content .type_video:active a.closePicture:hover:before,
  html.mode_portfolios #content .type_video:focus a.closePicture,
  html.mode_portfolios #content .type_video:focus a.closePicture:hover,
  html.mode_portfolios #content .type_video:focus a.closePicture:before,
  html.mode_portfolios #content .type_video:focus a.closePicture:hover:before,
  html.mode_portfolios #content .type_text a.closePicture,
  html.mode_portfolios #content .type_text a.closePicture:hover,
  html.mode_portfolios #content .type_text a.closePicture:before,
  html.mode_portfolios #content .type_text a.closePicture:hover:before,
  html.mode_portfolios #content .type_text:hover a.closePicture,
  html.mode_portfolios #content .type_text:hover a.closePicture:hover,
  html.mode_portfolios #content .type_text:hover a.closePicture:before,
  html.mode_portfolios #content .type_text:hover a.closePicture:hover:before,
  html.mode_portfolios #content .type_text:active a.closePicture,
  html.mode_portfolios #content .type_text:active a.closePicture:hover,
  html.mode_portfolios #content .type_text:active a.closePicture:before,
  html.mode_portfolios #content .type_text:active a.closePicture:hover:before,
  html.mode_portfolios #content .type_text:focus a.closePicture,
  html.mode_portfolios #content .type_text:focus a.closePicture:hover,
  html.mode_portfolios #content .type_text:focus a.closePicture:before,
  html.mode_portfolios #content .type_text:focus a.closePicture:hover:before {
    width: 50px;
    height: 50px;
    font-size: 50px;
    line-height: 50px;
  }
  html.mode_portfolios #content .galerie_photo_detail span.socialFavorites,
  html.mode_portfolios #content .type_video span.socialFavorites,
  html.mode_portfolios #content .type_text span.socialFavorites {
    top: 16px;
    left: -50px;
    min-width: 50px;
  }
}
@media (max-width: 768px) {
  html.mode_portfolios #content .portfolio {
    width: 100%;
    height: auto;
    max-width: 400px;
    top: auto !important;
    left: auto !important;
    margin: 0 auto 10px auto;
    position: relative !important;
  }
  html.mode_portfolios #content .galerie_photo_detail .prevPicture,
  html.mode_portfolios #content .galerie_photo_detail .nextPicture,
  html.mode_portfolios #content .galerie_photo_detail span.socialFavorites,
  html.mode_portfolios #content .type_video .prevPicture,
  html.mode_portfolios #content .type_video .nextPicture,
  html.mode_portfolios #content .type_video span.socialFavorites,
  html.mode_portfolios #content .type_text .prevPicture,
  html.mode_portfolios #content .type_text .nextPicture,
  html.mode_portfolios #content .type_text span.socialFavorites {
    opacity: 1;
  }
  html.mode_portfolios #content .closePicture {
    display: block;
  }
}
@media (max-width: 420px) {
  html.mode_portfolios #content .galerie_photo_detail,
  html.mode_portfolios #content .type_video,
  html.mode_portfolios #content .type_text {
    padding: 50px 0 0 0;
  }
  html.mode_portfolios #content .galerie_photo_detail .prevPicture,
  html.mode_portfolios #content .galerie_photo_detail .nextPicture,
  html.mode_portfolios #content .type_video .prevPicture,
  html.mode_portfolios #content .type_video .nextPicture,
  html.mode_portfolios #content .type_text .prevPicture,
  html.mode_portfolios #content .type_text .nextPicture {
    width: 45%;
    height: 50px;
    background: none;
  }
  html.mode_portfolios #content .galerie_photo_detail .prevPicture:before,
  html.mode_portfolios #content .galerie_photo_detail .nextPicture:before,
  html.mode_portfolios #content .type_video .prevPicture:before,
  html.mode_portfolios #content .type_video .nextPicture:before,
  html.mode_portfolios #content .type_text .prevPicture:before,
  html.mode_portfolios #content .type_text .nextPicture:before {
    -webkit-mask-size: auto 150px;
    mask-size: auto 150px;
  }
  html.mode_portfolios #content .galerie_photo_detail .prevPicture:before,
  html.mode_portfolios #content .type_video .prevPicture:before,
  html.mode_portfolios #content .type_text .prevPicture:before {
    -webkit-mask-position: calc(100% + 50px) center;
    mask-position: calc(100% + 50px) center;
  }
  html.mode_portfolios #content .galerie_photo_detail .nextPicture:before,
  html.mode_portfolios #content .type_video .nextPicture:before,
  html.mode_portfolios #content .type_text .nextPicture:before {
    -webkit-mask-position: -50px center;
    mask-position: -50px center;
  }
  html.mode_portfolios #content .galerie_photo_detail span.socialFavorites,
  html.mode_portfolios #content .type_video span.socialFavorites,
  html.mode_portfolios #content .type_text span.socialFavorites {
    left: 0;
    top: -35px;
  }
  html.mode_portfolios #content .medium_detail {
    -webkit-flex-flow: column;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -moz-box;
    flex-flow: column;
    display: flex;
  }
  html.mode_portfolios #content .medium_detail .name,
  html.mode_portfolios #content .medium_detail .description {
    padding: .5rem;
    display: block;
    position: relative;
  }
  html.mode_portfolios #content .medium_detail img,
  html.mode_portfolios #content .medium_detail iframe,
  html.mode_portfolios #content .medium_detail object,
  html.mode_portfolios #content .medium_detail .html_textcontent {
    order: 1;
  }
  html.mode_portfolios #content .medium_detail .name {
    order: 2;
  }
  html.mode_portfolios #content .medium_detail .description {
    order: 3;
    top: 0 !important;
  }
}
@media (max-width: 1280px) {
  ul,
  ol {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
  h1,
  h2,
  h3,
  h4,
  p,
  .html_textcontent h1,
  .html_textcontent h2,
  .html_textcontent h3,
  .html_textcontent h4,
  .html_textcontent ul,
  .html_textcontent ol,
  .html_textcontent p {
    width: 100%;
    margin-left: .5rem;
    margin-right: .5rem;
    max-width: calc(100% - 1rem);
  }
}
@media (max-width: 1000px) {
  .html_textcontent h1.text_block,
  .html_textcontent h2.text_block,
  .html_textcontent h3.text_block,
  .html_textcontent p.text_block,
  .html_textcontent p.perex,
  .html_textcontent ul.text_block,
  .html_textcontent ol.text_block {
    width: 90%;
  }
  .html_textcontent .col-100,
  .html_textcontent .col-66,
  .html_textcontent .col-50,
  .html_textcontent .col-33 {
    width: 100%;
    padding: 0 .5rem;
  }
}
@media (max-width: 768px) {
  .html_textcontent p.perex {
    padding: 0;
    margin: 1em auto;
  }
  .html_textcontent p img {
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 420px) {
  html {
    font-size: calc(16px*0.9);
  }
  .html_textcontent ul,
  .html_textcontent ol,
  .html_textcontent ul.text_block,
  .html_textcontent ol.text_block {
    padding-left: 1rem;
  }
}


	#content .blog-page {
  position: relative;
  padding-bottom: 75px;
}
#content .blog-page .paginator {
  left: 0;
  bottom: 0;
  margin: 0;
  width: 100%;
  padding: 1em;
  max-width: 100%;
  text-align: center;
  display: flow-root;
  position: absolute;
  box-sizing: border-box;
}
.mode_blog .blog-summary {
  margin: 0;
  float: left;
  width: calc(33.333333333333%);
}
.blog h1.blog-title {
  overflow: hidden;
  line-height: 120%;
  white-space: nowrap;
  padding: .5em 0 0 0;
  text-overflow: ellipsis;
}
.blog h1.blog-title,
.mode_blog .blog-summary .image {
  width: 96%;
  margin: 2%;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .mode_blog .blog-summary {
    width: 50%;
  }
}
@media screen and (max-width: 1000px) {
  .mode_blog .blog-summary {
    width: 100%;
  }
  .blog h1.blog-title {
    white-space: normal;
    padding: .5em 0 0 0;
  }
}
.fullpicture_presentation {
  padding: 0 2rem;
  box-sizing: border-box;
}
.fullpicture_presentation .picture_content {
  margin: 2rem 0;
}
@media (max-width: 768px) {
  .fullpicture_presentation {
    padding: 0 1rem;
  }
  .fullpicture_presentation .picture_content {
    margin: 1rem 0;
  }
}

	@media (max-width: 768px) {
  #nav-section #menu a#hambac-animace,
  #topframe #menu a#hambac-animace,
  #menu-side #menu a#hambac-animace {
    z-index: 11;
    width: 30px;
    height: 26px;
    float: right;
    display: block;
    cursor: pointer;
    position: relative;
    margin: 17px 10px 17px 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  #nav-section #menu a#hambac-animace span,
  #topframe #menu a#hambac-animace span,
  #menu-side #menu a#hambac-animace span {
    left: 0;
    opacity: 1;
    height: 4px;
    width: 30px;
    display: block;
    border-radius: 8px;
    position: absolute;
    background: #0b8cc0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  #nav-section #menu a#hambac-animace span.hambac-1,
  #topframe #menu a#hambac-animace span.hambac-1,
  #menu-side #menu a#hambac-animace span.hambac-1 {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  #nav-section #menu a#hambac-animace span.hambac-2,
  #topframe #menu a#hambac-animace span.hambac-2,
  #menu-side #menu a#hambac-animace span.hambac-2 {
    top: 11px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  #nav-section #menu a#hambac-animace span.hambac-3,
  #topframe #menu a#hambac-animace span.hambac-3,
  #menu-side #menu a#hambac-animace span.hambac-3 {
    top: auto;
    bottom: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  #nav-section #menu a#hambac-animace.open span,
  #topframe #menu a#hambac-animace.open span,
  #menu-side #menu a#hambac-animace.open span {
    width: 31px;
  }
  #nav-section #menu a#hambac-animace.open span.hambac-1,
  #topframe #menu a#hambac-animace.open span.hambac-1,
  #menu-side #menu a#hambac-animace.open span.hambac-1 {
    top: -1px;
    left: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #nav-section #menu a#hambac-animace.open span.hambac-2,
  #topframe #menu a#hambac-animace.open span.hambac-2,
  #menu-side #menu a#hambac-animace.open span.hambac-2 {
    width: 0%;
    opacity: 0;
  }
  #nav-section #menu a#hambac-animace.open span.hambac-3,
  #topframe #menu a#hambac-animace.open span.hambac-3,
  #menu-side #menu a#hambac-animace.open span.hambac-3 {
    left: 3px;
    bottom: 1px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #nav-section #menu a#jump-top:before,
  #nav-section #menu li.last_full_page:after,
  #topframe #menu a#jump-top:before,
  #topframe #menu li.last_full_page:after,
  #menu-side #menu a#jump-top:before,
  #menu-side #menu li.last_full_page:after {
    display: none;
  }
}
@media (max-width: 500px) {
  #nav-section #menu a#jump-top,
  #topframe #menu a#jump-top,
  #menu-side #menu a#jump-top {
    display: none;
  }
}


/* user CSS */
#menu a.contact {
  padding-top: 14px;
  display: block;
}
#menu .level1 a {
  font-weight: bold;
}
#menu .level1 .level2 a {
  font-weight: normal;
}
body #page {
  margin: 0px;
}
#menu .ReadME {
  color: #c93063;
}
#menu .ReadME:active,
#menu .ReadME:hover,
#menu .ReadME:focus,
#menu .ReadME.aktivni {
  color: #8EAE3D;
}
@media (max-width: 640px) {
  #content .portfolio {
    left: 0 !important;
  }
}
.mode_blog .blog-summary {
  width: 100%;
  float: left;
  padding: 20px;
  margin: 0 auto;
  max-width: 600px;
  box-sizing: border-box;
}
.mode_blog .blog-summary h1.blog-title {
  width: auto;
  min-height: 105px;
  box-sizing: border-box;
}
.mode_blog .blog-summary .image {
  width: 100%;
}
.mode_blog .blog-summary:nth-child(odd) {
  margin-left: 170px;
}
.blog-post .blog_social_sharer .socialFavorites,
.blog .blog_social_sharer .socialFavorites,
.blog-post .blog_social_sharer .socialFavorites:hover {
  background: #111;
}
html.mode_blog_main .blog-page .blog-summary,
html.mode_blog_detail #container .blog-detail .novinka .fotky.galerie_kategorie_detail {
  background: none;
}
@media (max-width: 1600px) {
  .mode_blog .blog-summary:nth-child(odd) {
    margin-left: 0;
  }
}
html.mode_blog_main .blog-page,
html.mode_blog_tag .blog-page {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(400px,1fr));
}
html.mode_blog_main .blog-page .blog-summary.clear,
html.mode_blog_tag .blog-page .blog-summary.clear {
  margin: 0;
}
html.mode_blog_main .blog-page .blog-summary.clear h1.blog-title,
html.mode_blog_tag .blog-page .blog-summary.clear h1.blog-title {
  min-height: unset;
}
@media (max-width: 500px) {
  html.mode_blog_main .blog-page,
  html.mode_blog_tag .blog-page {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
  }
  html.mode_blog_main .blog-page .blog-summary.clear,
  html.mode_blog_tag .blog-page .blog-summary.clear {
    margin: 0;
  }
}