/*------------------------------------*\
    # - MEHRTEILER
\*------------------------------------*/

/* cropperjs */
.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr;-ms-touch-action:none;touch-action:none}.cropper-container img{display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%;height:100%;image-orientation:0deg}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;opacity:.5;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333%;left:0;width:100%;height:33.33333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333%;width:33.33333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:" ";background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75;background-color:#39f}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75}}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";opacity:0;background-color:#39f}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}

.mehrteiler-editor {}
    .mehrteiler-editor {
        background-color: #f4f4f4;
    }
        .mehrteiler-editor .tools {
            border-right: 3px solid #fff;
            float: left;
            width: 289px;
        }
            .mehrteiler-editor h2 {
                margin: 20px 0;
            }
            .mehrteiler-editor .upload-initial .upload-btn {
                margin-bottom: 20px;
                background-color: rgba(255,255,255,0);
            }
            .mehrteiler-editor .upload-initial .upload-btn:hover {
                background-color: rgba(130,179,56,1);
            }
            .mehrteiler-editor .upload-preview {
                display: none;
            }
            .mehrteiler-editor .layouts {
                max-width: 250px;
                margin: 0 auto 25px auto;
            }
                .mehrteiler-editor .layouts li {
                    cursor: pointer;
                    display: inline-block;
                    width: 63px;
                    height: 63px;
                }
                .mehrteiler-editor .layouts li.active {
                    background-color: #dbdbdb;
                }
            .mehrteiler-editor .sizes {
                max-width: 250px;
                margin: 20px auto;
            }
                .mehrteiler-editor .sizes input {
                    margin-left: 0;
                    margin-right: 5px;
                }
        .mehrteiler-editor .editor-wrap {
            width: 668px;
            float: left;
            padding: 20px;
            text-align: center;
        }
            .mehrteiler-editor .status-bar {
                background-color: #7b7b7b;
                color: #fff;
                padding: 10px 15px;
                display: inline-block;
            }
            .mehrteiler-editor .status-bar.error {
                background-color: #f00;
            }
        .mehrteiler-editor .editor {
            position: relative;
            margin: 50px 0 20px 0;
        }
            #page .mehrteiler-slider {
                display: inline-block;
                width: 380px;
                margin-top: 0;
                margin-left: 70px;
                margin-right: 20px;
                height: 10px;
                border: 0;
                background: #dbdbdb;
                background-color: #dbdbdb;
            }
            #page .mehrteiler-slider:after,
            #page .mehrteiler-slider:before {
                color: #82b338;
                font-size: 30px;
                line-height: 0;
                position: absolute;
                top: 0;
            }
            #page .mehrteiler-slider:before {
                content: "-";
                left: -25px;
            }
            #page .mehrteiler-slider:after {
                content: "+";
                right: -30px;
                top: 3px;
            }
            
            #page .ui-slider .ui-slider-handle {
                background-color: #82b338;
                background-image: none;
                border-radius: 50%;
                height: 20px;
                top: -6px;
                width: 20px;
            }
            
            .mehrteiler-editor .js-upload-1 {
                cursor: pointer;
                height: 100%;
                left: 0;
                margin: 0;
                opacity: 0;
                padding: 0;
                position: absolute;
                top: 0;
                width: 100%;
            }
            .mehrteiler-editor .js-area-loading {
                background-color: #fff;
            }
            .mehrteiler-editor .editor > .wrap {
                display: table-cell;
                vertical-align: middle;
                position: relative;
            }
                .mehrteiler-editor .crop-wrapper {
                    overflow: hidden;
                    position: relative;
                    margin: 0 auto;
                }
                    .crop-wrapper .image img {
                        max-width: 100%;
                    }
                    .crop-wrapper .layer {
                        /*
                        background-color: rgba(255,0,0,0.7);
                        */
                        position: absolute;
                        z-index: -1;
                    }
                    .crop-wrapper .border {
                        background-color: #f4f4f4;
                        position: absolute;
                    }

                    
/* 1 */
.m-layout-2-m-v1,
.m-layout-2-m-v1 .image {
    width: 600px;
    height: 295px;
}
    .m-layout-2-m-v1 .layer-1,
    .m-layout-2-m-v1 .layer-2 {
        height: 295px;
        width: 295px;
        top: 0;
        left: 0;
    }
    .m-layout-2-m-v1 .layer-2 {
        left: 305px;
    }
    
    .m-layout-2-m-v1 .border-1 {
        width: 10px;
        height: 100%;
        top: 0;
        left: 295px;
    }
    
