@font-face {
  font-family: CooperHewitt;
  src: url("fonts/CooperHewitt-Medium.otf") format("opentype");
  
}


@font-face {
  font-family: CooperHewittSemibold;
  src: url("fonts/CooperHewitt-Semibold.otf") format("opentype");
  
}

@font-face {
  font-family: CooperHewittLight;
  src: url("fonts/CooperHewitt-Light.otf") format("opentype");
  
}

@font-face {
  font-family: CooperHewittThin;
  src: url("fonts/CooperHewitt-Thin.otf") format("opentype");
  
}

@font-face {
  font-family: CooperHewittBold;
  src: url("fonts/CooperHewitt-Bold.otf") format("opentype");
  
}

@font-face {
  font-family: vicons;
  src: url("fonts/vicons.ttf") format("truetype");
  
}

html ,td{ font: 14px/28px 'Oswald', Arial, sans-serif; }
body { margin:0px auto; position:relative; background-color:#fff;color:#000;}
a, img, a img { border:0; }
p { margin: 0; padding:0; }

#pasek_info{
font:bold 1em verdana,arial;
background-color:#3073BB;
color:#FFF;
padding:30px;
display:none;
		}

#cookies-message{
padding: 40px; 
font-size: 14px; 
line-height: 22px; 
border-bottom: 1px solid rgb(211, 208, 208); 
position: fixed; 
top: 50px;
background-color: #c9c9c9; 
z-index: 999;
color:#000;
width: 50%; 
margin-left: 25%;
text-align: center; 
}
#podokienkiem {
	background-color: #ffffffab;
	top: 0;
	left: 0;
	width: 100%;
	position: fixed;
	height: 100%;
	z-index: 998;
}
@media all and (max-width:480px) {
#cookies-message{
width: 90%;
margin: 5%;
top: 0px;
max-height: 90%;
    overflow: scroll;
}
}
#cookies-message label{
padding: 10px;
}
.cookie{
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}
.cookie p{
  text-align: left;
  padding-left: 25px;
}
#cookies-message p{
text-align: left;
}
.cookie input[type=checkbox]{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.cookie .checkmark {
  position: absolute;
  top: 8;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
.cookie:hover input ~ .checkmark {
  background-color: #838383;
}
.cookie input:checked ~ .checkmark {
  background-color: #2196F3;
}
.cookie .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.cookie input:checked ~ .checkmark:after {
  display: block;
}
.cookie .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#accept-cookies-checkbox{
background-color: #ff6200; 
padding: 5px 10px; 
color: #FFF; 
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
display: inline-block; 
margin-left: 10px; 
text-decoration: none; 
cursor: pointer;
}
#nav{width:100%;position:relative;height: 47px;z-index:100;background-color:#fff;font: 13px/24px 'Oswald', Arial, sans-serif;}

	#nav222{height:47px; 
	background-color:transparent; 
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	width: unset;
	padding-left: 3%;
	padding-right: 3%;
	background-color: #fafafa;
	}
#central_menu{margin: auto;}

h1{font-size:18px;color:#000;margin:0px;font-weight:normal;display:inline-block;}


A{color:#1c1c1c;}


#main { margin-left: 0;border:0px solid red;background-color:#fff; position:relative;} /*f6f6f6*/

#top{width:100%;background-color:#fff; border:0px solid red;}

#bottom{
 position:relative;
text-align:center;
width: 100%; margin:0px auto 0px;

}

#bottom .rights,#bottom .sep{
	color:#969696;
	font-size: 10px;
	font-family: CooperHewitt;
	letter-spacing:3px;
text-transform:uppercase;
text-decoration:none;
position: absolute;
right: 5%;
top: 120px;
	
}

#bottom .sep{

width:30px;
text-align:center;

}



.produkt_rozmiarowki{
display:inline-block;margin-left:3px;position: absolute;right: 10%;
}

.produkt .color{width: 69px;
height: 30px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19);}
.produkt .color_selected{width: 79px;
height: 40px;
border:solid 2px #ff8300;}


#email2 a{color:#000;text-decoration:none;}

.menu-search{
display: inline-block;
overflow: hidden;
height: 30px;
width: 180px;
}

.menu-search .gsc-control-cse{
padding:0px;
}


#tool{right:0px;top:30px;width:200px;height:130px;position:absolute;border:0px solid green;color:#000;font-size:12px;}
#tool2{width:200px;height:30px;position:absolute;border:0px solid green;color:#000;font-size:12px;margin-top: -27px;margin-left: 100px;}


#logo_img{margin-left:0px;width:80px;
height:80px;}
.logo_box{


width:120px;
height:120px;
display:inline-block;
vertical-align:top;
padding:20px;
margin-top:5px;
border:0px solid green;

}



.strona{



font: 14px/28px 'Oswald', Arial, sans-serif;
line-height: 1.6;
color: #333;
float:left;
width:96%;
border:0px solid green;
padding:2%;
}




/******************************/








#left{width:250px;float:left;}
#center{width:93%;overflow:hidden;position:relative;padding-top:0px;margin: auto;margin-top: -12px;}
/*background-color: #ffff00;*/
/*min-height:1000px;*/
.textbox{
	width: 300px;
	height: 25px;
	border: 1px #676870 solid;
	color: #000;
	font-size: 12px;
	background-color: #fff;
	margin-top: 2.5px;
	padding: 5px;
	text-align: left;
}



.textarea{width:300px;height:60px;border:1px #c0c0c0 solid; color: #000; font-size: 14px;background-color:#ebebeb; margin-top:2px;padding:5px;}
.textshort{width:100px;}
.textshort2{width:69px;}


.select{width:150px;height:30px;border:1px #898989 solid; color: #1b1b1b; font-size: 14px;background-color:#919191; margin-top:2px;}
.selectshort{width:100px;}
.selectshort2{width:50px;}

.b0{border:0px;}


.bold{font-weight:bold;}
.white{color:#fff;}


.w150{width:150px;}



.KatCalDiv{

display:inline-block;


}

.dib{
display:inline-block;
}

input[type=file] { width: 1px; }


FORM{margin:0px;margin-left: 15px;}

#wybor_kraju{
	color:#fff;
	border: 0px solid red;
	width:100%;
	margin-left: -40px;
	z-index:999999990;
}

#wybor_kraju td,table,tr{
	margin:0px;
	border:0px;
	padding:0px;
	
}


#wybor_kraju td{
min-width:150px;
	
}



#tool a{
	color:#000;
	text-decoration: none;
	margin:2px;
}

#tool a:hover{
	  /*color:#000; text-shadow: 1px 1px 2px #000;*/
	 
   
    text-decoration: underline;
	
	
}







.divbuttongold{

	background-color:#000066;
	text-transform: uppercase;
	color:#fff;
	display:inline-block;
	text-align:center;
	border-radius: 5px;
	padding:5px 5px;
	margin:2px;
	font: 14px/14px 'Oswald', Arial, sans-serif;
	min-width:30px;
}





.divsmallbutton{

	background-color:#969696;
	text-transform: uppercase;
	color:#000;
	display:inline-block;
	text-align:center;
	border-radius: 3px;
	padding:2px 2px;
	margin:2px;
	font: 12px/12px 'Oswald', Arial, sans-serif;
	min-width:25px;
}







.bgold{
background-color:#000066;
}



#nav .a {
	text-transform: uppercase;
    display: inline-block;
    color:#000;
    text-decoration: none;

   padding:0px 12px ;
	
   /* 
	float:left;*/
	margin:auto 1.0%;
	background-color:#ffffff;
}

#nav .ol{
height: 28px;

padding-top: 0px;

cursor: pointer;
	text-transform: uppercase;
    display: inline-block;
    color:#000;
    text-decoration: none;
margin: auto 1.0%;
   padding:0px 12px ;

   /* 
	float:left;*/
	background-color:#ffffff;
}

#nav .li{
background-color: #ffffff;
}

#nav .a:hover {

    background-color:#f9f9f9;

	color:#ff0000;
}




#nav2 .a {
	text-transform: uppercase;
    display: inline-block;
    color:#000;
    text-decoration: none;
	width:300px;
	height:50px;
   padding:0px 0px ;
padding-bottom:10px;
	margin:auto 1.0%;
}




#nav2 .a:hover {

    color:#ff0000;
    /*text-shadow: 1px 1px 2px #000; */
    /*text-decoration: underline; */
}



#tool ul {
font: 12px/12px 'Oswald', Arial, sans-serif;
z-index:999;
     list-style: none;
     float: left;
	 color:#fff;
}
#tool ul a{
color:#E0E0E0;

}

#tool2 ul {
font: 14px/2px 'Oswald', Arial, sans-serif;
z-index:999;
     list-style: none;
     float: left;
	 color:#fff;
}
#tool2 ul a{
color:#E0E0E0;

}
@media all and (min-width:421px) {
#menu0{
padding: 0;
     position: absolute; 

     width: 120px; 
     text-align: left;
     background-color: #333;
     border: 1px solid #ccc;
z-index: 9999;
}

#menu0 dt{
     padding: 4px;
     float: left; 
     position: relative;
	 margin:2px;
	 width:106px;
	 color:#fff;
}

#menu0 dd{
font: 12px/24px 'Oswald', Arial, sans-serif;
margin: 1px;
padding-left:5px;
color:#707070;
height:auto;
width:120px;


}
}
@media all and (max-width:420px) {

#menu0{
padding: 0;
     position: absolute; 

     width: 120px; 
     text-align: left;
     background-color: #333;
     border: 1px solid #ccc;
z-index: 9999;
}

#menu0 dt{
     padding: 4px;
     float: left; 
     position: relative;

	 width:106px;
	 color:#fff;
}

#menu0 dd{
font: 12px/2px 'Oswald', Arial, sans-serif;
margin: 1px;
padding-left:5px;
color:#707070;
height:auto;
width:120px;


}
}



#menu1{
padding: 0;
     position: absolute; 

     width: 330px; 
     text-align: left;
     background-color: #333;
     border: 1px solid #ccc;
z-index: 9999;
}

@media all and (max-width:630px){
#menu1{width: 120px;}
}

#menu1 dt{
     padding: 4px;
     float: left; 
     position: relative;

	 width:106px;
	 color:#fff;
}

#menu1 dd{
margin: 2px;
padding-left:5px;
color:#707070;

width:120px;


}
#tool ul {
font: 12px/5px 'Oswald', Arial, sans-serif;
z-index:999;
     list-style: none;
     float: left;

}

#tool ul > li {
     margin: 0;
     padding: 0;
     float: left; 
     position: relative;
     height: auto;
}

#tool ul > li > a {
     padding: 5px; 
     color: #fff;
     text-decoration: none;
}

#tool ul > li > a:hover, 
#tool ul > li:hover > a {
     color: #fff;
     text-decoration: underline;
}

#tool ul > li ul {
     padding: 0;
     position: absolute; 
	 visibility: hidden;

	 margin-left:-40px;
     width: 120px; 
     text-align: left;
     background-color: #333;
     border: 1px solid #ccc;
     transform: scaleY(0);
     -webkit-transform: scaleY(0);
     transform-origin: 50% 0;
     -webkit-transform-origin: 50% 0;
     transition: 200ms;
}

#tool ul li:hover > ul {
	 visibility: visible;
     transform: scaleY(1);
     -webkit-transform: scaleY(1);
}

#tool2 ul {
font: 12px/12px 'Oswald', Arial, sans-serif;
z-index:999;
     list-style: none;
     float: left;

}

#tool2 ul > li {
     margin: 0;
     padding: 0;
     float: left; 
     position: relative;
     height: auto;
}

#tool2 ul > li > a {
     padding: 10px; 
     color: #fff;
     text-decoration: none;
}

#tool2 ul > li > a:hover, 
#tool2 ul > li:hover > a {
     color: #fff;
     text-decoration: underline;
}

#tool2 ul > li ul {
     padding: 0;
     position: absolute; 
	 visibility: hidden;

	 margin-left:-40px;
     width: 120px; 
     text-align: left;
     background-color: #333;
     border: 1px solid #ccc;
     transform: scaleY(0);
     -webkit-transform: scaleY(0);
     transform-origin: 50% 0;
     -webkit-transform-origin: 50% 0;
     transition: 200ms;
}

#tool2 ul li:hover > ul {
	 visibility: visible;
     transform: scaleY(1);
     -webkit-transform: scaleY(1);
}

.More {
font: 12px/24px 'Oswald', Arial, sans-serif;
     left: 0px; 
     top: -750px;
     height:750px;
}

.Lista {
     left: 120px; 
     top: -1px;
}

#tool ul > li ul li {
     margin: 0; 
     padding: 0;
     position: relative; 
     float: none; 
     height: 20px;
     width: 120px;
}

#tool ul > li ul li a {
     padding: 10px 20px; 
     color: #fff; 
     text-decoration: none;
     display: block;
}

#tool ul > li ul li a:hover,
#tool ul > li ul li:hover > a {
     text-decoration: none;
     color: #fff;
     background-color: #444;
}

#tool2 ul > li ul li {
     margin: 0; 
     padding: 0;
     position: relative; 
     float: none; 
     height: 30px;
     width: 120px;
}

#tool2 ul > li ul li a {
     padding: 10px 20px; 
     color: #fff; 
     text-decoration: none;
     display: block;
}

#tool2 ul > li ul li a:hover,
#tool2 ul > li ul li:hover > a {
     text-decoration: none;
     color: #fff;
     background-color: #444;
}




li {
float:left;
  width:150px;
  height:35px;
  padding-top:7.5px;
  cursor: hand;
}



ol > li > ul {
  list-style-type:none;
  padding:0px;
  margin:0;
    color:#fff;


}

ol > li {
list-style-type: none;
  float:left;
  background-color:#ffffff;
  width:150px;
  margin-left:1px;
  color:#ff0000;
  z-index:999999999;

}

ol > li:first-child {
   padding-top:-5px;
  margin-left:0;
  margin-top:0px;
  height:2em;
}

ol {
	padding: 15px;
  background-color:#ebebeb;
  counter-reset: section;
}

ol > li > ul > li {
  background-color:#ebebeb;
top: 32px;
}

ol > li > ul {
  display:none;
}

ol > li:hover > ul {
  display:block;
  color:#ebebeb;
}

ol > li {
  float:left;
  background-color:#ffffff;
  padding-top: 6px;
  width:150px;
  margin-left:1px;
  height:2em;
}

li > ul > li > ol {
        display:none;
        margin-left:126px;
        margin-top:-2em;
      }

      /* wygląd głównego elementu - ol - w drugiej części rozwijanej, po najechaniu kursorem myszki na jego rodzica - li */
li > ul > li:hover > ol {
        display:block;
      }




#search_box{
display: inline-block;
	width:200px;
	height: 35px;
margin-top: 12px;

}


#search_box div{
color:#fff;
margin:0px 0px 10px 10px;
}



#search_box_input{

	border:1px solid #000;
	width:220px;
	height:28px;
	background-color: #fff;
	position: absolute;
}

