/*------------ wersja nnn----------------*/
/**/
/**/
/**/
/**/
/* Quick.Cms.Ext v6.x default stylesheet */

 @import url("style-sliders.css");
 @import url("style-widgets.css");
/* Above files contains CSS for sites modules such as forms or page details. We recommend merging all .css files into one file at the end of the site development process. */
/* Layout variables */
 @font-face{
    font-family:'font-menu-top';
    src: url(fonts/font-menu-www.ttf);
    font-weight:normal;
    font-style:normal;
}

 :root {
    --col__font-bialy: #fff;
    --col_______bialy: #fff;
 	
	--col_____zielony: #84D200;
	--color_niebieski: #0C94D6;
	--color-grafitowy: #54534B;

 
/* BELKA GÓRNA - KOLOR TLA - TEKSTU*/
 	--col_backg_belka_top: var(--color-grafitowy);
	--col_text__belka_top: var(--col_______bialy);
	--col_text_belk_hover: var(--col_____zielony);
	

	--col_backg_footer_bottom:#54534B;
	/*color grafitowy*/
	--col_backg_foot_widget:#3C3C3C;
	/*color grafitowy-ciemny*/
	--col_backg_page_cont: #F2FBFF;
	
 	
 	
	
	
	--color-primary-stopka-strony: var(--col_______bialy);
	--color-second-stopka-strony: var(--col_____zielony);
	
	
	--color-grafitowy: #3C3C3C;
	--color-czarny: #333333;
	--color-menu-top-background: #FF3300;
	--color-menu-top-background: #14B0FC;
	--backg-belka-logo: #C8C8C8;
	--backg-stopka-strony: var(--color-grafitowy);
	
	
	--color-link-dark-backg: #84D200;
	--color-link-light-backg: #0682E6;
	--backg-logo-under-slider: var(--color-menu-top-background);
	--backg-body: #D9DAD3;
	--color-czerwony: ff0000;
	--color-szary: #ccc;
    --col_____zielony: #84D200;
    --color-text: #333;
    --color-primary: #0093dd;
    --color-dark: var(--color-second-stopka-strony);
	--color-dark:#0C94D6;
    --color-secondary: #cc1426;
    --color-white: #fff;
    --color-grey: #f6f6f6;
	--color-divider:var(--color-menu-top-background);
}
/* GLOBAL STYLES */

 body, body *, body *:before, body *:after{
    margin:0;
    padding:0;
    border:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	
}
 body,table{
    color:var(--color-text);
    font-size:1em;
    font-family:Arial, sans-serif;
}
 body{
    padding:0;
    /*background:#efefef;*/
}
 a{
    color:var(--color-dark);
    text-decoration:underline;
}
 a:hover{
    color:#000;
    text-decoration:underline;
}
 .msg{
    clear:both;
    overflow:hidden;
    padding:20px 0;
    text-align:center;
}
 .msg.done, .msg.error{
    margin:10px 0;
    background:var(--color-primary) url('img/sprite.svg#info') no-repeat 1rem center;
    background-size:2rem;
    color:var(--color-white);
    font-size:1.5rem;
}
 .msg.done a, .msg.error a{
    color:var(--color-white);
}
 .msg.done a:hover, .msg.error a:hover{
    color:#1f1a17;
}
 .msg p{
    margin:.7em 4rem;
    line-height:2.25rem;
}
 .msg p:first-child{
    font-size:2rem;
}
 .msg a.action{
    display:inline-block;
    margin:7px 7px;
    padding:3px 8px;
    border:1px solid var(--color-white);
    text-decoration:none;
    font-size:0.813rem;
}
 .msg a.action:hover{
    background:var(--color-white);
}
 .msg.panel a.action{
    margin-top:13px;
}
 .msg.error{
    background-color:var(--color-secondary);
}
 body.is-msg-error404 .msg.error{
    margin-top:3rem;
}
hr { 
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), 		 		var(--color-menu-top-background), rgba(0, 0, 0, 0)); 
}

 .wai{
    position:absolute;
    width:1px;
    height:1px;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px, 1px, 1px, 1px);
    overflow:hidden;
}
 .icon{
    display:inline-block;
    content:"";
    flex-shrink:0;
    width:1.5rem;
    height:1.5rem;
    fill:var(--color-white);
}
 .icon--labeled{
    margin-left:.75em;
    width:1.5em;
    height:1.5em;
}
 #container{
    position:relative;
    width:95%;
    margin:0px auto;
    background:var(--col_______bialy);
    box-shadow:0 2px 6px rgba(100,100,100,0.3);
	
}
 #container:after{
    content:"";
    display:table;
    clear:both;
}
 @media screen and (min-width:1280px){
     #container{
        width:100%;
		background:url('img/body_min_width_1280/backround_container_1280.png') repeat-x;
    }
}
 #body, #foot{
    margin:0 auto;
    padding:0;
}
/* QUICK LINKS */
 #skiplinks{
    position:absolute;
    top:0;
    left:0;
}
 #skiplinks a{
    position:absolute;
    top:-500px;
    left:0;
    z-index:10;
    min-width:200px;
    padding:10px;
    color:var(--color-white);
}
 #skiplinks a:focus{
    top:0;
    background:#000;
    color:var(--color-white);
}
/*======================================Belka MENU_TOP===================================*/
  #belka-top-menu{
 position:fixed;
 min-height:55px;
 width:100%;
 background:var(--col_backg_belka_top);
 z-index:100;
