/*
Theme Name: pixflex
Theme URI: https://pixup.pl
Author: pixUp Marketing
Author URI: http://pixup.pl/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pixflex

*/

* {
margin: 0;
padding: 0;
}

body {
    background: #fff;
    margin: 0px;  
    display: flex;  
    box-sizing: border-box;
}

:target {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}

li#block-2, li#block-3, li#block-4 {
    list-style-type: none;
}
li#block-4 {
    padding-top: 38px;
}


/* TYPO */

p { 
	padding-bottom: 30px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
	line-height:1.3;
	color:#444;
	padding:10px;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
	line-height:1.1;
	color:#444;
    padding-bottom: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	padding:10px;
}

.main-content ul {
    padding-left: 20px;
    padding-bottom: 20px;
	line-height: 1.3;
}

.sidebar-2 ul li a:hover {
    background: red;
    font-weight: bold;
}

.sidebar-2 h3 {
	font-size: 16px;
    padding-bottom: 3px!important;
}



#footer a, #footer a:visited {
    text-decoration: none!important;
    color: #444!important;
}

.about {font-size:16px; font-weight: bold;}
.cols {
    width: 31%;
    margin-bottom: 20px;
    margin-top:-9px;
    background: #fff;
    padding: 8px;
    margin-left: 0px;
    display: inline-grid;
    color: #333;
    line-height: 1.2;
    font-size: 14px;
}

.cols h2 {
    margin-bottom: 6px; 
    padding-bottom: 0px;
    font-size: 18px;
    font-weight: bold;
    
}

.cols-2 {
        width: 47%;
    text-align: left;
    font-size: 14px;
    margin-bottom: 20px;
    background: #fff;
    padding: 10px;
    display: inline-grid;
    color: #333;
    line-height: 1.3;
 
}


h1.entry-title a {
    text-decoration: none;
}

p#breadcrumbs, p#bradcrumbs a, p#breadcrumbs a:visited, p#breadcrumbs span, #breadcrumbs a {
    font-size: 12px;
    color: #ccc!important;
    text-decoration: none!important;
    text-transform: uppercase;
}

	
.art-button {
	color: #fff;
    background: red;
    text-transform: uppercase;
   
    text-decoration: none;
    font-weight: bold;
    padding: 13px;
    font-size: 16px;
    display: table;
    margin: 0 auto!important;
    text-align: center;
}
.art-button:hover {
	background:#444;
	color:#fff;
}

.art-button a:hover {
	color:#fff;
}

#wrapper {
    
    background: #fff;
    width: 90%;
	max-width:1300px;
    margin: 0 auto;
    margin-top: 60px;
    padding: 10px;
   }

header {
    position: fixed;
    width: 100%;
    max-width: 1980px;
    background: #fff;
    height: 120px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
	z-index:9999;
}


.brand_old {
    display: flex;
    width: 300px;
    align-items: center;
    margin-left: 10px;
}

.brand {
    display: block;
    margin-left: 105px;
    text-align: center;
    padding-left: 0px;
    padding-top: 3px;
}

.brand img {
 height: 52px;
    width: auto;
}

.brand a {
    text-align: center; 
    text-decoration: none;
    
}

.call-me {
    margin-top: -18px;
    text-align: right;
    font-weight: bold;
    color: #444;
    padding-right: 14px;
}

.main-content {
   margin-top:120px;
   }


.sidebar-2 {
    padding: 10px;
    width: 20%;
    background: #444;
    color:#fff;
    border-radius: 4px;
    margin-top:-15px;
    padding-bottom:2px;
	float: left;
	position: sticky;
    top: 70px;
	margin-bottom:110px;
	padding-bottom:10px;
	padding-top:20px;
	
}


.sidebar-2 h2 {
    font-weight: bold;
	margin-top:16px;
}

.sidebar-2 p {
    padding-top:40px;
}
.sidebar-2 ul {
	margin-bottom: 20px;
    list-style: square;
    padding-left: 20px;
    padding-right: 10px;
	line-height:1;
}


.sidebar-2 ul li a {
    font-size: 16px;
    border-bottom: 1px solid #999;
	text-decoration:none;
	color:#fff;
	padding-top:2px;
	padding-bottom:5px;
	display:block;
	line-height:1.1;
}



.sidebar-2 li {
    padding-top: 10px;
}

.sidebar-2 .widget-title {
	font-size:18px;
	font-weight: bold;
	text-transform:uppercase;
	margin-top:16px;
	display: block;
    float: left;
    width: 100%;
    padding-bottom: 16px;
}

.break {
  flex-basis: 100%;
  width: 0;
}

#footer {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex: auto;
    margin-top: 60px;
	float:left;
}


/* menu */

.site-nav ul {background:none!important}

li#menu-item-9 {
    background: #EE3B43;
    padding: 0!important;
    border-radius: 4px;
}

ul.menu > .menu-item-has-children > a::after {
  content: "▼";
    padding-left: 4px;
    font-size: 10px;
    color: #444;
    vertical-align: 2px;
}

ul.sub-menu > .menu-item-has-children > a::after {
    content: "►";
  padding-left: 4px;
    font-size: 10px;
    color: #444;
    vertical-align: 2px;
}

.menu li li {
    padding-bottom: 6px;
    padding-top: 6px;
}

.menu li a {
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #444;
}

.menu li a:hover {
    color:#ccc;
}

.menu li li a { 
line-height: 2.3;
}