.search_box_button{
width: 26px;
height: 26px;
background-image: url('../css/ext/lupka.png');
background-repeat: no-repeat, repeat;
z-index: 9999;
position: absolute;
border: 1px;
margin-left: 192px;
margin-top: 1px;
}

#rgb_front{
height:100%;
width:100%;
}

#rgb_back{
height:100%;
width:100%;
}

#rgb_Hat1{
height:33%;
width:100%;
-webkit-clip-path:ellipse(50px 100px at top);
}

#rgb_Hat2{
height:66%;
width:100%
}

#rgb_Hat3{
height:100%;
width:100%
}



.button {

    background: #919191;
    color: #000;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    cursor:pointer;
    font-size:16px;
    border:0;

    border-radius: 5px;
    
     padding:4px 12px;
    text-decoration: none;

}
input.button {

    padding:4px 9px 5px;
}
input[type="button"]:hover, 
.button:hover {

    background:#666;
}
.button.gold {

    background:#000066;
}
.button.gray {

    background:#919191;
}
.button.gray:hover {

    background: #000066;
}

.m_left_5 {

    margin-left:5px !important;
}

.cta
  position: relative
  margin: auto
  padding: 19px 22px
  transition: all .2s ease
  &:before
    content: ""
    position: absolute
    top: 0
    left: 0
    display: block
    border-radius: 28px
    background: rgba($primary,.5)
    width: 56px
    height: 56px
    transition: all .3s ease
  span
    position: relative
    font-size: 16px
    line-height: 18px
    font-weight: 900
    letter-spacing: .25em
    text-transform: uppercase
    vertical-align: middle
  svg
    position: relative
    top: 0
    margin-left: 10px
    fill: none
    stroke-linecap: round
    stroke-linejoin: round
    stroke: $color
    stroke-width: 2
    transform: translateX(-5px)
    transition: all .3s ease
  &:hover
    &:before
      width: 100%
      background: rgba($primary,1)
    svg
      transform: translateX(0)
  &:active
    transform: scale(.96)










#reklama{
width:99%;height:100px; border: 0px solid red;
}





.kat {
	width:100%;
    padding:0;
    margin:0;
	text-align: center;
	float:left;
	background-color: #bfbfbf;
	border-bottom:1px solid #000; 
	text-transform: uppercase;
	 position:relative;
}



.kat_sel{
  /*background:#000066;*/
}


.gold{
 background:#000066; /**/
}



.kat a {

    display: block;
    color:#fff;
    text-decoration: none;
	font-size: 16px;
    padding:0px 12px ;
}



.kat a:hover {

    /*background:#000066;
     text-shadow: 1px 1px 2px #fff; */
    text-decoration: underline;
}




.pkats {
	width:100%;
    padding:10px;
    margin:0;
	text-align: left;
	float:left;
	background-color: #000000;
	 
	
}



.pkat {
	width:100%;
    margin:0;
	text-align: left;
	float:left;
	
	position:relative;
	background-color: #bfbfbf;
	
}



.ppkat {
	width:100%;
    margin:0;
	text-align: left;
	float:left;

	 
	
}




.pkat a {
	margin-left:15px;
   
    color:#fff;
    text-decoration: none;
	padding:0px 0px ;
	font-size:14px;
	/*border:1px solid green;*/
	
}


.ppkat a {
	margin-left:40px;
    display: block;
    color:#c0bdb8;
    text-decoration: none;
	padding:0px 0px ;
	font-size:12px;
}









.pkat a:hover {

   color:#fff;
     /*text-shadow: 1px 1px 2px #fff; */
    text-decoration: underline;
}

.ppkat a:hover {

   color:#000066;
     /*text-shadow: 1px 1px 2px #fff; */
    text-decoration: underline;
}










.BoxMenu{


display:none;
position:absolute;
width:auto;
height:auto;
padding:10px;
background-color:#919191;
min-width:100px;
min-height:100px;
top:0px;
z-index: 10000;
left:250px;


}


.tdMenuCalcBox{
color:#fff;
text-align:center;

}




.box_shadow{

-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);

}


.box_shadow a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
	
}


.box_shadow td {
	margin:0px 0px 0px 0px;
	padding:5px;
	
	
}



/*
@media all and (min-width:1600px) {

    #main	{ width:1580px; background: url('../img/top_tlo1580.jpg') no-repeat top left #fff ;}
   #top{}
   #center{width:1330px;}
    #nav a { margin:auto 3%; }
	

}*/


/* bs - box shadow */  
.bs_title{
color:#000;
text-transform: uppercase;

}

/*
	margin-left:15px;
    display: block;
    color:#c0bdb8;
    text-decoration: none;
	padding:0px 0px ;
	font-size:14px;
*/



.bs_kat a{color:#fff;margin-left:0px; white-space: nowrap;}
.bs_kat a:hover{color:#fff;text-decoration:underline;}

.bs_kat a.selected{color:#fff;text-decoration:none;}
.bs_kat a.selected:hover{color:#fff;text-decoration:underline;}

.bs_vline{
	
	padding:15px;
	background: url('../img/bs_vline.png') repeat-y top center;

	
}


.bs_td{
vertical-align:top;

}


.ta_center{text-align:center;}


#BackButton{
width:100%-20px; border: 0px dotted red;
padding:0px 10px;
}

.produkt_category_path{

width: 90%;
margin: auto;
padding:10px;
color:#909090;

}






.produkt_category_path a{
text-transform: none;
text-decoration: none;
color:#fff;
}

.produkt_category_path a:hover{
text-decoration: underline;

}


.produkt{
width:90%; margin:auto;
}
.produktCalc{
width:90%; margin:auto;
}

.produkt .img{

width:49%;
display:inline-block;
text-align:center;

border: 0px dotted red;
vertical-align:top;
overflow:hidden;

}
.produkt .img2{
display:none;
}





.produkt .img .gallery{


text-align:center;

border: 0px dotted red;
margin-top:3px;

}

.produkt .img .gallery img{



margin:5px;

}




.produkt .form{

width:50%;
display:inline-block;
overflow:auto;
border: 0px dotted red;
font-size:12px;
color:#fff;
vertical-align:top;

}


.produkt .table{
width:650px;

}








.produkt .color{

	

	display: inline-block;
	margin:1px;
	cursor: pointer;

}




.produkt .size{

	width:69px;
	height:30px;
	
	font-size:11px;
	display: inline-block;
	margin:0px;
	cursor: pointer;
	text-align:center;
	color:#000;
	background-color:#fff;
	border: solid 1px #676870;
	margin-right:-2px;
	margin-top:-1px;

}


.produkt .size_selected{

	width:69px;
	height:30px;
	
	font-size:11px;
	display: inline-block;
	
	cursor: pointer;
	text-align:center;
	color:#fff;
	font-weight:bold;
	background-color:#222327;

}









.produkt .formProd td{

padding:5px;
background-color:#fff;


}




.produkt_val_heads{

font-size:16px;
color: 	#707070;
text-transform: lowercase;
}

.produkt_val_val{

display: block;
position: relative;
top: 30px;
color: #707070;

}



.produkt .price{
	left: 100px;
position: relative;
width: 170px;
	color:#222327;
	font-size:18px;	
	text-transform: lowercase;
text-align: right;
font-family: CooperHewittSemiBold;
letter-spacing: 3px;
text-transform:uppercase;
}





.produkt .vat{
display:inline;
	margin-left:20px;
	color:#9497a1;
	font-size:12px;	
	text-transform: lowercase;
	border:0px solid red;
letter-spacing: 1px;
}



.produkt .price s{
	margin-right:20px;
	color:#ff0000;
	font-size:14px;	
	text-transform: lowercase;
}




.produkt .price .promo{
	
	color:#ff0000;
	font-size:20px;	
	text-transform: lowercase;
}


.produkt .price .promo s{
	color:black;
	font-size:12px;	
	text-transform: lowercase;
	line-height: 12px;
	letter-spacing: 1px;
}


.promo s{
	color:black;
	font-size:12px;	
	text-transform: lowercase;
	line-height: 12px;
	letter-spacing: 1px;
}




.produkt .Promocja{

	color:#ff0000;
	font-size:18px;	
	text-transform: uppercase;
	display:inline-block;
	margin-left:10px;

}


.produkt .do_koszyka{
	


	text-align:center;
	padding-top:3px;
	cursor: pointer;
	display: inline-block;
	width:200px;
	height:39;

	
}

.produkt .do_koszyka input{
	
	
}










.av{border:1px solid #898989;}


.ImgProduktMain{border:0;width: 100%;}

#left_payments{
margin-top:2px;
float:left;
width:100%;
padding:0px;


}
#left_payments img{
width:50%;
float:left;


}



#Site{

width:100%-5px;text-align:left;margin-top:3px;right;margin-left:5px;
color:#000;

}

#SITE .Head{

font: 18px/32px 'Oswald', Arial, sans-serif; 
text-transform: uppercase;
margin-top:30px;
color:#000;
}

#SITE .Head2{
color:#000;
font: 14px/36px 'Oswald', Arial, sans-serif; 
text-transform: uppercase;
}


#SITE .Text{
color:#000;
font: 13px/20px 'Oswald', Arial, sans-serif; 
}

#SITE .Text-r{
color:#0000ff;
font: 13px/20px 'Oswald', Arial, sans-serif; 
}

#SITE .TopImg{
text-align:center;

}

#SITE .Val2{
color:#fff;
min-width:50px;
}

#SITE .Val3{
color:#969696;
}



#SITE .LEFT{
width:470px;
display:inline-block;
vertical-align:top;
padding:10px;
text-align:left;


}

#SITE .RIGHT{
width:470px;
display:inline-block;
vertical-align:top;
padding:10px;
}

#Site .MegaHead1{
margin-top:60px;
color:#000;
font: 38px/48px 'Oswald', Arial, sans-serif; 
text-transform: uppercase;
text-align:left;
letter-spacing: 2px;
border:0px solid red;

}

#Site .MegaHead2{

color:#000;
font: 60px/60px 'Oswald', Arial, sans-serif; 
text-transform: uppercase;
text-align:left;
letter-spacing: 2px;
border:0px solid green;
}



#Site .MegaHead1_{
margin-top:60px;
color:#000;
font: 60px/60px 'Oswald', Arial, sans-serif; 
text-transform: uppercase;
text-align:left;
letter-spacing: 2px;


}

#Site .MegaHead2_{
color:#000;
font: 38px/48px 'Oswald', Arial, sans-serif; 
text-transform: uppercase;
text-align:left;
letter-spacing: 2px;

}



#Site .break{
height:20px;

}







.GalleryKat{
display:inline-block;
width:320px;
height:360px;
border:0px solid red;
vertical-align:top;
position:relative;

}


.GalleryKat .Name{
position:absolute;
width:200;
top:295px;
left:10px;
text-align:center;
font: 18px/36px 'Oswald', Arial, sans-serif; 
text-transform: uppercase;
color:#737373;
border:0px solid red;
}



.GalleryKat1{
display:inline-block;
width:244px;
height:271px;
border:0px solid red;
vertical-align:top;
position:relative;
text-align:center;

}


.GalleryKat1 .Name{
position:absolute;
width:100%;
top:221px;
text-align:center;
font: 18px/36px 'Oswald', Arial, sans-serif; 
text-transform: uppercase;
color:#737373;
}



#Galleries{
margin-left:5px;
}


.GaleriaHead{
	background-color:#000066;
	color:#fff;
	text-transform: uppercase;
	margin-bottom:5px;
	
	padding-left:20px;
	font: 16px/28px 'Oswald', Arial, sans-serif;

}


.GaleriaBottom{
	height:20px;
}


.GaleriaImg{
	display:inline-block;
	width:100px;
	height:75px;
	margin:2px;


}
.GaleriaImg img{
	border:1px solid #000;


}



#Gallery .DivImg{


margin:2px;
display:inline-block;
}





.RozmiarowkiDivInfo{

/*

top: 40px;
left: 20%;
width: 60%;
height: 600px;
position:absolute;
z-index:10000;
*/
display:none;
top: 20%;
left: 20%;
width: 60%;
height: 600px;
position: fixed;
z-index: 10000000;


background-color:#fff;
-webkit-box-shadow: 0px 0px 5px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 3px rgba(50, 50, 50, 0.75);

}

.RozmiarowkiDivInfo img{
position: absolute;
top: 0;
z-index: -100;

left: 0;
}

.RozmiarowkiDivInfo .Close{
position:absolute;
width:100%;
text-align:right;
top: 3px;
}

.RozmiarowkiDivInfo .Table {
	position: absolute;
	top: 10%;
	right: 10%;
	/* border: 0px solid red; */
	width: 40%;
}


.RozmiarowkiDivInfo .Table table{
margin:0px auto 0px;

}



.RozmiarowkiDivInfo .Table .tr_name{
background-color:#ff6200;
color:#fff;
text-transform: uppercase;
}



.RozmiarowkiDivInfo .Table td{

font-family:CooperHewitt;
text-transform:uppercase;
letterspacing:3px;
font-size:16px;

}


.RozmiarowkiDivInfo .Table .tr_name td{
padding-left:20px;


}

.RozmiarowkiDivInfo .Table .tr_head td{

background-color:#222327;
color:#fff;
width:50px;
text-align:center;
}


.RozmiarowkiDivInfo .Table .tr_vals td{

background-color: #fff;
color: #1a1722;
width: 50px;
text-align: center;
border-bottom: 4px solid #d7d7d7;
}

.RozmiarowkiDivInfo .Dimension{
position: absolute;
top: 80%;
right: 8%;
width: 180px;
font: 18px/32px 'Oswald', Arial, sans-serif;
color: #222327;
text-transform: uppercase;
}



.chooseCountry{
position:absolute;
right:1%;
top:30px;
}

.KrajWaluta{
border-style:solid;border-width: 1px;background: white;font-size: 12px;font-family: CooperHewitt;text-transform: uppercase;letter-spacing: 3px;margin-right:2%;text-align:center;width: 100px;position: absolute;
right: 0px;
top: 30px;
}

.modal-content-title{
width:100%;
}
.modal-content-title p{
text-align:center;
text-transform:uppercase;
letter-spacing:3px;
font-family:CooperHewitt;
font-size:14px;
}
.modal-content-region{
background:#f6f6f6;margin:20px;width:97%;padding:20px;align:center;display: inline-block; letter-spacing:3pt;

	font-family: CooperHewitt;
	letter-spacing: 3pt;
	font-size: 14pt;
	text-transform: uppercase;

}
.modal-content-region p{
font-family: CooperHewitt;font-size:12pt;float: right;
}
.modal-content-region table{
font-size:9pt;margin-left:65px;display: inline-block;text-transform: uppercase;
}

.modal-content-region table a{
text-decoration:none;
}
.modal-content-region table a:hover{
text-decoration:none;
color: #ff6200;
}

