@import url('https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400;0,700;1,400;1,700&family=Rethink+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@charset "utf-8";
/* CSS Document */

/** SZKIC GLOWNY STRONY */
/* CSS Document */
/** SZKIC GLOWNY STRONY */

input {cursor: pointer; /*łapka po najechaniu 2020*/}

img {
  /*max-width: 100% !important;*/
  max-width: 100%;
  height: auto;
  display: block;
  border: none;
}

* {
  margin: 0;
  padding: 0;
}



#KONTENER_TOP_shop {
  max-width: 1240px;
  margin: 0px;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  /*background-image:url(./gfx/nabiurowo_content_01.jpg);
  background-repeat:none;*/
  color: black;
  height: 70px;
	background-color: none;
  /*border-top: 1px solid #efefef;*/

	font-weight: 400;
}

#TOP_shop {
  background-color: none;
  height: auto;
  /*background-image:url(./gfx/artykuly-do-biura_background_top_a1.jpg);
  background-repeat:repeat-x;*/
}


#KONTENER_TOP_nav {
  max-width: 1240px;
  margin: 0px;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  /*background-image:url(./gfx/nabiurowo_content_01.jpg);
  background-repeat:none;*/
  color: black;
  height: 70px;
	background-color: none;
  /*border-top: 1px solid #efefef;*/

	font-weight: 400;
}

#TOP_nav {
  background-color: none;
  height: auto;
  /*background-image:url(./gfx/artykuly-do-biura_background_top_a1.jpg);
  background-repeat:repeat-x;*/
}


.wrapper_top {
  display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;

  color: black;
  background: none;
}

/*.wrapper_top div.flex_nav_szukaj_img {background-color: red;}*/

.flex_nav_logo{ }

.flex_nav_szukaj{
	/*background-image: url(./gfx/projektlicht/top/top_menu_all_03.jpg);
	background-repeat:no-repeat;*/

	margin-top:  -20px;
	border-radius: 0px;		/**border-radius: 5px;*/ /** zaokrąglone rogi */
	background-size: 200px;

	flex-basis: 300px;
	height: 34px;
  background-color: none;
  border: solid 1px black;
  border-radius: 5px;
}

.flex_nav_kontakt{ }

.flex_nav_loguj{}

.flex_nav_koszyk{
	margin-top: -36px;
	flex-basis: 300px;
}

/** */
.flex_nav_logo_img{ height: 60px; margin-top: -20px;}

.flex_nav_szukaj_img{ height: 48px}

.flex_nav_kontakt_img{ height: 48px;}

.flex_nav_loguj_img{ height: 48px;}

.flex_nav_koszyk_img{ height: 48px;}

#KONTENER_TOP_nav {
  max-width: 1316px;
  margin: 0px;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  /*background-image:url(./gfx/nabiurowo_content_01.jpg);
  background-repeat:none;*/
	
  color: black;
  height: 50px;
  /*border-top: 1px solid #efefef;*/

	font-weight: 400;


}


#TOP_nav {
  background-color: none;
  height: auto;
  /*background-image:url(./gfx/artykuly-do-biura_background_top_a1.jpg);
  background-repeat:repeat-x;*/


}

.wrapper {
  max-width: 1316px;

  margin: 0 auto;
  color: black;
  background: none;

}

/* Flex Nav Bar */
.flex-nav {
  display: flex;
  list-style-type: none;

}
.flex-nav li {
  flex: 2;
  text-align: center;
  color: inherit;
  transition: all .2s ease;

}
.flex-nav li:not(:first-child) {
  border-left: 0px;
}
.flex-nav li:hover {
  background: none;
}
.flex-nav li a {
  display: block;
  padding: 10px 0;
  color: inherit;
  text-decoration: none;
}
.flex-nav .limenu1 {
  flex: 2.6;
}
.flex-nav .limenu2 {
  flex: 1.7;
}

/* Hamburger Icon */
nav .hamburger {
  height: 36px;
  width: 36px;
  margin: 5px;
  display: none;
  border: 3px solid #ecf0f1;
  border-radius: 5px;
}
nav .hamburger i, nav .hamburger i:before, nav .hamburger i:after {
  cursor: pointer;
  content: '';
  width: 25px;
  height: 4px;
  background: #ecf0f1;
  border-radius: 4px;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
}
nav .hamburger i {
  display: block;
  position: relative;
  top: 16px;
  left: 6px;
}
nav .hamburger i:before {
  position: absolute;
  top: -8px;
}
nav .hamburger i:after {
  position: absolute;
  top: 8px;
}
nav.active .hamburger {
  border-radius: 50%;
}
nav.active .hamburger i {
  background: transparent;
}
nav.active .hamburger i:before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
nav.active .hamburger i:after {
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}



@media screen and (max-width: 600px) {
  .flex-nav {
    flex-direction: column;
  }
  .flex-nav li {
    display: none;
    height: 0;
    transition: height 1s ease;
    color: transparent;
  }
  .flex-nav > li:not(:first-child) {
    border-left: none;
  }

  nav .hamburger {
    display: inline-block;
  }
  nav.active .flex-nav li {
    display: block;
    height: initial;
    color: inherit;
  }
}