/* sklepy Partners */
.offers_partners_title {padding: 60px 60px 120px 60px;box-sizing: border-box; background-image:url(../../images/page/2/sklep_tlo.jpg);}
.offers_partners_title * {color:#fff;} 
#offers_partners_title_1 .partner_letter {font-size:187%; font-family: 'font_book';padding: 12px 8px;text-transform: uppercase; cursor:pointer;border: 1px dotted rgba(255,255,255,0); display:inline-block;}
#offers_partners_title_1 .partner_letter:hover {border: 1px dotted #fff;}

#offers_partners_title_2 {text-align:left;position:relative;}
#offers_partners_title_2 h1 {text-align:center;}
#offers_partners_title_2 .partner_letter {font-size:100%; font-family: 'font_medium';box-sizing: border-box; padding: 0 0 24px 0; margin-right: 50px; cursor:pointer; display:inline-block; width: 180px; position:relative;}
#offers_partners_title_2 .partner_letter .cat_icon {background: url(../../images/category/0) no-repeat center bottom; background-size:cover;display:block; position:relative; width:27px;height:27px; position: absolute; left: -40px; top:-7px; opacity:0;}
#offers_partners_title_2 .partner_letter:hover .cat_icon {opacity:1;}

#offers_partners_3 {background: url(../../images/page/cien.png) no-repeat center top; }
#offers_partners_3 .named_group {border-top: none;}

.offers_partners_title_bkg { position:absolute; top:0;left:0; width:100%;height:100%; background-repeat:no-repeat; background-position: center center; background-size: cover; background-attachment:fixed; opacity:0;
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
transition:all 0.5s linear;
}
.offers_partners_title_bkg.active {opacity:1;}


.offers_partners_title h1 {padding: 0 20px; margin:0 0 50px 0; font-size:225%;position:relative;}
.named_group .level0,.named_group .level1 {display:inline-block; position: relative; float:left; background: #fff url(../../images/partner/0) no-repeat center center;background-size: contain; border: 1px solid #e5e5e5; box-sizing: border-box;min-width:100px;min-height:100px;}
.named_group .level0 { width: 18%; height: 0; padding-bottom: 18%; margin: 1%;}
.named_group .level1 { width: 10.5%; height: 0; padding-bottom: 10.5%; margin: 1% 1% 30px 1%;}
.named_group .level0 span, .named_group .level1 span {display:none;}
.named_group .level0:hover span, .named_group .level1:hover span { display:inline-block;width:100%; height: 0; padding-bottom: 102%; position:relative;
background: rgba(71,124,216,0.94);
background: -moz-linear-gradient(top, rgba(71,124,216,0.94) 0%, rgba(96,78,229,0.94) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,124,216,0.94)), color-stop(100%, rgba(96,78,229,0.94)));
background: -webkit-linear-gradient(top, rgba(71,124,216,0.94) 0%, rgba(96,78,229,0.94) 100%);
background: -o-linear-gradient(top, rgba(71,124,216,0.94) 0%, rgba(96,78,229,0.94) 100%);
background: -ms-linear-gradient(top, rgba(71,124,216,0.94) 0%, rgba(96,78,229,0.94) 100%);
background: linear-gradient(to bottom, rgba(71,124,216,0.94) 0%, rgba(96,78,229,0.94) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#477cd8', endColorstr='#604ee5', GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
}
.named_group .level0 span:after, .named_group .level1 span:after {opacity:0;content: '';position:absolute;width:25px;height:25px;display:inline-block;background:red;top:30%;left:50%; margin-left:-13px;margin-top:-13px; background: url(../../images/page/menu_ico.png) no-repeat -50px top;
-webkit-transition:all 0.1s ease-out;
-moz-transition:all 0.1s ease-out;
-o-transition:all 0.1s ease-out;
-ms-transition:all 0.1s ease-out;
transition:all 0.1s ease-out;
}
.named_group .level0:hover span:after {opacity:1;top:45%;}
.named_group .level1:hover span:after {opacity:1;top:50%;}
.named_group .level0:hover span h3 {position:absolute; top: 45%; margin-top:25px; color:#fff;width:80%;left:10%; font-size:118%;font-family: 'font';word-wrap: break-word;}

.named_group .level1:hover span h3 {position:absolute; top: 100%; margin-top:5px; color:#4c4b50;width:200%;left:50%; font-size:107%;font-family: 'font'; margin-left:-100%;line-height:90%;}

@media (max-width:1024px) {
    .named_group .level0 { margin-bottom: 30px;}
    .named_group .level0:hover span h3 { top: 100%; margin-top:5px; color:#4c4b50;width:200%;left:50%; font-size:107%;margin-left:-100%;line-height:90%;}
}

.named_group .level2 {display:inline-block; width:20%; min-width:130px;box-sizing: border-box; padding:5px 10px 0 10px; margin:0; text-align:left;position: relative; float:left;word-wrap: break-word;}
.named_group .level2 h3 {margin:0;font-size:93%;font-family: 'font_semibold';}
.named_group .level2:hover h3 {color:#6542e3; }