.modal-content-region img{
height:20px;margin-right:40px;margin-top:10px;
}
.modal-content-region tr{
margin-bottom: 20px;
margin-top: 20px;
}
#myBtn{
border: 0;
background: white;
font-size: 12px;
font-family: CooperHewitt;
text-transform: uppercase;
letter-spacing: 3px;
}
#myBtn img{
display: inline-block;
}
#myBtn p{
display: inline-block;
margin-left: 5px;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1020; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.modal-content-title .close {
  position:absolute;
  top: 120px;
right: 12.2%;
background-color: #ff6200;
  color: #fff;
  float: right;
  font-size: 30px;
  font-weight: bold;
padding-left: 8px;
width: 35px;
height: 35px;
cursor:pointer;
}

modal-content-title .close:hover,
modal-content-title .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


#contentMain{margin: auto;}
#center{width:93%;overflow:hidden;position:relative;padding-top:0px;margin: auto;margin-top: -12px;}




.stopkaNowa{
width:100%;height: 100px;background-color:#222327;
}
.stopkaNowa{
background-color:#222327;
}
.stopkaNowa_tr{
padding-top: 40px;
}
.stopkaNowa_td{
width: 75%;
left: 5%;
position: absolute;
display: inline-block;
text-align: left;
}
.stopkaNowa_td2{
width: 17%;
right: 3%;
position: absolute;
display: inline-block;
text-align: right;
}
.stopkaNowa a{
padding:40px;
color:#fff;
font-family: CooperHewitt;
font-size: 11px;
letter-spacing:3px;
text-transform:uppercase;
text-decoration:none;
}
.stopkaNowa a:hover{

}
.newsletterText{
position: absolute;
color: white;
top: 220px;
font-family: CooperHewitt;
font-size: 16px;
letter-spacing:3px;
text-transform:uppercase;
text-decoration:none;
width: 260px;
margin-left: 50px;
line-height: 24px;
text-align: center;
text-shadow: 2px 2px #000;
}

#baner_newsletter{
margin-top:30px;
}
#baner_newsletter img{
width:90%;position: absolute;left: 5%;
}
#baner_newsletter table{
margin:auto;width:340px;
}
#baner_newsletter_tr1{
height: 360px;
}
#baner_newsletter_tr2{
padding-top:50px;padding-bottom:20px;
}
#baner_newsletter_tr3{
height: 380px;
}
#stopka_szara{
height:50px; position:absolute;bottom:0;left:0;width:100%;
}
.tloPodMenu{
background-color: white;
width: 2500px;
height: 700px;
position: absolute;
left: -100px;

}
.menuOpen{
display: none;
}
.menuCart1{
display: none;
}
.menuSearch1{
display: none;
}

	.menu-new{
		display: inline-block;
	height:48px;
	margin-right:30px;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
	border:0px solid green;
	color:#000;

	font-family: CooperHewittSemibold;
	font-size: 11px;
	letter-spacing: 3px;
	background-color: white;
	}
	.menu-new a{
	color:#000;
	text-decoration:none;
	font-family: CooperHewittSemibold;
	font-size: 11px;
	letter-spacing: 3px;
	background-color: white;
	}
	.menu-new a:hover{
	color:#000;
	text-decoration:none;
	font-family: CooperHewittSemibold;
	background-color: white;
	}	
	
.dropbtn {

  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {

  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
border-top-style: solid;
	border-top-width: 1px;
  z-index: 1;
  width: 1800px;
  height:480px;

}
#drop1 {left: 0px;}
#drop2 {left: -83px;}
#drop3 {left: -174px;}
#drop4 {left: -326px;}
#drop5 {left: -537px;}
#drop6 {left: -647px;}
#drop7 {left: -744px;}
#drop8 {left: -819px;}

.dropdown-content a {
  color: black;
  padding: 5px 0px;
  text-decoration: none;
  display: block;
  padding-left:10px;
}
.dropdown-content a:hover {background-color: #f1f1f1; padding-left: 10px; color: black;
  text-decoration: none;
  display: block;
  	}

.dpdwnThin{
  	font-family: CooperHewittLight;
	font-size: 12px;
letter-spacing: 0px;
		line-height: 14px;
}
.dropdown_grubsze{
font-family: CooperHewittSemibold;line-height: 22px;letter-spacing: 3px;font-size: 12px;
}
.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.dropdown-content h3 {
  color: black;
  text-decoration: none;
  display: block;
  	font-family: CooperHewitt;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.dropdown-content-table{
width:1390px;
	font-family: CooperHewitt;
	font-size: 9px;
	margin-top: 10px;
}

.dropdown-content-td1{
display: inline-block;
width:302px;
margin-right:20px;
position: absolute;
}
.dropdown-content-td2{
display: inline-block;
width:735px;
margin-right:20px;
position: absolute;
left: 323px;

}
.dropdown-content-td3{
display: inline-block;
width:200px;
margin-right:20px;
position: absolute;
left: 986px;
}

.dropdown-list1{
width:30%;
display: inline-block;
vertical-align: top;
}
.dropdown-list2{
width:30%;
display: inline-block;
vertical-align: top;
}
.dropdown-list3{
vertical-align: top;
width:30%;
display: inline-block;
}

.kat_prod_container{
	float:left;
	/*width:250px;*/
	width:340px;
	height:380px;

	margin:0px;
	padding:0px;
	border:0px solid red;
		
}

.kat_prod{
	
	position:relative;	
	width:300px;
	/**/
	margin:5px;
	padding:5px;
	border-radius: 0px;
}
.kat_prod .a{
	width:290px;	
}
.kat_prod .color_container{
top:214px;
position:absolute;	
text-align:center;

line-height: 16px; 
width:120px;
}

.kat_prod .color{

	width:10px;
	height:10px;
	border:1px solid #5a5a5a;

	display: inline-block;
	margin:1px;

}

.kat_prod .hr{
	margin-top:5px;
	height:1px;
	background-color:#5a5a5a;
}

.kat_prod .nazwa{

	margin:5px 0px 0px 5px;
	text-align:left;
	color:#000;
	
	font-family: 'Archivo';
	font-size: 12px;

}

.kat_prod .cena{

	margin:0px 5px;
	color:#000066;
	
	text-align:left;
	text-transform: lowercase;

	font: 16px/18px 'Oswald', Arial, sans-serif;
	
	
}
.kat_prod .cena2{

color: #202020;
text-align: center;
text-transform: uppercase;
font: 24px/24px 'Oswald', Arial, sans-serif;
}

.kat_prod .cena .old_cena{
	
	font: 14px/18px 'Oswald', Arial, sans-serif;

	margin-right:5px;

	color:#ccc;
	
	
	text-transform: lowercase;
	text-decoration: line-through;
	
}

.kat_prod .do_produktu{
	
	position:absolute;
	width:59px;
	height:29px;
	text-align:center;

	right:10px;
	bottom:8px;
	
}

.kat_prod .do_koszyka img{
	margin-top:3px;
	
}

.kat_prod .do_koszyka input{
	/*margin-top:10px;*/
	
}
/*
.kat_prod .unavailable{

	margin:0px 0px;
	color:#000066;
	font: 12px/12px 'Oswald', Arial, sans-serif;
	text-align:center;
	
	
}*/
.kat_prod .unavailable {
	margin: 0px 0px;
	color: #f00;
	font: 12px/12px 'Oswald', Arial, sans-serif;
	text-align: center;
	position: absolute;
	width: 70px;
	border: 1px solid red;
	padding: 5px;
	background: white;
	top: 10px;
	right: 25px;
	z-index: 99;
}
.TextQuantity{

width:30px;
height:20px;
border:1px solid #000;
text-align:center;
	font: 12px/12px 'Oswald', Arial, sans-serif;
	background-color: #fff;

}


.kat_prod .do_produktu img{
	margin-top:3px;
	
}

.kat_prod .do_koszyka{

	position:absolute;
	width:80px;
	height:33px;
	text-align:right;
	
	right:35px;
	top:200px;
	

	
}

.kat_prod .img{
	text-align:center;
	background-color:#ffffff;
	
	overflow:hidden;
	
}

/*---------------------------------------*/





/*---------------------------------------*/


.kat_prod_container2{
	float:left;
	/*width:250px;*/
	width:250px;
	height:300px;
	margin:50px;
	padding:0px;
	border:0px solid red;	
}

.kat_prod2{
	width:250px;
	position:relative;	
	height:250px;
	/**/
	margin:5px;

	border-radius: 0px;
}
.kat_prod2 .a{
	width:250px;	
}
.kat_prod2 .img{

	overflow:hidden;
	width:250px;height:250px;
}
.kat_prod2 .img img{
	overflow:hidden;
	width:250px
}
.kat_prod2 .stopka{
margin-top: 7px;width:180px;display:inline-block;vertical-align: top;
}
.kat_prod2 .stopka h1{
text-align: left;
margin-left: 0px;
margin-top: 1px;
display: inline;
font-size: 16px;
padding-top: 8px;
padding-bottom: 15px;
opacity: 0.8;
}
.kat_prod2 .stopka2{
display: inline-block;width:68px;
height: 68px;
margin-left: 1px;
float: right;  background: #e6e6e6;padding-top: 15px;
margin-top: -10px;
}

/*---------------------------------------*/

.slider-wrapper { 
	width: 100%; 
	
}

#logo{width:1000px;height:120px;border:0px solid purple;cursor:pointer}/*background: url('../img/logo.png') no-repeat top left; */

.bannery .baner{
width:100%;
margin-top:-2px;
margin-bottom:10px;
}

#mobile_info{
display:none;
text-align:center;
}



.KatCalDiv{

display:inline-block;
width:305px;
height:425px;

}

.stronaglownaimg{
width:300px;
height:420px;
}

.stronaglowna{
width:100%;

}

.stopka{
height: 15%;
margin-left: 2%;
}

.stopka h1{
font-size: 12px;
letter-spacing: 3px;
line-height: 16px;
}

.stopka_big{
height: 5%;
margin-left: 2%;
}

.stopka_big h1{
font-size: 12px;
letter-spacing: 3px;
line-height: 16px;

}


.web-label{
background-color: #fff;
position: absolute;
top: 7%;
left: 7%;
font-family: CooperHewittBold;
text-transform: uppercase;
padding: 2%;
z-index: 99;
}

.web-label p{
font-size: 22px;
letter-spacing: 7px;
line-height: 24px;

}

.webinfo{
position: absolute;
top: 70%;
left: -8%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
width: 25%;
height: 5%;
transform: rotate(270deg);
z-index: 9;
}
.webinfo p{
font-size: 12px;
letter-spacing: 10px;
text-align: left;
}

.web-button{
position: relative;
top: 67%;
left: 40%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 5px;
width: 50%;
height: 15%;
padding: 1%;
z-index: 999;
}

.webinfo_big{
position: absolute;
top: 72%;
left: -3.7%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
width: 25%;
height: 5%;
transform: rotate(270deg);
z-index: 9;
}
.webinfo_big p{
font-size: 20px;
letter-spacing: 15px;
text-align: left;
}

.web-button_big{
position: absolute;
top: 73%;
right: 4%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 24px;
letter-spacing: 8px;
width: 40%;
height: 10%;
padding: 1%;
z-index: 999;
}

.web-label_big{
background-color:#fff;
position:absolute;
top:5%;
left:6.5%;
font-family:CooperHewittBold;
text-transform:uppercase;
padding: 2%;
z-index: 99;
}

.web-label_big p{
font-size: 32px;
letter-spacing: 10px;
line-height: 36px;

}

#contentMain{
width: 92%;
}
.web-button2{
    font-family: CooperHewittSemibold;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 2.5px;
    width: 80%;
    height: 35px;
    margin: 10%;
    margin-top: 0;
}

.web-button_big{
position: absolute;
padding: 1%;
z-index: 999;
}
.web-button{
position: absolute;
padding: 1%;
z-index: 999;
}

.new_style{
    height: 100%;
    top: 0%;
    position: relative;

}

.new_style img{
right: 40px;
position: absolute;
 
}

.new_style_big{
margin-left: 5%;

}

.new_style_big img{
right: 100px;
position: absolute;

}


.kat_prod_container-new-big {
    float: left;
position: absolute;
    margin: 0px;
    padding: 0px;
    width: 50%;


}
.kat_prod_container-new {
    float: left;
position: absolute;
    margin: 0px;
    padding: 0px;

    width: 25%;
    
}
.new1 {
    left:0;
}
.new2 {
    left:51%;
}
.new3 {
    left:77%;
}
.new4 {
    left:0;
}
.new5 {
    left:26%;
}
.new6 {
    left:77%;
}

.kat_prod-new-big {
position: relative;

margin-right: 2%;
border-radius: 0px;
height: 100%;}

.kat_prod-new-big .img {
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    margin: 1.5%;
   
}

.kat_prod-new {
position: relative;
border-radius: 0px;
display: inline-block;
height: 50%;
}

.kat_prod-new .img {

text-align: center;
overflow: hidden;
margin: 1.5%;
background-color: #f5f5f5;

}

/*---------------------------------------*/
/*---------------------------------------*/

@media all and (min-width:2300px){

/*---------------------------------------*/
/*---------------------------------------*/
#main 	{ width:94%; background: url('../css/ext/main/background1250.png') top left #000 no-repeat; background-color:#fff;margin:auto;}




.jej_Wysokosc{
width: calc(100% - 20px);
height: calc((100vw - 20px) * 0.5); /*16:9 aspect ratio*/
display: inline-block;
position: relative;
}

.dpdwnThin {
	font-family: CooperHewittLight;
	font-size: 18px;
	letter-spacing: 4px;
	line-height: 24px;
}
.dropdown_grubsze {
	font-family: CooperHewittSemibold;
	line-height: 36px;
	letter-spacing: 6px;
	font-size: 22px;
}
.dropdown-content-td1 {
	display: inline-block;
	width: 30%;
	margin-right: 20px;
	position: absolute;
}
.dropdown-content-td2 {
	display: inline-block;
	width: 40%;
	margin-right: 20px;
	position: absolute;
	left: 30%;
}
.dropdown-content-td3 {
	display: inline-block;
	width: 28%;
	margin-right: 20px;
	position: absolute;
	left: 70%;
}
.dropdown-content h3 {
	color: black;
	text-decoration: none;
	display: block;
	font-family: CooperHewitt;
	font-size: 22px;
	letter-spacing: 5px;
	text-transform: uppercase;
	line-height: 30px;
}

#nav222 {height: 70px;}
#nav {height: 68px;border-top: solid 2px;
border-bottom: solid 2px;}
.menu-new {height: 61px;font-size: 15px;letter-spacing: 7px;}
.menu-new a{height: 61px;font-size: 15px;letter-spacing: 7px;}
#drop1 {left: 0px;top: 61px;}
#drop2 {left: -107px;top: 61px;}
#drop3 {left: -225px;top: 61px;}
#drop4 {left: -447px;top: 61px;}
#drop5 {left: -769px;top: 61px;}
#drop6 {left: -920px;top: 61px;}
#drop7 {left: -980px;top: 61px;}
#drop8 {left: -1077px;top: 61px;}
.tloPodMenu {
	width: 8000px;
	height: 180%;
left:-500px;
}
.dropdown-content-table{margin-top: 30px;}