-webkit-box-shadow: 0px 3px 6px -3px rgba(66, 68, 90, 1);
-moz-box-shadow: 0px 3px 6px -3px rgba(66, 68, 90, 1);
box-shadow: 0px 3px 6px -3px rgba(66, 68, 90, 1);
/*background:url('img/body_min_width_1280/belka_top.png') repeat-x;*/
}


/* LOGO, SLOGAN, MENU */
 .header__navigation{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:flex-start;
    position:relative;
	max-width: 1440px;
    margin: auto;
	padding:10px;
	/*background:var(--backg-belka-logo);*/

  
	
}
 #logo{
    padding:1.4rem;
    flex:1 1 0;
    order:-4;
	background:url('img/logo-hafty-bytom.png') no-repeat;
	min-width:400px;
}

 #ikony{
 	/*padding:1.0rem;*/
 	margin: auto;
	display: flex;
	justify-content: flex-end;
 }
 
 #ikona{
 	fill: var(--color-menu-top-background);
	padding:1rem 1rem;
 }

 #logo #title a{
    /*color:var(--color-czerwony);*/
    
	font-family:font-menu-top;
	font-size:2rem;
	color:var(--color-menu-top-background);
    line-height:0.7em;
    text-decoration:none;
	margin-left:46px;
	text-shadow: 1px 1px 2px #000000;

}
 #logo #title a span{
    color:var(--color-secondary);
}
 #logo #title a strong{
    color:var(--color-primary);
}
 #logo #title a em{
    color:var(--color-secondary);
    font-style:normal;
}
 #logo #slogan{
    padding:4px 0 0 4px;
    color:var(--backg-stopka-strony);
	margin-left:70px;
	font-family:font-menu-top;
	font-size:1.2rem;
}

/* MENU TOP to style mobile and desktop menu use: .menu-top ... to style only desktop menu use: .header__menu ... to style only mobile menu use: .mm-ocd ... */
 .header__menu .level-0-menu{
    display:flex;
    flex-flow:row wrap;
    list-style:none;
	/*display:none;*/
}
 .header__menu .menu__link{
    display:block;
    padding:.6em 1em;
    color:var(--col_______bialy);
    text-decoration:none;
    transition:all 0.5s ease;
}
 .menu__link:hover, .selected > .menu__link, .selected-parent > .menu__link{
    color:var(--col_____zielony);
}

/* drop down submenus hidden */
 @media screen and (min-width:430px){
  #belka-top-menu{
 /* display:none;*/
  }
   #container{
        width:100%;
		background:url('img/body_min_width_1280/backround_container_1280.png') repeat-x;
}
 .header__menu .level-0-menu{
 display:none
 }
     .header__menu li:hover > ul{
        display:block;
    }
    /* show drop down submenu on hover */
     .header__menu li.drop-down:before{
        position:absolute;
        right:3px;
        display:block;
        content:"\25be";
        color:#fff;
        font-size:1rem;
		
    }
    /* dropdown mark */
    /* drop down submenus styles */
     .header__menu ul ul{
        position:absolute;
        top:100%;
        left:-1px;
        z-index:10;
        width:auto;
        height:auto;
        white-space:nowrap;
        background:var(--col_backg_belka_top);
        list-style:none;
    }
     .header__menu .level-1-el.drop-down:before{
        top:50%;
        transform:translateY(-50%) rotate(-90deg);
    }
    /* dropdown mark - second level */
     .header__menu .level-1-el a{
        font-size:1.063rem;
    }
     .header__menu .level-2-el a{
        font-size:0.875rem;
    }
    /* third level submenu */
     .header__menu .level-2-menu{
        top:0;
        left:100%;
        border-left:5px solid var(--color-primary);
    }
}

 @media screen and (min-width:640px){
  .header__menu .level-0-menu{
 		display:block;
		display:flex;
    	flex-flow:row wrap;
    	list-style:none;
		max-width:1440px;
		margin:auto;
		background:var(--col_backg_belka_top)
 }
     .header__menu{
        flex-basis:100%;
		font-family:font-menu-top;
    }
     .header__menu li{
        position:relative;
        font-size:1.1rem;
    }
    /* Bottom underline */
     .header__menu .level-0-el:after{
        content:'';
        display:block;
        position:absolute;
        bottom:0;
        width:10%;
        height:2px;
        transition:all 0.5s ease;
		
    }
     .header__menu .level-0-el:hover:after, .header__menu .level-0-el.selected:after, .header__menu .level-0-el.selected-parent:after{
        width:99%;
        background:var(--col_______bialy);
    }
    /* Hamburger only on small screen */
     button.hamburger{
        display:none;
    }
}


 @media screen and (min-width:1200x){
     .header__menu{
       /* display:flex;*/
        justify-content:flex-end;
        padding: 5px 3%;
		
    }
	 .header__navigation{
	 max-width: 1100px;
	 }
}
 @media screen and (min-width:1280px){
     #logo #title a{
        font-size:3.25rem;
		
    }
}

 @media screen and (min-width:1400px){
     .header__menu{
       /* display:flex;*/
        justify-content:flex-end;
        padding: 5px 4%;
    }
	 .header__navigation{
	 max-width: 1380px;
	 }
}
 @media screen and (min-width:1600px){
     .header__menu{
       /* display:flex;*/
        justify-content:flex-end;
        padding: 5px 8%;
    }
	.header__navigation{
	 max-width: 1440px;
	 }
}
 @media screen and (min-width:1800px){
     .header__menu{
       /* display:flex;*/
        justify-content:flex-end;
        padding: 5px 12%;
    }
		.header__navigation{
	 max-width: 1440px;
	 margin:auto;
	 }
}




