/* theme header */
header#masthead {
    width:100%;
    padding: 0;
    background-color: #fff;
    position: relative;
    z-index: 2;
}
/* header line */
.header-line {
    background-color: #090909;
    color: #b5b5b5;
    display:flex;
    padding: 18px 15px;
    justify-content: space-between;
    line-height: 20px;
}
.header-line > * {
    /* margin: 0 15px */
}
.header-line i {
    color: #ff0000;
}
.header-line a {
    color: #b5b5b5;
    display:inline-block;
}
.header-line a:hover, .header-line a:focus {
    color:#fff;
}
.header_line_text {
    color: #12ba55;
}
.header_line_text.header_line_text_close {
    color: #ff0000
}
.working-hours span:not(:last-child):after {
    content:'|';
    padding: 0 3px;
    color:#6f6f6f
}
.contact-info {
    justify-content: space-between;
	width:100%
}
.contact-info > * {
    margin:0 10px
}
.contact-info > .contact-info-item *:before {
    padding-right:8px;
    font-family: 'icomoon';
    color: #ff0000;
    vertical-align: sub;
    font-size: 20px;
}
.header_map:before {
    content:'\e906';
}
.working-hours:before {
    content:'\e900';
}
.header_tel:before {
    content:'\e907';
}
.header_email:before {
    content:'\e901';
}
/**/
.navbar-brand {
    height: auto;
    padding: 0;
    margin: 0;
}
.navbar-brand a, a.logo-pushy {
    color: #c7c9cc;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
}
.navbar-brand a span, a.logo-pushy span {
    color: #0e8dea;
}

/* header-icon */
.header-icon {
    width: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
}
.header-icon i {
    display:inline-block;
    transition: transform .2s
}
.header-icon:hover i {
    transform: scale(1.2);
}
.header-icon.header-search {
    background-color: #dedede;
    color: #151515;
}
.header-icon.header-user {
    background-color: #b5b5b5;
    color: #151515;
}
.header-icon.header-cart {
    background-color: #ff0000;
    color: #ddd;
    position: relative;
}
/* header search */
.header-icons.header-icons-desktop {
    position:relative;
}
.header-icons.header-icons-desktop .search-form.search-form-mobule-menu {
    width: 0;
    position:absolute;
    right:100%;
    top:0;
    overflow: hidden;
    transition: width .5s;
}
.header-icons.header-icons-desktop .search-form.search-form-mobule-menu.active {
    width: 371px;
}
.header-icons.header-icons-desktop .search-form.search-form-mobule-menu input {
    line-height: 80px;
    height: 80px;
}


/*
@media screen and (min-width: 783px) {
    .admin-bar header#masthead {
        top:32px
    }
}
@media screen and (max-width: 782px) {
    .admin-bar header#masthead {
        top:46px
    }
}
*/
header#masthead > .container {
    position: relative;
    z-index: 1;
    max-width: 1920px;
}
.navbar-brand {
    position: relative;
}
.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}