#search_box{
margin-top: 12px;
width: 300px;
height: 40px;
}
#search_box_input {
	width: 300px;
	height: 40px;
border: 2px solid #000;
}
.search_box_button {
    margin-left: 260px;
    margin-top: 5px;
}



.produkt_rozmiarowki{right:5%}
.produkt .size{
width: 105px;
height: 40px;
font-size: 16px;
padding-top: 6px;
}
.produkt .size_selected{
width: 105px;
height: 40px;
font-size: 16px;
padding-top: 6px;
}
.produkt .color{width: 105px;
height: 40px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19);}
.produkt .color_selected{width: 115px;
height: 50px;border:solid 2px #ff8300;}
.textshort2{width:105px;height:40px;}
.produkt .price{left: 200px;width: 210px;font-size: 22px;letter-spacing: 4.8px;}
.tr_cena p{font-size: 14px;}

.produkt .price{left: 200px;width: 210px;font-size: 22px;letter-spacing: 4.8px;}
.tr_cena p{font-size: 14px;}
.formProd p {letter-spacing: 3px;font-size:16px;}
.formProd h1 {letter-spacing: 3px;font-size:24px;}


#bottom{height: 1000px;}
#stopka_szara {
    height: 150px;}
.stopkaNowa2{height: 100px;
background-color: #222327;}
/*------------------- TESTY-------------*/
body{font-size: 24px;}
h1{font-size: 32px;}
p {
	letter-spacing: 4px;
	font-size: 24px;
}
.produkt .price{font-size:26px;}
.formProd p{font-size:26px;}
.produkt_val_heads2 p{font-size: 20px;}
.produkt .vat{font-size: 18px;}
.stopkaNowa a{font-size:24px;}
.menu-new{font-size: 24px;}
.menu-new a{font-size: 24px;}
.dpdwnThin {
	font-family: CooperHewittLight;
	font-size: 24px;
	letter-spacing: 6px;
	line-height: 30px;
}
#sKoszykText{font-size: 20px;
letter-spacing: 5px;

}
/*--------------------------------------*/
.tloPodMenu {
	width: 8000px;
	height: 210%;
	left: -500px;
}

}


/*---------------------------------------*/
/*---------------------------------------*/

@media all and (min-width:1800px) and (max-width:2300px){

/*---------------------------------------*/
/*---------------------------------------*/

#main 	{ width:94%; background: url('../css/ext/main/background1250.png') top left #000 no-repeat; background-color:#fff;margin:auto;}
#contentMain {
    width: 95%;
}

.nivoSlider {
    top: -35%;
}


.jej_Wysokosc{
width: calc(100% - 20px);
height: calc((100vw - 20px) * 0.5); /*16:9 aspect ratio*/
display: inline-block;
position: relative;


}
.web-label{
background-color: #fff;
position: absolute;
top: 7%;
left: 7%;
font-family: CooperHewittBold;
text-transform: uppercase;
padding: 2%;
z-index: 999;
}

.web-label p{
font-size: 22px;
letter-spacing: 7px;
line-height: 24px;

}

.webinfo{
position: absolute;
top: 70%;
left: -7%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
width: 25%;
height: 5%;
transform: rotate(270deg);

}
.webinfo p{
font-size: 12px;
letter-spacing: 10px;
text-align: left;
}

.web-button{
position: relative;
top: 67%;
left: 40%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 5px;
width: 50%;
height: 15%;
padding: 1%;
z-index: 999;
}

.webinfo_big{
position: absolute;
top: 72%;
left: -3.7%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
width: 25%;
height: 5%;
transform: rotate(270deg);
}
.webinfo_big p{
font-size: 20px;
letter-spacing: 15px;
text-align: left;
}

.web-button_big{
position: absolute;
top: 73%;
right: 4%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 24px;
letter-spacing: 8px;
width: 40%;
height: 10%;
padding: 1%;
z-index: 999;
}

.web-label_big{
background-color:#fff;
position:absolute;
top:5%;
left:6.5%;
font-family:CooperHewittBold;
text-transform:uppercase;
padding: 2%;
z-index: 999;
}

.web-label_big p{
font-size: 32px;
letter-spacing: 10px;
line-height: 36px;

}

.produkt .size{
width: 105px;
height: 40px;
font-size: 16px;
padding-top: 6px;
}
.produkt .size_selected{
width: 105px;
height: 40px;
font-size: 16px;
padding-top: 6px;
}
.produkt_rozmiarowki{right:5%}
.produkt .color{width: 105px;
height: 40px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19);}
.produkt .color_selected{width: 115px;
height: 50px;border:solid 2px #ff8300;}
.textshort2{width:105px;height:40px;}
.produkt .price{left: 200px;width: 210px;font-size: 22px;letter-spacing: 4.8px;}
.tr_cena p{font-size: 14px;}

.produkt .price{left: 200px;width: 210px;font-size: 22px;letter-spacing: 4.8px;}
.tr_cena p{font-size: 14px;}
.formProd p {letter-spacing: 3px;font-size:12px;}
.formProd h1 {letter-spacing: 3px;font-size:20px;}
}


/*---------------------------------------*/
/*---------------------------------------*/

@media all and (min-width:1550px) and (max-width:1799px){

/*---------------------------------------*/
/*---------------------------------------*/

#main 	{ width:94%; background: url('../css/ext/main/background1250.png') top left #000 no-repeat; background-color:#fff;margin:auto;}

.jej_Wysokosc{
width: calc(100% - 20px);
height: calc((100vw - 20px) * 0.5); /*16:9 aspect ratio*/
display: inline-block;
position: relative;


}
.web-label{
background-color: #fff;
position: absolute;
top: 10%;
left: 10%;
font-family: CooperHewittBold;
text-transform: uppercase;
padding: 2%;
z-index: 999;
}

.web-label p{
font-size: 22px;
letter-spacing: 7px;
line-height: 24px;

}

.webinfo{
position: absolute;
top: 67%;
left: -7%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
width: 25%;
height: 5%;
transform: rotate(270deg);

}
.webinfo p{
font-size: 12px;
letter-spacing: 10px;
text-align: left;
}

.web-button{
position: relative;
top: 67%;
left: 40%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 5px;
width: 50%;
height: 15%;
padding: 1%;
z-index: 999;
}

.webinfo_big{
position: absolute;
top: 72%;
left: -3.7%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
width: 25%;
height: 5%;
transform: rotate(270deg);
}
.webinfo_big p{
font-size: 20px;
letter-spacing: 15px;
text-align: left;
}

.web-button_big{
position: absolute;
top: 73%;
right: 4%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 24px;
letter-spacing: 8px;
width: 40%;
height: 10%;
padding: 1%;
z-index: 999;
}

.web-label_big{
background-color:#fff;
position:absolute;
top:5%;
left:6.5%;
font-family:CooperHewittBold;
text-transform:uppercase;
padding: 2%;
z-index: 999;
}

.web-label_big p{
font-size: 32px;
letter-spacing: 10px;
line-height: 36px;

}

.stopka h1{
font-size: 11px;
letter-spacing: 2px;
line-height: 16px;
margin-top: -2px;
}


.stopka_big h1{
font-size: 11px;
letter-spacing: 2px;
line-height: 16px;
margin-top: -3px;

}
.formProd p {letter-spacing: 3px;font-size:12px;}
.formProd h1 {letter-spacing: 3px;font-size:16px;}
}



/*---------------------------------------*/
/*---------------------------------------*/


@media all and (min-width:1200px) and (max-width:1549px){

/*---------------------------------------*/
/*---------------------------------------*/

.RozmiarowkiDivInfo{
left: 15%;
width: 70%;
}

#main 	{ width:1800px; background: url('../css/ext/main/background1250.png') top left #000 no-repeat; background-color:#fff;}

#center {
    width: 93%;
    overflow: hidden;
    position: relative;
    padding-top: 0px;
    margin: auto;margin-top: -12px;
}

.jej_Wysokosc{
width: calc(100% - 20px);
height: calc((100vw - 20px) * 0.5); /*16:9 aspect ratio*/
display: inline-block;
position: relative;
}


.web-label p{
font-size: 15px;
letter-spacing: 5px;
line-height: 24px;

}

.webinfo p{
font-size: 8px;
letter-spacing: 7px;
text-align: left;
}

.web-button{

top: 67%;
left: 40%;
font-size: 12px;
letter-spacing: 4px;
width: 50%;
height: 15%;

}


.webinfo_big p{
font-size: 20px;
letter-spacing: 15px;
text-align: left;
}

.web-button_big{
position: absolute;
top: 73%;
right: 4%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 6px;
width: 40%;
height: 10%;
padding: 1%;
z-index: 999;
}


.web-label_big p{
font-size: 32px;
letter-spacing: 10px;
line-height: 36px;

}

.stopka h1{
font-size: 10px;
letter-spacing: 3px;
line-height: 14px;
margin-top: -5px;
}


.stopka_big h1{
font-size: 10px;
letter-spacing: 3px;
line-height: 14px;
margin-top: -5px;

}
#baner_newsletter_tr1 {
    height: 260px;
}
.newsletterText {
top: 180px;
}
#baner_newsletter_tr3 {
    height: 140px;
}
.menu-new {
    display: inline-block;
    height: 47px;
    margin-right: 20px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    border: 0px solid green;
    color: #000;
    font-family: CooperHewittSemibold;
    font-size: 11px;
    letter-spacing: 2px;
    background-color: white;
}
#search_box_input {
width: 170px;
}
.stopkaNowa2 {
    background-color: #222327;
    height: 70px;
}

.dropdown-content {
width:100vw;
height:650px;
z-index:99999;
}
.tloPodMenu {
	background-color: white;
	width: 100%;
	height: 700px;
	position: absolute;
}
.dropdown-content-table {
	width: 100%;
	font-family: CooperHewitt;
	font-size: 9px;
	margin-top: 10px;
	position: absolute;
}
.dropdown-content-td1 {
	display: inline-block;
	width: 20%;
	margin-right: 2%;
	position: absolute;
}
.dropdown-content-td2 {
	display: inline-block;
	width: 50%;
	margin-right: 2%;
	position: absolute;
	left: 22%;
}
.dropdown-content-td3 {
	display: inline-block;
	width: 20%;
	margin-right: 2%;
	position: absolute;
	left: 72%;
}
#drop2 {
    left: -69px;
}
#drop3 {
    left: -146px;
}
#drop4 {
    left: -278px;
}
#drop5 {
    left: -463px;
}
#drop6 {
    left: -558px;
}
.CartButtonDiv{
height: 50px;
width: 100%;
margin-left: 7%;
margin-bottom: 10px;
}
.formProd p {letter-spacing: 3px;font-size:12px;}
.formProd h1 {letter-spacing: 3px;font-size:16px;}

}





/*---------------------------------------*/
/*---------------------------------------*/


@media all and (min-width:1000px) and (max-width:1199px) {

/*---------------------------------------*/
/*---------------------------------------*/

.RozmiarowkiDivInfo{
left: 10%;
width: 80%;
}



#main 	{ width:1800px; background: url('../css/ext/main/background1250.png') top left #000 no-repeat; background-color:#fff;}

#center {
    width: 93%;
    overflow: hidden;
    position: relative;
    padding-top: 0px;
    margin: auto;margin-top: -12px;
}

#sKoszykIMGText{
position: absolute;
top: -3px;
left: 27px;
font-size: 8px;
}
.jej_Wysokosc{
width: calc(100% - 20px);
height: calc((100vw - 20px) * 0.5625); /*16:9 aspect ratio*/
display: inline-block;
position: relative;


}

.stopkaNowa2{
background-color: #222327;
height: 60px;
}

.web-label p{
font-size: 10px;
letter-spacing: 5px;
line-height: 12px;

}


.webinfo p{
font-size: 7px;
letter-spacing: 7px;
text-align: left;
}

.web-button{
position: relative;
top: 67%;
left: 40%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 3px;
width: 50%;
height: 15%;
padding: 1%;
z-index: 999;
}

.webinfo_big p{
font-size: 10px;
letter-spacing: 10px;
text-align: left;
}

.web-button_big{
position: absolute;
top: 73%;
right: 4%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 5px;
width: 40%;
height: 10%;
padding: 1%;
z-index: 999;
}


.web-label_big p{
font-size: 20px;
letter-spacing: 7px;
line-height: 26px;

}
.stopka h1{
font-size: 9px;
letter-spacing: 2px;
line-height: 14px;
margin-top: -5px;
}


.stopka_big h1{
font-size: 9px;
letter-spacing: 2px;
line-height: 14px;
margin-top: -5px;
}

#baner_newsletter_tr1{
height: 260px;
}
#baner_newsletter_tr3 {
    height: 85px;
}
.newsletterText {
    top: 180px;
}

.menu-new {
    display: inline-block;
    height: 47px;
    margin-right: 10px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    border: 0px solid green;
    color: #000;
    font-family: CooperHewittSemibold;
    font-size: 9px;
    letter-spacing: 2px;
    background-color: white;
}
#b2b{
font-size: 9px;
letter-spacing: 2px;
}
#aboutus{
font-size: 9px;
letter-spacing: 2px;
}

.dropdown-content {
width:100vw;
height:580px;
z-index:99999;
}
.tloPodMenu {
	background-color: white;
	width: 100%;
	height: 700px;
	position: absolute;
}
.dropdown-content-table {
	width: 100%;
	font-family: CooperHewitt;
	font-size: 9px;
	margin-top: 10px;
	position: absolute;
}
.dropdown-content-td1 {
	display: inline-block;
	width: 20%;
	margin-right: 2%;
	position: absolute;
}
.dropdown-content-td2 {
	display: inline-block;
	width: 50%;
	margin-right: 2%;
	position: absolute;
	left: 22%;
}
.dropdown-content-td3 {
	display: inline-block;
	width: 20%;
	margin-right: 2%;
	position: absolute;
	left: 72%;
}
#drop2 {
    left: -55px;
}
#drop3 {
    left: -116px;
}
#drop4 {
    left: -225px;
}
#drop5 {
    left: -380px;
}
#drop6 {
    left: -457px;
}
.formProd p {letter-spacing: 3px;font-size:12px;}
.formProd h1 {letter-spacing: 3px;font-size:16px;}

}


@media all and (min-width:799px) and (max-width:999px) {

/*---------------------------------------*/
/*---------------------------------------*/


.RozmiarowkiDivInfo{
left: 10%;
width: 80%;
}


#RozmiarowkiDivInfoImg{
height: 400px;
top: 80px;
}
.RozmiarowkiDivInfo .Table{
left: 240px;
width: 180px;
}
#main 	{ width:1800px; background: url('../css/ext/main/background1250.png') top left #000 no-repeat; background-color:#fff;}
#center {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 0px;
    margin: auto;
}