.menu li li li a {
    line-height: 1;
     font-size: 14px;
    height: 25px;
  
}

.site-nav {
    background: #fff;
    margin-right: 100px;
    align-items: center;
    display: flex;
    border-radius: 3px;
    height: 30px;
    margin-top: 37px;
}

.site-nav li > ul { 
    background: #fff; 
    min-height: 50px; 
    margin-right: 100px;
    align-items: center;
    display: flex;
}

.site-nav a { padding:0 15px; display:block; }
.site-nav ul{ list-style: none; }
.site-nav ul > li { line-height: 50px; text-align: center; }
.nav-fixed {position:fixed;top:0;width:100%;}

@media screen and (min-width: 650px)
{
	
	.color {
/* filter: grayscale(100%);
-webkit-filter: grayscale(100%); */
-webkit-transition: all 1s ease;
}

.color:hover{
filter: grayscale(0%);
filter: gray;
-webkit-filter: grayscale(0%);
filter: none;
transition: 1s ease;
}

.color2 {
/* filter: grayscale(90%);
-webkit-filter: grayscale(90%); */
-webkit-transition: all 1s ease;
}

.color2:hover{
filter: grayscale(0%);
filter: gray;
-webkit-filter: grayscale(0%);
filter: none;
transition: 1s ease;
}
	
	.site-nav li a {
    padding-left: 8px;
    padding-right: 10px;
}

.site-nav li li a {
    padding-left: 20px!important;
	padding-right: 20px;
    display: block;
    /* text-align: center; */
}

	.site-nav ul li li {
    background: #ccc;
    border-radius: 0;
}
	
	.site-nav ul li li a:hover, .site-nav ul li li a:visited {color:#444;}
	.site-nav ul li li a:hover {
    color: #444;
    background: #fff;
}
 .site-nav .nav-icon{ display:none; }
 .menu-top-menu-container{ display:block; }
 .site-nav li{ display: inline-block; }
 .site-nav li ul { position: absolute; display: none; line-height: 1; background: #fff; }
 .site-nav li:hover ul, .site-nav li ul li { display: block; z-index:999; }
    .menu li li {background: #fff; margin-top:-10px; border-radius:4px;}
    .menu li li a {text-align: left;}
    .menu li li li {
    min-width: 150px;
    float: left;
    margin-left: -100px;
    background: #fff;
     margin-top: -10px;
    display: block;
    padding: 10px;
    }
	
	li#menu-item-1520 {
    background: #fff;
}

/* mega menu pionowo ul li li*/
	
.site-nav li {
	background:none;
}

.site-nav li li {
	width:308px;
}

.menu li li li a {
    text-align: left;
    margin-left: 0px!important;
    padding-left: 0px!important;
}

.site-nav li li li {
	margin-right:0px!important;
	margin-left:0px!important;
}

.site-nav {
    position: relative!important;
}
}

/* end mega menu */



@media screen and ( max-width: 650px ) {
	
	.brand img {
		padding:8px 2px 8px 15px;
	}
	
#cookie-notice .cn-button {
    margin: 0 5px 5px 5px;
    font-size: 1px;
    display: none;
}
	
	.site-nav .sub-menu { display: none; }
.site-nav .current-menu-item .sub-menu { display: block !important; }
	

	.sidebar-2 h3 {
    padding-top: 20px;
    padding-left: 20px;
}

	
	#wrapper {
		width:auto!important;
		display:block;
		padding:0;
	}	
	
	
	.sidebar-2 {
		width:100%;
		padding:0;
		margin-top:20px;
		margin-bottom:50px;
		padding-bottom:10px;
		position:relative;
	}
	.sidebar-2 .widget-title span {
		padding-left:10px;
	}

	.brand {
		width: 180px!important;
	}
	
    header {
		display:block;
		}
    header .custom-logo {
		margin-top:10px;
		}
	
	nav.site-nav {
    background: none;
    top: 0;
	margin-top:-10px;
	}
	
 .site-nav .nav-icon{ position:absolute; right:0px; list-style:none; margin-top:-50px;}
 .site-nav .nav-icon a:hover{ cursor:pointer; }
 .site-nav .nav-icon a{ display:block; line-height:50px; color:#444; font-size:1.5em;}
 .site-nav > .menu-top-menu-container{ display:none; }
 .site-nav ul > li, .site-nav ul li ul li, .sitenav ul li ul li ul li{ display:block; }
 .site-nav li > ul{ display:none; width: 100%; position:relative; }
    .site-nav li > ul li {display: none width:100%; position: relative;}
    .menu-top-menu-container {overflow-y: scroll;  
        -webkit-overflow-scrolling:touch; // mobile safari;
        height:500px;
    }
    .site-nav, .site-nav li > ul {margin-right: 0!important; display:block ;}
    .menu li {background: #fff;  }
    .menu li li {display:block;}
    .menu li li li {display: block; position: relative;}
	
	.footer-widget {
		margin: 0 auto;
		display:block;
		text-align:center;
	}
	
	.footer-widget img {
		padding-top:10px;
	}
	
	
.sidebar-2 li {
    padding-left: 12px;
}
.sidebar-2 ul li a {
	font-size:16px;
}

.sidebar-2 h2 {
    padding-top: 10px;
    padding-left: 10px;
}	

.sidebar-2 p {
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
	.gallery-item {
    width: 50%!important;
	}
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item {
    max-width: 100%;
}
	
	.brand {
    margin-left: 0;
    padding-top: 0;
}
	
} /* end mobile */


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