.box_content{
padding: 120px 3% 0px 3%;
box-sizing: border-box;
background-color: #f2f2f2;
margin-top: 0px;
}
.div_content{
width: 1720px;
margin: 0px auto;
max-width: 100%;
box-sizing: border-box;
padding-bottom: 30px;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/lib/fonts/glyphicons-halflings-regular.eot');
  src: url('/lib/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/lib/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/lib/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/lib/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

h1.main-title {
margin-bottom: 15px;
}

.pathway{
text-align: center;
}
.pathway a{
font-size: 13px;
color: #8d9395;
margin: 0px 10px;
}

.pathway a.f{
color: #dd9e24;
}

.section-flex{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}


.section-flex{padding-top: 40px;position: relative;text-align: left;padding-bottom: 40px;}
.title-category{display: block;text-align: center;position: absolute;left:0px;top:0px;width: 100%;font-size: 24px;font-weight: 700;color:#454650;text-transform: uppercase}

.product_detail_out{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 33.3333%;
padding: 22px;
box-sizing:border-box;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-transition: 0.65s all ease;
transition: 0.65s all ease;
}

.product_detail{
width:100%;
position: relative;
box-sizing:border-box;
background-color: #FFFFFF;
}



.product_detail .imgP{
text-align: center;
margin-bottom: 40px;
position: relative;
}

.product_detail .imgP::before {
content: "";
position: absolute;
width: 0px;
height: 0px;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
bottom: 0px;
right: 0px;
opacity: 0;
transition: all 0.5s ease-out 0s;
}
.product_detail .imgP::after {
content: "";
position: absolute;
width: 0px;
height: 0px;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
top: 0px;
left: 0px;
transition: all 0.5s ease-out 0s;
opacity: 0;
}
.product_detail:hover .imgP::before{
transition: all 0.5s ease-out 0s;
bottom: 20px;
right: 20px;
opacity: 1;
width: 50px;
height: 50px;
z-index: 1;
}
.product_detail:hover .imgP::after {
transition: all 0.5s ease-out 0s;
top: 20px;
left: 20px;
opacity: 1;
width: 50px;
height: 50px;
}
.product_detail .imgP .spTlo {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background-color: rgba(0,0,0,0.4);
transition: all 0.5s ease-out 0s;
opacity: 0;
z-index: 0;
}
.product_detail .imgP .spTlo::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
width: 0px;
height: 0px;
margin: auto;
background: url('../images/add-button.svg') 50% 50% no-repeat;
background-size: auto auto;
background-size: 100% 100%;
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
opacity:0.5
}
.product_detail:hover .imgP .spTlo::after {
width: 52px;
height: 52px;
}

.product_detail:hover .imgP .spTlo {
transition: all 0.5s ease-out 0s;
opacity: 1;
}

.product_detail .imgP img{
margin: 0px 0px 0px 0px;
}
.product_detail .title_product_detail{
text-align: center;
position: relative;
padding-bottom: 10px;
margin-bottom: 25px;
}
.product_detail .title_product_detail:before{
position: absolute;
content:"";
left:50%;
bottom:0px;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
height:3px;
width: 180px;
background-color: #f6b841;
}
.product_detail .title_product_detail a{
color: #404040;
font-weight: 700;
font-size: 20px;
transition: all 0.5s ease-out 0s;
}
.product_detail:hover .title_product_detail a{

}
.product_detail .zajawka_product_detail{
margin: 0px 0px 20px 0px;
}

.product_detail .stopkaProd{
position: relative;
bottom: 0px;
right: 0px;
padding: 15px 0px 0px 0px;
overflow: hidden;
border-top: 1px dashed #d7d8d9;
text-align: center;
}

.product_detail .dotted_a{
display: inline-block;
box-sizing:border-box;
font-size: 16px;
font-weight:500;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
position: absolute;
left:0px;
text-align:center;
bottom:-9px;
right:0px;
height:9px;
background-color: #f6b841;
color: #f6b841;
overflow: hidden;
line-height:9px;
border: 2px solid #f6b841;
}

.product_detail_out{
	margin-bottom: 25px;
}
.product_detail_out:hover{
z-index: 2;
}
/*
.product_detail_out:hover .product_detail .dotted_a{
height:44px;
line-height:44px;
bottom:-44px;
color: #FFFFFF;
}*/
.product_detail_out .product_detail .dotted_a{
height:44px;
line-height:44px;
bottom:-44px;
color: #FFFFFF;
box-sizing: border-box;
}
.product_detail_out:hover .product_detail .dotted_a:hover{
background-color: #f6ab41;
border-color: #f6ab41;
}
.product_detail_out:hover .product_detail .dotted_a:active{
background-color: #dd9a3a;
-webkit-transition: all 0.03s ease-out 0s;
transition: all 0.03s ease-out 0s;
}


.product_detail .zapytanie{
color: #000000;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 0px 0px;
background-size: 24px auto;
display: inline-block;
margin-top: 9px;
transition: all 0.5s ease-out 0s;
}

.product_detail .zapytanie:before {
    content: "\2709";
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-size: 21px;
    margin-right: 10px;
    vertical-align: middle;
}

.product_detail .zapytanie:hover{

color:#0378f7;
}



.product_detail .dotted_a span{
font-family: serif;
font-size: 17px;
font-weight: bold;
margin: 0px 0px 0px 5px;

}


.naglowek-dane{
font-size: 15px;
color: #404040;
font-weight: 400;
box-sizing:border-box;
padding: 0px 20px;
margin-bottom: 30px;
line-height: 1.6em;
}
.naglowek-dane .div-dane{
display:inline-block;
width: 50%;
box-sizing:border-box;
padding: 20px 0px 20px 50px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 6px 50%;
}


.naglowek-dane .div-dane.min-price{
background-image: url("../images/ico-price.png");
background-repeat: no-repeat;
background-size: 35px auto;
}
.naglowek-dane .div-dane .name-span{
margin-right: 5px;
}
.naglowek-dane .div-dane .data-span{
display: inline-block;
}




.title{
width: 704px;
float: left;
margin: 0px 0px 15px 0px;
padding: 7px 10px;
background-color: #E4E4E4;
}
.title h1{
float: left;
font-size:14px;
color: #000000;
font-weight: bold;
width: 650px;
}



.powrot {
float: right;
font-size: 11px;
color: #777777;
margin: 0px 5px 0px 0px;
}
.powrot span {
font-family: serif;
font-size: 14px;
font-weight: bold;
margin: 0px 3px 0px 0px;
}


.imgDivProd{
float: left;
margin: 0px 15px 0px 0px;
}

.imgDivProd img{
margin: 0px;
padding: 0px;
}
.imgDivProd .scrollProd {
position: relative;
}
.imgDivProd .scrollProd a{
position: relative;

}


.imgDivProd .scrollProd a img {
background-color: #FFFFFF;
border: 1px solid #C6E3EE;
float: left;
margin: 7px 0px 0px 0px;
vertical-align: top;
}
.imgDivProd .scrollProd a img.l {
float: right;
}
.imgDivProd .scrollProd a.sel img{
border: 1px solid #000000;
}
#gallProd {

position: relative;
}
#gallProd img {
left: 0;
position: absolute;
top: 0;
z-index: 0;
border: 1px solid #E1E1E1;
padding: 0px;
}
.zapytanieDiv{
overflow: hidden;
margin: 0px 0px 20px 0px;
}
.zapytanieDiv a{
float: left;
background: url('../images/ico_send.png') 0px 50% no-repeat;
color: #000000;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 0px 28px;
}









.product_detail_out{
-webkit-transform:translateY(100px);
-ms-transform:translateY(100px);
transform:translateY(100px);
opacity: 0.7;
position: relative;
}
.product_detail_out.visible{
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
opacity: 1;
}










@media screen and (max-width:1360px){
.product_detail_out{width: 50%;}
}

@media screen and (max-width:1200px){
.wrap .box_content {padding: 30px 0px 0px 0px}
.wrap h1.main-title {margin-bottom: 0px}
}

@media screen and (max-width:920px){
.product_detail_out{width: 100%;}
}
@media screen and (max-width:550px){
.naglowek-dane .div-dane{width: 100%;}
.naglowek-dane{padding: 0px 15px;}
.product_detail_out{padding: 15px;}
.section-flex{padding-top: 65px;}
}