.jej_Wysokosc{

display: inline-block;
position: relative;
width: calc(100% - 20px);
height: calc((100vw - 20px) * 0.5625); /*16:9 aspect ratio*/
}

.menu-new {
    display: inline-block;
    height: 47px;
    margin-right: 5px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    border: 0px solid green;
    color: #000;
    font-family: CooperHewittSemibold;
    font-size: 8px;
    letter-spacing: 2px;
    background-color: white;
}
#b2b{
font-size: 8px;
letter-spacing: 2px;
}
#aboutus{
font-size: 8px;
letter-spacing: 2px;
}

#sKoszykIMGText{
position: absolute;
right: -7px;
top: -3px;
font-size: 8px;
}
#search_box {
    display: inline-block;
    width: 100px;
    height: 26px;
    margin-top: 15px;
}
#search_box_input {
border: 1px solid #000;
width: 120px;
height: 28px;
background-color: #fff;
position: absolute;
top: 10px;
}
.search_box_button {
    width: 26px;
    height: 26px;
    background-image: url('../css/ext/lupka.png');
    background-repeat: no-repeat, repeat;
    z-index: 9999;
    position: absolute;
    border: 1px;
    margin-left: 90px;
    margin-top: 2px;
}

#search_box {
    display: inline-block;
    width: 150px;
    height: 25px;
    margin-top: 9px;
}

.web-label p{
font-size: 10px;
letter-spacing: 5px;
line-height: 12px;

}

.webinfo {
left: -15%;
}

.webinfo p{
font-size: 5px;
letter-spacing: 4px;
text-align: left;
}

.web-button{
position: relative;
top: 67%;
left: 40%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 3px;
width: 50%;
height: 15%;
padding: 1%;
z-index: 999;
}

.webinfo_big p{
font-size: 10px;
letter-spacing: 10px;
text-align: left;
}

.web-button_big{
position: absolute;
top: 73%;
right: 4%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 5px;
width: 40%;
height: 10%;
padding: 1%;
z-index: 999;
}


.web-label_big p{
font-size: 20px;
letter-spacing: 7px;
line-height: 26px;

}
.stopka h1{
font-size: 7px;
letter-spacing: 2px;
line-height: 9px;
margin-top: -5px;
}


.stopka_big h1{
font-size: 7px;
letter-spacing: 2px;
line-height: 9px;
margin-top: -5px;
}

#baner_newsletter_tr1{
height: 170px;
}
#baner_newsletter_tr3 {
    height: 80px;
}
.newsletterText {
    top: 100px;
}
.stopkaNowa2{
background-color: #222327;
height: 50px;
}

.dropdown-content {
width:100vw;
height:580px;
z-index:99999;
}
.dropdown-content-td1 {
    display: inline-block;
    width: 100%;
    position: relative;
    height: 100px;
}
.dropdown-content-td2 {
    display: inline-block;
    width: 100%;
    position: relative;
    left: 0;
    
}
.dropdown-content-td3 {
    display: inline-block;
    width: 100%;
    position: relative;
    left: 10px;
    top:20px;
   
}
.tloPodMenu {
    background-color: white;
    width: 1000px;
    height: 2000px;
    position: absolute;
    left: -100px;
}
.dropdown-content-table {
    width: 100%;
    font-family: CooperHewitt;
    font-size: 9px;
    margin-top: 10px;
}
#drop2 {
    left: -51px;
}
#drop3 {
    left: -108px;
}
#drop4 {
    left: -204px;
}
#drop5 {
    left: -338px;
}
#drop6 {
    left: -407px;
}
.formProd p {letter-spacing: 3px;font-size:12px;}
.formProd h1 {letter-spacing: 3px;font-size:16px;}


}




@media all and (min-width:490px) and (max-width:799px) {

/*---------------------------------------*/
/*---------------------------------------*/



.RozmiarowkiDivInfo{
left:5%;
width: 90%;
top:5%;
height: 90%;
}
#RozmiarowkiDivInfoTable{
top: 45%;
left: 5%;
width: 90%;
}
#RozmiarowkiDivInfoImg{
height: 45%;
margin-left: 25%;
}
.RozmiarowkiDivInfo .Dimension{
top: 3%;
left: 5%;
}



#center {
padding-top: 20px;
}
#bannery{
margin-top: 40px;
}
#aboutus{
margin-right: 10px;
height: 36px;
font-size: 7px;
letter-spacing: 2px;
}
#b2b{
margin-right: 10px;
height: 36px;
font-size: 7px;
letter-spacing: 2px;
}

#sKoszykIMGText{
position: absolute;
right: -7px;
top: 4px;
font-size: 8px;
}
#search_box {
    display: inline-block;
    width: 100px;
    height: 26px;
    margin-top: 15px;
}
#search_box_input {
border: 1px solid #000;
width: 120px;
height: 28px;
background-color: #fff;
position: absolute;
top: 10px;
}
.search_box_button {
    width: 26px;
    height: 26px;
    background-image: url('../css/ext/lupka.png');
    background-repeat: no-repeat, repeat;
    z-index: 9999;
    position: absolute;
    border: 1px;
    margin-left: 90px;
    margin-top: 2px;
}

#search_box {
    display: inline-block;
    width: 150px;
    height: 25px;
    margin-top: 9px;
}

.menu-new{
margin-right: 10px;
height: 36px;
font-size: 7px;
letter-spacing: 2px;
}
#nav {
height: 50px;

}
#nav222 {
    width: 93%;
    }
    
#main 	{background-color:#fff;}

.jej_Wysokosc{
width: calc(100% - 20px);
height: calc((100vw - 20px) * 0.5625); /*16:9 aspect ratio*/
display: inline-block;
position: relative;


}
#contentMain{
width: 92%;
}

.web-label p{
font-size: 9px;
letter-spacing: 4px;
line-height: 12px;

}

.webinfo{
left: -15%;
}

.webinfo p{
font-size: 4px;
letter-spacing: 3px;
text-align: left;
}

.web-button{
position: relative;
top: 67%;
left: 40%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 5px;
letter-spacing: 2px;
width: 50%;
height: 15%;
padding: 1%;
z-index: 999;
min-width: 10px;
}

.webinfo_big p{
font-size: 8px;
letter-spacing: 8px;
text-align: left;
}

.web-button_big{
position: absolute;
top: 73%;
right: 4%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 3px;
width: 40%;
height: 10%;
padding: 1%;
z-index: 999;
}


.web-label_big p{
font-size: 12px;
letter-spacing: 5px;
line-height: 14px;
}

#bottom{height: 300px;}

.stopka h1{
font-size: 3px;
letter-spacing: 1px;
line-height: 5px;
margin-top: -1px;
}
.stopka_big h1{
font-size: 3px;
letter-spacing: 1px;
line-height: 5px;
margin-top: -1px;
}

#baner_newsletter_tr1{
height: 100px;
}
#baner_newsletter_tr3 {
    height: 43px;
}
.newsletterText {
    top: 20px;
}

#baner_newsletter {
    margin-top: 0px;
}
.stopkaNowa2{
background-color: #222327;
height: 60px;
}
.stopkaNowa a {
padding: 10px;
color: #fff;
font-family: CooperHewitt;
font-size: 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
text-decoration: none;
}
.dropdown-content {
width:100vw;
height:580px;
z-index:99999;
}
.dropdown-content-td1 {
    display: inline-block;
    width: 100%;
    position: relative;
    height: 100px;
}
.dropdown-content-td2 {
    display: inline-block;
    width: 100%;
    position: relative;
    left: 0;
    
}
.dropdown-content-td3 {
    display: inline-block;
    width: 100%;
    position: relative;
    left: 0;
   
}
.tloPodMenu {
    background-color: white;
    width: 1000px;
    height: 2000px;
    position: absolute;
    left: -100px;
}
.dropdown-content-table {
    width: 100%;
    font-family: CooperHewitt;
    font-size: 9px;
    margin-top: 10px;
}
#drop2 {
    left: -51px;
}
#drop3 {
    left: -108px;
}
#drop4 {
    left: -204px;
}
#drop5 {
    left: -338px;
}
#drop6 {
    left: -407px;
}





}


/*---------------------------------------*/
/*---------------------------------------*/

@media all and (min-width:381px) and (max-width:489px){

/*---------------------------------------*/
/*---------------------------------------*/

.RozmiarowkiDivInfo{
left:5%;
width: 90%;
top:5%;
height: 90%;
}
#RozmiarowkiDivInfoTable{
top: 45%;
left: 5%;
width: 90%;
}
#RozmiarowkiDivInfoImg{
height: 45%;
margin-left: 25%;
}
.RozmiarowkiDivInfo .Dimension{
top: 3%;
left: 5%;
}

/*--------------------------------------- SZUKANIE I KOSZYK    */



#bannery{
margin-top: 150px;
}

#sKoszykText{
display: none;
}
#sKoszykImg{
display: none;
}
#sKoszykDiv{
display: none;
}

#cart_img{
margin-top: 5px;
border: 0;
background-color: white;
}
#search_img{
border: 0;
background-color: white;
}
.dropdown {
display: none;
}
#search_box{
background-color: #323232;
 position: absolute;
top: 0px;
margin-top:0px;
width:100%;
left: 0px;
display:none;
height:50px;
}

#sKoszykContainer{
left:10px;
top:0px;
}
#search_box_input{
border: 1px solid #565656;
width: 90%;
height: 28px;
background-color: #232323;
position: absolute;
left: 20px;
top: 11px;
color: #fff;
}
.search_box_button{
margin-left: 82%;
background-image: url('../css/ext/lupka2.png');
background-color: #232323;
left: 20px;
top: 11px;
}


/*---------------------------------------*/
#main	{ width:100%; background-color:#fff; background-size: 350px 170px;margin-left: 0;}

.nivoSlider{
top:0px;
}

.jej_Wysokosc{
width:100%;
display:inline-block;

}

.web-button2{
    font-family: CooperHewittSemibold;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 2.5px;
    width: 80%;
    height: 35px;
    margin: 10%;
    margin-top: 0;
}

.web-button_big{
position: absolute;
top: 520px;
margin: auto;
font-family: CooperHewittSemibold;
text-transform: uppercase;
width: 100%;
height: 50px;
padding: 1%;
z-index: 999;
}
.web-button{
position: absolute;
top: 520px;
margin: auto;
font-family: CooperHewittSemibold;
text-transform: uppercase;
width: 100%;
height: 50px;
padding: 1%;
z-index: 999;
}

.new_style{
position: unset;
}

.new_style img{

 
}

.new_style_big{
position: unset;
margin-left: 5%;
}

.new_style_big img{


}


.kat_prod_container-new-big {
    height: 600px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    display:inline-block;
float: unset;
    position:unset;
}
.kat_prod_container-new {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display:inline-block;
    float: unset;
    width: 100%;
    position:unset;
}

.kat_prod-new-big {
position: relative;
height: 100%;
margin-right: 0;
}

.kat_prod-new-big .img {
    height: 380px;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    margin: 1.5%;
   
}

.kat_prod-new {
position: relative;
height: 600px;
margin-right: 0;
width: 100%;
}

.kat_prod-new .img {

    height: 380px;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    margin: 1.5%;
}

#contentMain{
width: 92%;
}

.web-label {
    position: absolute;
    top: 435px;
    left: 20px;
    font-family: CooperHewittBold;
    text-transform: uppercase;
    padding: 2%;
    z-index: 999;
    }

.web-label p{
font-size: 24px;
letter-spacing: 14px;
line-height: 24px;

}
.web-label_big {
    position: absolute;
    top: 435px;
    left: 20px;
    font-family: CooperHewittBold;
    text-transform: uppercase;
    padding: 2%;
    z-index: 999;
    }

.webinfo{
transform: unset;
left: 30px;
top: 400px;
position: absolute;
}

.webinfo p{
font-size: 16px;
letter-spacing: 12px;
text-align: left;
}

.web-button{
position: absolute;
top: 73%;
right: 4%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 3px;
width: 40%;
height: 10%;
padding: 1%;
z-index: 999;
}

.webinfo_big{
transform: unset;
left: 30px;
top: 400px;
}

.webinfo_big p{
font-size: 16px;
letter-spacing: 12px;
text-align: left;
}

.web-button_big{
position: absolute;
top: 73%;
right: 4%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 3px;
width: 40%;
height: 10%;
padding: 1%;
z-index: 999;
}


.web-label_big p{
font-size: 24px;
letter-spacing: 14px;
line-height: 24px;
}

.stopka{
display:none;
}
.stopka_big {
display:none;
}

.nivoSlider {
    top: -8%;
}



.KrajWaluta{
display:none;
border-style:solid;border-width: 1px;background: white;font-size: 7px;font-family: CooperHewitt;text-transform: uppercase;letter-spacing: 2px;margin-right:2%;text-align:center;width: 60px;position: absolute;
right: 60px;
top: 30px;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1020; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.chooseCountry{
display:none;
z-index: 9999;
position:absolute;
right:5%;
top:10px;
}

.modal-content-title{
width:100%;
}
.modal-content-title p{
text-align:center;
text-transform:uppercase;
letter-spacing:3px;
font-family:CooperHewitt;
font-size:14px;
}
.modal-content-region{
background:#f6f6f6;margin:20px;width:97%;padding:60px;align:center;display: inline-block;font-family: CooperHewittBook; letter-spacing:3pt;font-size:7pt;
}
.modal-content-region p{
font-family: CooperHewitt;font-size:12pt;margin-left:65px;
}
.modal-content-region table{
font-size:9pt;margin-left:65px;display: inline-block;text-transform: uppercase;
}

.modal-content-region table a{
text-decoration:none;
}
.modal-content-region table a:hover{
text-decoration:none;
color: #ff6200;
}

.modal-content-region img{
height:20px;margin-right:40px;margin-top:10px;
}
.modal-content-region tr{
margin-bottom: 20px;
margin-top: 20px;
}

#myBtn {
    border: 0;
    background: white;
    font-size: 9px;
    font-family: CooperHewitt;
    text-transform: uppercase;
    letter-spacing: 3px;
}
#myBtn img{
display: inline-block;
width: 8px;
}
#myBtn p{
display: inline-block;
margin-left: 5px;
}
/*-----------------------------------------*/





.stopkaNowa{
width:100%;height: 470px;background-color:#222327;
}
.stopkaNowa2{
width:100%;height: 70px;background-color:#222327;
}
.stopkaNowa_tr{
margin-left: 0;
}
.stopkaNowa_td{
width: 100%;
position: unset;
display: inline-block;
text-align: center;
}
.stopkaNowa_td2{
width: 100%;
position: unset;
display: inline-block;
text-align: center;
padding-top: 40px;
}
.stopkaNowa a{
width: 100%;
display: inline-block;
padding:15px;
color:#fff;
font-family: CooperHewitt;
font-size: 11px;
letter-spacing:3px;
text-transform:uppercase;
text-decoration:none;
}
.stopkaNowa a:hover{

}

.stopkaNowa img{
padding-left:0px;
}

