@font-face {
    font-family: 'FangZheng Lanting';
    src: url('../fonts/fzlanting.ttf');
}

.totop-button {
    cursor: pointer
}

body.menu-open .totop-button {
    visibility: hidden !important;
}

.text-shadow {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.43)
}

a{
    text-decoration:none;
    cursor: pointer;
}

body {
    -webkit-text-size-adjust: none!important;
    -moz-text-size-adjust: none!important;
    -ms-text-size-adjust: none!important;
    text-size-adjust: none!important;
    font-size-adjust: none!important;
    width: 100%;
    overflow-x: hidden;
    font-size: 16pt;
    font-family: 'FangZheng Lanting';
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-variant-ligatures: inherit;
    font-variant-caps: inherit;
    font-variant-numeric: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    line-height: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

a:hover{
    text-decoration: none;
}

li{
    list-style-type: none;
}

ul{
    margin: 0;
    padding: 0;
}

body{
    margin: 0;
}

.page-wrapper-hidden{
    overflow:hidden;
}

body.menu-open {
    overflow: hidden
}

@media screen and (min-width: 1025px) {
    body.subnavigation-opened {
        overflow: hidden
    }
}

.full-width-container {
    width: 100%
}

.restricted-container {
    max-width: 1440px;
    margin: 0 auto
}

main {
    padding-top: 50px
}

main > *:last-child.contenttext_text-element .section-inner .text-element:not(.infobox) {
    padding-bottom: 80px
}

@media screen and (min-width: 1025px) {
    main {
        padding-top: 100px
    }
}



.header {
    background-color: #1a7d46;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 170px;
    -moz-transition: top 200ms ease-in-out;
    -o-transition: top 200ms ease-in-out;
    -webkit-transition: top 200ms ease-in-out;
    transition: top 200ms ease-in-out;
    z-index:999;
}

.header:not(.close-header) {
    -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.3)
}

.header.close-header {
    top: -170px;
}

@media screen and (max-width: 1024px) {
    .header {
        height: 80px
    }

    .header.close-header {
        top: -80px
    }
}

.header .menu-button {
    cursor: pointer;
    position: absolute;
    left: 0;
    z-index: 2010;
    overflow: hidden;
    width: 80px;
    height: 80px;
    display: inline-block;
    user-select: none;
    background: transparent;
    float: left;
}

.header .menu-button:hover{
    background-color: #1a7d46;
}

@media screen and (min-width: 1025px) {
    .header .menu-button {
        display: none
    }
}

.header .menu-button.hover {
    background-color: #a1120a
}

