.campaign-options-container .option-item {
    /*margin-bottom: 10px*/
}

.campaign-options-container .option-item .option-title {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin: 0px;
    font-weight: 700;
    color: #333;
    width: 100%;
    float: left;
    clear: both;
}

.option-title span {
    font-weight: 400;
}

.campaign-options-container .option-item.product-type .product-type-list {
    vertical-align: top;
    padding: 0 10px 10px 0;
    overflow: hidden;
    width: calc(100% + 20px);
    position: relative;
    left: -10px;
    margin-top: -10px
}

.campaign-options-container .option-item.product-type .product-type-list .item {
    padding: 0 7px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    float: left;
    vertical-align: top;
    margin: 10px 0 0 10px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0px 4px rgb(127 127 127 / 0.5);
}

.campaign-options-container .option-item.product-type .product-type-list .item[disabled="disabled"]:after {
    content: '';
    z-index: 1;
    background: rgba(255, 255, 255, .75);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 5px;
    left: 0;
}

.campaign-options-container .option-item.product-type .product-type-list .item.selected:before {
    content: '';
    position: absolute;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    z-index: 2;
    /* background: rgba(20, 150, 245, .28); */
    top: 0;
    left: 0;
    border: 2px solid #2c2c2c;
}

.campaign-options-container .option-item.product-type .product-type-list .item.selected .index {
    position: absolute;
    background: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    top: calc((100% - 40px)/2);
    left: calc((100% - 40px)/2);
    z-index: 2;
    border-radius: 50%;
    color: #2F80ED;
    font-weight: 700;
    font-size: 15px
}

/* 
.campaign-options-container .option-item.product-type .product-type-list .item .thumb {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: calc(100% + 20px);
    position: relative;
    top: -10px;
    left: -10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
} */

.campaign-options-container .option-item.product-type .product-type-list .item .thumb:after {
    content: '';
    padding-bottom: 100%;
    display: block
}