/* DROP DOWN MENU */
 .header__menu ul ul{
    display:none;
}

/* SLIDER */
/* You will find slider styles in style-slider.css file */
/* BODY/CONTENT STYLES */
 #body{
    clear:both;
    margin:0;
    /*border-top:2px solid var(--color-menu-top-background);*/
}
 #body:after{
    content:"";
    display:table;
    clear:both;
}
/* PAGE */
 #page{
    position:relative;
    text-align:left;
	max-width:1440px;
	margin:0 3% 30px;
	margin:auto;
	padding:15px;
	-webkit-box-shadow: 0px 0px 12px -7px rgba(66, 68, 90, 1);
	-moz-box-shadow: 0px 0px 12px -7px rgba(66, 68, 90, 1);
	box-shadow: 0px 0px 12px -7px rgba(66, 68, 90, 1);
	background: var(--col_backg_page_cont);
}
 #page:after{
    content:"";
    display:table;
    clear:both;
}
 #page h1, .heading-1{
    margin:.8em 0 .4em;
    color:var(--backg-logo-under-slider);
    font-size:1.5rem;
    font-weight:normal;
	font-family:'font-menu-top';
}
 #page .msg.error h1, #page .msg.error .heading-1{
    margin-top:.4em;
    color:var(--color-white);
}
 #page .msg.error.panel h1{
    margin:0;
    font-size:1rem;
}
/* PAGE - BREADCRUMB (navigation path) */
 .breadcrumb{
    font-size:1.2rem;
    margin-bottom:1rem;
	font-family:'font-menu-top';
}
 .breadcrumb ol{
    list-style:none;
}
 .breadcrumb li{
    display:inline-block;
	
	
}
 .breadcrumb li:not(:first-child)::before{
    content:"\203A";
    display:inline-block;
    padding:0 .8em;
    color:var(--color-text);
	
    font-weight:bold;
	
}
/* PAGE CONTENT */
 #page div.content{
    line-height:1.5em;
	

}
 #page div.content > ul, #page div.content > ol{
    padding:0 0 0 2em;
}
/* #page div.content > ul:after, #page div.content > ol:after{
    content:"";
    display:table;
    clear:both;
}
 */