.header .navicon {
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    user-select: none;
    border-radius: 2.5px;
    color: white;
    transition: .3s;
    box-shadow: inset 0 0 0 .125rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.header .navicon:before, .header .navicon:after {
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    user-select: none;
    border-radius: 2.5px;
    color: white;
    transition: .3s;
    box-shadow: inset 0 0 0 .125rem;
    position: absolute;
    content: '';
    -moz-transform-origin: 2.5px center 50%;
    -ms-transform-origin: 2.5px center 50%;
    -webkit-transform-origin: 2.5px center 50%;
    transform-origin: 2.5px center 50%
}

.header .navicon:before {
    top: -8.75px;
    color: white
}

.header .navicon:after {
    top: 8.75px;
    color: white
}

.header .toggle-checked.menu-button .navicon {
    color: transparent;
    background-color: transparent
}

.header .toggle-checked.menu-button .navicon:before, .header .toggle-checked.menu-button .navicon:after {
    -moz-transform-origin: 50% 50% 50%;
    -ms-transform-origin: 50% 50% 50%;
    -webkit-transform-origin: 50% 50% 50%;
    transform-origin: 50% 50% 50%;
    top: 0;
    width: 29.16667px
}

.header .toggle-checked.menu-button .navicon:before {
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}

.header .toggle-checked.menu-button .navicon:after {
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

.header .totop-button {
    position: absolute;
    left: 50%;
    top: 0;
    overflow: hidden;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: none;
    width: 50px;
    height: 50px
}

.header .totop-button::before {
    /*font-family: "Icons";!important*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e604';
    font-size: 20px;
    color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 1024px) {
    .header .totop-button {
        display: block;
        z-index: 2010
    }
}

.header .totop-button.hover {
    background-color: #a1120a
}

.header .logo {
    /*position: absolute;*/
    /*top: 35px;*/
    /*left: calc(50% - 57px);*/
    z-index: 2010;
    width: 114px;
    height: 110px;
    background: url("../images/emely-logo.png") no-repeat top left;
    background-size: 100% 100%;
    -moz-transition: ease-in-out 200ms;
    -o-transition: ease-in-out 200ms;
    -webkit-transition: ease-in-out 200ms;
    transition: ease-in-out 200ms;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

@media screen and (max-width: 1024px) {
    .header .logo {
        -moz-transform: scale(0.444, 0.444);
        -ms-transform: scale(0.444, 0.444);
        -webkit-transform: scale(0.444, 0.444);
        transform: scale(0.444, 0.444);
        top: 14px;
        left: calc(50% - 89px*0.444);
    }
}

@media screen and (max-width: 499px) {
    .header .logo {
        -moz-transform: scale(0.555, 0.555);
        -ms-transform: scale(0.555, 0.555);
        -webkit-transform: scale(0.555, 0.555);
        transform: scale(0.555, 0.555);
        top: 14px;
        left: calc(50% - 89px*0.555);
    }
}

.header .logo-print {
    display: none
}


@media screen and (min-width: 1025px) and (max-width: 1440px) {
    .subnavigation-opened .header .logo {
        -moz-transform: scale(0.666, 0.666);
        -ms-transform: scale(0.666, 0.666);
        -webkit-transform: scale(0.666, 0.666);
        transform: scale(0.666, 0.666)
    }
}

@media screen and (max-width: 1024px) {
    .header.close-header .logo {
        top: -30px
    }
}

@media screen and (min-width: 1025px) {
    .header.close-header .logo {
        top: -70px
    }
}

.bannerImg{
    /*height: 600px;*/
    width: 100%;
    max-height: 600px;
    /*min-height: 225px;*/
}

.header .navigation-container {
    background-color: #1a7d46;
    width: 320px;
    position: absolute;
    top: 80px;
    left: -320px;
    -moz-transition: -moz-transform 0.25s;
    -o-transition: -o-transform 0.25s;
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    overflow: hidden;
    -ms-touch-action: pan-x;
    z-index:9999999;
}

.header .navigation-container.open {
    -moz-transform: translate(320px, 0);
    -ms-transform: translate(320px, 0);
    -webkit-transform: translate(320px, 0);
    transform: translate(320px, 0)
}

.header .accountBtn{
    display:none;
}

@media screen and (max-width: 1024px) {
    .header .navigation-container.open {
        -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.3)
    }

    .mobile-menu-open .iphoneshader{
        display: block;
    }

    .iphoneshader{
        top: 80px;
    }
}

.page-wrapper-hidden .iphoneshader{
    display: block;
}

.iphoneshader{
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
}

@media screen and (min-width: 1025px) {
    .header .navigation-container {
        position: static;
        overflow: visible;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100%;
        -moz-transition: all 0;
        -o-transition: all 0;
        -webkit-transition: all 0;
        transition: all 0;
    }

    .iphoneshader{
        top: 170px;
    }

    .header .navigation-container.open {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.header .navigation-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-color: #b61910
}

.header .navigation-content > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.header .navigation-content > nav, .header .navigation-content > .top-navigation {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.header .top-navigation > a{
    color:#ffffff !important;
}

@media screen and (min-width: 1025px) {
    .header .navigation-content {
        position: relative;
        z-index: 2;
        /*background-color: white*/
    }

    .header .navigation-content > nav, .header .navigation-content > .top-navigation {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

}

@media screen and (min-width: 1025px) {
    .header .navigation-content {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start
    }
}

.header .top-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    background-color: #a1120a;
    width: 100%;
    box-sizing: border-box
}

.header .top-navigation > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media screen and (max-width: 1024px) {
    .header .top-navigation .mobile-last {
        margin-bottom: 50px
    }

    #scroller {
        position: absolute;
        z-index: 1;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        width: 100%;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
        text-size-adjust: none;
    }
}

#wrapper{
    height:auto;
}

@media screen and (max-width: 1024px) {
    .header .top-navigation .link {
        width: 100%;
        padding: 13px 0;
        height: 50px;
        box-sizing: border-box
    }
}

.header .top-navigation .link:hover .title {
    text-decoration: underline
}

.header .top-navigation .link:hover .title:before {
    text-decoration: none
}

.header .top-navigation .link .title {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase
}

.header .top-navigation .link .title a {
    color:#fff;
}

.header .top-navigation li {
    min-height: 50px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

    position: relative;
}

.header .promise-img ul li{
    width: 300px;
    height: 100%;
    display:inline-block;
    position: relative;
}

.header .promise-img ul li a{
    display: block;
    text-align: center;
}

@media screen and (min-width: 1025px) {
    .header .top-navigation {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        background-color: #b61910;
        position: relative;
        padding: 8px 20px 0;
        z-index: 20
    }

    .header .top-navigation li {
        min-height: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .shopEntranceContent{
        height: 260px;
        display: flex;
        display: -webkit-flex; /* Safari */
        align-items: center;
    }
}

.header nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.header nav > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media screen and (max-width: 1024px) {
    .header nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .header nav > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.header .main-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #1a7d46;
    width: 100%
}

.header .main-navigation > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.header .main-navigation li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

@media screen and (min-width: 1025px) {
    .header .main-navigation {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-self: auto;
        -moz-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        z-index: 10;
        position: relative;
    }

    .header .main-navigation li {
        min-height: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .header .top-navigation {
        padding-top: 95px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1320px) {
    .header .main-navigation {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
    }
}

@media screen and (min-width: 1321px) {
    .header .main-navigation {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
}

.header .main-navigation .subnavigation-content {
    display: none;
    overflow: hidden
}

@media screen and (min-width: 1025px) {
    .header .main-navigation .subnavigation-content {
        background-color: #b61910;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
}

.header .main-navigation .navigation-link.toggle-checked + .subnavigation-content {
    display: block;
    position: absolute;
}

@media screen and (max-width: 1024px) {
    .header .main-navigation .navigation-link.toggle-checked + .subnavigation-content {
        position: inherit
    }

    .ulli-last {
        margin-bottom:100px;
    }

    #wrapper{
        height:auto;
    }
}

@media screen and (min-width: 1025px) {
    .header .main-navigation .navigation-link.toggle-checked + .subnavigation-content {
        overflow: visible
    }
}

.link {
    display: inline-block;
    text-decoration: none
}

.link.active {
    text-decoration: none;
}

.link .title {
    display: inline-block;
    padding: 8px;
    word-wrap: break-word
}

.link .title:hover {
    text-decoration: underline
}

.link .title::before {
    content: '\00BB';
    /*font-family: LatoRegular;*/
    margin-right: 5px;
    position: relative;
    bottom: 1px;
    display: inline-block
}


.navigation-link {
    display: block;
    text-decoration: none;
    cursor: pointer;
    height: 52px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -moz-transition-property: background-color, color;
    -o-transition-property: background-color, color;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    padding:0 10px;
}

@media screen and (min-width: 1025px) {
    .navigation-link {
        z-index: 10;
        height: 65px;
        /*margin-top: 15px;*/
    }
}

@media screen and (max-width: 1024px) {
    .navigation-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        padding-right: 20px
    }

    .navigation-link > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.navigation-link .title-icon {
    display: none
}

@media screen and (max-width: 1024px) {
    .navigation-link .title-icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }

    .navigation-link .title-icon > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.navigation-link .title-icon::after {
    font-family: "Icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 20px;
    left: 0;
    content: '\e602';
    font-size: 12px;
    height: 12px;
    color: white;
    margin-left: 10px;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transition: -moz-transform 0.75s;
    -o-transition: -o-transform 0.75s;
    -webkit-transition: -webkit-transform 0.75s;
    transition: transform 0.75s
}

@media screen and (min-width: 1025px) {
    .navigation-link.toggle-checked {
        background-color: white;
        z-index: 30
    }

    .navigation-link.toggle-checked .title {
        color: #b61910
    }
}

@media screen and (max-width: 1024px) {
    .navigation-link.toggle-checked .title-icon::after {
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@media screen and (max-width: 1024px) {
    .navigation-link.page-active .title {
        /*font-family: LatoBold*/
    }
}

@media screen and (min-width: 1025px) {
    .navigation-link.page-active {
        border-bottom: 2px solid white
    }

}

.navigation-link .title {
    display: block;
    text-transform: uppercase;
    /*font-family: LatoRegular;*/
    font-size: 16px;
    color: white;
    padding: 0 3px;
    position: relative;
    word-wrap: break-word;
    top: 17px;
}
@media screen and (max-width: 1250px){
    .navigation-link .title{
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px){
    .navigation-link .title{
        font-size: 16px;
    }

    .cut-off{
        display: none;
    }
}

@media screen and (min-width: 1025px) {
    .navigation-link .title {
        top: 50%;
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.headline-separated {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    box-sizing: border-box
}

.headline-separated > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.headline-separated span, .headline-separated h1, .headline-separated h2, .headline-separated h3, .headline-separated h4, .headline-separated h5 {
    text-align: center;
    max-width: 100%;
    box-sizing: border-box
}

.headline-separated .headline-separated-line {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    width: 100%;
    background-color: rgba(182, 174, 171, 0.5)
}

.headline-separated > span {
    display: block
}

.headline-separated.dark span, .headline-separated.dark h1, .headline-separated.dark h2, .headline-separated.dark h3, .headline-separated.dark h4, .headline-separated.dark h5 {
    color: #6f6560 !important
}

.headline-separated.light span, .headline-separated.light h1, .headline-separated.light h2, .headline-separated.light h3, .headline-separated.light h4, .headline-separated.light h5 {
    color: #fff !important
}

.headline-separated.light .headline-separated-line {
    background-color: rgba(255, 255, 255, 0.5) !important
}


.subnavigation-container .shader {
    display: none
}

@media screen and (min-width: 1025px) {
    .subnavigation-container {
        margin-top: 65px;
        box-sizing: border-box;
        position: relative;
        background-color: rgba(255, 255, 255,0.8);
    }

    .subnavigation-container .shader {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        /*background-color: black;*/
        opacity: 0.1;
    }
}

@media screen and (max-width: 1024px) {
    .subnavigation-container .navigation-wrapper {
        left: 0;
        margin-top: 0
    }
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .navigation-wrapper {
        overflow-y: auto;
        position: relative;
        max-width: 1300px;
        margin: 0 auto;
        max-height: 100%;
        box-sizing: border-box;
        /*background-color: rgba(255, 255, 255, .8);*/
    }
}

.subnavigation-container .navigation-wrapper-content {
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    .subnavigation-container .navigation-wrapper-content {
        padding: 0;
        background-color: white
    }
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .navigation-wrapper-content {
        position: relative
    }
}

.subnavigation-container .navigation-wrapper-content .link-subnavigation-inline .title {
    /*font-family: LatoBoldItalic;*/
    font-size: 16px;
    color: #6f6560;
    padding: 0
}

.subnavigation-container .navigation-wrapper-content .link-subnavigation-inline:hover .title {
    text-decoration: underline
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .navigation-wrapper-content .content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .subnavigation-container .navigation-wrapper-content .content > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .subnavigation-container .navigation-wrapper-content .content > div {
        margin: 0 15px
    }
}

.subnavigation-container .navigation-wrapper-content .content .navigation-group {
    min-width: 225px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    /*margin-bottom:2%;*/
}

.subnavigation-container .navigation-wrapper-content .content .navigation-group .QR-code{
    width:40%;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .subnavigation-container .navigation-wrapper-content .content .navigation-group .headline-separated {
        margin: 0 15px
    }

    .subnavigation-container .navigation-wrapper-content .content .addition-group{
        display:none;
    }
}

@media screen and (max-width: 1024px) {
    .subnavigation-container .navigation-wrapper-content .content .navigation-group .link {
        width: 100%;
        padding: 0 15px
    }

    .subnavigation-container .navigation-wrapper-content .content .navigation-group .link:hover .title {
        text-decoration: underline
    }
}

.subnavigation-container .navigation-wrapper-content .content .navigation-group .link .title {
    padding: 14px 0;
    /*font-family: LatoRegular;*/
    font-size: 16px;
    color: #000000;
}

.subnavigation-container .navigation-wrapper-content .content .navigation-group .link .title::before {
    content: normal
}

.subnavigation-container .navigation-wrapper-content .content .navigation-group .link.current .title {
    /*font-family: LatoBold*/
}

.subnavigation-container .navigation-wrapper-content .content .additional-info {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -moz-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    width: 50%;
    max-width: 50%;
    display: none
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .navigation-wrapper-content .content .additional-info {
        display: block
    }

    .navigation-group>ul{
        float: left;
    }
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products p, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe p, .subnavigation-container .navigation-wrapper-content .content .additional-info .company p, .subnavigation-container .navigation-wrapper-content .content .additional-info .news p, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact p {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products img, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe img, .subnavigation-container .navigation-wrapper-content .content .additional-info .company img, .subnavigation-container .navigation-wrapper-content .content .additional-info .news img, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact img {
    display: block;
    margin: 0 auto
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products a, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe a, .subnavigation-container .navigation-wrapper-content .content .additional-info .company a, .subnavigation-container .navigation-wrapper-content .content .additional-info .news a, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact a {
    /*font-family: LatoBoldItalic;*/
    font-size: 16px;
    color: #6e6560;
    padding: 0px;
    text-decoration: none
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products a::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe a::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .company a::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .news a::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact a::before {
    content: '\00BB';
    /*font-family: LatoRegular;*/
    margin-right: 5px;
    position: relative;
    bottom: 1px;
    display: inline-block
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products a:hover, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe a:hover, .subnavigation-container .navigation-wrapper-content .content .additional-info .company a:hover, .subnavigation-container .navigation-wrapper-content .content .additional-info .news a:hover, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact a:hover {
    text-decoration: underline
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products a.image-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe a.image-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .company a.image-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .news a.image-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact a.image-wrapper {
    display: inline-block
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products a.image-wrapper::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe a.image-wrapper::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .company a.image-wrapper::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .news a.image-wrapper::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact a.image-wrapper::before {
    display: none
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products .teaser, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe .teaser, .subnavigation-container .navigation-wrapper-content .content .additional-info .company .teaser, .subnavigation-container .navigation-wrapper-content .content .additional-info .news .teaser, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact .teaser {
    text-align: center
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products .teaser .paragraph, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe .teaser .paragraph, .subnavigation-container .navigation-wrapper-content .content .additional-info .company .teaser .paragraph, .subnavigation-container .navigation-wrapper-content .content .additional-info .news .teaser .paragraph, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact .teaser .paragraph {
    margin-left: 20px;
    margin-right: 20px
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products .teaser .link-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe .teaser .link-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .company .teaser .link-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .news .teaser .link-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact .teaser .link-wrapper {
    text-align: center;
    margin-top: 20px
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .company img {
    margin-bottom: 20px
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .contact img {
    margin: 0
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .contact .contact-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-bottom: 25px
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .contact .contact-wrapper > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .contact .contact-wrapper p {
    text-align: left
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .contact .contact-wrapper span {
    font-weight: 900
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products {
    margin-bottom: 50px
}

.subnavigation-container .additional-wrapper {
    display: none
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .additional-wrapper {
        display: block;
        margin-top: 50px;
        background-color: #f8f3f0;
        padding: 0 15px
    }

    .subnavigation-container{
        height:auto;
    }
}

@media screen and (min-width: 1250px) {
    .subnavigation-container .additional-wrapper {
        padding: 0 60px
    }
}

.subnavigation-container .additional-content {
    margin: 0 auto;
    padding-bottom: 25px
}

.subnavigation-container .additional-content .headline-separated {
    padding-top: 20px;
    margin-bottom: 25px
}

.subnavigation-container .additional-content .additional-page-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around
}

.subnavigation-container .additional-content .additional-page-container > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.subnavigation-container .additional-content .additional-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    padding: 10px;
    text-decoration: none;
    color: #6f6560
}

.subnavigation-container .additional-content .additional-page > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.subnavigation-container .additional-content .additional-page a {
    text-decoration: none
}

.subnavigation-container .additional-content .additional-page a, .subnavigation-container .additional-content .additional-page a:hover, .subnavigation-container .additional-content .additional-page a:visited {
    color: #6e6560
}

.subnavigation-container .additional-content .additional-page:hover {
    background-color: white
}

.subnavigation-container .additional-content .additional-page:hover .link .title {
    text-decoration: underline
}

.subnavigation-container .additional-content .additional-page:hover .link .title:before {
    text-decoration: none
}

.subnavigation-container .additional-content .additional-page .paragraph {
    width: 100%
}

.subnavigation-container .additional-content .additional-page .additional-page-image-wrapper {
    width: 90px;
    height: 90px;
    float: left
}

.subnavigation-container .additional-content .additional-page .additional-page-image-wrapper img {
    width: 100%;
    height: 100%;
    display: block
}

.subnavigation-container .additional-content .additional-page .additional-page-text-wrapper {
    margin-left: 5px;
    float: left
}

.subnavigation-container .additional-content .additional-page .link {
    margin-bottom: 5px
}

.subnavigation-container .additional-content .additional-page-100 {
    max-width: 900px
}

.subnavigation-container .additional-content .additional-page-100 .additional-page-text-wrapper {
    max-width: 810px
}

.subnavigation-container .additional-content .additional-page-50 {
    max-width: 450px
}

.subnavigation-container .additional-content .additional-page-50 .additional-page-text-wrapper {
    max-width: 360px
}

.subnavigation-container .additional-content .additional-page-33 {
    max-width: 330px
}

.subnavigation-container .additional-content .additional-page-33 .additional-page-text-wrapper {
    max-width: 215px
}

@media screen and (max-width: 1024px) {
    .subnavigation-container .headline-separated {
        height: 44px
    }
}

.subnavigation-container .headline-separated span {
    margin: 0 10px;
    color: #7a706e;
    /*font-family: LatoRegular;*/
    font-size: 16px
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .headline-separated {
        margin-bottom: 20px;
        width: 100%
    }

    .subnavigation-container .content-wrapper .content {
        padding: 40px 0 60px 0;
    }

    .subnavigation-container .content-wrapper .content .navigation-group>ul {
        margin-left: 70px;
    }
}

.subnavigation-container .hashes {
    width: 100%
}

.subnavigation-container .hashes-container {
    min-height: 180px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.subnavigation-container .hashes-container > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.subnavigation-container .hashes-container > a {
    margin: 5px
}

@media screen and (min-width: 1250px) {
    .subnavigation-container .content-wrapper .content {
        box-sizing: border-box;
    }
}

.subnavigation-container .breadcrumb {
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.subnavigation-container .breadcrumb > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media screen and (max-width: 1024px) {
    .subnavigation-container .breadcrumb {
        height: auto;
        padding: 10px;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .subnavigation-container .breadcrumb a.breadcrumb-button {
        width: 100%;
        text-align: center
    }

    .mobile-menu-open .shopEntrance-content .shopEntranceDetail{
        display: none;
    }

    .mobile-menu-open .shopEntrance-content .shopEntranceImg{
        height: 70px;
    }

    .mobile-menu-open .shopEntrance-content li{
        text-align: center;
    }
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .breadcrumb {
        padding: 0 15px;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 110px;
        background-color: white;
    }
}

@media screen and (min-width: 1250px) {
    .subnavigation-container .breadcrumb {
        padding: 0 60px;
        height: 110px
    }
}

.subnavigation-container .breadcrumb > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.subnavigation-container .breadcrumb .breadcrumb-button {
    background-color: #b61910;
    padding: 10px;
    color: white;
    display: block;
    box-sizing: border-box;
    text-decoration: none
}

.subnavigation-container .breadcrumb .close {
    width: 38px;
    height: 38px;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    position: relative
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .breadcrumb .close {
        display: block
    }
}

.subnavigation-container .breadcrumb .close:before {
    /*font-family: 'Icons' !important;*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    content: "\e601";
    color: white;
    font-size: 16px;
    top: 10px;
    left: 11px;
    font-weight: 900;
}

.clear{
    float: none!important;
    clear: both!important;
}

@media screen and (min-width: 1025px) {
    .shopEntrance-content{
        width: 100%;
    }

    .shopEntrance-content li a{
        cursor: pointer;
    }

    .shopEntrance-content li{
        float: left;
    }

    .shopEntrance-content li:first-child{
        margin-left: -5%;
    }

    .shopEntranceDetail{
        color: #000;
        font-size: 14px;
        display: block;
        padding-top: 40px;
    }

    .shopEntrance-content ul{
        text-align: center;
        overflow: hidden;
        display: flex;
        justify-content: space-around;
    }
    .shopEntranceImg{
        height: 68px;
    }
    .navigation-leftImage{
        width: 100%;
        height: 100%;
    }

    .promise-img ul li:not(:first-child){
        margin-left: 35px;
    }

    .navigation-leftImage-details{
        position: absolute;
        bottom: 6px;
        width: 100%;
        height: 30px;
        background-color: rgba(255, 255, 255, 0.8);
    }

    .navigation-leftImage-span{
        display: block;
        text-align: center;
        font-size: 12px;
        line-height: 30px;
        color: #010101;
    }

    .cut-off{
        background-color: #FFF;
        width: 2px;
        height: 20px;
        margin: 25px 70px 0 70px;
        z-index:9999;
    }
}

@media screen and (max-width: 1115px){
    .cut-off{
        margin: 40px 50px 0 50px;
    }
}

@media screen and (max-width: 1075px){
    .cut-off{
        margin: 40px 24px 0 24px;
    }
}

.main-navigation>li, .cut-off{
    float: left;
}

.shoppingCart{
    text-decoration: none;

    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;

    display: inline-block;
    padding: 8px;
    word-wrap: break-word;

    cursor: pointer;
}

.shoppingCart:before{
    content: '\BB';
    /* font-family: LatoRegular; */
    margin-right: 5px;
    position: relative;
    bottom: 1px;
    display: inline-block;
}

@media screen and (min-width: 1025px) {

    .userOrCartContainer{
        display: none;
    }

    .shoppingCart-container{
        width: 300px;
        height: auto;
        background-color: #ffffff;
        position: absolute;
        right: 0;
        display: none;
        padding: 0 15px;

        webkit-box-shadow: 0 0 10px gray;
        -moz-box-shadow: 0 0 10px gray;
        box-shadow: 0 0 10px gray;
    }

    .shoppingCart-list{
        width: 100%;
        overflow: auto;
        margin-top: 15px;
        border-bottom: 1px solid #e0e0e0;

    }

    .showCart{
        display: block;
    }

    .shoppingCart-content:hover .shoppingCart-container{
        display: block;
    }

    .shoppingCartCell{
        position: relative;

        display: flex;
        display: -webkit-flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .shoppingCartCell>img{
        width: 40px;
        float: left;
    }

    .shoppingCart-product-info{
        width: calc(70% - 50px);
        float: left;
        font-size: 12px;
        color: #333333;
        margin-left: 10px;
    }

    .shoppingCart-product-info>span{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .shoppingCartCell>.el-input-number{
        position: absolute;
        right: 0;
        bottom: 10px;
    }

    .shoppingCartCell .el-input__inner:hover{
        border-color: #bd1117;
    }

    .el-input-number__decrease:hover, .el-input-number__increase:hover {
        color: #bd1117;
    }

    .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
        border-color: #bd1117;
    }

    .shoppingCart-bottom{
        /*background-color: #f9f9f9;*/
        padding: 10px 0;
        text-align: right;
    }

    .shoppingCart-money-info{
        font-size: 14px;

        display: flex;
        display: -webkit-flex;
        align-items: center;
    }

    .shoppingCart-money{
        font-size: 22px;
        color: #f66567;
    }

    .shoppingCart-btn{
        height: 25px;
        background-color: #bd1117;
        border-radius: 3px;
        text-align: center;
        color: white;
        font-size: 12px;
        font-weight: 200;
        border-width: 0;
        line-height: 25px;
        padding: 3px 10px;
    }

    .shoppingCart-btn:hover{
        color: white;
    }

    .shoppingCart-cell-right{
        font-size: 12px;
        width: 30%;
    }

    .shoppingCart-cell-right>span{
        display: block;
        width: 100%;
        text-align: right;
    }

    .shoppingCart-cell-delete{
        cursor: pointer;
        margin-top: 5px;
    }

    .shoppingCart-product-price{
        color: #bd1117;
    }

    .shoppingCart-hd{
        padding: 20px 0 5px;
        font-size: 12px;
    }

    .shoppingCart-bottom>span{
        font-size: 12px;
        display: block;
    }
}

@media screen and (max-width: 1024px){
    .top-navigation{
        display: none !important;
    }

    .userOrCartContainer{
        position: absolute;
        right: 0;
        top: 0;
        height: 70px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }

    .userOrCartContainer i{
        font-size: 30px;
        margin-right: 8px;
        color: white;
    }

    .main-navigation .logo{
        display: none;
    }

    .header>.logo{
        position: absolute;
        top: 10px;
        left: calc(50% - 57px*0.555);
    }
}

@media screen and (min-width: 1025px) {
    .header>.logo{
        display: none;
    }

    .main-navigation .logo{
        display: block;
        margin: 0 40px;
    }

    .header .main-navigation, .header{
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }

    .navigation-link .title{
        border-radius: 30px;
        line-height: 30px;
        width: 100px;
        text-align: center;
        font-size: 18px;
    }

    .navigation-link:hover .title {
        background-color: white;
        color: #1a7d46;
    }

    .menu-title-selected{
        background-color: white;
        color: #1a7d46 !important;
    }
}