/* 2 */
.m-layout-2-m-v2,
.m-layout-2-m-v2 .image {
    width: 600px;
    height: 221.25px;
}
    .m-layout-2-m-v2 .layer-1,
    .m-layout-2-m-v2 .layer-2 {
        height: 221.25px;
        width: 295px;
        top: 0;
        left: 0;
    }
    .m-layout-2-m-v2 .layer-2 {
        left: 305px;
    }
    
    .m-layout-2-m-v2 .border-1 {
        width: 10px;
        height: 100%;
        top: 0;
        left: 295px;
    }
    
/* 3 */
.m-layout-3-m-v1,
.m-layout-3-m-v1 .image {
    width: 600px;
    height: 386.6px;
}
    .m-layout-3-m-v1 .layer-1,
    .m-layout-3-m-v1 .layer-2,
    .m-layout-3-m-v1 .layer-3 {
        height: 386.6px;
        top: 0;
        width: 193.3px;
    }
    .m-layout-3-m-v1 .layer-1 {
        left: 0;
    }
    .m-layout-3-m-v1 .layer-2 {
        left: 203.3px;
    }
    .m-layout-3-m-v1 .layer-3 {
        left: 406.6px;
    }
    
    .m-layout-3-m-v1 .border-1,
    .m-layout-3-m-v1 .border-2 {
        width: 10px;
        height: 100%;
    }
    .m-layout-3-m-v1 .border-1 {
        top: 0;
        left: 193.3px;
    }
    .m-layout-3-m-v1 .border-2 {
        top: 0;
        left: 396.6px;
    }
                    
/* 4 */
.m-layout-3-m-v2,
.m-layout-3-m-v2 .image {
    width: 600px;
    height: 386.6px;
}
    .m-layout-3-m-v2 .layer-1,
    .m-layout-3-m-v2 .layer-2,
    .m-layout-3-m-v2 .layer-3 {
        height: 290px;
        top: 48.3px;
        width: 193.3px;
    }
    .m-layout-3-m-v2 .layer-2 {
        height: 386.6px;
        top: 0;
    }
    .m-layout-3-m-v2 .layer-1 {
        left: 0;
    }
    .m-layout-3-m-v2 .layer-2 {
        left: 202.6px;
    }
    .m-layout-3-m-v2 .layer-3 {
        left: 406.6px;
    }
    
    .m-layout-3-m-v2 .border-1,
    .m-layout-3-m-v2 .border-2 {
        width: 10px;
        height: 100%;
    }
    .m-layout-3-m-v2 .border-3,
    .m-layout-3-m-v2 .border-4,
    .m-layout-3-m-v2 .border-5,
    .m-layout-3-m-v2 .border-6 {
        width: 195px;
        height: 50px;
    }
    .m-layout-3-m-v2 .border-1 {
        top: 0;
        left: 192.6px;
    }
    .m-layout-3-m-v2 .border-2 {
        top: 0;
        left: 395.6px;
    }
    .m-layout-3-m-v2 .border-3 {
        top: -1px;
        left: 0;
    }
    .m-layout-3-m-v2 .border-4 {
        top: 339px;
        left: 0
    }
    .m-layout-3-m-v2 .border-5 {
        top: -1px;
        left: 405px;
    }
    .m-layout-3-m-v2 .border-6 {
        top: 339px;
        left: 405px;
    }
    
/* 5 */
.m-layout-4-m-v1,
.m-layout-4-m-v1 .image {
    width: 500px;
    height: 500px;
}
    .m-layout-4-m-v1 .layer-1,
    .m-layout-4-m-v1 .layer-2,
    .m-layout-4-m-v1 .layer-3,
    .m-layout-4-m-v1 .layer-4 {
        height: 245px;
        width: 245px;
        top: 0;
        left: 0;
    }
    .m-layout-4-m-v1 .layer-2 {
        left: 255px;
    }
    .m-layout-4-m-v1 .layer-3 {
        top: 255px;
    }
    .m-layout-4-m-v1 .layer-4 {
        top: 255px;
        left: 255px;
    }
    
    .m-layout-4-m-v1 .border-1 {
        width: 10px;
        height: 100%;
        top: 0;
        left: 245px;
    }
    .m-layout-4-m-v1 .border-2 {
        width: 100%;
        height: 10px;
        top: 245px;
        left: 0;
    }
    