/* Uncomment if necessary */
 #page div.content > ul li, #page div.content > ol li{
    margin:.5em 0;
    padding:0;
}
 #page div.content > h2, #page div.content > h3{
    font-size:1.5rem;
    line-height:2em;
    font-weight:normal;
}
 #page div.content > h3{
    font-size:1.25rem;
}
 #page div.content > p{
    padding-bottom:0.3em;
}
 #page > time{
    color:var(--color-text);
    opacity:.7;
}
 @media screen and (min-width:960px){
     #page > time{
        position:absolute;
        top:2.5rem;
        right:0;
    }
}
/* IMAGES STYLES */
/* global */
 #content li img:hover{
    opacity:0.8;

}
 ul[class*='images-']{
    list-style:none;
}
 ul[class*='images-'] li{
    margin:0 0 1rem 0;
    text-align:center;

}
 ul[class*='images-'] p{
    max-width:250px;
    margin:0 auto;
    color:var(--color-primary);
    font-size:0.875em;
	padding-top:5px;
}





 ul[class*="images-"] img{
    max-width:100%;
    box-shadow:0 0 4px rgba(100,100,100,0.4);
	transition-duration: 0.3s;
    margin: 5px auto;
    display: block;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(66, 68, 90, 1);
	-moz-box-shadow: 0px 0px 6px 0px rgba(66, 68, 90, 1);
	box-shadow: 0px 0px 6px 0px rgba(66, 68, 90, 1);
	border-radius: 7px 7px 7px 7px;
	border: 2px solid var(--col_______bialy);
	
}
 ul[class*="images-"] img:hover{
    -webkit-filter: contrast(130%);
	-moz-filter: contrast(1300%);
	-o-filter: contrast(13%);
	-ms-filter: contrast(130%);
	filter: contrast(130%);

/*	 transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);*/
}

 div.content .images-gallery{
    padding:0;
}
/* list custom */
 .images-1{
    clear:left;
    float:left;
    margin:.5rem 1.5rem 0 0;
}
 .images-2{
    clear:right;
    float:right;
    margin:.5rem 0 0 1rem;
}
 .images-gallery{
    clear:both;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
}
 .images-gallery li{
    flex:1 0 100%;
    padding:.3rem 2rem;	
}
 div.content .images-gallery{
    clear:none;
}
 @media screen and (min-width:960px){
     .images-gallery li{
        flex:0 0 calc( 100% / 3 );
    }
	  #logo #title a {
    font-size: 3.25rem;
  }	
}
/* FILES LIST STYLES */
 .files-list{
    width:100%;
    margin:1rem 0 .5rem;
    list-style:none;
}
 .files-list__link{
    display:flex;
}
 .files-list__description{
    margin:5px 0 0 26px;
    color:#777;
    font-size:0.938em;
}
/* Simple download list */
 .files-list--simple{
    padding-left:1rem;
    border-left:2px solid var(--color-divider);
}
 .files-list--simple .files-list__link{
    margin-top:1rem;
}
/* File type icon */
 .files-list__link:before{
    content:'';
    display:inline-block;
    width:16px;
    height:20px;
    margin-right:10px;
    --sprite:-260px;
    background:url('img/files-ext.gif') no-repeat 0 -260px;
}
 .zip .files-list__link:before{
    background-position:0 0;
}
 .xml .files-list__link:before{
    background-position:0 -20px;
}
 .xls .files-list__link:before{
    background-position:0 -40px;
}
 .web .files-list__link:before{
    background-position:0 -60px;
}
 .vcf .files-list__link:before{
    background-position:0 -80px;
}
 .txt .files-list__link:before{
    background-position:0 -100px;
}
 .sys .files-list__link:before{
    background-position:0 -120px;
}
 .swf .files-list__link:before{
    background-position:0 -140px;
}
 .psd .files-list__link:before{
    background-position:0 -160px;
}
 .pps .files-list__link:before{
    background-position:0 -180px;
}
 .png .files-list__link:before{
    background-position:0 -200px;
}
 .pic .files-list__link:before{
    background-position:0 -220px;
}
 .pdf .files-list__link:before{
    background-position:0 -240px;
}
 .nn .files-list__link:before{
    background-position:0 -260px;
}
 .msg .files-list__link:before{
    background-position:0 -280px;
}
 .media .files-list__link:before{
    background-position:0 -300px;
}
 .fla .files-list__link:before{
    background-position:0 -320px;
}
 .exe .files-list__link:before{
    background-position:0 -340px;
}
 .chm .files-list__link:before{
    background-position:0 -360px;
}
 .cdr .files-list__link:before{
    background-position:0 -380px;
}
/* SUBPAGES LIST STYLES */
/* global */
 .title{
    padding:0.5em 0;
/*    font-size:1.25rem;
    color:var(--color-secondary);*/
	color: var(--backg-logo-under-slider);
  font-size: 2rem;
  font-weight: normal;
  font-family: 'font-menu-top';
	
}
 .title a{
    color:inherit;
    font-weight:normal;
    background:none;
    text-decoration:none;
	
}
 .title a:hover{
    color:var(--color-primary);
    background:none;
    text-decoration:underline;
}
 time.date{
    display:block;
    padding:0 0 0.3em;
    color:var(--color-second-stopka-strony);
    opacity:.7;
	font-family: 'font-menu-top';
	
}
 [class|="pages"]{
    clear:both;
    margin:.5rem 0;
    list-style:none;
}
 [class|="pages"] .page:after{
    content:"";
    display:table;
    clear:both;
}
 [class|="pages"] .more{
    display:block;
    margin:0.3em 0 0;
}
 [class|="pages"] p{
    padding:.3em 0;
}
 [class|="pages"] .image{
    line-height:1px;
}
 [class|="pages"] .image img{
    max-width:100%;
}
 .description ul, .description ol{
    margin:.5em 2em;
    list-style:disc;
}
 .description li{
    padding:0;
    border:0;
    background:none;
}
 .description ol{
    list-style:decimal;
}
/* standard list */
 .pages-list .page{
    margin:15px 0;
    padding:1.5rem 2.5%;
/*    border:1px solid var(--color-divider);
    border-top:5px solid var(--color-szary);*/
	background:var(--color-menu-top-background);
	
}
 .pages-list .page .image{
    float:left;
    margin:0 2.5% 5px 0;
}
/* subpages gallery/boxes/products etc */
 .pages-gallery{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
}
 .pages-gallery .page{
    flex:0 0 100%;
    margin:15px 0;
    padding:20px;
    text-align:center;
	background:#fff;
	box-shadow: 0 0px 2px rgba(0,0,0,0.15);
  	transition: box-shadow 0.2s ease-in-out;
	overflow: hidden;	
}
 .pages-gallery .page:hover{
   /* flex:0 0 50%;*/
    margin:15px 0;
    padding:20px;
/*    border:1px solid var(--color-divider);
    border-top:2px solid var(--color-divider);*/
	-webkit-box-shadow: 0px 0px 12px -7px rgba(66, 68, 90, 1);
	-moz-box-shadow: 0px 0px 12px -7px rgba(66, 68, 90, 1);
	box-shadow: 0px 0px 12px -7px rgba(66, 68, 90, 1);
/*border-radius: 10px 10px 10px 10px;*/
-webkit-filter: contrast(130%);
-moz-filter: contrast(1300%);
-o-filter: contrast(13%);
-ms-filter: contrast(130%);
filter: contrast(130%);
text-align:center;
}
	
 .pages-gallery .title{
    font-size:1.5rem;
}
 .pages-gallery .page .image{
    margin:0 0 5px;
	transition-duration: 0.3s;
   /* margin: 0 auto;*/
    display: block;
}
 .pages-gallery .page .image:hover{
    margin:0 0 5px;
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    z-index: 0;	
}

 .pages-gallery div.description{
    padding:0.3em 0;
    font-size:0.875rem;
    text-align:justify;
}
 @media screen and (min-width:600px){
     .pages-gallery{
         --cols: calc((100%/ 3 ) - 1rem);
    }
     .pages-gallery .page{
        flex:0 0 var(--cols);
    }
     .pages-gallery:before, .pages-gallery:after{
        content:"";
        flex:0 1 var(--cols);
    }
     .pages-gallery:before{
        order:99;
    }
	#logo #title a {
    font-size: 2rem;
  }
}
 .pagination{
    text-align:right;
}
 .pagination ul, .pagination li{
    display:inline;
}
 .pagination li{
    padding:0 2px;
}
 .pagination a, .pagination strong{
    padding:0 3px;
}
/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
 #foot{
    background:var(--col_backg_footer_bottom);
    color:var(--color-primary-stopka-strony);
   /* --color-secondary:var(--color-white);*/
    font-size:1.083em;
}
 #foot .container{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
	max-width:1400px;
	margin:auto;
	padding:10px;
}
 #foot .container > *{
    padding:1.2rem 1.2rem;
	background:var(--col_backg_foot_widget);
}
 #foot a{
    color: var(--color-second-stopka-strony);
    text-decoration:none;
}
 #foot a:hover{
    text-decoration:underline;
	color: var(--color-primary-stopka-strony);
}
 #foot .options ul{
    display:flex;
    list-style:none;
}
 #foot .options li:not(:last-child){
    margin-right:2rem;
}
 #foot .copy{
 font-family:font-menu-top;
 color: var(--color-second-stopka-strony);
 background:var(--col_backg_footer_bottom);
}
 #foot .options{
 	color: var(--color-second-stopka-strony);
 	background:var(--col_backg_footer_bottom);
 
}
 #foot .options a{
    display:block;
    font-size:1%;
    color:transparent;
}
 #foot .options .icon{
    width:1rem;
	fill:var(--color-second-stopka-strony);
}
 #foot .options a:hover .icon{
    fill:var(--color-primary-stopka-strony);
}

