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:#1f1a17}
.logo_top			{ width:100%; height:100%; border: 20px solid #1f1a17; background:#1f1a17 url(/images/start2.jpg) 50% no-repeat; background-size: contain; }
.clickmove			{ background:#5f5f5f; 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:18px;}
.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); }
*/

*, *:before, *:after { 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
  -webkit-tap-highlight-color: transparent;
}


/* 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;
            }
        }
    }
}