/*
style.css v3
*/
@import url("_style_support.css"); 
@import url("https://use.fontawesome.com/519a702474.css"); 
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,300&display=swap');

@media all {

:root {
  --kolor1: #07397e; /*niebieski*/
  --kolor2: #cd1123; /*czerwony*/
  --kolor3: #e1e1e1; /*szary*/
}

body {
	font-family: 'Open Sans', sans-serif;font-size:15px;line-height: 26px; 
	color:#333;background: #fff;
	margin: 0px;padding: 0px; 
}

.body { width: 100%;margin: 0px;float:left; }

article, section, aside, hgroup, nav, header, footer, figure, figcaption, ul, div, form, input, select, textarea, main {display: block;margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input, select, textarea {display: block;margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
font-family: 'Open Sans', sans-serif;padding:10px;float:left;border:solid 1px #ccc;
}

ul ul { padding-left:20px;}
ul { list-style: inside;}
table tr td { vertical-align: top;}
img, a img {max-width:100%;height: auto;border:0;}
.clear { font-size: 0px;line-height: 0px;margin: 0px;padding: 0px;clear: both;height: 0px; }
mark, .mark {color:red;background:transparent;}
iframe, embed {max-width:100%;}
a { color: #07397e;text-decoration: none;cursor: pointer;transition:0.4s all;}
a:hover { color: #cd1123;text-decoration:none;}
.myBtn {border: 2px solid #cd1123;background: #cd1123;color: #fff;padding: 0.8em 1.1em;transition:0.4s all;}
.myBtn:hover {background: none;border: 2px solid #cd1123;color: #cd1123;}

.all {width:100%;margin:0px auto;}
.center {width:100%;max-width:1200px;margin:0px auto;}

.header_top {float:left;width:100%;border-bottom:solid 1px #ccc;padding: 10px 0;font-size: 0.9em;font-weight: 600;}
.header_top .center {}
.header_top .text {margin:0px 0px 0px 0px;display: grid;grid-template-columns: repeat(4, max-content) 1fr;width:100%;}
.header_top .text div {margin:0px 5px 0px 0px;}
.header_top .text div.last {text-align:right;}
.header_top .text div svg {margin: 0px 5px 0px 10px;color: var(--kolor2);}
.header_top .text div a {color: #000;}

header {width:100%;margin: 0px auto 20px auto;padding: 0px;}

header .header_middle {width: 100%;display:grid;grid-template-columns: max-content 1fr max-content max-content;}
header .header_middle .logo {margin: 10px 0px 10px 0px;}
header .header_middle .basket {margin: 0px 0 0 0;padding: 0px 0 0px 0px;display: flex;align-items: center;}
header .header_middle .basket a {display: flex;flex-flow:column;align-items: center;color:#000; }
header .header_middle .basket svg {color:var(--kolor2);font-size: 1.8em;margin-bottom: 0.2em;}
header .header_middle .basket span {font-size: 1.05em;font-weight: 600;}
header .header_middle .user-account {margin: 0px 0 0 0;padding: 0px 40px 0px 0px;display: flex;align-items: center;}
header .header_middle .user-account a {display: flex;flex-flow:column;align-items: center;color:#000; }
header .header_middle .user-account svg {color:var(--kolor2);font-size: 1.8em;margin-bottom: 0.2em;}
header .header_middle .user-account span {font-size: 1.05em;font-weight: 600;}

header .header_bottom {width:100%;display: grid;grid-template-columns: max-content 1fr;}
header .header_bottom .cat-menu {display: flex;align-items: center;margin: 0px;padding: 0px 30px;color:#fff;font-size:1.1em;background: var(--kolor2);cursor: pointer;}
header .header_bottom .cat-menu:hover {background: var(--kolor1);}
header .header_bottom .cat-menu svg {margin: 0 1em 0 0;}
header .header_bottom .search {margin: 0px;}
header .header_bottom .search form {position: relative;}
header .header_bottom .search form input {width:100%;padding: 17px;}
header .header_bottom .search form span {cursor: pointer;position: absolute;right:15px;top:15px;}
header .header_bottom .search form span svg {cursor: pointer;color:var(--kolor2);font-size: 1.2em;}

header .simple-megamenu {display:none;}
header .simple-megamenu .all {width:100%;padding: 20px 20px;display:flex;flex-flow:row wrap;justify-content: flex-start;align-items:center;background:var(--kolor2);}
header .simple-megamenu .all a {color:#fff;display:block;}
header .simple-megamenu .all .item {flex-basis: calc(25% - 20px);margin: 10px;}

nav.cssmenu ul,nav.cssmenu li,nav.cssmenu span,nav.cssmenu a {margin: 0;padding: 0;position: relative;}
nav.cssmenu {
    margin: 0px 40px 0px 0px;display: flex;justify-content: flex-end;align-items: center;text-transform: uppercase;
}
nav.cssmenu:after,nav.cssmenu ul:after {content: '';display: block;clear: both;}
nav.cssmenu a {display: inline-block;}
nav.cssmenu ul { list-style: none;}
nav.cssmenu > ul { margin: 0px;float:left;list-style: none;}
nav.cssmenu > ul > li { float: left;text-align:left;}
nav.cssmenu > ul > li > a {
margin: 0px;
padding: 10px 15px;
text-decoration: none;
color: #000;
font-size: 1em;
font-weight: 600;
}
nav.cssmenu > ul > li:last-child {margin-right:0;}
nav.cssmenu > ul > li:last-child > a {}
nav.cssmenu > ul > li:first-child > a {	padding-left:0;	}
nav.cssmenu > ul > li:hover > a, nav.cssmenu > ul > li.active > a {
color:#555;
}
nav.cssmenu > ul > li:hover:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 50%;bottom: 0;margin-left: -10px;}
nav.cssmenu > ul > li.active:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 50%;bottom: 0; margin-left: -10px;}
nav.cssmenu .has-sub {z-index:1000;}
nav.cssmenu .has-sub:hover > ul {display: block;}
nav.cssmenu .has-sub ul { display: none;position: absolute;width: 200px;top: 100%;left: 0;}
nav.cssmenu .has-sub ul li {}
nav.cssmenu .has-sub ul li a { background: #fff;border-bottom: 1px solid #ccc;filter: none;font-size: 15px;display: block;line-height: 120%;padding: 10px;color: #000;}
nav.cssmenu .has-sub ul li:hover a { background: #fff;color:var(--kolor1); }
nav.cssmenu .has-sub ul li.active a { background: #fff; color:var(--kolor1); }
nav.cssmenu .has-sub .has-sub:hover > ul { display: block;border:none; }
nav.cssmenu .has-sub .has-sub ul { display: none;position: absolute;left: 100%;top: 0;}
nav.cssmenu .has-sub .has-sub ul li a { background: #fff;color:#000;}
nav.cssmenu .has-sub .has-sub ul li a:hover {background: #fff;color:var(--kolor1);}
nav.cssmenu .has-sub .has-sub ul li.active a {background: #fff;color:var(--kolor1);}

.open_menu {display:none;cursor:pointer;margin:0px;align-items: center;margin: 0 0px 0 40px; }
.open_menu div {padding:10px 10px;background: var(--kolor2);color:#fff;font-size:16px;}
.open_menu div:hover {background: var(--kolor1);}
nav.menu_mobile { display:none; float:left;width: 100%; padding: 0px 0%;margin: 0 0 20px 0; }
nav.menu_mobile ul { position:relative;z-index:100; margin:0;padding:0;}
nav.menu_mobile ul li { float:left;width:100%;padding:0px;list-style:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
nav.menu_mobile ul li a:hover {text-decoration:underline;}
nav.menu_mobile ul li a {color:#000; font-size: 1.1em;padding: 15px 10px; line-height: 1.5;font-weight:600;display:block;}
nav.menu_mobile ul li.active a, nav.menu_mobile ul li:hover a {background:var(--kolor1);color:#fff;text-decoration:none;}
nav.menu_mobile ul li ul { padding-left: 10px; }



.extra_img {}
.extra_img_home {}
.slider_one_img { width:100%; }
.slider_one_img img{width:100%;}
.slider_opis {width: 100%;position: relative;margin-top: -55px;padding: 10px 20px;background: black;opacity: 0.8;color: white;bottom: 0;float: left;}
.slider_opis a {color:white;} .slider_opis a:hover {color:white;text-decoration:underline;}

.left {	float:left; }.right { float:right; }

main {
	width:100%;max-width:1200px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
	height: auto;
}

main section.long { width: 75%; margin:0px 0px 0px 0px;padding:0px 0px 0px 2%;}
main aside.menu { width:25%; margin:10px 0px 0px 0px; padding: 0px 0px 0px 0px;}
main section.long.full {width:100%;max-width:1200px;padding:0;}

main section.long .text_box_contact {width:49%;float:left;margin-right:2%;}
main section.long .text_box_form {width:48%;float:left;}
main section.long .contact_bottom {width:100%;float:left;margin:15px 0px 0px 0px;}

.whereami {clear:both;padding: 3px 0px;}
.whereami svg {color:var(--kolor2);margin: 0 5px 0 0;}
.whereami a {margin: 0 5px 0 0;}

main h1 {font-size: 2em;margin: 0px 0px 20px 0px;padding: 20px 0px 10px 0px;color:var(--kolor1);line-height: 1.5;border-bottom:solid 1px #f6f6f6;}
main h2  {font-size: 1.5em;	margin: 10px 0px 0px 0px;padding: 0px 0px 5px 0px;line-height: 1.5; color:var(--kolor1);}
main h3 {font-size: 1.17em;	margin: 20px 0px 20px 0px;padding: 0px 0px 0px 0px;line-height: 1.5;color:var(--kolor1) }
main h3.contact {font-size: 1.17em;	margin: 20px 0px 20px 0px;padding: 0px 0px 0px 0px;line-height: 1.5;color:var(--kolor1) }
main h4 {ont-size: 1.17em;	margin: 20px 0px 20px 0px;padding: 0px 0px 0px 0px;line-height: 1.5;font-weight:400;color:var(--kolor1) }
main h1 span, main h2 span, main h3 span, main h4 span  {color:var(--kolor2);}

.home-info {width:100%;background:#f0f0f0;padding:15px 30px;margin:20px 0;display: flex;justify-content: space-evenly;align-items: center;flex-flow: row wrap;}
.home-info .item {flex-basis: 25%;display: flex;align-items: center;justify-content: center;}
.home-info .item .img {width:34px;}
.home-info .item .desc {width:calc(100% - 34px);    padding: 0 0 0 20px;}
li::first-child
main aside.menu .box {width: 100%;float: left;clear: both;margin: 0px 0px 0px 0px;padding: 0px;} 
main aside.menu .box p {clear: both;float: left;margin: 5px 0px;line-height: 20px;}
main aside.menu .h3{font-size: 1.4em;margin: 20px 0 0 0;padding: 0 0 0px;font-weight: 700;color: var(--kolor1);}
main aside.menu .h3.cats{margin-top:0;padding: 20px 0;}
main aside.menu ul {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:10px 0px 5px 0px;padding: 0px;width: 100%;float: left;clear:both;}
main aside.menu ul li { float: left;clear: both;margin: 0px;width: 100%;list-style: disc;list-style-position:inside;}
main aside.menu ul li.noactive { display:none; }
main aside.menu ul li a {color:  #000;font-weight: 300;}
main aside.menu ul li a:hover, main aside.menu ul li a.active {color:var(--kolor2);}
main aside.menu ul ul {padding-left:10px;}

main aside.menu .div_filter_price {width: 100%;float: left;margin: 30px auto 30px;display: flex;justify-content: center;}
main aside.menu .div_filter_price .div_filter_price_window{float:left;width: 85px}
main aside.menu .div_filter_price .div_filter_price_window input{padding: 10px 0;width: 100%;text-align: center;float: none;margin: auto;}
main aside.menu .div_filter_price .span_minus{float:left;margin: 0 10px;}

main aside.menu .box.parent {display:none;} 
span.menu_arrow {}
span.menu_arrow img{cursor:pointer;padding:0 5px 0 5px;}

.mini_g {width:33.333%; padding:1%;float:left;}
.mini_g div {float:left;width:100%;}
.mini_g div a {text-decoration:none;color:#000;font-weight:500;}
.mini_g div img {float:left;width:100%;}
.mini_g div span {float:left;width:100%;display:block;text-align:center;line-height: 130%;}

.newsletter {width:100%;display:flex;justify-content:space-between;border: solid 2px var(--kolor3);padding: 35px;margin: 30px 0;}
.newsletter .p1 {font-size:2em;color:var(--kolor2);font-weight:600;}
.newsletter .p1 span {color:var(--kolor1);}
.newsletter .p2 {font-size: 0.8em;font-weight: bold;letter-spacing: 1px;}

.box_photo { float: left;width: 25%;margin: 10px 0 0px 0%;padding:2%;text-align: center;font-size: 12px;line-height: 13px; }
.box_photo_photo {width: 100%;}
.galeria_list_clear4 {display:block;}.galeria_list_clear3 {display:none;}.galeria_list_clear2 {display:none;}

article.article { width: 100%;float:left;padding:0;margin-bottom:20px;}
article.article h4 {font-weight:bold;margin:0px;padding:0px;font-size: 120%;font-weight: bold;}
article.article h4 a {}
article.article .l_img { width:20%;float:left;padding: 1%;text-align:center;}
article.article .l_img img {}
article.article .r_desc { width:80%;float:left;padding-left:2%;}
article.article .more { float:right;	margin:10px 0px 0px 0px;}

article.box_produkt { width: 100%;float:left;padding:0;margin-bottom:20px;}
article.box_produkt h4 {font-weight:bold;margin:0px;padding:0px;font-size: 120%;font-weight: bold;}
article.box_produkt h4 a {}
article.box_produkt h4 span.price {float:right;}
article.box_produkt .l_img { width:20%;float:left;padding: 1%;text-align:center;}
article.box_produkt .l_img img {}
article.box_produkt .r_desc { width:80%;float:left;padding-left:2%;}
article.box_produkt .more { float:right;	margin:10px 0px 0px 0px;}

.p_slider {float: left;width: 300px;padding: 10px 10px 0 0;text-align:center;}
h1 span.price {float:right;font-size:12px;}
.p_buy {float:left;width:100%;margin:0 0 10px 0;}

footer {padding:70px 0 0 0;width: 100%;min-height: 351px;margin: 50px auto 0px auto;background:url(img/footer.jpg) no-repeat center top; bottom:0;color:#fff;}
footer .center {display: flex;justify-content: space-between;flex-flow: row wrap;}
footer a {color:#fff;}
footer a:hover {color:#fff;}

/*
footer a {color:#ccc;}
footer a:hover {color:#fff;}
*/
.cookie_info_footer {float:left;width:100%;font-size:11px;}
.stopka_l {float:left;font-size:11px;}
.stopka_r {float:right;font-size:11px;}


footer .licznik {}

form {float:left;width:100%;}
form.short {float:none;margin:auto;width:100%;max-width:600px;}
input[type=submit], input[type=button] {cursor:pointer;transition:0.4s all;border: 2px solid #cd1123;background: #cd1123;color: #fff;padding: 0.8em 1.1em;float:none;margin: auto;}
input[type=submit]:hover, input[type=button]:hover {background: none;border: 2px solid #cd1123;color: #cd1123;}

form div.line input.short, form div.line_desc input.short {width:auto;min-width:200px;}

div.line {float:left;width:100%;margin:5px 0;}
div.line input[type=checkbox], div.line input[type=radio] {width:auto;margin:10px 0px 10px 0px;}
div.line div.desc2 {float:left;margin:4px 10px 4px 10px;}
form div.line input, form div.line select, div.line textarea {width:100%;}
form div.line .input50 {width:49.5%;}
form div.line .input33 {width:33%;}
form div.line .input33.input_center {margin:0px 0.3%;}

form div.line_desc {float:left;width:100%;margin:5px 0;}
form div.line_desc input, form div.line_desc select, div.line_desc textarea {width:70%;}
form div.line_desc div.desc {width:30%;float:left;text-align:right;padding: 10px 2% 0;}
form div.line_desc input[type=checkbox], form div.line_desc input[type=radio] {width:auto;margin:14px 0px 10px 0px;}
form div.line_desc div.desc2 {float:left;margin:8px 10px 10px 10px;}
form div.line_desc div.group {float:left;width:70%;}
form div.line_desc div.group input, form div.line_desc div.group select, form div.line_desc div.group textarea {clear:left;}
form div.line_desc .input33 {width:33%;float:left;clear:none !important;}
form div.line_desc .input33.input_center {margin:0px 0.3%;}	
form div.line_desc.contact_rodo div {float:left;width:calc(100% - 25px);margin:0px 0px 10px 5px;font-size: 12px;line-height: 16px;}	
form div.line_desc.contact_rodo input[type=checkbox] {float:left;width:20px;margin:2px 0px 10px 0px;}	

form div.info_short {float:right;clear:left;width:70%;border:solid 1px #ccc;padding:5px;margin: 5px 0;}
form div.info_long{float:left;width:100%;border:solid 1px #ccc;padding:5px;margin: 5px 0;}

.news {margin:10px 0px;}
.news p{margin:0px;padding:0px;}

.ads { width:100%;max-width:1200px;text-align:center;margin:20px auto; }.ramka_prawa { position:fixed; right:0;top:90px; }.ramka_lewa { position:fixed; left:0;top:90px; }

div.page {float:right;}
div.page a {float:left;padding:2px 10px 2px 10px;border:solid 1px #fff;font-size: 15px;margin-left:5px;}
div.page a:hover {color:var(--kolor1);border:solid 1px #D8D8D8;}
div.nastepna, div.page_nastepna {background:#FFF;text-align: center;margin:22px 0;padding: 5px 0;border:solid 1px #D8D8D8;}
div.page a.strona_active {color:var(--kolor1);border:solid 1px #D8D8D8;}

.onlymobile {display:none;}

.ugt-table {}
.ugt-table td {padding:5px 10px;}
.ugt-table-2c-30-70 tr td.first-child {width:30%;}
.ugt-table-5c tr td {width:20%;}

}


@media (max-width: 1260px) {
	.center, main {padding:0 30px;}
}
@media (max-width: 1200px) {

	.onlyhd {display:none;}
	
	.box_photo{width:33.333%;}
	.galeria_list_clear4 {display:none;}.galeria_list_clear3 {display:block;}.galeria_list_clear2 {display:none;}
	
}
@media (max-width: 1000px) {
	header .header_middle {grid-template-columns: 1fr max-content max-content max-content;}
	.open_menu {display:flex; }
	nav.cssmenu {display:none;}
	nav.cssmenu_mobile { display:block; margin-top:13px; }
	.onlymobile {display:block;}
	
	.search {float:left;width:100%;margin:10px 0 0px 0;}
	
	main section.long {width:100%;padding:0;}
	main aside.menu {display:none;}
	
	main section.long .text_box_contact { width:100%;margin:0;}
	main section.long .text_box_form {width:100%;margin-top:10px;}
	
	.stopka_l {float:left;width:100%;}
	.stopka_r {float:left;width:100%;}
	
	footer {background: #153371;background: -moz-linear-gradient(45deg,  #153371 0%, #2142a5 100%);background: -webkit-linear-gradient(45deg,  #153371 0%,#2142a5 100%);background:linear-gradient(45deg,  #153371 0%,#2142a5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153371', endColorstr='#2142a5',GradientType=1 );
	    padding: 30px 0;}
	
.ugt-table-2c-30-70 tr td.first-child {width:50%;}
.ugt-table-5c tr td {width:calc(50% - 20px);display:block;float:left;}
}

@media (max-width: 900px) {

	.home-info .item {flex-basis: 50%;}
	.home-info .item .desc {padding: 0 10px 0 20px;}
	
	article.article .l_img { width:40%;}
	article.article .r_desc { width:60%;}

	article.box_produkt .l_img { width:40%;}
	article.box_produkt .r_desc { width:60%;}
	
	form div.line_desc input, form div.line_desc form select, div.line_desc textarea {width:100%;}
	form div.line_desc div.desc {width:100%;text-align:left;padding: 10px 0px 10px 0px;}
	form div.line_desc div.group {width:100%;}
	form div.info_short {width:100%;}
	
	.newsletter {flex-flow: column;align-items: center;}
	.newsletter .p1 {font-size:1.5em;margin: 0 0 25px 0;}
	
}
@media (max-width: 800px) {
	
	header .text {display:none;}
	.header_top .login {float:left;}
	
	.mini_g {width: 50%;}
}
@media (max-width: 700px) {
.ugt-table-2c-30-70 tr td.first-child, .ugt-table-2c-30-70 tr td {width:100%;display:block;padding: 0px 0px 10px 0px;}
.ugt-table-2c-30-70 tr td img {margin:auto;float:none;display: block;}
.header_top .text {grid-template-columns: repeat(3, 1fr);}
.header_top .text div.last {grid-column:1/4;text-align:center;}
header .simple-megamenu .all .item {flex-basis: calc(33.3333% - 20px);}
}
@media (max-width: 600px) {
	article.article .l_img { width:100%;padding:0;}
	article.article .r_desc { width:100%;padding:0;}

	article.box_produkt .l_img { width:40%;}
	article.box_produkt .r_desc { width:60%;}
	
	.p_slider {float: left;width: 100%;padding: 0px 0px 0 0;}
	.header_top .text {grid-template-columns: repeat(2, 50%);}
	.header_top .text div.last {grid-column:auto;text-align: unset;}

	header .header_middle {grid-template-columns: 1fr 1fr 1fr;margin-bottom: 20px;}
	header .header_middle .logo {grid-column: 1 / 4;text-align: center;}
	.open_menu {margin:0;justify-content: center;}
	.open_menu div {padding: 10px 19px;}
	.open_menu span {display:none;}
	header .header_middle .user-account {padding:0;justify-content: center;}
	header .header_middle .basket {justify-content: center;}
	
}
@media (max-width: 550px) {
	.open_menu {margin:0;}
	header .simple-megamenu .all .item {flex-basis: calc(50% - 20px);}
}
@media (max-width: 500px) {
	.home-info {flex-flow:column wrap;}
	.home-info .item {flex-basis: auto;}
	.home-info .item .desc {padding: 0 0px 0 20px;}
	header .header_bottom {grid-template-columns: 100%;}
	header .header_bottom .cat-menu {justify-content: center;padding: 12px 30px;margin: 20px 0 0px 0;grid-row: 2;}
	header .header_bottom .search {grid-row: 1;}
	
}
@media (max-width: 450px) {
	.header_top .text {grid-template-columns: 100%;text-align:center;}
	.box_photo {float:none;margin:10px auto;width:70%;}
	.mini_g {float:none;margin:10px auto;width: 100%;}
	header .simple-megamenu .all .item {flex-basis: 100%;margin:10px 0;}
}

@media (max-width: 420px) {
	.galeria_list_clear4 {display:none;}.galeria_list_clear3 {display:none;}.galeria_list_clear2 {display:block;}

	header .header_middle .user-account span {display:none;}
	header .header_middle .basket span {display:none;}
}

@media (max-width: 300px) {
	.box_photo{width:100%;}
	
}