.icon-navigation {
  display: inline-block;
  width: 2em;
  height: 2em;
  stroke-width: 1;
  fill: currentColor;

}


 #powered{
    clear:both;
    width:100%;
    margin-bottom:1px;
    text-align:center;
}
 #powered a{
    display:inline-block;
    width:192px;
    height:26px;
}
 @media print{
    /* PRINT STYLES */
     * {
        color:#000 !important;
        background:#fff !important;
        border-color:#444 !important;
        border-width:1px !important;
    }
     body{
        margin:.5cm 0;
        font-size:0.875em;
    }
     #container{
        position:static;
        width:17.2cm;
        height:auto;
        margin:0;
        box-shadow:none;
    }
     #logo{
        padding:0 0 0.2cm;
    }
     #logo #title a{
        font-size:2em;
    }
     #body{
        clear:none;
        border-top:0;
    }
     #page{
        clear:both;
        position:static;
        float:none;
    }
     #body #page h1{
        margin:.5cm 0 0;
        font-size:1.25rem;
    }
     #body, #head1, #foot{
        float:none;
    }
     #menu-main, #foot .options{
        display:none;
    }
     .msg p:first-child{
        font-size:1rem;
    }
}
/* PLUGINS */

/* GALLERIA */
.images-7{clear:left;height:450px;}
.images-7 .galleria-stage{height:360px;}
.images-7 .galleria-counter{padding:5px;background:var(--color-primary);}

/* CONTACT-PANEL */
.contact-panel{
	padding:1.0rem 0;
	/*border-top:3px solid var(--color-second-stopka-strony);*/
	border-bottom:3px solid var(--color-second-stopka-strony);
	}
