/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 14 2021 | 10:12:52 */
*:focus {
  outline: 0;
}

.naglowek {font-size:0;background:#000;border:solid 0px #a68966;border-top:solid 10px #a68966;position:fixed;z-index:1000000;top:0;left:0;right:0;height:80px;}
.naglowek #pasek-menu {transition:height 1s ease-out;width:100%;max-width:1800px;margin:0 auto;padding:0 40px;display:table;height:100%;}
.naglowek #pasek-menu > div {display:table-cell;vertical-align:middle;}
.naglowek #pasek-menu .menu-button {width:270px;text-align:left;padding:0;cursor:pointer;}
.naglowek #pasek-menu .menu-button .icon {font-size:20px;color:#a68966;}
.naglowek #pasek-menu .menu-button .icon-bars,
.naglowek #pasek-menu .menu-button .icon-close {display:block;height:40px;width:56px;padding:10px;text-align:center;}
.naglowek #pasek-menu .menu-button .icon-bars path,
.naglowek #pasek-menu .menu-button .icon-close path {fill:#a68966;}
.naglowek #pasek-menu .menu-button:hover .icon-bars,
.naglowek #pasek-menu .menu-button:hover .icon-close {background:#a68966;}
.naglowek #pasek-menu .menu-button:hover .icon-bars path,
.naglowek #pasek-menu .menu-button:hover .icon-close path {fill:#ffffff;}
.naglowek #pasek-menu .menu-button .icon-close {display:none;}
.naglowek.open #pasek-menu .menu-button .icon-bars {display:none;}
.naglowek.open #pasek-menu .menu-button .icon-close {display:block;}
.naglowek #pasek-menu .logo {text-align:center;padding:10px;}
.naglowek #pasek-menu .logo svg {height:50px;max-width:100%;}
.naglowek #pasek-menu .logo svg path {fill:#fff;stroke:rgba(255, 255, 255, 0);}
.naglowek #pasek-menu .logo:hover svg path {}
.naglowek #pasek-menu .icons {width:270px;text-align:right;position:relative;}
.naglowek #pasek-menu .icons a {color:#a68966;font-size:20px;padding:10px 0;text-align:center}
.naglowek #pasek-menu .icons a svg {width:45px;height:20px;}
.naglowek #pasek-menu .icons a img {width:45px;height:20px;padding:4.5px 14.5px;}
.naglowek #pasek-menu .icons a svg path {fill:#a68966;}
.naglowek #pasek-menu .icons a[hreflang]{padding:10px;}
.naglowek #pasek-menu .icons a[hreflang] img{padding:0px 0px;}

@media(max-width:767px){
  .naglowek #pasek-menu .icons{
	width:100% !important;
    height: auto !important;
  }
}

.naglowek #pasek-menu .icons a i {display:inline-block;width:54px;}
.naglowek #pasek-menu .icons a span {position:absolute;width:100%;left:0;right:0;top:-5px;font-size:12px;line-height:20px;color:rgba(255, 255, 255, 0);display:none;}
.naglowek #pasek-menu .icons a:hover span {background:#a68966;color:#fff;z-index:+1;display:block;}
.naglowek #pasek-menu .icons a:hover {color:#fff;background:#a68966;}
.naglowek #pasek-menu .icons a:hover svg path {fill:#fff;}

.naglowek.open #menu {transform:none;}
.naglowek #menu {position:fixed;left:0;top:80px;height:calc(100% - 80px);width:100%;background:#00000040;transform:rotateY(90deg);transition:transform 500ms;transform-origin:left;border-top:solid 5px #a68966}
.naglowek #menu .menu-inner {position:relative;width:100%;max-width:1800px;margin:auto;padding:0;pointer-events:none;}
.naglowek #menu .menu-inner #top-menu {background:#000;width:270px;height:calc(100vh - 80px);position:relative;pointer-events:all;overflow-y:auto;direction:rtl;text-align:left;padding:0 0 20px 40px;width:310px;}

.naglowek #menu .menu-inner .menu-top-menu-container::after,
.naglowek #menu .menu-inner .menu-gorne-menu-container::after {content:'';display:block;position:absolute;top:0;left:-100%;right:100%;bottom:0;width:100%;height:100%;background:#000;pointer-events:none;}

