@font-face {
    font-family: "ProximaNovaXCXB";
    src: url("../fonts/Proxima-Nova-Extra-Condensed-Extrabold.eot");
    src: url("../fonts/Proxima-Nova-Extra-Condensed-Extrabold.eot?#iefix") format("embedded-opentype"),
         url("../fonts/Proxima-Nova-Extra-Condensed-Extrabold.woff") format("woff"),
         url("../fonts/Proxima-Nova-Extra-Condensed-Extrabold.ttf") format("truetype"),
         url("../fonts/Proxima-Nova-Extra-Condensed-Extrabold.svg#ProximaNovaXCXB") format("svg");
    font-weight: normal;
    font-style: normal;
}

#polki-header {
    width: 100%;
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 50px;
    background: #e7216c;
    z-index: 777;
    
    -webkit-box-shadow: 0px 5px 5px 0px rgba(51,51,51,.4);
    -moz-box-shadow: 0px 5px 5px 0px rgba(51,51,51,.4);
    box-shadow: 0px 5px 5px 0px rgba(51,51,51,.4);
}
#polki-header > div { width: 100%; max-width: 1240px; height: inherit; margin: 0px auto; position: relative; }
#polki-header img { display: block; float: left; margin: 7px 10px; height: 36px; }
#polki-header ul { float: right; list-style-type: none; margin: 0px; padding: 0px; }
#polki-header ul li { float: left; height: 50px; }
#polki-header ul li.active, #polki-header ul li:hover { background: #01b8c6; }
#polki-header ul li a { display: block; height: 100%; padding: 0px 8px; font-family: 'ProximaNovaXCXB', arial; font-size: 20px; line-height: 50px; color: #ffffff; font-weight: 400; text-transform: uppercase; text-decoration: none; }

@media screen and (max-width: 1200px) {
    #polki-header { height: 40px; }
    #polki-header > div { max-width: 1000px; }
    #polki-header img { margin: 5px 10px; height: 30px; }
    #polki-header ul li { height: 40px; }
    #polki-header ul li a { font-size: 16px; line-height: 40px; }
}
@media screen and (max-width: 1040px) {
    #polki-header ul li a { padding: 0px 6px; }
}
@media screen and (max-width: 970px) {
    #polki-header img { float: none; margin: 5px auto; }
    #polki-header ul { display: none; }
}
@media screen and (max-width: 767px) {
    #polki-header { position: absolute; }
}