.newsletterText{
position: absolute;
color: white;
top: 90px;
font-family: CooperHewitt;
font-size: 16px;
letter-spacing:3px;
text-transform:uppercase;
text-decoration:none;
width: 260px;
margin-left: 50px;
line-height: 24px;
text-align: center;
}

#baner_newsletter{
margin-top:30px;
}
#baner_newsletter img{
width: 100%;
position: absolute;
left: 0;
object-fit: cover;
height: 340px;
}
#baner_newsletter table{
margin:auto;width:340px;
}
#baner_newsletter_tr1{
height: 160px;
}
#baner_newsletter_tr2{
padding-top:50px;padding-bottom:20px;
}
#baner_newsletter_tr3{
height: 130px;
}
#stopka_szara{
height:50px; position:absolute;bottom:0;left:0;width:100%;
}
.tloPodMenu{
background-color: white;
width: 2500px;
height: 700px;
position: absolute;
left: -100px;

}

	.menu-new{
	  display: inline-block;
	
	height:48px;
	margin-right:30px;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
	border:0px solid green;
	color:#000;

	font-family: CooperHewittSemibold;
	font-size: 11px;
	letter-spacing: 3px;
	background-color: white;
	}

	
	
.dropbtn {

  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
}

.dropdown-content {

  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
border-top-style: solid;
	border-top-width: 1px;
  z-index: 1;
  width: 1200px;
  height:480px;

}
#drop1 {left: 0px;}
#drop2 {left: -83px;}
#drop3 {left: -210px;}
#drop4 {left: -316px;}
#drop5 {left: -527px;}
#drop6 {left: -637px;}
#drop7 {left: -734px;}
#drop8 {left: -809px;}

.dropdown-content a {
  color: black;
  padding: 5px 0px;
  text-decoration: none;
  display: block;
  	font-family: CooperHewittLight;
	font-size: 10px;
		letter-spacing: 2.8px;
		line-height: 10px;

}

.dropdown-content a:hover {background-color: #f1f1f1; padding-left: 0px; color:#000;}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.dropdown-content h3 {
  color: black;
  text-decoration: none;
  display: block;
  	font-family: CooperHewitt;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.dropdown-content-table{
width:1390px;
	font-family: CooperHewitt;
	font-size: 9px;
	margin-top: 10px;
}

.dropdown-content-td1{
display: inline-block;
width:302px;
margin-right:20px;
position: absolute;
}
.dropdown-content-td2{
display: inline-block;
width:470px;
margin-right:20px;
position: absolute;
left: 323px;

}
.dropdown-content-td3{
display: none;
width:400px;
margin-right:20px;
position: absolute;
left: 816px;
}

.dropdown-list1{
width:30%;
display: inline-block;
vertical-align: top;
}
.dropdown-list2{
width:30%;
display: inline-block;
vertical-align: top;
}
.dropdown-list3{
vertical-align: top;
width:30%;
display: inline-block;
}
#nav {
    width: 100%;
    position: relative;
    height: 48px;
    z-index: 100;
    background-color: #fff;
    font: 13px/24px 'Oswald', Arial, sans-serif;
}

.menuSearch1 {
  position: absolute;
  display: inline-block;
  width:50px;
  height:50px;
  background-color:#fff;
  margin-top: 10px;
  right: 200px;
}

.menuCart1 {
  position: absolute;
  display: inline-block;
  width:50px;
  height:50px;
  background-color:#fff;
  margin-top: 10px;
  right: 125px;
}


.menuOpen {
  position: absolute;
  display: inline-block;
  width:50px;
  height:50px;
  background-color:#fff;
  margin-top: 10px;
  right: 50px;
}

.menuOpen button{

background-color: #fff;
border: 0px;
}

.menuSide{

display: none;
}

.menuPhones{

display: block;
position: fixed;
background-color: #fff;
min-width: 160px;
z-index: 99999;
width: 300px;
height: 100%;
right: 0;
top: 0;

}

.menuPhones a {
  color: black;
  text-decoration: none;
  display: block;
  	font-family: CooperHewitt;
	font-size: 12px;
		letter-spacing: 3px;
		line-height: 45px;
		text-transform: uppercase;
}

.menuPhones a:hover {background-color: #f1f1f1; color:#000;}

.menuPhones button {
  color: black;
  padding: 5px 45px;
  text-decoration: none;
  display: block;
  	font-family: CooperHewitt;
	font-size: 12px;
		letter-spacing: 3px;
		line-height: 45px;
		text-transform: uppercase;
		width: 100%;
text-align: left;
}

.menuPhones button:hover {background-color: #f1f1f1; padding-left: 45px; color:#000;}


.menuPhonesup{
 position: absolute;
  background-color: #fff;
width:100%;
height:107px;
display: inline-block;
border-bottom-style: solid;
	border-bottom-width: 1px;
	z-index: 102;
	    top: -10px;

}
.menuPhonesup img{
position: absolute;
right: 40px;
top: 30px;
}


.menuPhonesList{

width:100%;
display: inline-block;
vertical-align: top;
margin-top:110px;

}

.menunext{

position: absolute;
right: 30px;
}

.darker{
position: fixed;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.3;
z-index: 1001;
left: 0;
}

.menuOut{
width: 100%;
position: fixed;
left: 0;
z-index: 105;

}


.menu_right{
width: 100%;
display: none;
position: absolute;
top: 0px;
background-color:white;
height: 1000px;
left: 0px;
}




#nav222 {

    width: 98%;
    height: 50px;
    background-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-left: 10px;
    margin-right: 20px;
}





.kat_prod_container{
	float:left;
	width:190px;
	height:230px;

	margin:0px;
	padding:0px;
	border:0px solid red;
	
padding-bottom:20px;	
}	
.kat_prod{
	width: 180px;
	position:relative;	
	height:230px;
	/**/
	margin:5px;
	padding:5px;
	border-radius: 0px;
}


	.produkt{float:none;height: 950px;}
	.produktCalc{float:none;height: 950px;}
	
	.produkt .img{
		float:none;
		width:100%;
		

	}



	.ImgProduktMain{
	border:0;
		max-width:300px;
		max-height:237px;
		width: 90%;
height: calc(100vw * 0.9);
	}



		#left_payments img{width:25%;}

*/



.kat_prod .a{


	height:230px;
	

	
}
.kat_prod2 .a{

	width:170px;
	

	
}

.kat_prod .color_container{
top:200px;
position:absolute;	
text-align:center;

line-height: 16px; 
width:170px;


}

.kat_prod .color{

	width:10px;
	height:10px;
	border:1px solid #5a5a5a;

	display: inline-block;
	margin:1px;

}

.kat_prod .hr{
	margin-top:5px;
	height:1px;
	background-color:#5a5a5a;
}

.kat_prod .nazwa{

	margin:0px 0px 0px 5px;
	text-align:left;
	color:#000;
	
	font-family: 'Archivo';
	font-size: 12px;
}

.kat_prod .cena{


	color:#000066;
	margin-top:-5px;
	text-align:left;
	 text-transform: lowercase;

	font: 16px/18px 'Oswald', Arial, sans-serif;
	
	
}

.kat_prod .cena2{

color: #202020;
text-align: center;
text-transform: uppercase;
font: 18px/18px 'Oswald', Arial, sans-serif;
}


.kat_prod .cena .old_cena{
	
	font: 14px/18px 'Oswald', Arial, sans-serif;

	margin-right:5px;

	color:#ccc;
	
	
	text-transform: lowercase;
	text-decoration: line-through;
	
}





.kat_prod .do_produktu{
	
	position:absolute;
	width:59px;
	height:29px;
	text-align:center;

	right:10px;
	bottom:8px;
	
}





.kat_prod .do_koszyka img{
	margin-top:3px;
	
}

.kat_prod .do_koszyka input{
	/*margin-top:10px;*/
	
}




.kat_prod .unavailable{

	margin:0px 0px;
	color:#000066;
	font: 12px/12px 'Oswald', Arial, sans-serif;
	text-align:center;
	
	
}



.TextQuantity{

width:30px;
height:20px;
border:1px solid #000;
text-align:center;
	font: 12px/12px 'Oswald', Arial, sans-serif;
	background-color: #fff;

}


.kat_prod .do_produktu img{
	margin-top:3px;
	
}
.kat_prod .do_koszyka{
position: absolute;
width: 80px;
height: 33px;
text-align: right;
right: 75px;
top: 200px;
}
	
.kat_prod .img{
	text-align:center;
	background-color:#ffffff;
	height:170px;
	overflow:hidden;
	width: 100%;
	
}

.kat_prod .img img{
	overflow:hidden;
	width:170px
}	

/*---------------------------------------*/

.kat_prod_container2{
	float:left;
	width:180px;
	height:220px;
	margin:5px;
	padding:0px;
	border:0px solid red;	
        margin-bottom: 60px;
}

.kat_prod2{
	width:180px;
	position:relative;	
	height:220px;
	/**/
	margin:5px;
	border-radius: 0px;
}
.kat_prod2 .a{
	width:180px;	
}
.kat_prod2 .img{

	overflow:hidden;
	width:180px;height:180px;
}
.kat_prod2 .img img{
	overflow:hidden;
	width:180px
}
.kat_prod2 .stopka{
margin-top: 7px;width:120px;display:inline-block;vertical-align: top;
}
.kat_prod2 .stopka h1{
text-align: left;
margin-left: 0px;
margin-top: 1px;
display: inline;
font-size: 12px;
line-height: 18px;
padding-top: 8px;
padding-bottom: 15px;
opacity: 0.8;
}
.kat_prod2 .stopka2{
display: inline-block;width:58px;
height: 58px;
margin-left: 1px;
float: right;  background: #e6e6e6;padding-top: 15px;
margin-top: -10px;
}
.kat_prod2 .stopka2 img{
width: 58px;
}

/*---------------------------------------*/

.slider-wrapper { 
	width: 101%; 
	margin:auto;
}

.textbox{width:250px;height:30px;border:1px #c0c0c0 solid; color: #000; font-size: 14px;background-color:#ebebeb; margin-top:2px;padding:5px;}
.textarea{width:250px;height:60px;border:1px #c0c0c0 solid; color: #000; font-size: 14px;background-color:#ebebeb; margin-top:2px;padding:5px;}
.textshort{width:100px;}
.textshort2{width:69px;}
	
	#logo{width:390px;height:110px;border:0px solid purple;cursor:pointer;padding-top: 20px;}/*background: url('../img/logo.png') no-repeat top left; */
	#logo_img{margin-left:0px;width:60px;
height:60px;}
.logo_box{


width:70px;
height:70px;
display:inline-block;
vertical-align:top;
padding:20px;
margin-top:-1px;
border:0px solid green;

}

#email2 a{color:#000;text-decoration:none;font: 12px/24px 'Oswald', Arial, sans-serif;}

ol > li {
  float:left;
  background-color:#fff;
  
  width:150px;
  margin-left:-4px;
  margin-top:2px;
  padding-bottom:10px;
  height:2em;
}

 
#top{ }

	#main	{ width:100%; background-color:#fff; background-size: 380px 170px ;position: fixed;top: 0px;z-index: 9999999;}
	
.bannery .baner{
width:100%;
margin-top:-45px;
margin-left: 0px;
margin-bottom: 40px;
height: 340px;
}

.bannery .baner .nivoSlider {
    position: relative;
    width: 100%;
    overflow: hidden;
    left: 0;
}

.nivoSlider img{
object-fit: cover;
height: 340px;
width:100%;
}

#mobile_info{
display: block;
text-align: center;
left: 0px;
width: 100%;
margin-top: -80px;
height: 200px;
text-transform: uppercase;
font-family: CooperHewittBold;
font-size: 16px;
letter-spacing: 6px;
width: 80%;
margin: auto;
margin-top: -40px;
}

	
.KatCalDiv{

display:inline-block;
width:110px;
height:170px;

}

.stronaglownaimg{
width:108px;
height:160px;
}

.stronaglowna{
width:100%;
margin: auto;
}

#sKoszykText{
left: 350px;

}
#tool{top:0px;width:140px;height:130px;position:absolute;padding-top: 0px;border:0px solid green;color:#000;font-size:12px;background: #fff;
padding-left: 10px;}
#tool a{
	font: 10px/20px 'Oswald', Arial, sans-serif;

	text-decoration: none;
	margin:2px;
	
}

#tool a:hover{
	  /*color:#000; text-shadow: 1px 1px 2px #000;*/
}	 
   


/*width:10.0%;*/
	
	#nav{width: 100%;margin:0;position:relative;background-color:transparent;font-size: 13px/24px;font-family:CooperHewitt;border:0px;}
	#nav222{width:100%; height:80px;margin:0;background-color:transparent;position: fixed;top: 110px;z-index: 9999999;border:0px;}
	
    
#nav .a {  padding-left:10px;padding-right:10px;padding-bottom:10px;padding-top:8px; margin:0 0;margin-top:10px;background-color:#fff; }
    #nav .a:nth-child(odd) { margin-right:1px; }
   
		#nav .ol {background-color: #fff;z-index:99999999;}
		
		
	#left{width:100%;float:none;}
	#center{width:100%;float:none;}


	
	.produkt_rozmiarowki{right: 25%;
}


	.produkt{float:none;height: calc(100vw * 2.7);}
		.produktCalc{float:none;height: calc(100vw * 2.7);}

	.produkt .img{
		float:none;
		width:100%;
		height: 900px;

	}

	.ImgProduktMain{
	border:0;
		max-width:300px;
		max-height:237px;
	width: 90%;
height: calc(100vw * 0.85);	
	}

	.produkt .form{
		float: none;
height: calc(100vw * 1.7);
width: 90%;
position: absolute;


	} 

		#left_payments img{width:25%;}


#bottom .rights{
position:unset;
}


}


/*---------------------------------------*/
/*---------------------------------------*/


@media all and (max-width:380px){

/*---------------------------------------*/
/*---------------------------------------*/


.RozmiarowkiDivInfo{
left:5%;
width: 90%;
top:5%;
height: 90%;
}
#RozmiarowkiDivInfoTable{
top: 45%;
left: 5%;
width: 90%;
}
#RozmiarowkiDivInfoImg{
height: 45%;
margin-left: 25%;
}
.RozmiarowkiDivInfo .Dimension{
top: 3%;
left: 5%;
}

/*--------------------------------------- SZUKANIE I KOSZYK    */

#bannery{
margin-top: 150px;
}

#sKoszykText{
display: none;
}
#sKoszykImg{

}
#sKoszykDiv{

}

#cart_img{
margin-top: 5px;
border: 0;
background-color: white;
}
#search_img{
border: 0;
background-color: white;
}
.dropdown {
display: none;
}
#search_box{
background-color: #323232;
 position: absolute;
top: 0px;
margin-top:0px;
width:100%;
left: 0px;
display:none;
height:50px;
}

#sKoszykContainer{
left:10px;
top:0px;
}
#search_box_input{
border: 1px solid #565656;
width: 90%;
height: 28px;
background-color: #232323;
position: absolute;
left: 20px;
top: 11px;
color: #fff;
}
.search_box_button{
margin-left: 82%;
background-image: url('../css/ext/lupka2.png');
background-color: #232323;
left: 20px;
top: 11px;
}