/* 6 */
.m-layout-4-m-v2,
.m-layout-4-m-v2 .image {
    width: 600px;
    height: 142.5px;
}
    .m-layout-4-m-v2 .layer {
        height: 142.5px;
        width: 142.5px;
        top: 0;
        left: 0;
    }
    .m-layout-4-m-v2 .layer-2 {
        left: 152.5px;
    }
    .m-layout-4-m-v2 .layer-3 {
        left: 305px;
    }
    .m-layout-4-m-v2 .layer-4 {
        left: 457.5px;
    }
    
    .m-layout-4-m-v2 .border {
        width: 10px;
        height: 100%;
        top: 0;
    }
    .m-layout-4-m-v2 .border-1 {
        left: 142.5px;
    }
    .m-layout-4-m-v2 .border-2 {
        left: 295px;
    }
    .m-layout-4-m-v2 .border-3 {
        left: 447.5px;
    }
    
/* 7 */
.m-layout-5-m-v1,
.m-layout-5-m-v1 .image {
    width: 600px;
    height: 336px;
}
    .m-layout-5-m-v1 .layer {
        height: 336px;
        width: 112px;
        top: 0;
        left: 0;
    }
    .m-layout-5-m-v1 .layer-2 {
        left: 122px;
    }
    .m-layout-5-m-v1 .layer-3 {
        left: 244px;
    }
    .m-layout-5-m-v1 .layer-4 {
        left: 366px;
    }
    .m-layout-5-m-v1 .layer-5 {
        left: 488px;
    }
    
    .m-layout-5-m-v1 .border {
        width: 10px;
        height: 100%;
        top: 0;
    }
    .m-layout-5-m-v1 .border-1 {
        left: 112px;
    }
    .m-layout-5-m-v1 .border-2 {
        left: 234px;
    }
    .m-layout-5-m-v1 .border-3 {
        left: 356px;
    }
    .m-layout-5-m-v1 .border-4 {
        left: 478px;
    }
    
/* 8 */
.m-layout-5-m-v2,
.m-layout-5-m-v2 .image {
    width: 600px;
    height: 336px;
}
    .m-layout-5-m-v2 .layer {
        width: 112px;
    }
    .m-layout-5-m-v2 .layer-1,
    .m-layout-5-m-v2 .layer-5 {
        height: 224px;
        top: 56px;
    }
    .m-layout-5-m-v2 .layer-2,
    .m-layout-5-m-v2 .layer-4 {
        height: 280px;
        top: 28px;
    }
    .m-layout-5-m-v2 .layer-3 {
        height: 336px;
        top: 0;
        left: 244px;
    }
    .m-layout-5-m-v2 .layer-2 {
        left: 122px;
    }
    .m-layout-5-m-v2 .layer-4 {
        left: 366px;
    }
    .m-layout-5-m-v2 .layer-5 {
        left: 488px;
    }
    
    .m-layout-5-m-v2 .border {
        width: 10px;
        height: 100%;
        top: 0;
    }
    .m-layout-5-m-v2 .border-1 {
        left: 112px;
    }
    .m-layout-5-m-v2 .border-2 {
        left: 234px;
    }
    .m-layout-5-m-v2 .border-3 {
        left: 356px;
    }
    .m-layout-5-m-v2 .border-4 {
        left: 478px;
    }
    
    .m-layout-5-m-v2 .border-5,
    .m-layout-5-m-v2 .border-6,
    .m-layout-5-m-v2 .border-11,
    .m-layout-5-m-v2 .border-12 {
        width: 112px;
        height: 56px;
    }
    .m-layout-5-m-v2 .border-7,
    .m-layout-5-m-v2 .border-8,
    .m-layout-5-m-v2 .border-9,
    .m-layout-5-m-v2 .border-10 {
        width: 112px;
        height: 28px;
    }
    .m-layout-5-m-v2 .border-5,
    .m-layout-5-m-v2 .border-6 {
        left: 0;
    }
    .m-layout-5-m-v2 .border-7,
    .m-layout-5-m-v2 .border-8 {
        left: 122px;
    }
    .m-layout-5-m-v2 .border-9,
    .m-layout-5-m-v2 .border-10 {
        left: 366px;
    }
    .m-layout-5-m-v2 .border-11,
    .m-layout-5-m-v2 .border-12 {
        left: 488px;
    }
    
    .m-layout-5-m-v2 .border-6,
    .m-layout-5-m-v2 .border-12 {
        top: 280px;
    }
    .m-layout-5-m-v2 .border-8,
    .m-layout-5-m-v2 .border-10 {
        top: 308px;
    }
    
