:root {
	--global-theme-color-wlm: #D30325;
	--global-theme-color-fce: #82b338;
	--global-theme-color-lwf: #82b338;
	--global-theme-color-agf: #82b338;
}

.fr .cc_banner-wrapper {
	display: none !important;
}

.top-header {
    background-image: url('/wp-content/themes/FCE_new/images/fce-header-1-bg.jpg');
    background-repeat: no-repeat;
    background-position: center 0;
    min-height: 528px;
    margin-bottom: 70px;
}

.home .top-header,
.home .top-header-new {
    /*background-image: url('/wp-content/themes/FCE_new/images/fce-header-xmas-bg.jpg');*/
}

    .home .top-header .wrap {
        padding-top: 50px;
    }
.page-template-editor-page .top-header {
    background-image: url('/wp-content/themes/FCE_new/images/fce-header-3-bg.jpg');
}
    .top-header br {
        display: block;
        content: "";
        margin-top: 0;
    }
    .top-header .wrap {
        margin: 0 auto;
        height: 100%;
        position: relative;
        padding-top: 60px;
        width: 1050px;
    }
        .top-header img {
            max-width: none;
            margin-left: 80px;
        }
        .top-header .col:first-child img + p {
            margin-left: 80px;
        }
        .top-header .col + .col {
            padding-left: 50px;
        }
        .top-header .wrap h1 {
            color: #6b6a65;
            font-size: 44px;
            font-weight: bold;
            line-height: 1.2em;
            margin-bottom: 13px;
            margin-top: 0;
            text-align: left;
        }
        .top-header .subheadline {
            color: #4e8028;
            font-size: 25px;
            margin-bottom: 50px;
        }
        .top-header .btn {
            margin-bottom: 10px;
            margin-top: 10px;
        }
        .top-header input[type="number"],
        .top-header input[name="letters"] {
            padding: 5px 15px;
            font-size: 32px;
            max-width: 95px;
            border: 1px solid #b7b7b7;
            border-radius: 5px;
            color: #7b7b7b;
            text-align: center;
            font-weight: bold;
            font-family: Open Sans;
            line-height: 41px;
        }
        .top-header input[name="number"] {
			padding: 5px;
			max-width: 110px;
		}
        .top-header input[name="letters"] {
            max-width: 340px;
            text-transform: uppercase;
        }
        .top-header input[type="number"]:focus,
        .top-header input[name="letters"]:focus {
            border-color: #b7b7b7;
            outline: none;
        }
        .product-header a.passive,
        .top-header a.passive {
            font-size: 14px;
        }
.top-header + .trustbar {
    margin-bottom: 50px;
}
.top-header .col > .subheadline:first-child {
    margin-top: 20px;
    margin-bottom: 5px;
    color: #6b6a65;
}
.top-header .subheadline + h1 {
    margin-top: 0;
}

