#pnsmisc_konbutton{
background-color: red;
width: 65px;
height: 65px;
border-radius: 100px;
position: fixed;
bottom: 80px;
right: 50px;
z-index: 9;
z-index:999999;  
background-image:url('img/ico-pnsmisc-mail.png');
background-repeat: no-repeat;
background-position: center -50px;
transition: all 0.3s ease;
} 

#wrap{
	transition:all 0.2s ease;
	/* transform:translateY(0px); */
	opacity:1;
}
#wrap.trans{
	opacity:0;
	transform:translateY(50px);
	overflow:hidden;
}
#breadpns{
max-width: 1000px;
width:90%;
margin: 50px auto;
position: relative;
padding: 10px;
border-radius: 100px;
display: inline-block;
left: 0;
margin-top:0px;
right: 0;
}
#breadpns ul{
padding:0px;
margin:0px;
text-align: center;
z-index: 9;
position: relative;
}
#breadpns ul li.bread_main{
padding:0px;
display:inline-block;
margin: 0px 5px;
}
#breadpns ul li{
margin-bottom:5px;
}
#breadpns ul li.bread_main a.first{
color:#fff;
background-color: #101016;
padding: 5px 10px;
text-decoration: none;
font-weight: bold;
border-radius: 100px;
margin: 5px 0px;
border: 0px solid #ccc !important;
text-transform: uppercase;
transition:all 0.3s ease;
font-size: 13px;
} 
#breadpns ul li.bread_main a.first:hover{
background-color:#fff;
color:#101016;
}
#breadpns ul li ul{
display:none;
padding:0px;
position:absolute;
background-color:#101016;
width:240px;
height: 200px;
overflow: hidden;
overflow-y: scroll;
}
#breadpns ul li:hover ul{
display:block;
}
#breadpns ul li ul li{
list-style:none;
margin: 0px;
}
#breadpns ul li ul li a.child{
color:#fff;
display: block;
text-align: left;
margin: 0px !important;
border: 0px !important;
text-decoration: none;
padding: 10px 10px;
border-bottom: 1px solid #39566c !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:#ffcf00;
color:#101016;
border-color: #ffcf00;
}
.breadline{
width:90%;
height:0px;
background-color:#577287;
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;
top: 60%;
left: 0;
background-position: center;
animation: transanigo 25s linear infinite;
opacity: 0;
transition: all 0.3s ease;
pointer-events: none;
border-radius: 100px;
overflow: hidden;
right: 0;
margin: auto;
transform: translateY(-60%);
}
 #transition.show{
    opacity:1;
	top:50%;
    z-index:999999999999999;
} 
.transani{
mask: url(img/mask-trans.png); 
     -webkit-animation:transanigo 5s linear infinite;
    -moz-animation:transanigo 5s linear infinite;
	animation: transanigo 5s linear infinite;
margin: 0 auto;
display: block;
mask-size: 120%;
width: 100%;
height: auto;
max-width: 250px;
} 
@-moz-keyframes transanigo {
0% {
    mask-position: 0 bottom;
}
100% {
    mask-position: 3000px bottom;
}
}
@-webkit-keyframes transanigo {
0% {
    mask-position: 0 bottom;
}
100% {
    mask-position: 3000px bottom;
}
}
@keyframes transanigo {
0% {
    mask-position: 0 bottom;
}
100% {
    mask-position: 3000px bottom;
}
} 






.progress-container{
    height: 5px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.progress-container .progress-bar{
    height: 3px;
    background-color: red;
    width: 0px;
} 
.guzik{
background-color: #f1811f;
padding: 15px 35px;
text-decoration: none;
border-radius: 10px;
display: inline-block;
transition: all 0.2s ease;
font-size: 18px;
position: relative;
overflow: hidden;
background-size: 100% auto;
text-transform: uppercase;
font-weight: 800;
margin-bottom:30px;
letter-spacing: 2px;
margin-top: 30px;
}
.guzik .text{
transition: all 1s ease;
z-index: 99;
position: relative;
color: #01143c;
font-weight: bold;
text-align: center;
} 
.guzik:hover .text{
color:#fff; 
}
.guzik .circle{
transition: all 1s ease;
background-color: #5500c1;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 1px;
display: block;
margin: auto;
border-radius: 100px;
color: #2d20a1 !important;
transform-origin: center;
pointer-events: none;
}
.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: red;
height: 35px;
width: 35px;
position: fixed;
left: 0;
right: 0;
bottom: 50px;
margin: auto;
z-index: 9; 
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: 65%;
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: 35px;
}
#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:#ffcf00;
color:#101016;
}
#breadpnswrap{
display: block;
text-align: center;
}