#pnsmisc_konbutton{
background-color: #0c8b3d;
width: 65px;
height: 65px;
border-radius: 100px;
position: fixed;
bottom: 50px;
right: 50px;
z-index: 9;
background-image:url(img/ico_pnsmisc_mail.png);
background-repeat: no-repeat;
background-position: center -50px;
transition: all 0.3s ease;
box-shadow: 0px 0px 10px #313543;
} 








#breadpns{
max-width: 1000px;
margin: 50px auto;
display: block;
position: relative;
}
#breadpns ul{
padding:0px;
margin:0px;
text-align: center;
z-index: 9;
position: relative;
}
#breadpns ul li.bread_main{
padding:0px;
display:inline-block;
}
#breadpns ul li.bread_main a.first{
color:#1e3140;
background: #fff;
padding: 5px 10px;
text-decoration: none;
font-weight: bold;
border-radius: 5px;
margin: 5px;
border: 1px solid #ccc !important;
box-shadow: 3px 3px 7px #ccc;
text-transform: uppercase;
transition:all 0.3s ease;
font-size: 13px;
} 
#breadpns ul li.bread_main a.first:hover{
background-color:#0c8b3d;
color:#fff;
}
#breadpns ul li ul{
display:none;
padding:0px;
position:absolute;
background-color:#fff;
width:240px;
height: 200px;
overflow: hidden;
overflow-y: scroll;
box-shadow: 0px 0px 5px #999;
}
#breadpns ul li:hover ul{
display:block;
}
#breadpns ul li ul li{
list-style:none;
}
#breadpns ul li ul li a.child{
color:#1e3140;
display: block;
text-align: left;
margin: 0px !important;
border: 0px !important;
text-decoration: none;
padding: 10px 10px;
border-bottom: 1px solid #ccc !important;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
transition:all 0.3s ease;
}


#breadpns ul li ul li a.child:hover{
background-color:#0c8b3d;
color:#fff;
}



.breadline{
width:90%;
height:2px;
background-color:#ccc;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0 auto;
display: block;
left: 0;
right: 0;
}




#pnsmisc_konbutton:hover{
  background-position: center 20px;
}
.floatfix{
clear:both;
}


#transition{
display:block;
position:fixed;
bottom:0;
left: 0;
width: 40px;
height: 40px;
background-position: center;
animation: animatedBackground2 25s linear infinite;
opacity: 0;
transition:all 0.3s ease;
pointer-events:none;
border-radius: 100px;
overflow: hidden;
right: 0;
margin: auto;
}
 #transition.show{
    opacity:1;
    bottom:30px;
    z-index:999999999999999;
}
.transani{
background-image:url(img/trans.gif); 
     -webkit-animation:animatedBackground2 5s linear infinite;
    -moz-animation:animatedBackground2 5s linear infinite;
	animation: animatedBackground2 5s linear infinite;
} 
.transz{
    display: block;
    background-image: url(img/trans-z.png);
    width: 100%;
    height: 100%;
    background-size: 100%;
} 
@-moz-keyframes animatedBackground2 {
0% {
    background-position: 0 bottom;
}
100% {
    background-position: 3000px bottom;
}
}
@-webkit-keyframes animatedBackground2 {
0% {
    background-position: 0 bottom;
}
100% {
    background-position: 3000px bottom;
}
}
@keyframes animatedBackground2 {
0% {
    background-position: 0 bottom;
}
100% {
    background-position: 3000px bottom;
}
}

.progress-container{
    height: 5px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}
 
.woocommerce span.onsale{
background: #f8a789;
border-radius: 100px;
padding: 10px 30px;
font-size: 20px;
position: relative;
margin: 0 auto;
width: 100px;
display: block;
line-height: 32px;
height: auto;
top: auto;
left: auto;
right: auto;
min-height: 0px;
margin-bottom: 50px;
}

.progress-container .progress-bar{
    height: 5px;
    background: #0;
    width: 0px;
}
 
.guzik{
background-color:#ff00a3;
    padding: 15px 35px;
    text-decoration: none;
    border-radius: 100px;
    font-weight: bold;
    margin-top: 30px;
    display: inline-block;
    transition: all 0.2s ease;
    font-size: 18px;
    position: relative;
    overflow: hidden;
    color: #fff !important;
    border: 0px solid #896c34; 
}
.guzik .text{
transition: all 1s ease;
z-index: 99;
position: relative;
color: #fff;
}
.guzik:hover .text{
color:#32004c; 
}
.guzik .circle{
transition: all 1s ease;

background-color: #ffba00;

position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 0px;
height: 0px;
display: block;
margin: auto;
border-radius: 100px;
color: #fff !important;
}
.guzik:hover .circle{
width: 1px;
height: 1px;
transform:scale(1000);
}
#promolink{
    position: fixed;
    bottom: 100px;
    right: 100px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    color: #1e3140;
    z-index: 9;
    border: 0px solid #ccc;
    box-shadow: 5px 5px 0px #555;
    width: 450px;
	transition:all 0.3s ease;
}
#promolink:hover{
background-color:#004a36;
color:#fff;
border-color:#004a36;
transform:translateY(-10px);
}
#promolink img{
    width: 125px;
    height: 125px;
    float: left;
    padding-right: 20px;
}
#promolink b{
    font-size: 20px;
    padding-top: 20px;
    display: block;
}
#promolink p{
    margin: 0px;
    padding-top: 20px;
    width: 97%;
    font-size: 13px;
}



#pnsmisc_noscrolluj{
background-color: #313543;
height: 50px;
width: 50px;
position: fixed;
left: 0;
right: 0;
bottom: 50px;
margin: auto;
z-index: 99; 
animation-name: bounce;
animation-timing-function: ease;
animation-duration: 2s;
animation-iteration-count: infinite;
background-image:url(img/ico_pnsmisc_mouse.png);
background-repeat: no-repeat;
border-radius: 100px;
background-size: 70%;
background-position: center;
} 
@keyframes bounce {
        0%   { transform: translateY(0); }
        30%  { transform: translateY(-50px); }
        50%  { transform: translateY(0); }
        100% { transform: translateY(0); }
}





@media screen and (max-width: 480px) {  

#pnsmisc_konbutton{
width:35px;
height:35px;
background-size: 20px;
background-position: center -35px;
right: 15px;
bottom: 15px;
}
#pnsmisc_konbutton:hover{
background-position: center 10px;
}
} 


 

.rotate {
  animation: rotation 5s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


#breadpns ul li.bread_main:last-child a.first{
background:#0c8b3d;
color:#fff;
}