header .mobile-box .mobile-ham {
    display:block;
    width: 48px;
    margin:0;
    float: right;
    height: 48px;
    text-align: center;
    background: #333333;
}
header .mobile-box .mobile-bars {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 30px;
    margin: 15px auto;
}
header .mobile-box .mobile-bars.show .first-bar {
    -webkit-transform: rotate(45deg) translate(5px, 6px);
    transform: rotate(45deg) translate(5px, 6px);
}
header .mobile-box .mobile-bars.show .second-bar {
    display: none;
}
header .mobile-box .mobile-bars.show .third-bar {
    -webkit-transform: rotate(-45deg) translateY(0);
    transform: rotate(-45deg) translateY(0);
}


header .mobile-box .mobile-bars .first-bar,
header .mobile-box .mobile-bars .second-bar,
header .mobile-box .mobile-bars .third-bar {
    width: 20px;
    height: 3px;
    margin: 5px auto;
    background: #fff;
}


header span[class*=bar] {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

nav {width:100%;}
.menu-box {z-index:10; float:left; width:100%; position:relative; min-height: 40px;}
.menu-box:after {
    content: '';
    clear: both;
    display: table;
}
.menu-box > ul {
	padding:0;
}

.menu-box > ul > li {
    float: left;
    background: inherit;
    border-bottom: 3px solid transparent;
    transition: all .3s ease-in-out;
}
.menu-box > ul > li:hover {
    background: inherit;
    border-bottom: 0px none;
    transition: none;
}
.menu-box li:hover {
    background: #4e4e4e;
    border-bottom: 0px none;
    transition: none;
}
.menu-box li:hover a {color:#fff; transition: all .3s ease-in-out;}
.menu-box li a:hover {
    background-color: #666;
    font-weight: 400;
}
.menu-box li a {
    color: #fff;
    width: 100%;
    line-height: 48px;
    text-transform: uppercase;
	display:block;
	padding: 0 16px;
	font-weight: 400;
	font-size: 12px;
	text-decoration:none;
} 
/* nowe menu */



body.body-blocked {
    overflow: visible;
}

header .bottom_menu .display-flex.items-center-v {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start;
}

.menu-long {
    width: 100%;
    width: 100%;
    max-width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    -webkit-flex: 0 0 100% - 48px;
    flex: 0 0 100%;
}

header .bottom_menu .gl_plugin.main-menu {
    padding:0;
}

.menu-box li a {
    line-height: 48px;
}

header .mobile-box .mobile-bars .first-bar, header .mobile-box .mobile-bars .second-bar, header .mobile-box .mobile-bars .third-bar {
    display: block;
} 

/* submenu */
.menu-content {
    overflow: hidden;
}

header .submenu-box  {
    background: #474747;
    display: inline-block;
    width: 100%;
}

header .submenu-box .gl_wrapper {

    margin: 0 0 0 -4px;
    border-top: 1px solid #fff;
}

header .submenu {
    width:100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
    max-height:0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
}

header .submenu.active {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    max-height: 40px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    overflow: hidden;
}

header .submenu.active.opened {
    max-height: inherit;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

header .menu-content.show .submenu-box .submenu {
    max-height: inherit;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    margin: 0 0 8px;
}

header .menu-content.show .submenu-box .submenu-more span {
    display: none;
}

header .submenu-title {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    line-height: 140%;
    text-transform: uppercase;
    min-width: 205px;
    padding: 12px 0 0 0;
	min-height: 40px;
	}

header .submenu-more {
    font-size: 12px;
    line-height: 40px;
    width: 50px;
    cursor: pointer;
	margin-left: auto;
}

header .submenu ul {
    display: inline-block;
}
header .submenu ul li {
    display: inline-block;
    margin: 0 0 0 24px;
}

header .submenu ul li a {
    color: #fff;
    font-size: 12px;
    line-height: 40px;
    display:block;
}

header .submenu ul li a.active {
    font-weight: 600;
}
/*Breadcrumb, czyli trzeciopoziomowe menu*/
.breadcrumb {
	font-size: 0;
}
.breadcrumb__item.breadcrumb__item--highlight {
	display: block;
	margin-top: 0;
	margin-right: 0;
}
.breadcrumb__item {
	display: inline-block;
	margin-top: 8px;
	margin-right: 16px;
}
.breadcrumb__link {
	display: inline-block;
    border: 1px solid #00AFE4;
    padding: 8px 16px;
    color: #00AFE4;
    font-size: 14px;
	line-height: 16px;
    font-weight: 400;
    text-transform: uppercase;
	text-align: center;
}
.breadcrumb__item--highlight .breadcrumb__link {
	border: 1px solid #D0021B;
	color: #D0021B;
}
/*Breadcrumb, czyli trzeciopoziomowe menu*/

/*--------------------
MOBILE MENU NA DESKTOP
---------------------*/
.header--mobile .gl_plugin.main-menu {width:100%;}
.header--mobile nav {width:100%;}
.header--mobile .menu-box {z-index:10; width:100%; padding: 0 20px 0 0; position: relative;}
.header--mobile .menu-box li a {line-height: 48px;}
.header--mobile .menu-box > ul { padding: 0;}
.header--mobile .menu-box > ul > li {width:100%; height:45px; line-height:45px; border-bottom: 1px solid #666; padding: 0 8px; border-left: 0; background: #333; transition: all .3s ease-in-out; list-style: none;}
.header--mobile .menu-box > ul > li:last-of-type {border-bottom:0;}
.header--mobile .menu-box > ul > li:focus {background: #4e4e4e; border-bottom: 1px solid #484848; transition: all .3s ease-in-out; }
.header--mobile .menu-box > ul > li a {color: #fff; text-decoration: none; display:block; width:100%; }

/* nowe menu */
.header--mobile .menu-long {
    width: -webkit-calc(100% - 48px);
    width: calc(100% - 48px);
    max-width: -webkit-calc(100% - 48px);
    max-width: calc(100% - 48px);
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    -webkit-flex: 0 0 -webkit-calc(100% - 48px);
    flex: 0 0 calc(100% - 48px);
}

.header--mobile .long-right {
    width: 48px;
    max-width: 48px;
    -webkit-flex: 0 0 48px;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 48px;
}
.header--mobile .header-box .mobile-box .mobile-ham {
    display:block;

    margin:0;
}

.header--mobile .header-box .site-logo {
    width:-webkit-calc(100% - 50px);
    width:calc(100% - 50px);
}

.header--mobile .header-box .mobile-bars .first-bar, 
.header--mobile .header-box .mobile-bars .second-bar, 
.header--mobile .header-box .mobile-bars .third-bar {
    width: 20px;
    height: 3px;
    margin: 5px;
    background: #fff;
}
.header--mobile .header-box .submenu-box {
	background-color: transparent;
}
.header--mobile .header-box .mobile-bars .first-bar, 
.header--mobile .header-box .mobile-bars .second-bar, 
.header--mobile .header-box .mobile-bars .third-bar {
    display: block;
}

.header--mobile .header-box span[class*=bar] {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.header--mobile .header-box .mobile-box .mobile-bars .first-bar, header .mobile-box .mobile-bars .second-bar, header .mobile-box .mobile-bars .third-bar {
    display: block;
}


/* submenu */
.header--mobile .header-box .gl_plugin.submenu-box {
    float: none;
}

.header--mobile .header-box .menu-content {
    display:block;
}

.header--mobile .header-box .submenu-box .gl_wrapper {
	border: none;
	margin: 0;
}

.header--mobile .header-box .submenu {
    width:100%;
    display: none;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-flow: column wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.header--mobile .header-box .submenu.active {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    max-height: 40px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.header--mobile .header-box .submenu.opened {
    max-height: none;
}

.header--mobile .header-box .submenu.opened ul {
    display:block;
}

.header--mobile .header-box .submenu .submenu-title {
    display: block;
    width:100%;
    border-top: 1px solid #fff;
}
.header--mobile .header-box .submenu:first-child .submenu-title {
    border-top:none;
}
.header--mobile .header-box .submenu-box .submenu .submenu-title {
    text-align: left;
}
.header--mobile .header-box .submenu-title a {
    display: inline-block; 
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    line-height: 40px;
}


.header--mobile .header-box .submenu-title .submenu-more {
    float:right;
    font-size: 20px;
    line-height: 40px;
    width: 50px;
    cursor: pointer;
    text-align: center;
	margin: 0 10px 0 0;
}

.header--mobile .header-box .submenu ul {
    display: block;
    margin: 0;
    padding:0;
}
.header--mobile .header-box .submenu ul li {
    display: block;
    text-align:center;
    border-top: 1px solid #fff;
	margin: 0;
}

.header--mobile .header-box .submenu ul li a {
    color: #fff;
    font-size: 12px;
    line-height: 40px;
    display:block;
}

.header--mobile .header-box .submenu ul li a.active {
    background: #444;
    font-weight: 600;
}

.header--mobile .header-box .menu-content.show .submenu-box .submenu.active ul,
.header--mobile .header-box .submenu-box .submenu ul {
    display:none;
}

.header--mobile .header-box .menu-content.show .submenu-box .submenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
.header--mobile .header-box .menu-content.show .submenu-box .submenu.opened .submenu-title,
.header--mobile .header-box .menu-content.show .submenu-box .submenu.pokaz .submenu-title {
    background: #444;
}

.header--mobile .header-box .menu-content.show .submenu-box .submenu.opened .submenu-title p,
.header--mobile .header-box .menu-content.show .submenu-box .submenu.pokaz .submenu-title p
{
    font-weight: 600;
}

.header--mobile .header-box .menu-content.show .submenu-box .submenu.active.pokaz {
    max-height: none;
}

.header--mobile .header-box .submenu-box .submenu.opened ul, 
.header--mobile .header-box .submenu-box .submenu.active ul,
.header--mobile .header-box .menu-content.show .submenu-box .submenu.active.opened ul,
.header--mobile .header-box .menu-content.show .submenu-box .submenu.active.pokaz ul {
    display:block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}