body				{ margin:0; padding:0; background:black; font-family: 'Ubuntu', sans-serif; }
.wrapper			{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.start				{ position:absolute; left:0; top:0; width:100%; height:100%;}
.content			{ position:absolute; left:0; top:100%; width:100%; height:100%; min-width:760px; }

.head 				{ width:100%; height:70%; max-height:815px; position:absolute; left:0; top:0; background:url(/images/bg_top.png) 50% no-repeat; }
.logo_top			{ width:100%; height:100%; background:url(/images/logo_top.png) 50% no-repeat; }
.clickmove			{ background:url(/images/pattern.png); position:absolute; left:0; top:70%; height:30%; width:100%; cursor:pointer }
.clickmove .shadow	{ background:url(/images/shadow.png) top repeat-x; width:100%; height:100%; position:absolute; left:0; top:0; }
.clickmove .arrow	{ background:url(/images/arrow_down.png) center 0px repeat-y; width:100%; height:100%; position:absolute; left:0; top:0; }
.obrazy				{ width:100%; top:150px; height:100%;  position:absolute; overflow:auto; overflow-y: scroll; overflow-x: hidden;}
#container			{ margin: 0 auto; }

.menu				{ width:100%; background:black; height:150px; position:fixed; z-index:99; color:white; 
						-webkit-touch-callout: none;
						-webkit-user-select: none;
						-khtml-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
}
.logo_dp			{ position:absolute; right:20px; top:25px; cursor:pointer; width:272px; height:49px; background:url(/images/domprojekt.png); z-index:100;}
.menu li, .menu a	{ display:inline-block; width:auto; margin-right:25px; text-align:left; list-style:none; color:white; text-decoration:none;
						-moz-transition:0.25s; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; position:relative; top:0px; padding:3px;}
.menu .prim			{ margin-top:28px; }
.menu .prim li, .menu .prim a 				{ font-size:28px; cursor:pointer; opacity:.7;}
.menu .prim li:hover, .menu .prim a:hover 	{ opacity:1; position:relative; top:3px;}
.menu .fot li 		{ font-size:18px; cursor:pointer; opacity:.4; }
.menu .fot li:hover { opacity:1; position:relative; top:3px;}


.inline				{ width:800px; margin-right:50px; text-align:justify; display:none;}
.inline p			{ font-size:13px; line-height:1.6; text-indent:30px; margin:20px 0; float:left; display:block;}
.inline h1			{ margin:5px 0; font-size:26px; }

.boxx 				{ margin:2px; padding:0; height:180px; width:180px; display:block; float:left; opacity:1; background:black; cursor:pointer;  }
.boxx img 			{ width:180px; height:180px; display:none; }
.hide				{ margin:2px; }



.subcategories 		{ display:none; position:relative; padding-top:15px; height:0; background:rgba(0,0,0,0.7); left:0; top:0; width:348px; padding-bottom:20px; -moz-transition:0.25s; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s;  }
.menu .fot li:hover .subcategories {display:block; position:fixed; height:auto; top:110px; left:0px; width:100%; }
.subcategories div	{ float:left; display:inline-flex; width:150px; float:left; padding:1px 12px; font-size:12px;}
.subcategories div:hover {background:#000}


.watermark			{ width:100%; height:100%; background:url(/images/logo.png) no-repeat right bottom; display:block; float:left; position:absolute; }

img					{ border:0; }

.center				{ display:block; float:left; width:100%; text-align:center; }
.center img 		{ max-width:500px; max-height:500px; }

/*
.boxx img, .hide img {
    filter: url(filters.svg#grayscale);
    filter: gray; 
    -webkit-filter: grayscale(1);
}
.boxx:hover img	{    filter: none;   -webkit-filter: grayscale(0); }
*/




/* animacje */

.clickmove .arrow {
	animation:scroller 0.7s infinite forwards; 
	animation-timing-function: linear;
	-moz-animation:scroller 0.7s infinite forwards;
	-moz-animation-timing-function: linear;
	-webkit-animation:scroller 0.7s infinite forwards; 
	-webkit-animation-timing-function: linear;
}

@keyframes scroller 
{
0% 				{background-position:center 0px;}
100% 			{background-position:center 54px;}
}

@-moz-keyframes scroller /* Firefox */
{
0% 				{background-position:center 0px;}
100% 			{background-position:center 54px;}
}

@-webkit-keyframes scroller /* Safari and Chrome */
{
0% 				{background-position:center 0px;}
100% 			{background-position:center 54px;}
} 



/* masonry */
/*
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition:  all 1s ease-in-out; 
     -moz-transition:  all 1s ease-in-out; 
       -o-transition:  all 1s ease-in-out; 
          transition:  all 1s ease-in-out; 
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container 
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}*/

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


.fancybox-inner {
	width:auto !important;
	overflow-x:hidden;
	overflow-y:auto;
}


/*
	korekta 2026
*/

.prim {
	padding-right: 260px;
}
.menu {
	height:auto;
	position: static;
}
.logo_top {
	background-size: contain;
	max-width: 809px;
	margin-left:auto;
	margin-right: auto;
}
.content {
	min-width: auto;
	display:flex;
	flex-direction: column;
}
.obrazy {
	position: static;
}
.start, .content {
	position: absolute;
	transition: top 0.3s ease;
}

.start.move {
	top: -100%;
}

.content.move {
	top: 0%;
}

.head {
	background-size: cover;
	max-height: none;
}
.logo_dp {
	position: static;
	margin-left: auto;
	z-index:10;
}
/* new mobilemenu */
.menubar {
	box-sizing:border-box;
	left: 0;
	top: 0;
	width: 100%;
	height: 150px;
	background: black;
	color:whitesmoke;
	font-size: 26px;
	padding: 10px 20px;
	display:flex;
	flex-direction: column;
	& .links {
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		flex-grow: 1;
		align-items: center;
	}
	& a,span {
		color: inherit;
		text-decoration: none;
		padding:4px 10px;
		cursor: pointer;
	}
}
.menu {
	display:none;
}
.overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	z-index:15;
	transition: 0.5s;
	pointer-events: none;
	&.on {
		opacity: 0.7;
		pointer-events: all;
	}
}
.mobilemenu {
	box-sizing:border-box;
	position: fixed;
	left: -50%;
	top: 0;
	width: 50%;
	max-width: 300px;
	height: 100%;
	z-index:20;
	font-size:20px;
	color:whitesmoke;
	display:flex;
	flex-direction: column;
	justify-content: center;
	transition: 0.7s;
	&.on {
		left:0;
		& .catshadow {
			opacity: 1;
		}
		& .categories {
			opacity: 1;
		}
	}
	& .catshadow {
        box-shadow: 20px 0 30px #00000087;
        box-sizing: border-box;
        height: 110%;
        position: absolute;
        left: 0;
        top: -5%;
        width: 100%;
		background: #3d3d3d;
        z-index: 15;
        pointer-events: none;
        transition: 0.8s;
        opacity: 0;
	}
	& .categories {		
		box-sizing:border-box;
		max-height: 100%;
		display:flex;
		flex-direction: column;
		padding:10px;
		overflow:hidden;
		overflow-y: auto;
		z-index:30;
		opacity: 0;
		transition: 0.2s;
		& .showcat {
			padding:12px;
			text-align: right;
			cursor: pointer;
			&.on {
				transition: .2;
				background: #777;
			}
		}
	}
	& .subcat {
		box-sizing:border-box;
		display:flex;
		flex-direction: column;
		background: #616161;
		position: absolute;
		transition: 0.3s;
		left: 0;
		top: 0;
		width: 100%;
		max-width: 400px;
		height: 100%;
		overflow:hidden;
		overflow-y: auto;
		z-index:8;
		opacity: 0;
		padding:30px;
		font-size: 16px;
		&.on {
			left: 100%;
			opacity: 1;
		}
		& >div {
			padding:10px;
            border-bottom: 1px solid #959595;
            cursor: pointer;
            &.on {
            	background:#959595;
            }
		}
	}
}