/* 9 */
.m-layout-9-m-v1,
.m-layout-9-m-v1 .image {
    width: 500px;
    height: 500px;
}
    .m-layout-9-m-v1 .layer {
        width: 160px;
        height: 160px;
    }
    .m-layout-9-m-v1 .layer-1,
    .m-layout-9-m-v1 .layer-2,
    .m-layout-9-m-v1 .layer-3 {
        top: 0;
    }
    .m-layout-9-m-v1 .layer-4,
    .m-layout-9-m-v1 .layer-5,
    .m-layout-9-m-v1 .layer-6 {
        top: 170px;
    }
    .m-layout-9-m-v1 .layer-7,
    .m-layout-9-m-v1 .layer-8,
    .m-layout-9-m-v1 .layer-9 {
        top: 340px;
    }
    
    .m-layout-9-m-v1 .layer-1,
    .m-layout-9-m-v1 .layer-4,
    .m-layout-9-m-v1 .layer-7 {
        left: 0;
    }
    .m-layout-9-m-v1 .layer-2,
    .m-layout-9-m-v1 .layer-5,
    .m-layout-9-m-v1 .layer-8 {
        left: 170px;
    }
    .m-layout-9-m-v1 .layer-3,
    .m-layout-9-m-v1 .layer-6,
    .m-layout-9-m-v1 .layer-9 {
        left: 340px;
    }
    
    .m-layout-9-m-v1 .border-1,
    .m-layout-9-m-v1 .border-2 {
        width: 10px;
        height: 100%;
        top: 0;
    }
    .m-layout-9-m-v1 .border-3,
    .m-layout-9-m-v1 .border-4 {
        width: 100%;
        height: 10px;
        left: 0;
    }
    .m-layout-9-m-v1 .border-1 {
        left: 160px;
    }
    .m-layout-9-m-v1 .border-2 {
        left: 330px;
    }
    .m-layout-9-m-v1 .border-3 {
        top: 160px;
    }
    .m-layout-9-m-v1 .border-4 {
        top: 330px;
    }
    
    
    

/*
.m-layout-3-m-v1,
.m-layout-3-m-v1 .image {
    width: 600px;
    height: 300px;
}
    .m-layout-3-m-v1 .layer-1,
    .m-layout-3-m-v1 .layer-2,
    .m-layout-3-m-v1 .layer-3 {
        height: 280px;
        top: 10px;
        width: 186.6px;
    }
    .m-layout-3-m-v1 .layer-1 {
        left: 10px;
    }
    .m-layout-3-m-v1 .layer-2 {
        left: 206.6px;
    }
    .m-layout-3-m-v1 .layer-3 {
        left: 402.6px;
    }

    .m-layout-3-m-v1 .border-1,
    .m-layout-3-m-v1 .border-2 {
        width: 100%;
        height: 10px;
    }
    .m-layout-3-m-v1 .border-3,
    .m-layout-3-m-v1 .border-4 {
        width: 10px;
        height: 100%;
    }
    .m-layout-3-m-v1 .border-1 {
        top: 0;
        left: 0;
    }
    .m-layout-3-m-v1 .border-2 {
        bottom: 0;
        left: 0;
    }
    .m-layout-3-m-v1 .border-3 {
        top: 0;
        left: 0;
    }
    .m-layout-3-m-v1 .border-4 {
        top: 0;
        right: 0;
    }
    .m-layout-3-m-v1 .border-5,
    .m-layout-3-m-v1 .border-6 {
        width: 10px;
        height: 100%;
    }
    .m-layout-3-m-v1 .border-5 {
        top: 0;
        left: 196.6px;
    }
    .m-layout-3-m-v1 .border-6 {
        top: 0;
        left: 392.6px;
    }
*/