/*.naglowek #menu .menu-inner #top-menu::after {content:none;}*/

.naglowek #menu .menu-item a {font-size:14px;line-height:20px;color:#fff;font-family:europa-bold,sans-serif;font-weight:bold;display:block;outline:0;position:relative;text-transform:uppercase;letter-spacing:+0.5px;padding:10px 0 10px 5px;}
.naglowek #menu .menu-item a:hover {background:#ffffff1a;color:#a68966;}
.naglowek #menu .menu-item.current-menu-item > a {background:#ffffff1a;color:#a68966;}
.naglowek #menu .menu-item.current-menu-parent ~ .menu-item.current-menu-parent .menu-item.current-menu-item > a {background:transparent;color:#fff;}
.naglowek #menu .menu-item.current-menu-parent > a {background:#ffffff1a;color:#a68966;}
.naglowek #menu .menu-item.current-menu-parent ~ .menu-item.current-menu-parent > a {background:transparent;color:#fff;}
.naglowek #menu .menu-item.menu-item-has-children > a svg {color:#fff;position:absolute;right:20px;height:100%;width:40px;}
.naglowek #menu .menu-item.menu-item-has-children:not(.open):hover > a {color:#fff;}
.naglowek #menu .menu-item.menu-item-has-children:not(.open):hover > a svg {color:#a68966;}
.naglowek #menu .menu-item.menu-item-has-children.open > a {border-bottom:solid 1px #a68966;}
.naglowek #menu .menu-item.menu-item-has-children.open > a svg {transform:rotateX(180deg);transform-origin:middle;}
.naglowek #menu .menu-item.menu-item-has-children.open > a svg:hover {color:#a68966;}

.naglowek #menu .menu-item.lang-item > a img {position:absolute;right:30px;width:20px;height:14px;top:13px;}
.naglowek #menu .menu-item.lang-item > a span {margin:0!important;}

.naglowek #menu .menu-item.open > .sub-menu {transform:none;height:auto;transition:transform 500ms,height 500ms;}
.naglowek #menu .menu-item .sub-menu {padding-left:40px;transform:rotateX(90deg);transform-origin:top;height:0;}

body .naglowek {transition:height 500ms 0ms ease-out;}
body:not(.home) .naglowek {transition:height 100ms 0ms ease-out;}
body:not(.loaded) .naglowek {height:100%;}
body .naglowek .menu-button,
body .naglowek .icons {opacity:1;transition:opacity 500ms 500ms ease-out;}
body:not(.home) .naglowek .icons {opacity:1;transition:opacity 500ms ease-out;}
body:not(.loaded) .naglowek .menu-button,
body:not(.loaded) .naglowek .icons {opacity:0;}
body:not(.home) .naglowek #pasek-menu {max-height:70px;background:#000;}




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

}
@media only screen and (max-width: 1055px) {
  .naglowek #pasek-menu .icons {position:fixed;display:none;}
  .naglowek #pasek-menu .menu-button {width:40px;}
  .naglowek #pasek-menu .logo {padding:10px 50px 10px 10px;}
  .naglowek #pasek-menu .icons {position:fixed;display:block;left:0px;bottom:0;z-index:+1;padding:10px 0;background:#000;width:310px;height:44px;transform:rotateY(90deg);transition:transform 500ms;transform-origin:left;box-shadow:inset 0 5px 0 0 #a68966;}
  .naglowek.open #pasek-menu .icons {transform:none;}
  .naglowek #menu .menu-inner {padding:0;}
  .naglowek #menu .menu-inner #top-menu {height:calc(100vh - 124px);}
  .naglowek #pasek-menu .icons a svg {width:50px;}
  .naglowek #pasek-menu .icons a img {width:60px;padding:4.5px 22px;}
  .naglowek #pasek-menu .icons a span {top:-15px;}

}
@media only screen and (max-width: 730px) {
}
@media only screen and (max-width: 480px) {
  .naglowek #pasek-menu {padding:0 10px;}
  .naglowek #menu .menu-inner #top-menu {padding-left:20px;}
}