.product-header {
    margin-bottom: 70px;
    position: relative;
}
    .product-header img,
    .collage-simulator img {
        max-width: none;
        max-height: none;
    }
    .product-header .bubble,
    .collage-simulator .bubble {
        position: absolute;
        top: 0;
        left: 25px;
    }
    .product-header ul.checks li,
    .collage-simulator ul.checks li {
        font-size: 23px;
        margin-bottom: 5px;
    }
    .product-header .btn,
    .collage-simulator .btn {
        margin-bottom: 8px;
    }
    .product-header .ratingbox,
    .collage-simulator .ratingbox {
        margin-bottom: 40px;
    }
    .product-header .upload-combi {
        margin-bottom: 20px;
    }
    .product-header .trustbar {
        margin-top: 20px;
    }

    .product-header.landing p {
        margin-bottom: 0;
    }
    .product-header.landing .ratingbox {
        margin: 0 auto;
    }
    .product-header.landing .btn {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    
.top-header-new.v3 {}
	.top-header-new.v3 .subheadline {
		font-family: 'Caveat';
		font-size: 35px;
		color: #82b338;
	}
	
.top-header-new.xmas2,
.home .top-header,
.home .top-header-new- {
    /*background-image: url('/wp-content/themes/FCE_new/images/lwf-home-header-bg-xmas-3.jpg') !important;*/
    background-size: cover;
    /*background-position-x: left;*/
}

.trustbar {
    background-color: #f4f4f4;
    text-align: center;
}
    .trustbar img {
        vertical-align: top;
    }

.contact-form {
    border: 1px solid #ddd;
    padding: 20px;
    width: 500px;
}
    .contact-form input,
    .contact-form textarea {
        width: 100%;
    }
    .contact-form textarea {
        border: 1px solid #ddd;
        color: #7b7b7b;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 1.3em;
        padding: 10px;
    }


.home-product-boxes .wrap {
    border: 1px solid #d9d9d9;
    clear: both;
    margin-bottom: 30px;
    min-height: 135px;
    padding: 10px 20px;
    text-align: right;
}
    .home-product-boxes a.wrap {
        color: inherit;
        display: block;
        min-height: 148px;
    }
    .home-product-boxes .wrap p:first-child {
        margin-top: 15px;
    }
    .home-product-boxes .wrap p {
        display: inline-block;
        float: left;
        font-size: 24px;
        min-width: 140px;
        text-align: left;
        vertical-align: top;
    }
    .home-product-boxes .wrap p + p {
        font-size: 12px;
        line-height: 1.3em;
    }
    .home-product-boxes .wrap small {
        font-size: 18px;
    }
    .home-product-boxes a.wrap:hover .link {
        text-decoration: underline;
    }
    .home-product-boxes img {
        margin-bottom: 0;
        max-width: 115px;
    }
.home-product-boxes .wrap.last {
    background-color: #82b338;
    border: 1px solid #82b338;
    color: #fff;
    display: block;
    height: 137px;
    text-align: center;
}
    .home-product-boxes .wrap.last .bigger {
        display: inline-block;
        font-size: 24px;
        line-height: 1em;
        margin-top: 10px;
    }
        .home-product-boxes .wrap.last .bigger .smaller {
            font-size: 16px;
            line-height: 1.3em;
            margin: 0 0 7px 0;
        }
    .home-product-boxes .wrap.last small {
        font-size: 18px;
    }
    .home-product-boxes .wrap.last .smaller {
        display: block;
        font-size: 13px;
        line-height: 1em;
        margin: 0 0 12px;
    }
    .home-product-boxes .wrap.last span small {
        font-size: 12px;
    }

.landing-simulator-1 {
    position: relative;
}
    .landing-simulator-1 .marker {
        font-size: 24px;
        line-height: 24px;
        padding: 10px 20px;
    }
        .landing-simulator-1 .marker .f-right {
            font-size: 54px;
            line-height: 48px;
            margin-left: 10px;
        }
    .landing-simulator-1 .preview {
        background-image: url('/wp-content/themes/FCE/images/simulator-landing1-bg.jpg');
        background-repeat: no-repeat;
        border: 1px solid #dddddd;
        height: 347px;
        margin-top: 15px;
        margin-bottom: 40px;
        position: relative;
        text-align: center;
    }
        .landing-simulator-1 .preview .table {
            display: table;
            height: 190px;
            margin-top: 10px;
            width: 100%;
        }
            .landing-simulator-1 .preview .table-cell {
                display: table-cell;
                vertical-align: bottom;
            }
                .landing-simulator-1 .preview img {
                    box-shadow: 0 0 5px 0 #888;
                    vertical-align: top;
                    max-height: none;
                    max-width: 204px;
                    /*transition: width 0.5s, height 0.5s;*/
                }
    .landing-simulator-1 .slider-wrap {
        margin-bottom: 10px;
    }
    .landing-simulator-1 .row {
        display: table;
        margin: 0;
        width: 100%;
    }
        .landing-simulator-1 .col {
            border-left: 1px solid #818181;
            display: table-cell;
            float: none;
            line-height: 1em;
            padding: 0;
            vertical-align: bottom;
            width: 33.333%;
        }
        .landing-simulator-1 .col:first-child {
            border-left: 0;
        }
        .landing-simulator-1 .col p {
            margin-bottom: 0;
            font-size: 24px;
        }
        .landing-simulator-1 .col small {
            font-size: 18px;
            line-height: 1em;
        }
    .landing-simulator-1 .nav {}
        .landing-simulator-1 .nav span {
            color: #bc3e1e;
            cursor: pointer;
            font-size: 18px;
            line-height: 1.3em;
            margin: 0 10px;
        }
        .landing-simulator-1 .nav span.active {
            color: #7b7b7b;
        }
    .landing-simulator-1[data-version="collage"] .js-sim-price small {
        display: none;
    }
    .landing-simulator-1[data-version="collage"] .js-sim-price .red {
        color: #7b7b7b !important;
    }
    
.content-switcher {}
    .content-switcher .preview {
        border: 1px solid #ddd;
        height: 326px;
        line-height: 326px;
        margin-bottom: 20px;
        overflow: hidden;
        position: relative;
        text-align: center;
        width: 100%;
    }
    .content-switcher .preview > img {
        height: auto;
        margin: 0;
        max-height: none;
        max-width: none;
        vertical-align: middle;
        width: auto;
    }
    .content-switcher .thumbs li {
        border: 2px solid #ddd;
        cursor: pointer;
        display: inline-block;
        float: left;
        height: 100px;
        margin-left: 2%;
        margin-top: 0;
        overflow: hidden;
        position: relative;
        width: 32%;
    }
    .content-switcher .thumbs li.active {
        border-color: #82b338;
    }
    .content-switcher .thumbs li:first-child {
        margin-left: 0;
    }
        .content-switcher .thumbs img {
            height: auto;
            left: 0;
            margin: 0;
            max-height: none;
            max-width: none;
            position: absolute;
            top: 0;
            vertical-align: top;
            width: 100%;
        }      
	.suspensions input[name="quantity"] {
		width: 40px;
	}


.price-table {
    margin: 15px 0;
}
    .price-table .nav {
        margin: 40px 0 20px 0;
    }
        .price-table .nav span {
            font-size: 18px;
            line-height: 1em;
            margin: 0 10px;
            cursor: pointer;
        }
        .price-table .nav .active {
            color: #7b7b7b;
            text-decoration: none;
        }
    .price-table .wrap {
        display: none;
    }
    .price-table .wrap.active {
        display: block;
    }
    .price-table .section {
        background-color: #f4f4f4;
        color: #7b7b7b;
        display: block;
        font-size: 24px;
        font-weight: bold;
        line-height: 1em;
        margin-bottom: 2px;
        padding: 15px 10px;
        text-align: center;
    }
    .tabify-wrapper .price-table .section {
        display: none !important;
    }
    .price-table table {
        display: none;
        margin: 0;
        width: 100%;
    }
    .price-table table.active {
        display: table;
    }
        .price-table th,
        .price-table td {
            font-size: 18px;
            line-height: 1em;
            padding: 15px 10px;
            text-align: right;
        }
        .price-table th {
            color: #7b7b7b;
            font-weight: bold;
        }
        .price-table td {
            border-top: 1px solid #dddddd;
            vertical-align: middle;
        }
        .price-table tr:hover td {
            background-color: #e4eed7;
        }
        .price-table tbody tr:first-child td,
        .price-table tr.hidden td {
            border-top: 0;
        }
        .price-table thead th {
            background-color: #d9d9d9;
        }
        .price-table th:first-child,
        .price-table td:first-child {
            text-align: center;
            width: 50px;
        }
        .price-table th:first-child + th,
        .price-table td:first-child + td {
            text-align: left;
            width: 330px;
        }
        .price-table td:first-child + td .icon {
            color: #d9d9d9;
        }
        .price-table th:first-child + th + th,
        .price-table th:first-child + th + th + th,
        .price-table td:first-child + td + td,
        .price-table td:first-child + td + td + td {
            width: 110px;
        }

        .price-table th:last-child,
        .price-table td:last-child {
            padding-left: 0;
            text-align: left;
            width: 50px;
        }
        .price-table td:first-child + td + td + td + td  {
            text-decoration: underline;
        }
        .price-table tr.hidden td,
        .price-table tr.hidden td p {
            font-size: 11px;
            text-align: left;
        }
        .symbol-size {
            background-color: #fff;
            border: 1px solid #bababa;
            color: #bababa;
            display: inline-block;
            font-size: 14px;
            font-weight: bold;
            line-height: 28px;
            width: 30px;
            text-align: center;
        }
        .price-table a {
            color: inherit;
        }
        .price-table tr.hidden {
            display: none;
        }
        .price-table tr.hidden.active {
            display: table-row;
        }
            .price-table td:last-child .icon {
                display: none;
            }
            .price-table tr:hover td:last-child .icon {
                display: inline;
            }

.delivery-table {
    height: 382px;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.delivery-table.full {
    height: auto;
    overflow: visible;
    padding-bottom: 40px;
}
    .delivery-table table {
        margin-top: 0;
    }
    .delivery-table th:first-child + th {
        width: 150px;
    }
    .delivery-table .show-all {
        background-color: #fff;
        position: absolute;
        text-align: center;
        bottom: 0px;
        width: 100%;
    }
        .delivery-table .show-all .btn {
            margin-top: 20px;
        }
    .delivery-table tr:hover td {
        background-color: #e4eed7;
    }

.delivery-boxes {
    margin: 30px 0;
}
    .delivery-boxes .headline {
        background-color: #595959;
        color: #fff;
        font-weight: bold;
        font-size: 19px;
        line-height: 1.3em;
        padding: 10px;
        text-align: center;
    }
        .delivery-boxes .wrap {
            background-color: #f4f4f4;
            line-height: 1em;
            padding: 20px 0;
            text-align: center;
        }

.delivery-calendar {
    margin-top: 30px;
    position: relative;
}
.delivery-calendar {
    margin-bottom: 60px;
}
    .delivery-calendar td {
        border-right: 1px solid #ddd;
        padding: 7px 0;
        width: 10%;
    }
    .delivery-calendar tr:first-child td {
        padding: 0;
        border-right: 0;
    }
    .delivery-calendar tr:first-child td:first-child {
        padding: 10px 0;
    }
        .delivery-calendar tr:first-child strong {
            display: block;
            font-size: 16px;
            margin-bottom: 10px;
        }
        .delivery-calendar tr:first-child small {
            display: block;
            font-size: 12px;
        }
    .delivery-calendar tr:first-child + tr td {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f1f1f1;
    }
    .delivery-calendar tr:first-child + tr td.disabled {
        color: #f00 !important;
    }
    .delivery-calendar tr:first-child + tr td,
    .delivery-calendar tr:first-child + tr + tr td {
        font-weight: bold;
        font-size: 18px;
    }
    .delivery-calendar tr:first-child + tr + tr td.disabled,
    .delivery-calendar tr:first-child + tr + tr td.disabled strong {
        color: #bababa !important;
    }
    .delivery-calendar tr:first-child + tr + tr td {
        font-size: 14px;
        border-bottom: 1px solid #ddd;
    }
        .delivery-calendar tr:first-child + tr + tr td strong {
            color: #4e8028;
            font-size: 32px;
            line-height: 1em;
        }
    .delivery-calendar td:first-child {
        background-color: #7b7b7b !important;
        color: #fff !important;
    }
    .delivery-calendar td:first-child strong,
    .delivery-calendar tr:first-child {
        color: #fff !important;
    }
    .delivery-calendar tr:first-child div {
        line-height: 1em;
        padding: 10px 0;
        position: relative;
    }
        .delivery-calendar tr:first-child div strong {
            line-height: 1.1em;
        }
    .delivery-calendar tr:first-child div:after {
        border-style: solid;
        border-width: 10px 8px 0;
        bottom: -10px;
        content: "";
        display: block;
        left: 41%;
        position: absolute;
        width: 0;
    }
    .delivery-calendar td.overnight div {
        background-color: #4e8028;
    }
        .delivery-calendar td.overnight div:after {
            border-color: #4e8028 transparent;
        }
    .delivery-calendar td.express div {
        background-color: #82b338;
    }
        .delivery-calendar td.express div:after {
            border-color: #82b338 transparent;
        }
        .delivery-calendar td.express div > strong:first-child {
	        line-height: 2.2em;
	    }
    .delivery-calendar td.standard div {
        background-color: #c3bf45;
    }
        .delivery-calendar td.standard div:after {
            border-color: #c3bf45 transparent;
        }
        .delivery-calendar td.standard div > strong:first-child {
	        line-height: 2.2em;
	    }

.three-steps ul {}
    .three-steps ul li {
        color: #bababa;
        display: inline-block;
        font-size: 14px;
        line-height: 1em;
        font-weight: bold;
    }
    .three-steps ul li:first-child + li,
    .three-steps ul li:first-child + li + li + li {
        margin: 0 50px;
    }
    .three-steps img {
        margin-top: 17px;
    }

.info-text {
    text-align: left !important;
}
.info-text.bg-lightgrey {
    padding: 20px;
}
    .info-text .wrap {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
    .info-text .clearfix {
        overflow: auto;
    }
    .info-text img {
        border: 1px solid #ddd;
        max-width: 220px;
    }
    .info-text p,
    .info-text ol li,
    .info-text ul li {
        font-size: 14px;
        line-height: 1.3em;
        text-align: justify;
    }
    .info-text h3 {
        font-size: 16px;
        line-height: 1.3em;
        margin-bottom: 5px;
        margin-top: 30px;
    }
    .info-text ul {
        padding-left: 30px;
        margin: 10px 0;;
    }
        .info-text ul li {
            font-size: 12px;
            line-height: 1.3em;
            margin: 0;
        }
    .info-text table {
        font-size: 12px;
        margin: 10px 0;
    }
    .info-text table th,
    .info-text table td {
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        padding: 2px;
    }
    .info-text table th:first-child,
    .info-text table td:first-child {
        border-left: 1px solid #ddd;
    }
    .info-text table tr:first-child td,
    .info-text table tr:first-child th {
        border-top: 1px solid #ddd;
    }

.special-ideas {
    background-image: url('/wp-content/themes/FCE/images/wood-texture-bg.png');
    background-repeat: repeat-y;
    box-shadow: 0 3px 3px -3px #999;
    padding: 50px 20px 20px 20px;
}
    .special-ideas h1 {
        border: 0;
        color: #4e8028;
        margin-bottom: 50px;
    }
    .special-ideas h2 {
        color: #4e8028;
        font-family: 'Gloria Hallelujah', Arial, Helvetica, sans-serif;
        font-size: 40px;
        font-weight: normal;
        line-height: 1.3em;
    }
    .special-ideas small {
        font-size: 12px;
        line-height: 1.2em;
    }
    .special-ideas .wrap {
        margin-top: 30px;
    }
    .special-ideas .btn {
        margin-top: 5px;
        font-size: 14px;
    }
    .special-ideas .text-wrap {
        padding: 0 40px;
    }
    .special-ideas .row {
        margin-bottom: 40px;
    }
    .special-ideas p {
        font-size: 14px;
    }
    .special-ideas img + p {
        margin-top: 20px;
    }
    .special-ideas .product-header {
        margin-bottom: 10px;
    }
    .special-ideas .product-header .row {
        margin-bottom: 0;
    }
    .special-ideas .product-header img {
        margin-left: -50px;
        margin-bottom: -40px;
    }
    .special-ideas .product-header .btn {
        font-size: 28px;
    }

.page-template-idea-page .breadcrumb {
    line-height: 0;
    margin: 18px 30px -40px;
    position: static;
}
    .page-template-idea-page .breadcrumb .wrap {
        line-height: 1em;
    }
.page-template-idea-page .site-content {
    margin-top: 0;
    position: relative;
}

.boilerplate {
    font-size: 12px;
    color: #a0a0a0;
}
    .boilerplate a {
        color: #a0a0a0;
    }
    .boilerplate .link {
        text-decoration: underline;
    }

.faq-list {
    color: #bc3e1e;
}

.image-grid .col img {
    box-shadow: 0 0 3px 0 #ccc;
}


.home-top-3 {}
    .home-top-3 img {
        vertical-align: top;
        margin-bottom: 0;
    }
    .home-top-3 p {
        margin-bottom: 0;
    }
    .home-top-3 .col div {
        background-color: #f9f9f9;
        padding: 20px;
        min-height: 320px;
    }
    .home-top-3 h2 {
        color: #534727;
        font-size: 20px;
        font-weight: normal;
        margin-top: 0;
    }

.showroom {
    position: relative;
}
    .showroom .wrap {
        position: absolute;
        background-color: rgba(255,255,255,0.85);
        width: 420px;
        top: 33px;
        right: 0;
        padding: 30px 3px 50px 42px;
    }
        .showroom .wrap h2 {
            font-size: 36px;
            font-weight: bold;
            line-height: 44px;
            margin-top: 0;
            padding-top: 0;
        }
        .showroom p {
            font-size: 18px;
            line-height: 1.3em;
        }
        .price-feed {
          background-color: transparent;
          border-radius: 4px;
          color: #333;
          display: block;
          line-height: 21px;
          padding: 20px;
          margin: 0 auto;
          max-width: 325px;
        }
            .price-feed .f-left {
                border-right: 1px solid #333;
                padding-right: 20px;
            }
            .price-feed .f-right {
                padding-left: 20px;
            }
                .price-feed .price {
                    display: block;
                    font-size: 48px;
                    font-weight: bold;
                    letter-spacing: -3px;
                    line-height: 40px;
                    padding-bottom: 4px;
                }
        .price-feed + .btn {
          margin-left: auto;
          margin-right: auto;
          display: block;
          max-width: 325px;
          text-align: center;
        }
        @media (max-width: 768px) {
          .price-feed + .btn {
            width: 100%;
            max-width: none;
          }
        }

.feedback-row {
    background-color: #f5f5f5;
    padding: 20px 20px 20px 5px;
    margin-bottom: 10px;
}
    .feedback-row p + p {
        margin-bottom: 0;
    }

.home h4 {
    color: #ff9000;
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 10px;
}

.product-table {}
    .product-table th {
        font-weight: bold;
    }
    .product-table td:first-child {
        background-color: #e2e2e2;
        padding: 0;
        width: 220px;
    }
    .product-table td:first-child div {
        position: relative;
        padding: 30px 25px;
    }
        .product-table td span.icon {
            background-color: #b5b5b5;
            bottom: 2px;
            color: #e2e2e2;
            cursor: pointer;
            font-size: 12px;
            line-height: 16px;
            position: absolute;
            right: 5px;
        }
        .product-table td {
            vertical-align: middle;
        }
    .product-table .description.collapsed {
        display: none;
    }
        .product-table .description td {
            vertical-align: top;
            text-align: left;
        }

.tip-box {
    border: 1px solid #a9c980;
    border-radius: 5px;
    padding: 3% 4%;
    position: relative;
    margin: 50px 0;
}
.tip-box:before {
    color: #a9c980;
    content: '\f0eb';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    position: absolute;
    top: 40%;
    left: 4%;
}
    .tip-box p {
        font-size: 21px;
        line-height: 1.3em;
        margin: 0;
        position: relative;
        padding-left: 50px;
    }

.recommend-box {
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 10px;
    margin: 50px 0;
}
    .recommend-box .wrap {
        padding: 15px 0;
    }
    .recommend-box .headline,
    .recommend-box .sub-headline {
        font-size: 36px;
        line-height: 1.1em;
    }
    /*
    .recommend-box .headline {
		font-size: 36px;
        line-height: 1.1em;
    }
    .recommend-box .sub-headline {
        font-size: 24px;
        line-height: 1.1em;
    }
    */
    .recommend-box .headline {
        margin-bottom: 0;
    }
    .recommend-box img {
        margin: 0;
    }

.link-box {
    text-align: center;
}
.link-box ul {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.link-box ul + ul {
    margin-left: 170px;
}

.template-slider {
    text-align: center;
}
.template-slider.mode-bilderwand[theme="wohnzimmer"] .wrap {
	background-image: url('/global/images/wandcollage-bg-wohnraum-2.jpg');
	background-size: cover;
	min-height: 478px;
}
.template-slider.mode-bilderwand[theme="treppe"] .wrap {
	background-image: url('/global/images/wandcollage-bg-treppe-2.jpg');
	background-size: cover;
	min-height: 478px;
}
    .template-slider .wrap {
        margin: 25px 0;
        position: relative;
    }
        .template-slider .slide-wrap {
            width: 100%;
        }
            .template-slider .slide-wrap .column {
                display: inline-block;
                margin: 0 10px;
            }
            .template-slider .left {
                margin-right: 4%;
            }
            .template-slider .left,
            .template-slider .right {
                display: inline;
            }
                .js-template-slider [data-template] img {
                    margin-top: 4px;
                    /*
                    max-width: 46%;
                    */
                    max-height: 284px;
                    width: auto;
                    position: absolute;
                    z-index: -1;
                    left: -9999;
                }
                .js-template-slider .active[data-template] img {
                    box-shadow: 1px 1px 4px 0 #999;
                }
                .template-slider.finished .js-template-slider img {
					position: static;
					left: 0;
					z-index: 1;
					box-shadow: 0 0 5px 0px #999;
                }
                .template-slider.mode-bilderwand .js-template-slider img {
					box-shadow: none;
					max-width: 600px;
				}
                .template-slider.mode-bilderwand[theme="wohnzimmer"] .js-template-slider img {
					margin-top: 80px;
				}
				.template-slider.mode-bilderwand[theme="treppe"] .js-template-slider img {
					margin-left: 170px;
					margin-top: 80px;
				}
                .js-template-slider .column img {
                    max-width: none;
                }
        .template-slider .js-prev,
        .template-slider .js-next {
            font-size: 62px;
            cursor: pointer;
            position: absolute;
            top: 45%;
            z-index: 1;
        }
        .template-slider .js-next {
            margin-left: 20px;
            right: 0;
        }
        .template-slider .js-prev {
            margin-right: 20px;
            left: 0;
        }
        .template-slider.mode-bilderwand .js-prev {
			left: 20px;
		}
		.template-slider.mode-bilderwand .js-next {
			right: 20px;
		}
    .template-slider .btn {
        margin-bottom: 25px;
    }
    
.content-slider {
    text-align: center;
}
    .content-slider .wrap {
        margin: 25px 0;
        position: relative;
    }
    	.content-slider .slide {
			padding: 0 40px;
    	}
            .js-content-slider .slide img {
                margin-top: 4px;
                max-height: 284px;
                width: auto;
                position: absolute;
                z-index: -1;
                left: -9999;
            }
            .js-content-slider .slide img.border {
            	border: 1px solid #ddd;
			}
            .js-content-slider .active.slide img {
                box-shadow: 1px 1px 4px 0 #999;
            }
            .content-slider.finished .js-content-slider img {
				position: static;
				left: 0;
				z-index: 1;
            }
            .content-slider .slide p {
				max-width: 300px;
				margin: 0 auto;
            }
            .content-slider .slide .v-middle p {
				max-width: 300px;
				text-align: left;
				margin: 0 0 20px 0;
            }
        .content-slider .js-prev,
        .content-slider .js-next {
            font-size: 62px;
            cursor: pointer;
            position: absolute;
            top: 45%;
            z-index: 1;
        }
        .content-slider .js-next {
            margin-left: 20px;
            right: 0;
        }
        .content-slider .js-prev {
            margin-right: 20px;
            left: 0;
        }
    .content-slider .flag-compare {
		position: static;
		margin-bottom: 5px;
		display: block;
	}
	.content-slider .js-name {
		font-weight: bold;
	}
    .content-slider .btn {
        margin-bottom: 25px;
    }
  .content-slider.enable-toggle:not(.active) > .wrap {
    opacity: 0;
    left: -9000px;
    height: 10px;
  }
  .content-slider.enable-toggle:not(.active) > .wrap + p {
    display: none;
  }
  .content-slider.enable-toggle .js-name {
    cursor: pointer;
  }
    .content-slider.enable-toggle .js-name::after {
      content: ' \e82e';
      font-family: 'fontello';
    }
    .content-slider.enable-toggle.active .js-name::after {
      content: ' \e82f';
    }

.product-boxes {}
    .product-boxes .wrap {
        border: 1px solid #ddd;
        margin-top: 25px;
        padding: 15px;
    }
    .product-boxes .col:first-child .wrap {
        border-right: 0;
    }
    .product-boxes .col:last-child .wrap {
        border-left: 0;
    }
    .product-boxes .col.tip .wrap {
        border: 1px solid #82b338;
        padding-bottom: 40px;
        margin-top: 0;
    }
    .product-boxes .tip + .col .wrap {
        border-left: 0;
    }
    .product-boxes .highlight {
        background-color: #82b338;
        color: #fff;
        line-height: 25px;
        margin-bottom: 0;
    }
    .product-boxes .price {
        line-height: 1em;
        margin-bottom: 0;
        font-weight: 600;
    }
        .product-boxes p {
            line-height: 1.3em;
        }
        .product-boxes .price span {
            font-size: 46px;
            line-height: 1em;
            margin-left: 5px;
        }
        .product-boxes .price sup {
            font-size: 28px;
            line-height: 1em;
        }
    .product-boxes .passive {
        color: #bdbdbd;
    }
    .product-boxes h2 {
        margin: 10px 0 10px 0;
    }

.comparison {
    margin-bottom: 45px;
}
    .comparison .wrap {
        display: inline-block;
        position: relative;
    }
        .comparison img {
            vertical-align: top;
            margin: 0;
        }
        .flag-compare {
            font-size: 48px;
            position: absolute;
            bottom: -34px;
            width: 100%;
            left: 0;
            text-align: center;
            line-height: 1em;
        }
        
.top-3-templates > div > a {
    display: inline-block;
    line-height: 200px;
    margin-bottom: 20px;
}
.top-3-templates > div > a.btn-ghost-orange {
  display: inline-block;
  line-height: 1em;
  width: 90%;
}
.top-3-templates img {
    border: 0 !important;
    box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
    vertical-align: middle;
    margin: 0;
    max-width: 266px;
}
@media (max-width: 768px) {
  .top-3-templates > div > a.btn-ghost-orange {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: clamp(12px, 2vw, 24px);
    min-width: 100px;
    max-width: 300px;
    width: 100%;
  }
  .top-3-templates > div > a {
    line-height: normal;
  }
  .top-3-templates img {
    max-width: 100%;
  }
}

.reviews-wrap {
    position: relative;
    padding-bottom: 50px;
}
    .reviews-wrap .more {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .review-box {
        background-color: #f2f2f2;
        margin-bottom: 15px;
        padding: 20px;
    }
        .review-box .stars,
        .review-stars {
            color: #ffcc00;
            font-size: 18px;
            line-height: 24px;
        }
            .review-box .stars .icon:before,
            .review-stars .icon:before {
                margin: 0;
            }
        .review-box img {
            vertical-align: top;
        }
        .review-box .headline {
            font-size: 20px;
            line-height: 1.3em;
        }
        .review-box p {
            margin-top: 15px;
        }
        
.delivery-tracking {
	border:1px solid #bababa;
	padding:40px
}
.delivery-tracking input {
	background-color:#e5e5e5;
	border-color:#e5e5e5;
	border-radius:0;
	font-size:16px;
	padding:15px;
	width:100%
}
.delivery-tracking tr.finished td {
	padding-bottom:20px
}

.order-status-new {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}
	.order-status-new ul[data-item] {
		display: none;
	}
	.order-status-new ul[data-item].active {
		display: block;
	}
	.order-status-new li {
		font-size: 18px;
	}
	.order-status-new input {
		margin-top: 20px;
		margin-bottom: 20px;
		background-color: #e5e5e5;
	    border-color: #e5e5e5;
	    border-radius: 0;
	    font-size: 16px;
	    padding: 15px;
	    width: 100%;
	}
	.order-status-new input.error {
	    background-color: #ffe0e0;
	    border-color: #f00;
	}
	.order-status-new input[name="cid"] {
		margin-top: 5px;
		margin-bottom: 0;
	}
	.order-status-new input[name="plz"] {
		margin-top: 10px;
	}
	.order-status-new li.progress > div {
		/*
		display: flex;
		align-items: center;
		justify-content: center;
		*/
		position: relative;
		width: 74px;
		margin: 0 auto;
	}
	.order-status-new .arrow {
		color: #ddd;
		height: 30px;
	}
	.order-status-new li.active .arrow {
		color: #82b338;
	}
	.order-status-new li.passed .arrow {
		color: #82b338;
		opacity: 0.5;
	}
	.order-status-new .symbol {
	    background-image: url(https://www.leinwandfoto.de/global/images/assets/sprite-order-icons.png);
	    background-repeat: no-repeat;
	    background-position: 0 0;
	    display: inline-block;
	    width: 74px;
	    height: 74px;
	}
	.order-status-new li.passed .symbol {
		opacity: 0.5;
	}
	    .order-status-new .symbol-2 {
	        background-position: 0 0;
	    }
	    .order-status-new li.active .symbol-2 {
	        background-position: 0 0;
	    }
	    .order-status-new .symbol-3 {
	        background-position: -80px -77px;
	    }
	    .order-status-new li.active .symbol-3 {
	        background-position: -80px 0;
	    }
	    .order-status-new .symbol-4 {
	        background-position: -160px -77px;
	    }
	    .order-status-new li.active .symbol-4 {
	        background-position: -160px 0;
	    }
	    .order-status-new .symbol-6 {
	        background-position: -240px -77px;
	    }
	    .order-status-new li.active .symbol-6 {
	        background-position: -240px 0;
	    }
	    .order-status-new .symbol-7 {
	        background-position: -320px -77px;
	    }
	    .order-status-new li.active .symbol-7 {
	        background-position: -320px 0;
	    }
	    .order-status-new li .description {
			position: absolute;
			top: 25px;
			right: 90px;
			width: 300px;
			text-align: right;
	    }
	    .order-status-new li .finished {
	    	display: none;
			position: absolute;
			top: 25px;
			left: 90px;
			width: 300px;
			text-align: left;
	    }
		.order-status-new .passed .finished {
			display: block;
		}
	.order-status-new .tracking-code {
	    border: 1px solid #ccc;
	    display: inline-block;
	    font-size: 2em;
	    font-weight: 700;
	    line-height: 1em;
	    margin: 10px 0;
	    padding: 20px 25px;
	}
	.order-status-new .switch p {
	    font-size: 24px;
	    margin-top: 5px;
	    margin-bottom: 0;
	}
	.order-status-new .js-product {
	    color: #82b338;
	    font-size: 20px;
	}
	.order-status-new .box {
		font-size: 14px;
		line-height: 1.3em;
		padding: 20px;
		margin: 40px 0;
	}
	.order-status-new .delivery-tracking {
		margin: 10px 0;
	}
	
.contact-header .tracking {
	max-width: 480px;
	margin-top: 40px;
}
.contact-header .tracking a {
	color: #7b7b7b !important;
	text-decoration: underline;
}
.tracking a {
	display: flex;
	align-items: center;
	justify-content: left;
}
	.tracking a {
    font-size: 32px;
    line-height: 1em;
    margin-bottom: 20px;
	}
	.tracking a span:first-child {
		margin-right: 20px;
	}
	.tracking a img {
		width: 80px;
		image-rendering: crisp-edges;
		vertical-align: top;
		margin: 0;
	}

.product-grid a:not(.btn) {
  margin-bottom: 20px;
  display: block;
  color: inherit;
}
.product-grid a + select {
  margin-top: -20px;
  margin-bottom: 20px;
}
.product-grid a:hover {
	text-decoration: none;
}
    .product-grid .image {
      background-color: #f7f7f7;
      border-radius: 10px;
      display: flex;
      padding: 15px;
      margin-bottom: 10px;
      aspect-ratio: 1/1;
      align-items: center;
      justify-content: center;
    }
    .product-grid img {
      margin: 0;
      vertical-align: top;
      box-shadow: -3px 3px 5px 0 rgba(0,0,0,0.3);
      border: 3px solid #000;
      box-sizing: border-box;
      max-width: 250px;
      max-height: 250px;
      width: auto;
    }
    .product-grid.ipad img {
      border: 6px solid #000;
      border-radius: 15px;
    }
	.product-grid p {
		margin-bottom: 0;
		line-height: 1em;
	}
	.product-grid a .image + p,
  .product-grid a img + p {
		text-decoration: underline;
	}
  .product-grid a > p:first-child {
		margin-bottom: 10px;
    font-weight: 600;
	}
	.product-grid small {
		font-size: 12px;
	}
  .product-grid .col {
		padding-top: 15px;
		padding-bottom: 15px;
	}
  .product-grid .btn {
		width: 100%;
	}
@media (max-width: 768px) {
  .product-grid img {
    max-width: 100%;
    max-height: 100%;
  }
  .product-grid .btn {
    font-size: 13px;
  }
  .product-grid > .col {
    min-height: 335px;
  }
}



/*------------------------------------*\
    #9 - LANDING PAGE
\*------------------------------------*/

.code-box {
    background-color: #82b338;
    padding: 10px 25px;
}
    .code-box p {
        color: #fff;
        font-size: 18px;
    }
    .code-box p.code {
        background-color: #fff;
        color: #000;
        font-weight: bold;
        font-size: 40px;
        line-height: 1.3em;
        margin-top: 15px;
    }
    
.motif-slider {
    text-align: center;
}
	.motif-slider .slide {
        display: none;
    }
    .motif-slider.loaded .slide {
        display: block;
    }
    .motif-slider .navi li {
        display: inline-block;
        margin-left: 4px;
        margin-right: 4px;
    }
    .motif-slider > .wrap {
    	display: none;
        margin: 25px 0;
        position: relative;
        width: auto;
    }
    .motif-slider > .wrap.active {
		display: block;
    }
    .top-header .motif-slider > .wrap {
        margin: 0;
        padding: 0;
    }
        .js-motif-slider-v1 img {
            box-shadow: 1px 1px 4px 0 #999;
            max-width: 250px;
            vertical-align: top;
        }
        .js-motif-slider-v2 img {
            box-shadow: none;
            max-width: none;
            vertical-align: top;
            margin: 0;
        }
        .js-motif-slider-v1 .image {
            display: inline-block;
            margin: 10px;
        }
        
        .motif-slider .js-prev,
        .motif-slider .js-next {
        	position: absolute;
			top: 0;
			bottom: 0;
			height: 100%;
			display: flex;
			align-items: center;
            cursor: pointer;
            z-index: 1;
            margin: 0;
        }
        .motif-slider .js-next {
            padding-left: 20px;
            right: 0;
        }
        .motif-slider .js-prev {
            padding-right: 20px;
            left: 0;
        }
        	.motif-slider .js-prev img,
	        .motif-slider .js-next img {
	            margin: 0;
	        }
    
	.motif-slider .slide.last {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.motif-slider .image img {
	    display: inline;
	}
	.top-header .motif-slider-v2 .passive {
		font-size: 14px;
	}
	
ul.accordion {
	border: 1px solid #ddd;
	border-radius: 5px;
}
	ul.accordion li {
		padding: 10px;
		border-bottom: 1px solid #ddd;
		position: relative;
		margin: 0;
		list-style-type: none;
	}
	ul.accordion li:last-child {
		border-bottom: 0;
	}
	ul.accordion li:after {
		content: '\e82e';
		font-family: fontello;
		position: absolute;
		top: 13px;
		right: 10px;
		font-size: 14px;
		line-height: 1em;
	}
	ul.accordion li.active:after {
		content: '\e82f';
	}
		ul.accordion li .wrap {
			opacity: 0;
			height: 0;
			transition: all 0.3s ease 0s;
			margin: 0;
			overflow: hidden;
		}
		ul.accordion li.active .wrap {
			opacity: 1;
			height: auto;
			padding: 20px 0;
		}
		ul.accordion h3 {
			margin: 0;
		}
		
.ecard-form h2 {
	font-weight: normal;
}
	.ecard-form .col img {
		border: 1px solid #ddd;
	}
	.ecard-form .section {
		margin-bottom: 7px;
		font-weight: 600;
	}
	.ecard-form .section + .row {
		margin-top: 0;
	}
	.ecard-form input,
	.ecard-form textarea {
		width: 100%;
	}
	.ecard-form textarea {
		min-height: 100px;
	}
	.ecard-form .col * {
		color: #bbb;
	}
	.ecard-form .js-result {
		position: relative;
		top: 0;
		right: 10px;
		color: #82b338;
		font-weight: bold;
		font-size: 20px;
	}
	
.info-text {
    text-align: left !important;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
}
.info-text.bg-lightgrey {
    padding: 20px;
}
    .info-text .wrap {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
    .info-text .clearfix {
        overflow: auto;
    }
    .info-text h2 {
        color: #7b7b7b;
        margin-top: 0;
        margin-bottom: 20px;
        text-align: left;
    }
    .info-text p,
    .info-text ol li,
    .info-text ul li {
        font-size: 12px;
        line-height: 1.3em;
        text-align: justify;
    }
    .info-text h3 {
        font-size: 14px;
        line-height: 1.3em;
        margin-bottom: 5px;
        margin-top: 30px;
    }
    .info-text ul {
        padding-left: 30px;
        margin: 10px 0;;
    }
        .info-text ul li {
            font-size: 12px;
            line-height: 1.3em;
            margin: 0;
        }
    .info-text table {
        font-size: 12px;
        margin: 10px 0;
    }
    .info-text table th,
    .info-text table td {
        padding: 2px;
    }
    
.info-text-v2 {
    text-align: left;
}
    .info-text-v2 .wrap {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
    }
    .info-text-v2 h3:first-child {
		margin-top: 0;
    }
    .info-text-v2 h3 {
		color: #82b338;
	    font-family: 'Gloria Hallelujah', Arial, Helvetica, sans-serif;
    }

.big-links .col a {
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 700;
  position: relative;
  transition: background-color 0.3s ease, box-shadow 0.25s ease-out, color 0.25s ease-out;
  font-size: 16px;
  line-height: 1em;
  padding: 5px 10px;
  margin: 5px;
  text-decoration: none;

  border: 2px solid #ff9b00;
	background: none;
	background-color: transparent;
	color: #ff9b00;
}
.big-links .col a:hover, 
.big-links .col a:focus {
	box-shadow: inset 500px 0 0 0 #ff9b00;
	color: #fff;
}
    
    
    
    
/*------------------------------------*\
    #9 - COUPON PAGE
\*------------------------------------*/

.coupon-flag {
    background-image: url('/wp-content/themes/FCE_new/images/coupon-icon-bg-de.png');
    background-repeat: no-repeat;
    color: #dae8c4;
    font-size: 40px;
    font-weight: bold;
    height: 110px;
    line-height: 1em;
    margin: 0 auto;
    padding: 18px 0 0 50px;
    width: 168px;
}
.en .coupon-flag {
    background-image: url('/wp-content/themes/FCE_new/images/coupon-icon-bg-en.png');
}
.fr .coupon-flag {
    background-image: url('/wp-content/themes/FCE_new/images/coupon-icon-bg-fr.png');
}
.nl .coupon-flag {
    background-image: url('/wp-content/themes/FCE_new/images/coupon-icon-bg-nl.png');
}
.es .coupon-flag {
    background-image: url('/wp-content/themes/FCE_new/images/coupon-icon-bg-es.png');
}
.it .coupon-flag {
    background-image: url('/wp-content/themes/FCE_new/images/coupon-icon-bg-it.png');
}
.coupon-label {
    font-size: 24px;
    line-height: 1em;
    margin: 30px 0 20px 0;
}
.coupon-templates .col {
    width: 20%;
}
    .coupon-templates img {
        box-shadow: 0 1px 3px 0 #bababa;
    }





/*------------------------------------*\
    # - ADWORDS COOKIE
\*-----------------0-------------------*/

.ad-campaign .collage-designer + hr,
.ad-campaign .collage-designer + hr + h2,
.ad-campaign .collage-designer + hr + h2 + ol {
    display: none;
}





/*------------------------------------*\
    # - LANGUAGE FIXES
\*------------------------------------*/

.de .site-navi:not(.mega-menu) > ul > li:first-child {
    width: 15%;
}
.de .site-navi:not(.mega-menu) > ul > li:first-child + li + li {
    width: 20%;
}
.de .site-navi:not(.mega-menu) > ul > li:first-child + li + li + li {
    width: 29%;
}

/*
    .site .site-navi:not(.mega-menu) .sub-menu {
        background-color: #457123;
        border-radius: 5px;
        margin-top: 16px;
        padding: 5px;
        max-width: 200px;
    }
    .site .site-navi:not(.mega-menu) .sub-menu:after {
        border-color: #3f6b1d transparent;
        border-style: solid;
        border-width: 0 10px 10px;
        content: "";
        display: block;
        left: 10px;
        position: absolute;
        top: 7px;
        width: 0;
    }
    .site .site-navi:not(.mega-menu) .sub-menu li,
    .site .site-navi:not(.mega-menu) li:hover .sub-menu-wrap,
    .site .site-navi:not(.mega-menu) li:hover .sub-menu {
        display: block;
        text-align: left;
    }
    .site .site-navi:not(.mega-menu) .sub-menu li {
        margin-top: 0;
    }
        .page .site-navi:not(.mega-menu) .sub-menu li a {
            font-size: 14px;
        }
    .site .site-navi:not(.mega-menu) .sub-menu-wrap {
        display: none;
        opacity: 1;
        position: absolute;
        top: 15px;
        z-index: 100;
    }
    .site .site-navi:not(.mega-menu) li:hover .sub-menu-wrap {
        opacity: 1;
        top: 25px;
        animation: fade-and-move ease-in 0.3s;
        animation-duration: 0.3s;
        animation-fill-mode: forwards;
    }
        .site .site-navi:not(.mega-menu) .sub-menu a:hover {
            background-color: #82b338;
            border-radius: 5px;
        }
*/



.it #footer .footer-contact p:first-child + p strong {
    font-size: 33px;
}
.es #footer .footer-contact p:first-child + p strong {
    font-size: 33px;
}

.es .header-site .logo,
.it .header-site .logo {
    /*
    top: -10px;
    position: relative;
    */
}


.price-big {
	font-size: xxx-large;
	line-height: inherit;
}
	.price-big sup {
		font-size: x-large;
	}
	

.mosaic-redirect {}	
	.mosaic-redirect h2 {
		font-size: 40px;
		text-align: left;
	}
	.mosaic-redirect .marker {
		background-color: #009cff;
		padding: 0px 15px;
		color: #fff;
		text-transform: uppercase;
		border-radius: 5px;
		margin-right: 10px;
		display: inline-block;
		font-weight: bold;
		font-size: 31px;
		vertical-align: top;
	}
	
.cheer-wrap {
	position: relative;
	display: inline-block;
}
	.cheer-wrap .btn:active {
		animation: up-down 0.15s linear;
		animation-iteration-count: 1;
	}
	.cheer-wrap canvas {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		pointer-events: none;
	}
	
@keyframes up-down {
	100%,0%{
		transform: translateY(0);
	}
	50%{
		transform: translateY(10px);
	}
}

@media (max-width: 768px) {
	.cheer-wrap > canvas {
		max-width: 100vw;
	}
}


/* mega menu update */
@media (min-width: 768px) {
	.site-navi.mega-menu {
    background-color: #4e8028;
		line-height: 0;
		width: 100%;
	}
		.site-navi.mega-menu .wrap {
			max-width: 960px;
			margin: 0 auto;
			position: relative;
		}
			.site-navi.mega-menu .wrap > ul {
					width: 100%;
					margin: 0 auto;
					text-align: center;
					max-width: none;

					display: flex !important;
					justify-content: space-between;
					padding-right: 65px;
			}
					.site-navi.mega-menu .wrap > ul > li {
							display: flex;
							flex: 1;
							margin: 0;
							position: relative;
							justify-content: center;
							text-align: center;
					}
							.site-navi.mega-menu a {
									color: #fff;
									display: block;
									font-size: 14px;
									line-height: 1em;
									padding: 5px;
									text-decoration: none;
									width: 100%;
							}
                            .site-navi.mega-menu > .wrap > ul > li > .menu-link a {
                                padding: 10px;
                            }
							.site-navi.mega-menu > .wrap > ul > li > .menu-link a:hover {
                                text-decoration: underline;
                            }
							.site-navi.mega-menu > .wrap > ul > li.menu-item-has-children:hover {
								background-color: #457123;
							}
	
	.site-navi.mega-menu .sub-menu-wrap,
    .site-navi.mega-menu .toggle {
		display: none;
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item-has-children:hover > .sub-menu-wrap,
	.site-navi.mega-menu > .wrap > ul > li.menu-item-has-children.active > .sub-menu-wrap {
		display: block;
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item-has-children > .menu-link .toggle {
		display: inline-block;
		width: 8px;
		margin-left: 3px;
		padding-right: 10px;
		box-sizing: content-box;
        color: #fff;
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item-has-children > .menu-link {
		justify-content: center;
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item-has-children .toggle::after {
		border-style: solid;
		border-width: 0.15em 0.15em 0 0;
		content: '';
		display: inline-block;
		height: 8px;
		width: 8px;
		transform: rotate(135deg);
        vertical-align: -2px;
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item-has-children {
		position: unset;
		justify-content: center;
	}
    .site-navi.mega-menu li.menu-item-has-children {
		margin: 0 10px;
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item-has-children > .sub-menu-wrap {
        background-color: #fff;
        width: calc(100% + 380px);
        position: absolute;
        top: 100%;
        height: auto;
        padding: 20px 0;
        left: -190px;
        z-index: 5;
        text-align: left;
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item-has-children > .sub-menu-wrap::before {
		content: '';
		background-color: #fff;
		box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5);
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		width: calc(100vw - 40px);
		position: absolute;
		top: 0;
		left: calc(-50vw + (100% / 2) + 20px);
		height: 100%;
		z-index: -1;
	}
	.site-navi.mega-menu li.menu-item-has-children > .menu-link {
		display: flex;
		flex-flow: row;
	}
	.site-navi.mega-menu li.menu-item-has-children > .menu-link a {
		width: auto;
	}
	.site-navi.mega-menu .sub-menu-wrap li.menu-item-has-children > .menu-link a {
        cursor: inherit;
		font-weight: bold;
		display: inline-block;
	}
    .site-navi.mega-menu .sub-menu-wrap .menu-link a:hover:not([href="javascript:void(0)"]) {
        cursor: pointer;
		color: #bc3e1e !important;
        text-decoration: underline;
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item-has-children > .sub-menu-wrap .menu-link a {
		color: #333;
		background-color: transparent;
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item-has-children > .sub-menu-wrap > .sub-menu {
		display: flex;
		flex-flow: row; 
        justify-content: space-evenly;
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item-has-children > .sub-menu-wrap .sub-menu-wrap {
		display: block;
	}
    .site-navi.mega-menu li.menu-item {
		margin-top: 0;
	}
}

@media (max-width: 768px) {
	.header-wrap {
		position: relative;
	}
    .site-navi.mega-menu > .wrap {
        border-top: 1px solid #ddd;
        margin-top: 10px;
    }
	.site-navi.mega-menu .close {
        cursor: pointer;
        position: relative;
        top: 0;
        right: 0;
        display: inline-block;
        font-size: 26px;
        margin-right: 100%;
        padding: 7px 18px;
    }
	.site-navi.mega-menu:not(.active) {
        display: none !important;
    }
	.site-navi.mega-menu {
		text-align: right !important;
		max-width: 360px;
		margin-left: auto;
		background-color: #fff;
		box-shadow: 0 5px 5px 5px rgba(0,0,0,0.5);
		position: fixed;
		top: 0;
		right: 0px;
		width: 100%;
		padding: 15px;
		z-index: 4;
		height: 100vh;
		overflow: auto;
		overscroll-behavior: contain;
	}
	
	.site-navi.mega-menu .sub-menu-wrap {
		display: none;
	}
	.site-navi.mega-menu li.menu-item-has-children.active > .sub-menu-wrap {
		display: block;
	}
	.site-navi.mega-menu li.menu-item-has-children.active li.menu-item-has-children.active > .sub-menu-wrap {
		border-right: 1px solid #333;
		padding-right: 15px;
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item {
		padding: 10px 0;
		border-bottom: 1px solid #ddd;
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item-has-children {
		text-align: right;
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item > .menu-link {
		text-transform: uppercase
	}
	.site-navi.mega-menu > .wrap > ul > li.menu-item > .menu-link a {
		font-size: 20px;
	}
	.site-navi.mega-menu li .menu-link {
		display: block;
	}
	.site-navi.mega-menu li.menu-item-has-children > .menu-link {
		display: flex;
		flex-flow: row;
		/*! background: #f00; */
		justify-content: right;
	}
	.site-navi.mega-menu li .menu-link a {
		color: #333;
		display: block;
		width: 100%;
		padding: 5px 0;
	}
	.site-navi.mega-menu li.menu-item-has-children > .menu-link a {
		order: 1;
	}
	.site-navi.mega-menu li.menu-item-has-children > .menu-link .toggle {
		display: inline-block;
		width: 18px;
		padding: 5px 15px;
		box-sizing: content-box;
	}
	.site-navi.mega-menu li.menu-item-has-children .toggle::after {
		border-style: solid;
		border-width: 0.15em 0.15em 0 0;
		content: '';
		display: inline-block;
		height: 8px;
		width: 8px;
		transform: rotate(45deg);
		vertical-align: 0.2em;
        transition: transform 0.3s;
	}
	.site-navi.mega-menu li.menu-item-has-children.active > .menu-link .toggle::after {
		transform: rotate(135deg);
	}
  
  .site-navi.mega-menu .meta-nav {
    margin-right: 0;
  }
  .site-navi.mega-menu .meta-nav a {
    font-size: 20px;
    color: #333;
    display: block;
    padding: 5px 0;
    text-transform: uppercase;
  }
  .site-navi.mega-menu .meta-nav .icon {
    display: none;
  }
  .site-navi.mega-menu .cart-menu .icon {
    display: inline-block !important;
    color: #333;
  }
  .site-navi.mega-menu .cart-menu {
    margin: 0 !important;
    display: block !important;
    box-sizing: border-box;
    padding: 10px 0;
  }
   .site-navi.mega-menu .cart-menu a {
    font-size: 20px;
     line-height: 1em;
     padding: 5px 0;
    display: inline-block;
    vertical-align: top;
  }
  .site-navi.mega-menu .menu-header-search,
  .site-navi.mega-menu .menu-header-search > form {
    position: relative !important;
  }
    .site-navi.mega-menu .search-form label {
        width: auto;
        font-size: 20px;
        padding: 10px 0;
        box-sizing: border-box;
        display: inline-block;
        font-weight: normal;
        color: #333;
    }
    .site-navi.mega-menu .search-form label:has(.search-field:focus),
    .site-navi.mega-menu .search-form label:has(.search-field:not(:placeholder-shown)) {
        width: 100%;
        background-color: #f2f2f2;
        padding: 10px 15px 10px 25px;
    }
    .site-navi.mega-menu .search-field {
        cursor: pointer;
        border: 0;
        height: 25px;
        width: 100%;
        background-color: transparent;
        background-position: right -25px;
        margin: 0;
        outline: 0;
        padding: 0;
        font-size: 16px;
    }
    .site-navi.mega-menu .search-field:focus,
    .site-navi.mega-menu .search-field:not(:placeholder-shown) {
        background-position: left -25px;
        padding: 0 0 0 30px;
    }
}

#wpadminbar {
    /*display: none !important;*/
}