/*---------------------------------------*/
#main	{ width:100%; background-color:#fff; background-size: 350px 170px;margin-left: 0;}

.nivoSlider{
top:0px;
}

.jej_Wysokosc{
width:100%;
display:inline-block;

}

.web-button2{
    font-family: CooperHewittSemibold;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 2.5px;
    width: 80%;
    height: 35px;
    margin: 10%;
    margin-top: 0;
}

.web-button_big{
position: absolute;
top: 520px;
margin: auto;
font-family: CooperHewittSemibold;
text-transform: uppercase;
width: 100%;
height: 50px;
padding: 1%;
z-index: 999;
}
.web-button{
position: absolute;
top: 520px;
margin: auto;
font-family: CooperHewittSemibold;
text-transform: uppercase;
width: 100%;
height: 50px;
padding: 1%;
z-index: 999;
}

.new_style{
position: unset;
}

.new_style img{

 
}

.new_style_big{
position: unset;
margin-left: 5%;
}

.new_style_big img{


}


.kat_prod_container-new-big {
    height: 600px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    display:inline-block;
float: unset;
    position:unset;
}
.kat_prod_container-new {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display:inline-block;
    float: unset;
    width: 100%;
    position:unset;
}

.kat_prod-new-big {
position: relative;
height: 100%;
margin-right: 0;
}

.kat_prod-new-big .img {
    height: 380px;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    margin: 1.5%;
   
}

.kat_prod-new {
position: relative;
height: 600px;
margin-right: 0;
width: 100%;
}

.kat_prod-new .img {

    height: 380px;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
    margin: 1.5%;
}

#contentMain{
width: 92%;
}

.web-label {
    position: absolute;
    top: 435px;
    left: 20px;
    font-family: CooperHewittBold;
    text-transform: uppercase;
    padding: 2%;
    z-index: 999;
    }

.web-label p{
font-size: 24px;
letter-spacing: 14px;
line-height: 24px;

}
.web-label_big {
    position: absolute;
    top: 435px;
    left: 20px;
    font-family: CooperHewittBold;
    text-transform: uppercase;
    padding: 2%;
    z-index: 999;
    }

.webinfo{
transform: unset;
left: 30px;
top: 400px;
position: absolute;
}

.webinfo p{
font-size: 16px;
letter-spacing: 12px;
text-align: left;
}

.web-button{
position: absolute;
top: 73%;
right: 4%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 3px;
width: 40%;
height: 10%;
padding: 1%;
z-index: 999;
}

.webinfo_big{
transform: unset;
left: 30px;
top: 400px;
}

.webinfo_big p{
font-size: 16px;
letter-spacing: 12px;
text-align: left;
}

.web-button_big{
position: absolute;
top: 73%;
right: 4%;
font-family: CooperHewittSemibold;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 3px;
width: 40%;
height: 10%;
padding: 1%;
z-index: 999;
}


.web-label_big p{
font-size: 24px;
letter-spacing: 14px;
line-height: 24px;
}

.stopka{
display:none;
}
.stopka_big {
display:none;
}

.nivoSlider {
    top: -8%;
}



.KrajWaluta{
display:none;
border-style:solid;border-width: 1px;background: white;font-size: 7px;font-family: CooperHewitt;text-transform: uppercase;letter-spacing: 2px;margin-right:2%;text-align:center;width: 60px;position: absolute;
right: 60px;
top: 30px;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1020; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.chooseCountry{
display:none;
z-index: 9999;
position:absolute;
right:5%;
top:10px;
}

.modal-content-title{
width:100%;
}
.modal-content-title p{
text-align:center;
text-transform:uppercase;
letter-spacing:3px;
font-family:CooperHewitt;
font-size:14px;
}
.modal-content-region{
background:#f6f6f6;margin:20px;width:97%;padding:60px;align:center;display: inline-block;font-family: CooperHewittBook; letter-spacing:3pt;font-size:7pt;
}
.modal-content-region p{
font-family: CooperHewitt;font-size:12pt;margin-left:65px;
}
.modal-content-region table{
font-size:9pt;margin-left:65px;display: inline-block;text-transform: uppercase;
}

.modal-content-region table a{
text-decoration:none;
}
.modal-content-region table a:hover{
text-decoration:none;
color: #ff6200;
}

.modal-content-region img{
height:20px;margin-right:40px;margin-top:10px;
}
.modal-content-region tr{
margin-bottom: 20px;
margin-top: 20px;
}

#myBtn {
    border: 0;
    background: white;
    font-size: 9px;
    font-family: CooperHewitt;
    text-transform: uppercase;
    letter-spacing: 3px;
}
#myBtn img{
display: inline-block;
width: 8px;
}
#myBtn p{
display: inline-block;
margin-left: 5px;
}
/*-----------------------------------------*/





.stopkaNowa{
width:100%;height: 470px;background-color:#222327;
}
.stopkaNowa2{
width:100%;height: 70px;background-color:#222327;
}
.stopkaNowa_tr{
margin-left: 0;
}
.stopkaNowa_td{
width: 100%;
position: unset;
display: inline-block;
text-align: center;
}
.stopkaNowa_td2{
width: 100%;
position: unset;
display: inline-block;
text-align: center;
padding-top: 40px;
}
.stopkaNowa a{
width: 100%;
display: inline-block;
padding:15px;
color:#fff;
font-family: CooperHewitt;
font-size: 11px;
letter-spacing:3px;
text-transform:uppercase;
text-decoration:none;
}
.stopkaNowa a:hover{

}

.stopkaNowa img{
padding-left:0px;
}

.newsletterText{
position: absolute;
color: white;
top: 90px;
font-family: CooperHewitt;
font-size: 16px;
letter-spacing:3px;
text-transform:uppercase;
text-decoration:none;
width: 260px;
margin-left: 50px;
line-height: 24px;
text-align: center;
}

#baner_newsletter{
margin-top:30px;
}
#baner_newsletter img{
width: 100%;
position: absolute;
left: 0;
object-fit: cover;
height: 340px;
}
#baner_newsletter table{
margin:auto;width:340px;
}
#baner_newsletter_tr1{
height: 160px;
}
#baner_newsletter_tr2{
padding-top:50px;padding-bottom:20px;
}
#baner_newsletter_tr3{
height: 130px;
}
#stopka_szara{
height:50px; position:absolute;bottom:0;left:0;width:100%;
}
.tloPodMenu{
background-color: white;
width: 2500px;
height: 600px;
position: absolute;
left: -100px;

}

	.menu-new{
	  display: inline-block;
	
	height:48px;
	margin-right:30px;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
	border:0px solid green;
	color:#000;

	font-family: CooperHewittSemibold;
	font-size: 11px;
	letter-spacing: 3px;
	background-color: white;
	}

	
	
.dropbtn {

  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
}

.dropdown-content {

  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
border-top-style: solid;
	border-top-width: 1px;
  z-index: 1;
  width: 1200px;
  height:480px;

}
#drop1 {left: 0px;}
#drop2 {left: -83px;}
#drop3 {left: -210px;}
#drop4 {left: -316px;}
#drop5 {left: -527px;}
#drop6 {left: -637px;}
#drop7 {left: -734px;}
#drop8 {left: -809px;}

.dropdown-content a {
  color: black;
  padding: 5px 0px;
  text-decoration: none;
  display: block;
  	font-family: CooperHewittLight;
	font-size: 10px;
		letter-spacing: 2.8px;
		line-height: 10px;

}

.dropdown-content a:hover {background-color: #f1f1f1; padding-left: 0px; color:#000;}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.dropdown-content h3 {
  color: black;
  text-decoration: none;
  display: block;
  	font-family: CooperHewitt;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.dropdown-content-table{
width:1390px;
	font-family: CooperHewitt;
	font-size: 9px;
	margin-top: 10px;
}

.dropdown-content-td1{
display: inline-block;
width:302px;
margin-right:20px;
position: absolute;
}
.dropdown-content-td2{
display: inline-block;
width:470px;
margin-right:20px;
position: absolute;
left: 323px;

}
.dropdown-content-td3{
display: none;
width:400px;
margin-right:20px;
position: absolute;
left: 816px;
}

.dropdown-list1{
width:30%;
display: inline-block;
vertical-align: top;
}
.dropdown-list2{
width:30%;
display: inline-block;
vertical-align: top;
}
.dropdown-list3{
vertical-align: top;
width:30%;
display: inline-block;
}
#nav {
    width: 100%;
    position: relative;
    height: 48px;
    z-index: 100;
    background-color: #fff;
    font: 13px/24px 'Oswald', Arial, sans-serif;
}

.menuSearch1 {
  position: absolute;
  display: inline-block;
  width:50px;
  height:50px;
  background-color:#fff;
  margin-top: 10px;
  right: 200px;
}

.menuCart1 {
  position: absolute;
  display: inline-block;
  width:50px;
  height:50px;
  background-color:#fff;
  margin-top: 10px;
  right: 125px;
}


.menuOpen {
  position: absolute;
  display: inline-block;
  width:50px;
  height:50px;
  background-color:#fff;
  margin-top: 10px;
  right: 50px;
}

.menuOpen button{

background-color: #fff;
border: 0px;
}

.menuSide{

display: none;
}

.menuPhones{

display: block;
position: fixed;
background-color: #fff;
min-width: 160px;
z-index: 99999;
width: 300px;
height: 100%;
right: 0;
top: 0;

}

.menuPhones a {
  color: black;
  text-decoration: none;
  display: block;
  	font-family: CooperHewitt;
	font-size: 12px;
		letter-spacing: 3px;
		line-height: 45px;
		text-transform: uppercase;
}

.menuPhones a:hover {background-color: #f1f1f1; color:#000;}

.menuPhones button {
  color: black;
  padding: 5px 45px;
  text-decoration: none;
  display: block;
  	font-family: CooperHewitt;
	font-size: 12px;
		letter-spacing: 3px;
		line-height: 45px;
		text-transform: uppercase;
		width: 100%;
text-align: left;
}

.menuPhones button:hover {background-color: #f1f1f1; padding-left: 45px; color:#000;}


.menuPhonesup{
 position: absolute;
  background-color: #fff;
width:100%;
height:107px;
display: inline-block;
border-bottom-style: solid;
	border-bottom-width: 1px;
	z-index: 102;
	    top: -10px;

}
.menuPhonesup img{
position: absolute;
right: 40px;
top: 30px;
}


.menuPhonesList{

width:100%;
display: inline-block;
vertical-align: top;
margin-top:110px;

}

.menunext{

position: absolute;
right: 30px;
}

.darker{
position: fixed;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.3;
z-index: 1001;
left: 0;
}

.menuOut{
width: 100%;
position: fixed;
left: 0;
z-index: 105;

}


.menu_right{
width: 100%;
display: none;
position: absolute;
top: 0px;
background-color:white;
height: 1000px;
left: 0px;
}




#nav222 {

    width: 98%;
    height: 50px;
    background-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-left: 10px;
    margin-right: 20px;
}





.kat_prod_container{
	float:left;
	width:190px;
	height:230px;

	margin:0px;
	padding:0px;
	border:0px solid red;
	
padding-bottom:20px;	
}	
.kat_prod{
	
	position:relative;	
	height:230px;
	/**/
	margin:5px;
	padding:5px;
	border-radius: 0px;
}


	.produkt{float:none;height: 1100px;}
	.produktCalc{float:none;height: 1100px;}

	.produkt .img{
		float:none;
		width:100%;
		height: 900px;

	}
	.produktCalc .imgCalc{
		float:none;
		width:100%;
		height: 700px;

	}

	.ImgProduktMain{
	border:0;
		max-width:300px;
		max-height:237px;
		width: 90%;
height: calc(100vw * 0.9);
	}

	.produkt .form{
		float: none;

width: 90%;
position: absolute;

	} 
.produktCalc .formProd{
height: calc(100vw * 1.8);
}

		#left_payments img{width:25%;}

*/



.kat_prod .a{


	height:230px;
	

	
}
.kat_prod2 .a{

	width:170px;
	

	
}

.kat_prod .color_container{
top:200px;
position:absolute;	
text-align:center;

line-height: 16px; 
width:170px;


}

.kat_prod .color{

	width:10px;
	height:10px;
	border:1px solid #5a5a5a;

	display: inline-block;
	margin:1px;

}

.kat_prod .hr{
	margin-top:5px;
	height:1px;
	background-color:#5a5a5a;
}

.kat_prod .nazwa{

	margin:0px 0px 0px 5px;
	text-align:left;
	color:#000;
	
	font-family: 'Archivo';
	font-size: 12px;
}

.kat_prod .cena{


	color:#000066;
	margin-top:-5px;
	text-align:left;
	 text-transform: lowercase;

	font: 16px/18px 'Oswald', Arial, sans-serif;
	
	
}

.kat_prod .cena2{

color: #202020;
text-align: center;
text-transform: uppercase;
font: 18px/18px 'Oswald', Arial, sans-serif;
}


.kat_prod .cena .old_cena{
	
	font: 14px/18px 'Oswald', Arial, sans-serif;

	margin-right:5px;

	color:#ccc;
	
	
	text-transform: lowercase;
	text-decoration: line-through;
	
}





.kat_prod .do_produktu{
	
	position:absolute;
	width:59px;
	height:29px;
	text-align:center;

	right:10px;
	bottom:8px;
	
}





.kat_prod .do_koszyka img{
	margin-top:3px;
	
}

.kat_prod .do_koszyka input{
	/*margin-top:10px;*/
	
}




.kat_prod .unavailable{

	margin:0px 0px;
	color:#000066;
	font: 12px/12px 'Oswald', Arial, sans-serif;
	text-align:center;
	
	
}



.TextQuantity{

width:30px;
height:20px;
border:1px solid #000;
text-align:center;
	font: 12px/12px 'Oswald', Arial, sans-serif;
	background-color: #fff;

}


.kat_prod .do_produktu img{
	margin-top:3px;
	
}
.kat_prod .do_koszyka{
position: absolute;
width: 80px;
height: 33px;
text-align: right;
right: 75px;
top: 200px;
}
	
.kat_prod .img{
	text-align:center;
	background-color:#ffffff;
	height:170px;
	overflow:hidden;
	width: 100%;
	
}

.kat_prod .img img{
	overflow:hidden;
	width:170px
}	

/*---------------------------------------*/

.kat_prod_container2{
	float:left;
	width:180px;
	height:220px;
	margin:5px;
	padding:0px;
	border:0px solid red;	
        margin-bottom: 60px;
}

.kat_prod2{
	width:180px;
	position:relative;	
	height:220px;
	/**/
	margin:5px;
	border-radius: 0px;
}
.kat_prod2 .a{
	width:180px;	
}
.kat_prod2 .img{

	overflow:hidden;
	width:180px;height:180px;
}
.kat_prod2 .img img{
	overflow:hidden;
	width:180px
}
.kat_prod2 .stopka{
margin-top: 7px;width:120px;display:inline-block;vertical-align: top;
}
.kat_prod2 .stopka h1{
text-align: left;
margin-left: 0px;
margin-top: 1px;
display: inline;
font-size: 12px;
line-height: 18px;
padding-top: 8px;
padding-bottom: 15px;
opacity: 0.8;
}
.kat_prod2 .stopka2{
display: inline-block;width:58px;
height: 58px;
margin-left: 1px;
float: right;  background: #e6e6e6;padding-top: 15px;
margin-top: -10px;
}
.kat_prod2 .stopka2 img{
width: 58px;
}

/*---------------------------------------*/

.slider-wrapper { 
	width: 101%; 
	margin:auto;
}

.textbox{width:250px;height:30px;border:1px #c0c0c0 solid; color: #000; font-size: 14px;background-color:#ebebeb; margin-top:2px;padding:5px;}
.textarea{width:250px;height:60px;border:1px #c0c0c0 solid; color: #000; font-size: 14px;background-color:#ebebeb; margin-top:2px;padding:5px;}
.textshort{width:100px;}
.textshort2{width:69px;}
	
	#logo{width:390px;height:110px;border:0px solid purple;cursor:pointer;padding-top: 20px;}/*background: url('../img/logo.png') no-repeat top left; */
	#logo_img{margin-left:0px;width:60px;
height:60px;}
.logo_box{


width:70px;
height:70px;
display:inline-block;
vertical-align:top;
padding:20px;
margin-top:-1px;
border:0px solid green;

}

#email2 a{color:#000;text-decoration:none;font: 12px/24px 'Oswald', Arial, sans-serif;}

ol > li {
  float:left;
  background-color:#fff;
  
  width:150px;
  margin-left:-4px;
  margin-top:2px;
  padding-bottom:10px;
  height:2em;
}

 
#top{ }

	#main	{ width:100%; background-color:#fff; background: white; background-size: 380px 170px ;position: fixed;top: 0px;z-index: 9999999;}
	
.bannery .baner{
width:106%;
margin-top:-45px;
margin-left: 0px;
margin-bottom: 40px;
height: 340px;
}

.bannery .baner .nivoSlider {
    position: relative;
    width: 100%;
    overflow: hidden;
    left: 0;
}

.nivoSlider img{
object-fit: cover;
height: 340px;
width:100%;
}

#mobile_info{
display: block;
text-align: center;
left: 0px;
width: 100%;
margin-top: -80px;
height: 200px;
text-transform: uppercase;
font-family: CooperHewittSemibold;
font-size: 16px;
letter-spacing: 6px;
width: 80%;
margin: auto;
margin-top: -40px;
}

	
.KatCalDiv{

display:inline-block;
width:110px;
height:170px;

}

.stronaglownaimg{
width:108px;
height:160px;
}

.stronaglowna{
width:100%;
margin: auto;
}

#sKoszykText{
left: 350px;

}
#tool{top:0px;width:140px;height:130px;position:absolute;padding-top: 0px;border:0px solid green;color:#000;font-size:12px;background: #fff;
padding-left: 10px;}
#tool a{
	font: 10px/20px 'Oswald', Arial, sans-serif;

	text-decoration: none;
	margin:2px;
	
}