/* OTHER (less popular styles) */
 table{
    border-collapse:collapse;
    border-spacing:0;
    font-size:100%;
}
 tbody, tfoot, thead{
    margin:0;
    padding:0;
}
 caption, tr, th, td{
    margin:0;
    padding:2px 4px;
    /*border:1px solid var(--color-divider);*/
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
/* FORMS */
 input[type="text"], input[type="password"], input[type="file"], input[type="email"], form select, form textarea{
    padding:2px;
    border-width:1px;
    border-style:solid;
    border-color:var(--color-second-stopka-strony);
    font-family:Arial, sans-serif;
    font-size:1rem;
    border-radius:5px;
}
 input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus{
    border-color:var(--color-dark);
    box-shadow:0 0 3px rgba(0,0,0,0.2);
}
 input[type="text"].warning-required, input[type="password"].warning-required, input[type="email"].warning-required, select.warning-required, textarea.warning-required{
    background:#fbefef;
    border-color:#bb4c2e;
}
 input[type="submit"], button[type="submit"]{
    /*padding:0.3em 0.9em*/;

    color:var(--color-white);
    transition:all 0.3s ease;
    font-family:font-menu-top;
    font-size:1.2rem;
    border-radius:7px;
	background:var(--color-second-stopka-strony);
}
 input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus{
    background:var(--color-dark);
    cursor:pointer;
}
 label{
    font-weight:bold;
}
 label span{
    padding-left:10px;
    color:#aaa;
    font-weight:normal;
    font-size:.875em;
}
/* forms common classes */
 .form-full{
    clear:both;
    /*margin:25px auto 0;*/
}
 .form-full dt{
    padding:0 0 7px;
}
 .form-full dd{
    margin-bottom:10px;
}
 .form-full input[type="text"], .form-full input[type="email"], .form-full input[type="password"], .form-full textarea{
    width:99%;
    padding:7px;
    font-size:1em;
}
 .form-full .save{
    text-align:center;
}
 .form-full .save input{
    padding:0.8em 1.5em;
    text-transform:uppercase;
    letter-spacing:1px;
}
 .captcha input[type="text"]{
    min-width:60px;
    width:6%;
}
 .captcha strong{
    font-weight:bold;
}
 .captcha em{
    font-style:normal;
    font-weight:bold;
}
 .captcha ins{
    padding:0 3px;
    font-weight:bold;
    text-decoration:none;
}
/* QUICK.BOX */
 #quick-box{
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:rgba( 0, 0, 0, 0.7 );
    z-index:200;
}
 #quick-box .background{
    height:100%;
}
 #quick-box .quick-box-container{
    position:absolute;
    padding:0;
    border-radius:5px;
    box-shadow: 0 0 15px 1px #000;
}
 #quick-box .image-wrapper{
    position:relative;
    line-height:0;
}
 #quick-box .image-wrapper img{
    margin:0;
    padding:0;
    border-radius:5px;
}
 #quick-box .navigation{
    position:absolute;
    bottom:0;
    margin:0;
    width:100%;
    padding:.5em 0;
    text-align:center;
    font-size:1rem;
    color:var(--color-white);
    line-height:normal;
    background:rgba( 0, 0, 0, 0.2 );
}
 #quick-box .navigation__sep{
    padding:0 3px;
}
 #quick-box .full-size{
    position:absolute;
    right:8px;
    top:2px;
    width:24px;
    height:24px;
    font-size:0.1em;
    color:transparent;
    background:url('../admin/img/fullscreen.png') no-repeat;
}
 #quick-box .description{
    margin:0;
    padding:.5em 0;
    text-align:center;
    font-size:0.875rem;
    color:#ddd;
    font-weight:bold;
    background:rgba( 0, 0, 0, 0.8 );
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    max-height:66px;
    overflow:hidden;
}
 #quick-box .arrow{
    position:absolute;
    display:block;
    width:50%;
    top:15%;
    height:70%;
    margin:0px;
    font-family:Verdana;
    z-index:100;
    opacity:0.5;
    text-decoration:none;
}
 #quick-box .arrow:before, #quick-box .arrow:after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
 #quick-box .arrow:before{
    width:32px;
    height:32px;
    margin:0 10px;
    background:url('img/arrows.png') no-repeat 0 0;
    z-index:1;
}
 #quick-box .arrow:after{
    width:52px;
    height:52px;
    background:rgba( 0, 0, 0, 0.2 );
    z-index:-1;
}
 #quick-box .arrow.prev:before{
    background-position:0 -32px;
}
 #quick-box .arrow.next:before{
    right:0;
}
 #quick-box .arrow.next:after{
    right:0;
}
 #quick-box .arrow:hover{
    opacity:0.9;
}
 #quick-box .prev{
    left:0px;
}
 #quick-box .next{
    right:0px;
}
 #quick-box .close{
    position:absolute;
    top:0;
    right:0;
    padding:0.15em 0.4em 0.2em;
    opacity:0.5;
    background:#000;
    color:var(--color-white);
    font-weight:bold;
    font-family:"Trebuchet MS";
    text-decoration:none;
    border:1px solid var(--color-white);
    border-top:none;
    border-right:none;
    border-top-right-radius:5px;
    z-index:100;
}
 #quick-box .close:hover{
    opacity:0.8;
}
 #quick-box .close, #quick-box .arrow{
    line-height:normal;
}
 #quick-box .loading{
    display:block;
    padding:40px 35px;
    color:white;
    line-height:1em;
}
 @media 