@media only screen and (max-width: 767px) {
    .header-line {
        position: relative;
        padding: 14px 20px;
        font-size: 14px
    }

    .contact-info {
        flex-direction: column;
        left: 0;
        width: 100%;
        position: absolute;
        z-index: 9;
        background-color: #090909;
        align-items: center;
        height:0;
        top:-200px;
        opacity:0;
        overflow: hidden;
        transition: all .5s;
    }
    .contact-info > * {
        border-top:1px solid rgba(222,222,222,0.2);
        padding: 5px 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .contact-info-item > * {
        width: 260px
    }
    .contact-info-item:first-child {
        order: 5
    }
    .working-hours {
        display: table;
    }
    .working-hours:before {
        display: table-cell;
        vertical-align: top!important
    }
    .mobile-kontakt {
        cursor: pointer
    }
    .mobile-kontakt i {
        transform:rotate(90deg);
        display: inline-block;
        margin-left: 5px;
        color:#b4b4b4;
        transition: transform .5s
    }
    .mobile-kontakt.open-kontakt i {
        transform:rotate(-90deg);
        color: #ff0000
    }
    .mobile-kontakt.open-kontakt ~ .contact-info {
        height:auto;
        top:100%;
        opacity:1;
    }
    .navbar-brand {
        flex-shrink: 0;
        flex-basis: 98px;
    }
    .header-icon, .navbar-toggler {
        width: 50px;
        text-align: center;
        line-height: 50px;
        padding: 0;
        border: none;
        background-color: #b4b4b4;
        border-radius: 0;
    }
    .header-icon {
        font-size: 20px
    }
    /* login button */
    #masthead .ws-nav-mobile .navbar-nav > li:first-child {
        padding-top:10px;
        padding-bottom: 15px;
    }
    #masthead .ws-nav-mobile .navbar-nav > li:nth-of-type(2) {
        border-top: none;
        padding-bottom: 20px
    }
    #masthead .ws-nav-mobile .navbar-nav > li > a.login-button {
        display:block;
        width:100%;
        font-weight: 400;
        height: 50px;
        line-height: 50px;
        background-color: #db0100;
        text-align: center;
        color: #fff;
        padding:0 15px;
        font-size: 14px
    }
    #masthead .ws-nav-mobile .navbar-nav > li > a.login-button i {
        padding-right: 5px
    }
    /* search form */
    .ws-nav-mobile .search-form {
        height: 40px;
        border: none;
        background-color: #ffffff;
        width:100%;
        position: relative;
    }
    .ws-nav-mobile .search-form:before {
        content:'\e905';
        font-family:'icomoon';
        position: absolute;
        right:0;
        top:0;
        height:40px;
        width:40px;
        line-height: 40px;
        text-align: center;
        background-color: #dedede;
        border: 1px solid #b4b4b4;
    }
    .ws-nav-mobile .search-form input {
        width:100%;
        height: 40px;
        line-height: 40px;
        padding: 0 30px 0 15px;
        border: 1px solid #b4b4b4;
        background-color: transparent
    }
    .navbar.mobile-menu {
		overflow-y: scroll;
		max-height: calc(100vh - 98px);
    }

}
@media only screen and (max-width: 1239px) {
	header#masthead > nav {
		box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
	}
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
    .header-line {
        padding: 15px 30px;
        align-items: center;
    }
    .header_line_text {
        color: #12ba55;
        line-height: 1.2;
    }
    .contact-info {
        flex-wrap: wrap;
/*        justify-content: flex-end;*/
        font-size: 14px;
    }
    .contact-info > * {
        margin: 5px 0 5px 20px;
    }
    .contact-info-item:first-child {
        order: 5;
        white-space:nowrap
    }
    .contact-info > .contact-info-item *:before {
        padding-right: 10px;
    }
    /* mobile menu select */
    .select-button {
        justify-content: space-between;
        font-size: 18px;
        font-weight: bold;
        padding-left: 10%;
    }
    .navbar-toggler {
        font-size: 1rem;
    }
    .navbar-toggler[aria-expanded="false"] i {
        transform:rotate(90deg);
        color: #1c1c1c;
    }
    .navbar-toggler[aria-expanded="true"] i {
        transform:rotate(-90deg);
        color:#ff0000;
    }
    .navbar.mobile-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
		overflow-y: scroll;
		max-height: calc(100vh - 170px);
    }
    .navbar-brand {
        flex-shrink: 0;
        /* flex-basis: 137px; */
    }

}
@media only screen and (max-width: 1199px) {
    .navbar-brand-menu {
        width:100%
    }
    .navbar-toggler:focus, .navbar-toggler:hover {
        outline: none;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-brand a img {
        max-height: 65px;
        width:auto;
    }
    .header-icon {
        width: 65px;
        line-height: 65px;
    }
    .header-icons.header-icons-desktop .search-form.search-form-mobule-menu input {
        line-height: 65px;
        height: 65px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
    .navbar-brand a img {
        max-height: 70px;
        width:auto;
    }
    .header-icon {
        width: 70px;
        line-height: 70px;
    }
    .header-icons.header-icons-desktop .search-form.search-form-mobule-menu input {
        line-height: 70px;
        height: 70px;
    }

}
@media only screen and (min-width: 1240px) {
    .header_line_text {
        flex-shrink: 0;
    }
}


@media only screen and (min-width: 1240px) and (max-width: 1439px) {
    .header-line {
        font-size: 13px
    }
    .contact-info > * {
        margin: 0 0 0 10px;
    }
    .contact-info > .contact-info-item *:before {
        font-size: 15px;
        vertical-align: text-top;
    }
    .header_line_text {
        padding-right: 5px;
    }
}
@media only screen and (min-width: 1440px) {
    .contact-info {
        justify-content: space-between;
        width: 100%;
    }
}
@media only screen and (min-width: 1200px) {
    .header_line_text {
        white-space: nowrap;
    }
    .contact-info-item:last-child {
        margin-right: 0
    }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
    .header-line {
        padding: 18px 20px;
        font-size: 14px
    }
    .header_line_text {
        padding-right: 2%;
    }
}

@media only screen and (min-width: 1600px) {
    .header-line {
        font-size: 16px;
        padding: 18px 1.5%;
    }
    .header_line_text {
        padding-right:  1.5%;
    }

}
@media only screen and (min-width: 1800px) {
    .header-line {
        padding: 18px 4.4%;
    }
    .header_line_text {
        padding-right:  4.4%;
    }
}