#tool a:hover{
	  /*color:#000; text-shadow: 1px 1px 2px #000;*/
}	 
   


/*width:10.0%;*/
	
	#nav{width: 100%;margin:0;position:relative;background-color:transparent;font-size: 13px/24px;font-family:CooperHewitt;border:0px;}
	#nav222{width:100%; height:80px;margin:0;background-color:transparent;position: fixed;top: 110px;z-index: 999999;border:0px;}
	
    
#nav .a {  padding-left:10px;padding-right:10px;padding-bottom:10px;padding-top:8px; margin:0 0;margin-top:10px;background-color:#fff; }
    #nav .a:nth-child(odd) { margin-right:1px; }
   
		#nav .ol {background-color: #fff;z-index:99999999;}
		
		
	#left{width:100%;float:none;}
	#center{width:100%;float:none;}


	
	


	.produkt{float:none;}
	.produktCalc{float:none;}
	
	.produkt .img{
		float:none;
		width:100%;
		

	}

	.ImgProduktMain{
	border:0;
		max-width:300px;
		max-height:237px;
		width: 90%;
height: calc(100vw * 0.9);
	}

	.produkt .form{
		float:none;
		width:90%;

	} 
		.produktOpis{
	color: #222327;
margin-top: 30px;
	}
		#left_payments img{width:25%;}


#bottom .rights{
position:unset;
}


}








.Tooltip{
padding:10px;
display:none;
position:absolute;
border:1px solid black;
color:#000;
background-color:#fff;

-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);
max-width:400px;
}



.rozwijanko2 #art5 { border-radius: 0 0 3px 3px }
.rozwijanko2 a:active{
    background: -webkit-linear-gradient(#ccc, #ddd);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(1, #ddd));
    background: -moz-linear-gradient(#ccc, #ddd);
    background: -o-linear-gradient(#ccc, #ddd);
    background: linear-gradient(#ccc, #ddd);
    background: -webkit-linear-gradient(#ccc, #ddd);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(1, #ddd));
    background: -moz-linear-gradient(#ccc, #ddd);
    background: -o-linear-gradient(#ccc, #ddd);
    background: linear-gradient(#ccc, #ddd);
    color: #000;
}
.rozwijanko2 :target + article {
    padding-top: 20px;
    border-bottom: 1px solid #ccc;
}
.rozwijanko2 #art1:target + article, 
.rozwijanko2 #art2:target + article, 
.rozwijanko2 #art3:target + article, 
.rozwijanko2 #art4:target + article, 
.rozwijanko2 #art5:target + article {height: auto;} 



#back{
background-color:#eee;
display: block;
text-align: center;
color:#fff;
margin-top: 20px;

}

#back2{
background-color:#9b9b9b;
display: block;
text-align: center;
color:#fff;
margin-top: 20px;
width: 350px;

}
#back3{
background-color:#9b9b9b;
display: block;
text-align: center;
color:#fff;
margin-top: 20px;
width: 350px;

}
#back4{
background-color:#9b9b9b;
display: block;
text-align: center;
color:#fff;
margin-top: 20px;
width: 350px;

}
#back5{
background-color:#9b9b9b;
display: block;
text-align: center;
color:#fff;
margin-top: 20px;
width: 350px;

}

#upload_new{
width:100px;
padding-left:250px;
}

#upload_new img{
width:10px;
height:10px;
}

	.produktOpis{
	color: #222327;
margin-top: 30px;
	}

.produktCalc .formAga{

	overflow: unset;
	width: 45%;
	margin-left: 0;
padding-bottom: 100px;

}
@media all and (min-width:631px){
.CustomizeBtn{

height: 50px;
font-size: 12px;
width: 230px;

}
.produkt .img{

width:49%;
display:inline-block;
text-align:center;

border: 0px dotted red;
vertical-align:top;
overflow:hidden;

}

.produktCalc .imgCalc{

width:49%;
display:inline-block;
text-align:center;
height:calc(100% / 1.6);
border: 0px dotted red;
vertical-align:top;
overflow:hidden;

}

.produkt .formProd{

width:50%;
display:inline-block;
overflow:auto;
border: 0px dotted red;
font-size:12px;
color:#fff;
vertical-align:top;

}

.produktCalc .formAga{

width:50%;
display:inline-block;
overflow:auto;
border: 0px dotted red;
font-size:12px;
color:#fff;
vertical-align:top;

}
.formProd h1{
color:#000;

}
.produkt_category_path a {
	text-transform: none;
	text-decoration: none;
	color: #a49a96;
}
.kat_prod_container {

    float: left;
    width: 280px;
    height: 320px;
    margin: 0px;
    padding: 0px;
    border: 0px solid red;
}
.kat_prod {
	position: relative;
	width: 280px;
	margin: 5px;
	padding: 5px;
	border-radius: 0px;
}
.kat_prod .img {
	text-align: center;
	background-color: #ffffff;
	overflow: hidden;
	height: 270px;
}

.kat_prod .nazwa {
	margin: 7px 0px 0px 5px;
	text-align: left;
	color: #595959;
	font-family: CooperHewitt;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 14px;
}

.kat_prod .cena {
	margin: 5px 0px;
	color: #222327;
	text-align: left;
	text-transform: lowercase;
	/* font: 16px/18px 'Oswald', Arial, sans-serif; */
	font-family: CooperHewittBold;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 14px;
	/* background-color: #8e95ae; */
	/* width: 33%; */
	padding: 2%;
}
.kat_prod .cena .old_cena {
	/* font: 14px/18px 'Oswald', Arial, sans-serif; */
	margin-right: 5px;
	color: #ff8300;
	text-transform: lowercase;
	text-decoration: line-through;
	font-family: CooperHewitt;
}
.colorVer {
	position: absolute;
	top: 27;
	left: -22;
	/* width: 150px; */
	font-family: CooperHewitt;
	text-transform: uppercase;
	color: white;
	z-index: 999;
	transform: rotate(-40deg);
	border-bottom: 30px solid #ff8300;
	border-left: 26px solid transparent;
	border-right: 36px solid transparent;
	height: 0;
	/* width: 125px; */
	font-size: 12px;
}
.checkNbuy{
display:none;
position: absolute;
top: 200;
left: 82;
font-family: CooperHewitt;
text-transform: uppercase;
padding: 10px;
border: solid 2px white;
color: white;
z-index: 9999;
opacity: 0.6;
background:#000;
}
.kat_prod .img img{
width: 280px;
transition: .2s;
}
.productImgHover:hover{
transform: scale(2.2);
margin-top: 50px;
}
.mainKatImg{
transition: .2s;
filter: brightness(95%);
}
.mainKatImg:hover{
transform: scale(0.9);
filter: brightness(85%);
}
.kat_prod .cena2{
padding-top: 10px;
}

}



@media all and (max-width:630px) {


.produkt .img2{
display:block;
width:100%;
height: 90vw;
}

.produkt_category_path{
margin-top: 50px;
}

.ImgProduktMain {
	max-width: 490px;
	max-height: 490px;

}
.przycisk{
width:100%;
}
.produkt .do_koszyka {
width: 100%;
height: unset;
}
FORM {
	margin: 0px;
	margin-left: 0px;
}
.produkt .price {
    right: 6%;
    position: absolute;
    width: 180px;
left:unset;
}
.produkt .formProd td {
background-color: transparent;
}

.produktCalc .formAga{
top: calc(100vw * 1.4);
overflow: unset;
width: 90%;

}
.produkt .formProd{
top: calc(100vw * 1.2);
position: absolute;
width: 90%;
}



}
@media all and (min-width:490px) and (max-width:630px) {
.produkt_rozmiarowki{
right: 15%;
}
.produkt .img2 {
    display: block;
    width: 50%;
    height: unset;
margin: auto;
}
.produkt .formProd {
    width: 90%;
}
	.produkt{float:none;height: calc(100vw * 2.4);}
	.produktCalc{float:none;height: calc(100vw * 2.4);}
	.produkt .img{
		float:none;
		width:100%;
		height: 800px;
	}
		.produktCalc .imgCalc{
		float:none;
		width:100%;
		height: 800px;
	}
	.produktOpis{
	color: #222327;
margin-top: 30px;
	}
	.ImgProduktMain{
	border:0;
		max-width:600px;
		max-height:600px;
	width: 90%;
height: calc(100vw * 0.9);	
	}

	.produkt .form{
		float: none;
height: calc(100vw * 1.6);
width: 90%;
position: absolute;

	} 
.produktCalc .formAga{
top: calc(100vw * 0.95);
overflow: unset;
width: 90%;
margin-left: 5%;
position: absolute;
}
.formProd{
top: calc(100vw * 1.35);

}
.CustomizeBtn{
width: 310px;
}

.produktCalc .formAga{
top: calc(100vw * 0.95);
}
.CustomizeBtn{
width: 350px;
}
.kat_prod_container {

    float: left;
    width: 220px;
    height: 300px;
    margin: 0px;
    padding: 0px;
    border: 0px solid red;
}
.kat_prod {
	position: relative;
	width: 220px;
	margin: 5px;
	padding: 5px;
	border-radius: 0px;
}
}



.popPaymentInfo{
  display: inline-block;
  width: 49%;
  vertical-align: top;
}


@media all and (min-width:381px) and (max-width:490px) {
.produkt .formProd{
top: calc(100vw * 1.65);
position: absolute;
width: 90%;
}
#add_cart{
display: block;
width: 90%;
height: 200px;
position: fixed;
top: 25%;
left: 5%;
z-index: 999;
background-color: #fff;
}
#add_cart table{
margin: 20px;
}
#addchead{font-size: 14px;font-family: CooperHewitt;}
#addctext{font-size: 14px;font-family: CooperHewittLight;}
.popPaymentInfo{
  width: 100%;
}
}

@media all and (max-width:380px) {
.produktCalc .formAga{
top: calc(100vw * 1.5);
overflow: unset;
width: 90%;
margin-left: 0;
height: calc(100vw * 1.3);
position: absolute;
}
.formProd{
top: 770px;
}

.CustomizeBtn{
width: 310px;
}
#add_cart{
display: block;
width: 90%;
height: 200px;
position: fixed;
top: 25%;
left: 5%;
z-index: 999;
background-color: #fff;
}
#add_cart table{
margin: 20px;
}
#addchead{font-size: 14px;font-family: CooperHewitt;}
#addctext{font-size: 14px;font-family: CooperHewittLight;}
.popPaymentInfo{
  width: 100%;
}
}
@media all and (max-width:380px) {
.produkt .formProd{
top: calc(100vw * 1.8);
position: absolute;
width: 90%;
}
}
@media all and (min-width:380px) {
.RozmiarowkiDivInfo .Close {
	position: absolute;
	width: 100%;
	text-align: right;
	top: 10px;
	width: 40px;
	height: 40px;
	right: 10px;
	z-index: 999;
}
}

@media all and (min-width:490px){
.logo_box {
	margin-top: -1px;
}

#add_cart{
display: block;
width: 50%;
height: 200px;
position: fixed;
top: 25%;
left: 25%;
z-index: 999;
background-color: #fff;
}
#add_cart table{
margin: 20px;
}
}
.CustomizeBtn{width: 310px;}
@media all and (min-width:750px){
.logo_box {
	margin-top: -1px;
    width: 620px;
    height: 120px;
}
.logo_box a{
width: 100%;
height: 100%;
display: inline-block;
}
}

.produktCalc .imgCalc {min-height: 600px;}

.faq_main{

	width: 100%;
	text-align: center;
	/* height: 80px; */
	font-size: 24px;
	padding: 20px;
	display: inline-block;
	/* margin-top: 20px; */
	/* margin-bottom: 20px; */
	background: #ff6200;
	color: white;
	font-family: Roboto;
	font-weight: bold;
	cursor: pointer;

}