/*
style.css v3
*/
@import url("_style_support.css"); 
@import url("https://use.fontawesome.com/519a702474.css"); 

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&subset=latin-ext');
@media all {

body {
	font-family: 'Montserrat', sans-serif;font-size:14px;line-height: 26px; 
	color:#818387;    background: #272727;
	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: 'Montserrat', 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: #ea3232;text-decoration: none;cursor: pointer;transition: 0.4s all;}
a:hover { color: #ea3232;text-decoration:none;}
 

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



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

header .header_top {float:left;width:100%;border-bottom:solid 1px #555;}
header .header_top .center {justify-content: flex-end;}
header .header_top .login {float:right;margin:14px 0px 0px 0px;}
header .header_top .right_shop {float:right;margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;}
header .header_top .right_shop .lang {float:left;width:100%;}
header .header_top .right_shop .currency {float:left;width:100%;}
header .text {text-align: right; margin: 0 0 0 10px;}
header .text p {margin: 0;}
header .center {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.lang_select {margin: 10px 0;}
.lang_select a {float:left;margin:0px 5px 0px 0px;}
.lang_select a:last-child {margin-right:0px;}
.lang_select a img {height: 20px; display: block;}

header .logo { margin: 10px 0;}
header .logo a img {display: block; max-height: 60px;width: auto;}

.div_image {float: left;width: 100%;background: url(img/hd.jpg) no-repeat center -90px;text-align:center;padding: 305px 50px 305px 50px;font-size: 50px;color: #fff;line-height: 150%;text-shadow: 1px 1px #000;}
.div_image img {display: none;}
.div_image p {margin:0px;padding:0px;}

.search {width:300px;float: right;margin: 10px 0px 0px 0px;}
.search input {width:100%;background:url(img/szukaj.png) no-repeat right;}

nav.cssmenu ul,nav.cssmenu li,nav.cssmenu span,nav.cssmenu a {margin: 0;padding: 0;position: relative;}
nav.cssmenu {
 text-align: right;
}
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;list-style: none;}
nav.cssmenu > ul > li { display: inline-block;}
nav.cssmenu > ul > li > a {
margin: 0px;
padding: 10px 20px;
text-decoration: none;
color: #fff;
font-size: 15px;

}
nav.cssmenu > ul > li:last-child {margin-right:0;}
nav.cssmenu > ul > li:last-child > a {padding-right: 0;}
nav.cssmenu > ul > li:first-child > a {	padding-left:0;	}
nav.cssmenu > ul > li:hover > a, nav.cssmenu > ul > li.active > a {
color: #b3b3b3;
}
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:#ea3232; }
nav.cssmenu .has-sub ul li.active a { background: #fff; color:#ea3232; }
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:#ea3232;}
nav.cssmenu .has-sub .has-sub ul li.active a {background: #fff;color:#ea3232;}

.open_menu {display:none;position: absolute;top: 10px;right: 10px; cursor:pointer; }
.open_menu img {float:left;height:40px;}
.open_menu.v2 {position: static;text-align:center;cursor:pointer;background: #000;color:#fff;font-size:16px;float: right;margin: 0px;padding: 10px;border-radius: 10px; }
nav.menu_mobile { display:none; float:left;width: 100%; padding: 0px 0%; }
nav.menu_mobile ul { position:relative;z-index:100; margin:0;padding:0;}
nav.menu_mobile ul li { float:left;width:100%;padding:10px;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:none;}
nav.menu_mobile ul li a {color:#fff; font-size: 19px; line-height: 30px;font-weight:300;display:block;}
nav.menu_mobile ul li.active, nav.menu_mobile ul li:hover {background:#ea3232;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; }

.div_center {width:100%;max-width:1700px;margin:0px auto;}

.div_photo {    float: left;    width: 16.666%;padding: 10px 13px;}
.div_photo a{color: #fff;}
.div_photo a:hover{color: #ea3232;}
.div_photo a img{-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);}
.div_photo a img:hover { -moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(0%);}

.div_hdr {float: left;    width: 100%;    background: #ea3232 fixed no-repeat top center; background-size: cover; padding: 200px 0px;}
.div_hdr h1{color: #fff;    font-weight: 400;    font-size: 30px;    line-height: 1.2;}
.div_hdr img{display: none;}

.div_text {    float: left;    width: 100%;    margin: 100px 0px 0px 0px;  color: #818387;}
.div_text h2{    float: left;    width: 100%;    background: url(img/border.jpg) no-repeat bottom left;    padding: 0px 0px 25px 0px;    color: #fff;    font-weight: 400;    font-size: 24px;}

.div_pictures {    float: left;    width: 100%;}
.div_pictures h3{    font-weight: 400;    color: #ffffff;    font-size: 24px;    float: left;    width: 100%;}
.div_pictures .div_column{float: left;    width: 33.333%;    text-align: center;    color: #fff;padding: 0 1%;}
.div_pictures .div_column .text{font-family: 'Open Sans', sans-serif;    font-size: 18px;}
.div_pictures .div_column .photo{float: left;    width: 100%;    margin: 30px 0px;}
.div_pictures .div_column .photo img{border-radius: 50%;}
.div_pictures .div_column .name{    float: left;    width: 100%;}
.div_pictures .div_column .name a{    color: #fff;}
.div_pictures .div_column .name a:hover{    color: #ea3232;}
.div_pictures .div_column .name .client{ font-family: Open Sans;    color: #818387;    font-size: 12px;}

main {
	width:100%;max-width:1200px;
	margin: 0px auto;
	padding: 0px 0px 20px 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;font-size:11px;display:none;}
.whereami a {margin: 0 2px;}

main h1, main h3.contact {font-size: 36px;margin: 20px 0px 10px 0px;padding: 0px 0px 10px 0px;font-weight: 300;color:#ea3232;line-height: 110%;}
main h2, main h3, main h4 {font-size: 18px;	margin: 10px 0px 0px 0px;padding: 0px 0px 5px 0px;font-weight: 300; }

main aside.menu .box {width: 100%;float: left;clear: both;margin: 0px 0px 20px 0px;padding: 0px;} 
main aside.menu .box p {clear: both;float: left;margin: 5px 0px;line-height: 20px;}
main aside.menu .h3{font-size: 22px;margin: 0px 0px 10px 0px;padding: 8px 10px;font-weight: 300;color: #fff;background-color: #000; }
main aside.menu ul {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:5px 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;line-height: 22px;}
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: #ea3232;}
main aside.menu ul ul {padding-left:10px;}

.div_blog {    float: none;    width: 75%;    margin: auto;}
.div_blog a{}
.div_blog a h1{transition: 0.4s all;font-weight: 400;font-style: normal;font-family: 'Montserrat', sans-serif;color: #ffffff;font-size: 30px;line-height: 1.2;letter-spacing: 0px;}
.div_blog a h1:hover{color: #ea3232;}
.div_blog .div_img{    float: left;    width: 100%;    text-align: center;}
.div_blog .div_img img{}
.div_blog p{    color: #818387;  }
.div_blog .div_read{       float: left;    width: 100%;    padding: 15px 0px 40px 0px;    border-bottom: solid 1px #2ba2d8;}
.div_blog .div_read a{    color: #ffffff;    background-color: #2ba2d8;    border-color: transparent;    padding: 16px 22px;    text-transform: uppercase;}
.div_blog .div_read a:hover{    color: #2ba2d8;    background-color: #ffffff;    border-color: #ffffff;}

.div_photograph{       float: none;    width: 100%;    margin: auto;}
.div_photograph .div_words{    float: left;    width: 50%;    padding: 0 2% 0 1%;}
.div_photograph .div_words h1{float: right;width: 60%;background: url(img/border.jpg) no-repeat bottom left;padding: 0px 0px 25px 0px;color: #fff;font-weight: 400;font-size: 24px;}
.div_photograph .div_words .div_righttext{ color: #818387;    width: 60%;    float: right; }
.div_photograph .div_rightphoto {    float: left;    width: 50%;}
.div_photograph .div_rightphoto img{}

.div_six {}
.div_six h1{float: right;
    width: 60%;
    background: url(img/border.jpg) no-repeat bottom left;
    padding: 0px 0px 25px 0px;
    color: #fff;
    font-weight: 400;
    font-size: 24px;}
.div_six .text{}
.div_six .div_elements{}
.div_six .div_elements .div_element{}
.div_six .div_elements .div_element h2{}

.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%;}

.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;}

.upfooter {float: left;
    width: 100%;
    padding: 10px 0px 10px 0px;}
.upfooter a{}
.upfooter a svg{    color: #818387;
    padding: 0px 15px 0px 0px;}
.upfooter a svg:hover{color: #ea3232;}

footer {padding:0px 0px 0px 0px;width: 100%;margin: 10px auto 0px auto;clear: both;font-size:12px;color:#999;bottom:0;}
/*
footer a {color:#ccc;}
footer a:hover {color:#fff;}
*/
footer .cookie_info_footer {float:left;width:100%;font-size:11px;}
.stopka_l {float:left;font-size:11px;display:none;}
.stopka_r {float:right;font-size:11px;display:none;}
footer ul {}
footer ul li { display:inline;margin-right:15px;}
footer ul li:last-child {margin-right:0;}
footer ul li a {font-size: 12px;}

footer .licznik {}

form {float:left;width:100%;}
form.short {float:none;margin:auto;width:100%;max-width:600px;}
input[type=submit], input[type=button] {width:auto;margin:auto;float:none;clear:both;cursor:pointer;background: #ea3232;color: #fff;border:0px;border-radius: 10px;padding: 20px 30px;transition:0.4s all;}
input[type=submit]:hover, input[type=button]:hover {background: #fff; color: #000;}

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:10px 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.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;}
form div.line_desc.contact_rodo div {float:left;width:calc(100% - 20px);margin:7px 0px 10px 0px;font-size: 11px;line-height: 14px;}	
form div.line_desc.contact_rodo input[type=checkbox] {float:left;width:20px;margin:8px 0px 10px 0px;}	

.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:#ea3232;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:#ea3232;border:solid 1px #D8D8D8;}


.onlymobile {display:none;}

}




@media (max-width: 1220px) {
	.center, main {padding:0 30px;}
	footer {padding:0 30px;}
}
@media (max-width: 1205px) {
.div_photo {width:25%;}	
}	
@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) {
	.div_image {    background: url(img/hd.jpg) no-repeat center -181px;    text-align: center; padding: 190px 0px 240px 0px;}

	.open_menu {display:block; }
	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 ul li { display:block;float:left;margin-right:15px;}	
}

@media (max-width: 900px) {
	
	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%;}
	
}
@media (max-width: 800px) {
	
	header .text {display:none;}
	header .header_top .login {float:left;}
	.div_hdr {padding: 0; background:transparent!important;}
	.div_hdr img{display: block;}
	.div_image {padding: 0; background:transparent!important;}
	.div_image img{display: block;}
	.div_image p {margin: 20px 0; line-height: 150%; font-size: 7vw;}
	.mini_g {width: 50%;}
}
@media (max-width: 750px) {
.div_photo {    width: 50%;}	
}	
@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;}
	
}
@media (max-width: 500px) {
	header .logo {position:static;width:100%;text-align:center;margin:10px 0;}
	header .logo a img {float:none; margin: 0 auto;}
	.open_menu.v2 {width:100%;margin:0px;border-radius:10px 10px 0px 0px;}	
}
@media (max-width: 430px) {
	.box_photo {float:none;margin:10px auto;width:70%;}
	.mini_g {float:none;margin:10px auto;width: 100%;}
}

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

@media (max-width: 400px) {
.div_photo {    width: 100%;}	
}	
@media (max-width: 340px) {

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



/*
end style.css v2
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; 
*/