/* High px density (mostly mobile) - so you can magnify something */
 only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
     #quick-box .close{
        font-size:1.5rem;
    }
     #quick-box .prev, #quick-box .next{
        opacity:0.5;
        text-decoration:none;
    }
}
/* ADMIN OPTIONS */
 #page ul.options{
    position:absolute;
    right:0;
    top:15px;
    min-width:100px;
    list-style:none;
    text-align:right;
}
 #page ul.options li{
    display:inline-block;
    margin-left:1rem;
}
 .panel-link{
    display:inline-block;
    width:21px;
    height:21px;
    background:rgba(255,255,255,0.6) url('../admin/img/options.png') no-repeat 0px 0px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    font-size:1%;
    color:transparent;
    opacity:.25;
}
 .panel-link:hover{
    opacity:1;
}
 .panel-link.edit:hover{
    background-position:0 -21px;
}
 .panel-link.delete{
    background-position:-21px 0;
}
 .panel-link.delete:hover{
    background-position:-21px -21px;
}
 .panel-link.list{
    background-position:-121px 0;
}
 .panel-link.list:hover{
    background-position:-121px -21px;
}
 .subpage-edit{
    position:relative;
    display:block;
}
 .subpage-edit .panel-link{
    position:absolute;
    right:-10px;
    top:-10px;
}
 .sub:hover .subpage-edit .panel-link:not(:hover){
    opacity:0.5;
}
 .dev{
    padding:5px;
    text-align:center;
    color:#f00;
    font-weight:bold;
}
/* OTHER */
/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */
.hamburger{
    padding:3px 30px;
    display:inline-block;
    cursor:pointer;
    transition-property:opacity, filter;
    transition-duration:0.15s;
    transition-timing-function:linear;
    font:inherit;
    color:inherit;
    text-transform:none;
   /* background-color:transparent*/;
    border:0;
    margin:0;
    overflow:visible;
}
.hamburger:hover{
    opacity:.8
}
.hamburger.is-active:hover{
    opacity:.7
}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{
    background-color:var(--color-primary)
}
.hamburger.is-active .hamburger-label{
    display:none
}
.hamburger-box{
    width:40px;
    height:24px;
    display:inline-block;
    position:relative
}
.hamburger-inner{
    display:block;
    top:50%;
    margin-top:-2px
}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{
    width:40px;
    height:4px;
    background-color:var(--color-primary);
    border-radius:4px;
    position:absolute;
    transition-property:transform;
    transition-duration:0.15s;
    transition-timing-function:ease
}
.hamburger-inner::before,.hamburger-inner::after{
    content:"";
    display:block
}
.hamburger-inner::before{
    top:-10px
}
.hamburger-inner::after{
    bottom:-10px
}
.hamburger-label{
    display:block;
    margin-top:5px;
    text-transform:uppercase;
    font-size:.75rem
}
.hamburger--3dx .hamburger-box{
    perspective:80px
}
.hamburger--3dx .hamburger-inner{
    transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger--3dx .hamburger-inner::before,.hamburger--3dx .hamburger-inner::after{
    transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger--3dx.is-active .hamburger-inner{
    background-color:transparent !important;
    transform:rotateY(180deg)
}
.hamburger--3dx.is-active .hamburger-inner::before{
    transform:translate3d(0, 10px, 0) rotate(45deg)
}
.hamburger--3dx.is-active .hamburger-inner::after{
    transform:translate3d(0, -10px, 0) rotate(-45deg)
}
.hamburger--3dx-r .hamburger-box{
    perspective:80px
}
.hamburger--3dx-r .hamburger-inner{
    transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger--3dx-r .hamburger-inner::before,.hamburger--3dx-r .hamburger-inner::after{
    transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger--3dx-r.is-active .hamburger-inner{
    background-color:transparent !important;
    transform:rotateY(-180deg)
}
.hamburger--3dx-r.is-active .hamburger-inner::before{
    transform:translate3d(0, 10px, 0) rotate(45deg)
}
.hamburger--3dx-r.is-active .hamburger-inner::after{
    transform:translate3d(0, -10px, 0) rotate(-45deg)
}
/*! * Mmenu Light v3.0.0 * mmenujs.com/mmenu-light * * Copyright (c) Fred Heusschen * www.frebsite.nl * * License: CC-BY-4.0 * http://creativecommons.org/licenses/by/4.0/ */
:root{
    --mm-ocd-width:80%;
    --mm-ocd-min-width:200px;
    --mm-ocd-max-width:440px
}
body.mm-ocd-opened{
    overflow-y:hidden;
    -ms-scroll-chaining:none;
    overscroll-behavior:none
}
.mm-ocd{
    position:fixed;
    top:0;
    right:0;
    bottom:100%;
    left:0;
    z-index:9999;
    overflow:hidden;
    -ms-scroll-chaining:none;
    overscroll-behavior:contain;
    background:rgba(0,0,0,0);
    -webkit-transition-property:bottom,background-color;
    -o-transition-property:bottom,background-color;
    transition-property:bottom,background-color;
    -webkit-transition-duration:0s,.3s;
    -o-transition-duration:0s,.3s;
    transition-duration:0s,.3s;
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-delay:.45s,.15s;
    -o-transition-delay:.45s,.15s;
    transition-delay:.45s,.15s
}
.mm-ocd--open{
    bottom:0;
    background:rgba(0,0,0,.25);
    -webkit-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s
}
.mm-ocd__content{
    position:absolute;
    top:0;
    bottom:0;
    z-index:2;
    width:80%;
    width:var(--mm-ocd-width);
    min-width:200px;
    min-width:var(--mm-ocd-min-width);
    max-width:440px;
    max-width:var(--mm-ocd-max-width);
    background:#fff;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease
}
.mm-ocd--left .mm-ocd__content{
    left:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}
.mm-ocd--right .mm-ocd__content{
    right:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
.mm-ocd--open .mm-ocd__content{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.mm-ocd__backdrop{
    position:absolute;
    top:0;
    bottom:0;
    z-index:3;
    width:calc(100% - 80%);
    width:calc(100% - var(--mm-ocd-width));
    min-width:calc(100% - 440px);
    min-width:calc(100% - var(--mm-ocd-max-width));
    max-width:calc(100% - 200px);
    max-width:calc(100% - var(--mm-ocd-min-width));
    background:rgba(3,2,1,0)
}
.mm-ocd--left .mm-ocd__backdrop{
    right:0
}
.mm-ocd--right .mm-ocd__backdrop{
    left:0
}
.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{
    display:block;
    padding:0;
    margin:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
:root{
    --mm-spn-item-height:50px;
    --mm-spn-item-indent:20px;
    --mm-spn-line-height:24px
}
.mm-spn{
    width:100%;
    height:100%;
    -webkit-tap-highlight-color:transparent;
    -webkit-overflow-scrolling:touch;
    overflow:hidden;
    -webkit-clip-path:inset(0 0 0 0);
    clip-path:inset(0 0 0 0);
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.mm-spn ul{
    -webkit-overflow-scrolling:touch;
    position:fixed;
    top:0;
    left:100%;
    bottom:0;
    z-index:2;
    width:130%;
    padding-right:30%;
    line-height:24px;
    line-height:var(--mm-spn-line-height);
    overflow:visible;
    overflow-y:auto;
    background:inherit;
    -webkit-transition:left .3s ease 0s;
    -o-transition:left .3s ease 0s;
    transition:left .3s ease 0s;
    cursor:default
}
.mm-spn ul:after{
    content:'';
    display:block;
    height:50px;
    height:var(--mm-spn-item-height)
}
.mm-spn>ul{
    left:0
}
.mm-spn ul.mm-spn--open{
    left:0
}
.mm-spn ul.mm-spn--parent{
    left:-30%;
    overflow-y:hidden
}
.mm-spn li{
    position:relative;
    background:inherit;
    cursor:pointer
}
.mm-spn li:before{
    content:'';
    display:block;
    position:absolute;
    top:25px;
    top:calc(var(--mm-spn-item-height)/ 2);
    right:25px;
    right:calc(var(--mm-spn-item-height)/ 2);
    z-index:0;
    width:10px;
    height:10px;
    border-top:2px solid;
    border-right:2px solid;
    -webkit-transform:rotate(45deg) translate(0,-50%);
    -ms-transform:rotate(45deg) translate(0,-50%);
    transform:rotate(45deg) translate(0,-50%);
    opacity:.4
}
.mm-spn li:after{
    content:'';
    display:block;
    margin-left:20px;
    margin-left:var(--mm-spn-item-indent);
    border-top:1px solid;
    opacity:.15
}
.mm-spn a,.mm-spn span{
    position:relative;
    z-index:1;
    padding:13px 20px;
    padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)
}
.mm-spn a{
    background:inherit;
    color:inherit;
    text-decoration:none
}
.mm-spn a:not(:last-child){
    width:calc(100% - 50px);
    width:calc(100% - var(--mm-spn-item-height))
}
.mm-spn a:not(:last-child):after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    border-right:1px solid;
    opacity:.15
}
.mm-spn span{
    background:0 0
}
.mm-spn.mm-spn--navbar{
    cursor:pointer
}
.mm-spn.mm-spn--navbar:before{
    content:'';
    display:block;
    position:absolute;
    top:25px;
    top:calc(var(--mm-spn-item-height)/ 2);
    left:20px;
    left:var(--mm-spn-item-indent);
    width:10px;
    height:10px;
    margin-top:2px;
    border-top:2px solid;
    border-left:2px solid;
    -webkit-transform:rotate(-45deg) translate(50%,-50%);
    -ms-transform:rotate(-45deg) translate(50%,-50%);
    transform:rotate(-45deg) translate(50%,-50%);
    opacity:.4
}
.mm-spn.mm-spn--navbar.mm-spn--main{
    cursor:default
}
.mm-spn.mm-spn--navbar.mm-spn--main:before{
    content:none;
    display:none
}
.mm-spn.mm-spn--navbar:after{
    content:attr(data-mm-spn-title);
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:50px;
    height:var(--mm-spn-item-height);
    padding:0 40px;
    padding:0 calc(var(--mm-spn-item-indent) * 2);
    line-height:50px;
    line-height:var(--mm-spn-item-height);
    opacity:.4;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.mm-spn.mm-spn--navbar.mm-spn--main:after{
    padding-left:20px;
    padding-left:var(--mm-spn-item-indent)
}
.mm-spn.mm-spn--navbar ul{
    top:51px;
    top:calc(var(--mm-spn-item-height) + 1px)
}
.mm-spn.mm-spn--navbar ul:before{
    content:'';
    display:block;
    position:fixed;
    top:inherit;
    z-index:2;
    width:100%;
    border-top:1px solid currentColor;
    opacity:.15
}
.mm-spn.mm-spn--light{
    color:#fff;
	font-family:font-menu-top;
	font-size:1.2rem;
    background: var(--color-grafitowy);
}
.mm-spn.mm-spn--dark{
    color:#ddd;
    background:#333
}
.mm-spn.mm-spn--vertical{
    overflow-y:auto
}
.mm-spn.mm-spn--vertical ul{
    width:100%;
    padding-right:0;
    position:static
}
.mm-spn.mm-spn--vertical ul ul{
    display:none;
    padding-left:20px;
    padding-left:var(--mm-spn-item-indent)
}
.mm-spn.mm-spn--vertical ul ul:after{
    height:25px;
    height:calc(var(--mm-spn-item-height)/ 2)
}
.mm-spn.mm-spn--vertical ul.mm-spn--open{
    display:block
}
.mm-spn.mm-spn--vertical li.mm-spn--open:before{
    -webkit-transform:rotate(135deg) translate(-50%,0);
    -ms-transform:rotate(135deg) translate(-50%,0);
    transform:rotate(135deg) translate(-50%,0)
}
.mm-spn.mm-spn--vertical ul ul li:last-child:after{
    content:none;
    display:none
}