/* type product */
.campaign-options-container .option-item.product-type .product-type-list .item[disabled="disabled"]:after {
    content: '';
    z-index: 1;
    background: rgba(255, 255, 255, .75);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.campaign-options-container .option-item.product-type .product-type-list .item.selected .index {
    position: absolute;
    background: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    top: calc((100% - 40px)/2);
    left: calc((100% - 40px)/2);
    z-index: 2;
    border-radius: 50%;
    color: #2F80ED;
    font-weight: 700;
    font-size: 15px
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: calc(100% + 20px);
    position: relative;
    top: -10px;
    left: -10px;

}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb:after {
    content: '';
    padding-bottom: 100%;
    display: block
}

/* 
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="mug-11oz"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="mug-fullprint-11oz"] {
    background-image: url(/storage/types/11oz.jpg)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="mug-15oz"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="mug-fullprint-15oz"] {
    background-image: url(/storage/types/15oz.jpg)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="mug-insulatedCoffee"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="mug-fullprint-insulatedCoffee"] {
    background-image: url(/storage/types/insulatedCoffee.jpg)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="mug-enamelCampfire"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="mug-fullprint-enamelCampfire"] {
    background-image: url(/storage/types/enamelCampfire.jpg)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="mug-twoTone"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="mug-fullprint-twoTone"] {
    background-image: url(/storage/types/twoTone.jpg)
} */

/* .campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-8x10"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-11x14"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-16x20"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-20x24"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-20x30"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-8x12"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-12x18"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-12x24"] {
    background-image: url(/storage/types/canvas-portrait.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-10x8"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-14x11"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-20x16"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-24x20"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-12x8"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-18x12"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-24x12"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-30x20"] {
    background-image: url(/storage/types/canvas-landscape.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-12x12"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-16x16"],
.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="canvas-24x24"] {
    background-image: url(/storage/types/canvas-square.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="desktopPlaque-7x5"] {
    background-image: url(/storage/types/7x5.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="desktopPlaque-10x8"] {
    background-image: url(/storage/types/10x8.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="fleeceBlanket-30x40"] {
    background-image: url(/storage/types/30x40.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="fleeceBlanket-50x60"] {
    background-image: url(/storage/types/50x60.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="fleeceBlanket-60x80"] {
    background-image: url(/storage/types/60x80.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="puzzles-10x14"] {
    background-image: url(/storage/types/10x14.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="puzzles-14x10"] {
    background-image: url(/storage/types/14x10.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="pillow-18x18"] {
    background-image: url(/storage/types/18x18.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="pillow-16x16"] {
    background-image: url(/storage/types/16x16.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="notebook-5x7"] {
    background-image: url(/storage/types/5x7.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="facemask-dpi"] {
    background-image: url(/storage/types/facemask.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="facemask-dpi-kid"] {
    background-image: url(/storage/types/facemask.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="facemask-cw"] {
    background-image: url(/storage/types/facemask-white.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="t-shirt"] {
    background-image: url(/storage/types/front.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="bella-canvas-tee"] {
    background-image: url(/storage/types/bellaCanvasTee.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="next-level-tee"] {
    background-image: url(/storage/types/nextLevelTee.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="classic-tee"] {
    background-image: url(/storage/types/classicTee.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="aluminium-medallion-ornament"] {
    background-image: url(/storage/types/ornament-aluminiumMedallion.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="aluminium-square-ornament"] {
    background-image: url(/storage/types/ornament-aluminiumSquare.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="aluminium-scalloped-ornament"] {
    background-image: url(/storage/types/ornament-aluminiumScalloped.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="circle-ornament"] {
    background-image: url(/storage/types/ornament-circle.png)
}

.campaign-options-container .option-item.product-type .product-type-list .item .thumb[data-type="heart-ornament"] {
    background-image: url(/storage/types/ornament-heart.png)
}
*/

.campaign-options-container .option-item.product-type .product-type-list .item .title {
    white-space: nowrap;
    font-size: 16px;
    text-transform: capitalize;
}

.campaign-options-container .option-item.color .color-list .color {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #afafaf, inset 0 0 0 4px #fff;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
}

.campaign-options-container .option-item.color .color-list .color.text {
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    min-width: 40px;
    width: initial;
    height: 40px;
    background: #fff;
    padding: 0 5px;
    margin: 10px 10px 0 0;
    line-height: 40px;
    font-size: 13px;
    border: 1px solid #E0E0E0;
    text-align: center;
}

.campaign-options-container .option-item.color .color-list .color.selected {
    box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #2c2c2c;
}

.campaign-options-container .option-item.size .size-list .option-size-selector,
.campaign-options-container .option-item.type .size-list .option-size-selector {
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    min-width: 40px;
    height: 40px;
    background: #fff;
    padding: 0 5px;
    margin: 10px 10px 0 0;
    line-height: 40px;
    font-size: 13px;
    border: 1px solid #E0E0E0;
    text-align: center
}

.campaign-options-container .option-item.size .size-list .option-size-selector.selected,
.campaign-options-container .option-item.type .size-list .option-size-selector.selected {
    box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #2c2c2c;
}

.campaign-preview {
    max-width: 100vw;
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box
}

.campaign-preview * {
    box-sizing: border-box
}

.campaign-preview .design-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}

.campaign-preview .design-tabs:empty {
    display: none
}

.campaign-preview .design-tabs>div {
    color: #282364;
    padding: 10px;
    position: relative;
    cursor: pointer
}

.campaign-preview .design-tabs>div .counter {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #dc3545;
    color: #fff;
    line-height: 18px;
    text-align: center;
    font-size: 10px;
    margin-left: 10px
}

.campaign-preview .design-tabs>div:hover {
    color: #2684FE
}

.campaign-preview .design-tabs>div.activated {
    color: #2684FE
}

.campaign-preview .design-tabs>div.activated:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    background: #2F80ED;
    height: 3px;
    width: 100%;
    left: 0
}

.campaign-dynamic-mockup {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    position: relative;
    display: inline-block;
    width: 100%;
    user-select: none;
    overflow: hidden;
    height: 780px;
}

.campaign-dynamic-mockup:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    user-select: none
}

.campaign-dynamic-mockup .frame {
    position: absolute;
    overflow: hidden;
    z-index: 1;
}

.campaign-dynamic-mockup .frame .image {
    position: absolute;
    max-width: inherit;
    max-height: inherit;
    mix-blend-mode: multiply
}

.campaign-dynamic-mockup .frame .image svg {
    /* position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0 */
}

.campaign-dynamic-mockup .frame .black {
    mix-blend-mode: normal
}