/*------------------------------------*\
    # - NEW CROP TOOL
\*------------------------------------*/

.fancybox-slide .fancy-wrap {
    width: 600px;
    min-height: 500px;
}

.crop-wrap {
    margin-bottom: 10px;
    margin-top: 10px;
}
.crop-wrap.blackwhite img {
    filter: grayscale(100%);
}
.crop-wrap img {
    max-width: 100%;
} 
.crop-tools {
    text-align: center;
}
    .crop-tools li {
        display: inline-block;
        cursor: pointer;
        color: #7b7b7b;
        margin: 0 5px;
        font-size: 21px;
    }
    .crop-tools li:hover {
        color: #000;
    }
.crop-warning {
    color: #f00;
    font-size: 12px;
    margin-bottom: 10px;
    opacity: 0;
}


.arrow-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
    .arrow-wrapper .arrow {
        position: absolute;
        z-index: 10;
    }
    .arrow-wrapper .arrow.top {
        left: 0;
        top: -32px;
        width: 100%;
    }
        .arrow-wrapper .arrow.top .line {
            background-color: #ddd;
            height: 1px;
            left: 0;
            position: absolute;
            top: 20px;
            width: 100%;
        }
        .arrow-wrapper .arrow.top .peak {
            border-bottom: 4px solid transparent;
            border-top: 4px solid transparent;
            position: absolute;
            top: 16px;
        }
        .arrow-wrapper .arrow.top .peak-1 {
            border-right: 8px solid #ddd;
            left: 0;
        }
        .arrow-wrapper .arrow.top .peak-2 {
            border-left: 8px solid #ddd;
            right: 0;
        }
    .arrow-wrapper .arrow.right {
        height: 100%;
        top: 0;
        right: -22px;
    }
        .arrow-wrapper .arrow.right .line {
            background-color: #ddd;
            width: 1px;
            left: -10px;
            position: absolute;
            top: 0;
            height: 100%;
        }
        .arrow-wrapper .arrow.right .peak {
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            position: absolute;
            left: -14px;
        }
        .arrow-wrapper .arrow.right .peak-1 {
            border-bottom: 8px solid #ddd;
            top: 0;
        }
        .arrow-wrapper .arrow.right .peak-2 {
            border-top: 8px solid #ddd;
            bottom: 0;
        }
        .arrow-wrapper .arrow.right .text {
            display: inline-block;
            left: 50%;
            margin-left: 4px;
            position: absolute;
            top: 50%;
            transform: translateX(-50%) translateY(-50%) rotate(90deg);
            width: 100px;
        }
        
        
        
        
/*------------------------------------*\
    # - HELP BOX
\*------------------------------------*/

.fb-help-box p {
    color: #7b7b7b;
    font-size: 18px;
    line-height: 1.3em;
    margin-bottom: 0;
}
.fb-help-box .js-response {
    display: none;
}
    .fb-help-box p strong {
        font-size: 28px;
        line-height: 1.3em;
    }
    .fb-help-box textarea {
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 16px;
        height: 170px;
        line-height: 1.3em;
        padding: 10px;
        resize: none;
        width: 100%;
        margin: 20px 0;
    }
    
.help-box {
    background-color: #dddddd;
    cursor: pointer;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    bottom: 50%;
    color: #fff;
    display: none;
    left: 0;
    position: fixed;
    height: 52px;
    width: 58px;
    line-height: 52px;
    vertical-align: middle;
}
.help-box:hover {
    background-color: #bbb;
}
    .help-box p {
        display: inline-block;
        vertical-align: middle;
        line-height: 14px;
        width: 100%;
    }
    .help-box strong {
        font-size: 26px;
        line-height: 1.2em;
    }
    
    
    
    
/*------------------------------------*\
    # - PREVIEW WRB
\*------------------------------------*/
    
.mehrteiler-editor .js-preview {
    margin-top: 20px;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
}
.fancybox-slide .preview-wrap {
    width: 90%;
    max-height: 90%;
    max-width: 1100px;
}
    .mt-preview-wrb {
        background-image: url('/global/images/assets/mt-preview-2-bg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: 70%;
        padding: 5% 15% 8% 21.5% !important;
    }
        .mt-preview-wrb img {
            filter: drop-shadow(2px -1px 3px #666);
            -webkit-filter: drop-shadow(2px -1px 3px #666);
        }