.loader {
    display: inline-block;
    border: 4px solid #fff;
    border-top: 4px solid transparent;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* .campaign-dynamic-mockup[data-type="canvas-8x10"] {
    background-image: url(/storage/preview/canvas/8x10/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-8x10"]:after {
    background-image: url(/storage/preview/canvas/8x10/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-11x14"] {
    background-image: url(/storage/preview/canvas/11x14/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-11x14"]:after {
    background-image: url(/storage/preview/canvas/11x14/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-16x20"] {
    background-image: url(/storage/preview/canvas/16x20/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-16x20"]:after {
    background-image: url(/storage/preview/canvas/16x20/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-20x24"] {
    background-image: url(/storage/preview/canvas/20x24/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-20x24"]:after {
    background-image: url(/storage/preview/canvas/20x24/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-10x8"] {
    background-image: url(/storage/preview/canvas/10x8/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-10x8"]:after {
    background-image: url(/storage/preview/canvas/10x8/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-14x11"] {
    background-image: url(/storage/preview/canvas/14x11/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-14x11"]:after {
    background-image: url(/storage/preview/canvas/14x11/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-20x16"] {
    background-image: url(/storage/preview/canvas/20x16/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-20x16"]:after {
    background-image: url(/storage/preview/canvas/20x16/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-24x20"] {
    background-image: url(/storage/preview/canvas/24x20/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-24x20"]:after {
    background-image: url(/storage/preview/canvas/24x20/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-12x12"] {
    background-image: url(/storage/preview/canvas/12x12/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-12x12"]:after {
    background-image: url(/storage/preview/canvas/12x12/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-20x30"] {
    background-image: url(/storage/preview/canvas/20x30/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-20x30"]:after {
    background-image: url(/storage/preview/canvas/20x30/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-8x12"] {
    background-image: url(/storage/preview/canvas/8x12/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-8x12"]:after {
    background-image: url(/storage/preview/canvas/8x12/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-12x18"] {
    background-image: url(/storage/preview/canvas/12x18/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-12x18"]:after {
    background-image: url(/storage/preview/canvas/12x18/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-12x24"] {
    background-image: url(/storage/preview/canvas/12x24/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-12x24"]:after {
    background-image: url(/storage/preview/canvas/12x24/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-16x16"] {
    background-image: url(/storage/preview/canvas/16x16/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-16x16"]:after {
    background-image: url(/storage/preview/canvas/16x16/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-24x24"] {
    background-image: url(/storage/preview/canvas/24x24/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-24x24"]:after {
    background-image: url(/storage/preview/canvas/24x24/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-12x8"] {
    background-image: url(/storage/preview/canvas/12x8/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-12x8"]:after {
    background-image: url(/storage/preview/canvas/12x8/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-18x12"] {
    background-image: url(/storage/preview/canvas/18x12/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-18x12"]:after {
    background-image: url(/storage/preview/canvas/18x12/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-24x12"] {
    background-image: url(/storage/preview/canvas/24x12/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-24x12"]:after {
    background-image: url(/storage/preview/canvas/24x12/frame.png)
}

.campaign-dynamic-mockup[data-type="canvas-30x20"] {
    background-image: url(/storage/preview/canvas/30x20/canvas.png)
}

.campaign-dynamic-mockup[data-type="canvas-30x20"]:after {
    background-image: url(/storage/preview/canvas/30x20/frame.png)
}

.campaign-dynamic-mockup[data-type="desktopPlaque-7x5"] {
    background-image: url(/storage/preview/desktopPlaque/7x5/preview/background.png)
}

.campaign-dynamic-mockup[data-type="desktopPlaque-7x5"]:after {
    background-image: url(/storage/preview/desktopPlaque/7x5/preview/frame.png)
}

.campaign-dynamic-mockup[data-type="desktopPlaque-10x8"] {
    background-image: url(/storage/preview/desktopPlaque/10x8/preview/background.png)
}

.campaign-dynamic-mockup[data-type="desktopPlaque-10x8"]:after {
    background-image: url(/storage/preview/desktopPlaque/10x8/preview/frame.png)
}

.campaign-dynamic-mockup[data-type="fleeceBlanket-30x40"] {
    background-image: url(/storage/preview/fleeceBlanket/30x40/preview/background.png)
}

.campaign-dynamic-mockup[data-type="fleeceBlanket-30x40"]:after {
    background-image: url(/storage/preview/fleeceBlanket/30x40/preview/frame.png)
}

.campaign-dynamic-mockup[data-type="fleeceBlanket-50x60"] {
    background-image: url(/storage/preview/fleeceBlanket/50x60/preview/background.png)
}

.campaign-dynamic-mockup[data-type="fleeceBlanket-50x60"]:after {
    background-image: url(/storage/preview/fleeceBlanket/50x60/preview/frame.png)
}

.campaign-dynamic-mockup[data-type="fleeceBlanket-60x80"] {
    background-image: url(/storage/preview/fleeceBlanket/60x80/preview/background.png)
}

.campaign-dynamic-mockup[data-type="fleeceBlanket-60x80"]:after {
    background-image: url(/storage/preview/fleeceBlanket/60x80/preview/frame.png)
}

.campaign-dynamic-mockup[data-type="puzzles-10x14"] {
    background-image: url(/storage/preview/puzzles/10x14/preview/background.png)
}

.campaign-dynamic-mockup[data-type="puzzles-10x14"]:after {
    background-image: url(/storage/preview/puzzles/10x14/preview/frame.png)
}

.campaign-dynamic-mockup[data-type="pillow-18x18"] {
    background-image: url(/storage/preview/pillow/18x18/preview/background.png)
}

.campaign-dynamic-mockup[data-type="pillow-18x18"]:after {
    background-image: url(/storage/preview/pillow/18x18/preview/frame.png)
}

.campaign-dynamic-mockup[data-type="pillow-16x16"] {
    background-image: url(/storage/preview/pillow/16x16/preview/background.png)
}

.campaign-dynamic-mockup[data-type="pillow-16x16"]:after {
    background-image: url(/storage/preview/pillow/16x16/preview/frame.png)
}

.campaign-dynamic-mockup[data-type="facemask-dpi"] {
    background-image: url(/storage/preview/facemask/dpi/preview/background.png)
}

.campaign-dynamic-mockup[data-type="facemask-dpi"]:after {
    background-image: url(/storage/preview/facemask/dpi/preview/frame.png)
}

.campaign-dynamic-mockup[data-type="facemask-dpi-kid"] {
    background-image: url(/storage/preview/facemask/dpiKid/preview/background.png)
}

.campaign-dynamic-mockup[data-type="facemask-dpi-kid"]:after {
    background-image: url(/storage/preview/facemask/dpiKid/preview/frame.png)
}

.campaign-dynamic-mockup[data-type="facemask-cw"] {
    background-image: url(/storage/preview/facemask/cw/preview/background.png)
}

.campaign-dynamic-mockup[data-type="facemask-cw"]:after {
    background-image: url(/storage/preview/facemask/cw/preview/frame.png)
}

.campaign-dynamic-mockup[data-type="notebook-5x7"][data-design="front"] {
    background-image: url(/storage/preview/notebook/5x7/preview/front/background.png)
}

.campaign-dynamic-mockup[data-type="notebook-5x7"][data-design="front"]:after {
    background-image: url(/storage/preview/notebook/5x7/preview/front/frame.png)
}

.campaign-dynamic-mockup[data-type="notebook-5x7"][data-design="back"] {
    background-image: url(/storage/preview/notebook/5x7/preview/back/background.png)
}

.campaign-dynamic-mockup[data-type="notebook-5x7"][data-design="back"]:after {
    background-image: url(/storage/preview/notebook/5x7/preview/back/frame.png)
}

.campaign-dynamic-mockup[data-type="mug-11oz"][data-design="front"] {
    background-image: url(/storage/preview/mug/11oz/front.png)
}

.campaign-dynamic-mockup[data-type="mug-11oz"][data-design="back"] {
    background-image: url(/storage/preview/mug/11oz/back.png)
}

.campaign-dynamic-mockup[data-type="ceramic_mug"][data-design="front"] {
    background-image: url(/storage/preview/mug/11oz/front.png)
}

.campaign-dynamic-mockup[data-type="ceramic_mug"][data-design="back"] {
    background-image: url(/storage/preview/mug/11oz/back.png)
}

.campaign-dynamic-mockup[data-type="mug-15oz"][data-design="front"] {
    background-image: url(/storage/preview/mug/15oz/front.png)
}

.campaign-dynamic-mockup[data-type="mug-15oz"][data-design="back"] {
    background-image: url(/storage/preview/mug/15oz/back.png)
}

.campaign-dynamic-mockup[data-type="mug-insulatedCoffee"][data-design="front"] {
    background-image: url(/storage/preview/mug/insulatedCoffee/front.png)
}

.campaign-dynamic-mockup[data-type="mug-insulatedCoffee"][data-design="back"] {
    background-image: url(/storage/preview/mug/insulatedCoffee/back.png)
}

.campaign-dynamic-mockup[data-type="mug-enamelCampfire"][data-design="front"] {
    background-image: url(/storage/preview/mug/enamelCampfire/front.png)
}

.campaign-dynamic-mockup[data-type="mug-enamelCampfire"][data-design="back"] {
    background-image: url(/storage/preview/mug/enamelCampfire/back.png)
}

.campaign-dynamic-mockup[data-type="mug-twoTone"][data-option-value="red"][data-design="front"] {
    background-image: url(/storage/preview/mug/twoTone/red/front.png)
}

.campaign-dynamic-mockup[data-type="mug-twoTone"][data-option-value="red"][data-design="back"] {
    background-image: url(/storage/preview/mug/twoTone/red/back.png)
}

.campaign-dynamic-mockup[data-type="mug-twoTone"][data-option-value="black"][data-design="front"] {
    background-image: url(/storage/preview/mug/twoTone/black/front.png)
}

.campaign-dynamic-mockup[data-type="mug-twoTone"][data-option-value="black"][data-design="back"] {
    background-image: url(/storage/preview/mug/twoTone/black/back.png)
}

.campaign-dynamic-mockup[data-type="mug-twoTone"][data-option-value="blue"][data-design="front"] {
    background-image: url(/storage/preview/mug/twoTone/blue/front.png)
}

.campaign-dynamic-mockup[data-type="mug-twoTone"][data-option-value="blue"][data-design="back"] {
    background-image: url(/storage/preview/mug/twoTone/blue/back.png)
}

.campaign-dynamic-mockup[data-type="mug-twoTone"][data-option-value="navy"][data-design="front"] {
    background-image: url(/storage/preview/mug/twoTone/navy/front.png)
}

.campaign-dynamic-mockup[data-type="mug-twoTone"][data-option-value="navy"][data-design="back"] {
    background-image: url(/storage/preview/mug/twoTone/navy/back.png)
}

.campaign-dynamic-mockup[data-type="mug-twoTone"][data-option-value="pink"][data-design="front"] {
    background-image: url(/storage/preview/mug/twoTone/pink/front.png)
}

.campaign-dynamic-mockup[data-type="mug-twoTone"][data-option-value="pink"][data-design="back"] {
    background-image: url(/storage/preview/mug/twoTone/pink/back.png)
}

.campaign-dynamic-mockup[data-type="t-shirt"][data-option-value="white"][data-design="front"] {
    background-image: url(/storage/preview/tshirt/white/front/background.png)
}

.campaign-dynamic-mockup[data-type="t-shirt"][data-option-value="white"][data-design="front"]:after {
    background-image: url(/storage/preview/tshirt/white/front/frame.png)
}

.campaign-dynamic-mockup[data-type="t-shirt"][data-option-value="black"][data-design="front"] {
    background-image: url(/storage/preview/tshirt/black/front/background.png)
}

.campaign-dynamic-mockup[data-type="t-shirt"][data-option-value="black"][data-design="front"]:after {
    background-image: url(/storage/preview/tshirt/black/front/frame.png)
}


.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="white"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/white/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="white"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/white/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="black"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/black/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="black"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/black/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="navy"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/navy/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="navy"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/navy/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="light_blue"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/light_blue/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="light_blue"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/light_blue/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="sport_grey"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/sport_grey/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="sport_grey"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/sport_grey/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="cardinal"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/cardinal/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="cardinal"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/cardinal/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="dark_chocolate"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/dark_chocolate/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="dark_chocolate"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/dark_chocolate/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="gold"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/gold/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="gold"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/gold/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="irish_green"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/irish_green/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="irish_green"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/irish_green/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="kiwi"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/kiwi/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="kiwi"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/kiwi/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="light_pink"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/light_pink/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="light_pink"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/light_pink/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="orange"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/orange/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="orange"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/orange/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="purple"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/purple/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="purple"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/purple/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="red"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/red/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="red"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/red/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="royal"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/royal/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="royal"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/royal/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="military_green"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/military_green/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="military_green"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/military_green/front/frame.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="ash"][data-design="front"] {
    background-image: url(/storage/preview/classicTee/ash/front/background.png)
}

.campaign-dynamic-mockup[data-type="classic-tee"][data-option-value="ash"][data-design="front"]:after {
    background-image: url(/storage/preview/classicTee/ash/front/frame.png)
}

.campaign-dynamic-mockup[data-type="bella-canvas-tee"][data-option-value="white"][data-design="front"] {
    background-image: url(/storage/preview/bellaCanvasTee/white/front/background.png)
}

.campaign-dynamic-mockup[data-type="bella-canvas-tee"][data-option-value="black"][data-design="front"] {
    background-image: url(/storage/preview/bellaCanvasTee/black/front/background.png)
}

.campaign-dynamic-mockup[data-type="bella-canvas-tee"][data-option-value="navy"][data-design="front"] {
    background-image: url(/storage/preview/bellaCanvasTee/navy/front/background.png)
}

.campaign-dynamic-mockup[data-type="bella-canvas-tee"][data-option-value="light_blue"][data-design="front"] {
    background-image: url(/storage/preview/bellaCanvasTee/light_blue/front/background.png)
}

.campaign-dynamic-mockup[data-type="bella-canvas-tee"][data-option-value="dark_grey_heather"][data-design="front"] {
    background-image: url(/storage/preview/bellaCanvasTee/dark_grey_heather/front/background.png)
}

.campaign-dynamic-mockup[data-type="bella-canvas-tee"][data-option-value="asphalt"][data-design="front"] {
    background-image: url(/storage/preview/bellaCanvasTee/asphalt/front/background.png)
}

.campaign-dynamic-mockup[data-type="bella-canvas-tee"][data-option-value="canvas_red"][data-design="front"] {
    background-image: url(/storage/preview/bellaCanvasTee/canvas_red/front/background.png)
}

.campaign-dynamic-mockup[data-type="bella-canvas-tee"][data-option-value="cardinal"][data-design="front"] {
    background-image: url(/storage/preview/bellaCanvasTee/cardinal/front/background.png)
}

.campaign-dynamic-mockup[data-type="bella-canvas-tee"][data-option-value="gold"][data-design="front"] {
    background-image: url(/storage/preview/bellaCanvasTee/gold/front/background.png)
}

.campaign-dynamic-mockup[data-type="bella-canvas-tee"][data-option-value="heather_royal"][data-design="front"] {
    background-image: url(/storage/preview/bellaCanvasTee/heather_royal/front/background.png)
}

.campaign-dynamic-mockup[data-type="bella-canvas-tee"][data-option-value="kelly"][data-design="front"] {
    background-image: url(/storage/preview/bellaCanvasTee/kelly/front/background.png)
}

.campaign-dynamic-mockup[data-type="bella-canvas-tee"][data-option-value="orange"][data-design="front"] {
    background-image: url(/storage/preview/bellaCanvasTee/orange/front/background.png)
}

.campaign-dynamic-mockup[data-type="bella-canvas-tee"][data-option-value="soft_pink"][data-design="front"] {
    background-image: url(/storage/preview/bellaCanvasTee/soft_pink/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="white"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/white/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="black"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/black/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="midnight_navy"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/midnight_navy/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="heather_grey"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/heather_grey/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="military_green"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/military_green/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="banana_cream"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/banana_cream/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="cardinal"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/cardinal/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="kelly_green"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/kelly_green/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="maroon"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/maroon/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="purple_rush"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/purple_rush/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="red"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/red/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="royal"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/royal/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="tahiti_blue"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/tahiti_blue/front/background.png)
}

.campaign-dynamic-mockup[data-type="next-level-tee"][data-option-value="light_blue"][data-design="front"] {
    background-image: url(/storage/preview/nextLevelTee/light_blue/front/background.png)
} */


.layer {
    position: absolute;
    overflow: hidden;
}

.layer img {
    width: 100%;
    max-width: 100%;
}

.h3-tag {
    font-size: 20px;
}

.h5-tag {
    font-size: 1.25rem;
}

.z-index-zero {
    z-index: 0;
}

.z-index-plus-1 {
    z-index: 1;
}

.z-index-plus-2 {
    z-index: 2;
}

.slide-book {
    overflow-x: scroll;
    display: -webkit-box;
    -webkit-overflow-scrolling: touch;
}

.slide-book-item {
    width: 90%;
    height: auto;
}

.slide-book::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

label.option-title {
    font-weight: 700;
    color: #333;
}