/** Shopify CDN: Minification failed

Line 144:0 Unexpected "{"
Line 144:1 Expected identifier but found "#color"
Line 144:17 Expected identifier but found "#"
Line 1540:22 Comments in CSS use "/* ... */" instead of "//"
Line 1859:32 Expected identifier but found "!"

**/
@charset "utf-8";
@keyframes shadowAnimation {
    0%
    {
        box-shadow:0 1px 20px 1px #ffbd00b8
    }

    50%
    {
        box-shadow:0 3px 75px #ffbd0080
    }

    to
    {
        box-shadow:0 1px 20px 2px #ffbd00b8
    }
}

@keyframes pauseAnimation {
    0%,to
    {
        animation-play-state:running
    }

    50%
    {
        animation-play-state:paused
    }
}

@keyframes animate-stripes {
    0%
    {
        background-position:0 0
    }

    to
    {
        background-position:60px 0
    }
}

@keyframes lightSpeedIn {
    0%
    {
        -webkit-transform:translate3d(-60%,0,0) skewX(-30deg);
        opacity:0;
        transform:translate3d(-60%,0,0) skewX(-30deg)
    }

    20%
    {
        -webkit-transform:skewX(20deg);
        opacity:1;
        transform:skewX(20deg)
    }

    35%
    {
        -webkit-transform:skewX(-5deg);
        opacity:1;
        transform:skewX(-5deg)
    }

    50%
    {
        -webkit-transform:none;
        opacity:1;
        transform:none
    }

    to
    {
        -webkit-transform:translate3d(60%,0,0) skewX(30deg);
        opacity:0;
        transform:translate3d(60%,0,0) skewX(30deg)
    }
}

@keyframes ellipsis {
    to
    {
        width:12px
    }
}

@-webkit-keyframes ellipsis {
    to
    {
        width:12px
    }
}
.m-start{
    height: 100%;
    width: 100%;
    padding: 3.25rem 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 998;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(//adultpillows.com/cdn/shop/t/2/assets/gradient.jpg?v=18933110285823597241744312948);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;

}
.m-prod__upload.hide{
    display: none!important;
}
.m-start__btn{
    font-size: 13px;
    line-height: 1.3;
    padding: 7px 24px;
    display: flex;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 32px;
    font-style: normal;
    background: #49349d;
    border: 2px solid #49349d;
    text-align: center;
    text-transform: uppercase;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 2px 6px;
}
.m-start__span-color {
{#color: #f6c549;#}
}
.m-start__btn>svg {
    height: 28px;
    width: 35px;
    margin-right: 15px;
}
.m-start__text{
    color: #50525a;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    margin: 1rem 0;
    text-align: center;
}



.m-start__video{
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 1.5rem;
    flex-shrink: 1;

}
.m-start__video video,
.m-start__video img{
    display: block;
    border-radius: 7px;
    max-height: 100%;
    max-width: 75vw;
    width: 100%;
}
.c-animated{
    transition: 250ms;
}
.c-hidden-bottom{
    z-index: -1;
    bottom: -100px;
}
.c-hidden-top{
    top: -100px;
}
.m-start___note{
    color: #a7a7a8;
    font-size: 7px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    position: absolute;
    bottom: 1rem;
}

.a-modal
{
    -webkit-transform:translate(-50%,-80%);
    background-color:#fff;
    border-radius:5px;
    left:50%;
    margin-right:-50%;
    max-width:90%;
    overflow:hidden;
    pointer-events:auto;
    position:relative;
    top:50%;
    transform:translate(-50%,-80%);
    transition:transform .3s ease-out;
    transition:transform .3s ease-out,-webkit-transform .3s ease-out;
    width:450px
}

.a-modal__body
{
    padding:1.5rem 2rem 0
}

.a-modal__btn
{
    background:#e65b47;
    border-radius:5px;
    color:#fff;
    font-size:13px;
    font-weight:700;
    line-height:35px;
    text-transform:uppercase;
    width:140px
}

.a-modal__btn:hover
{
    background:#f44336
}

.a-modal__footer
{
    padding:1rem 1.5rem;
    text-align:center
}

.a-modal__header
{
    display:inline-block;
    font-size:28px;
    width:100%
}

.a-modal__header,.text-center
{
    text-align:center
}

.a-modal__icon
{
    background-color:#ff000038;
    background-position:center;
    background-repeat:no-repeat;
    background-size:55%;
    border-radius:100%;
    display:block;
    height:65px;
    margin:auto auto 1rem;
    width:65px
}

.a-modal__icon[data-icon=mockup]
{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 122.88 98.31' style='enable-background:new 0 0 122.88 98.31' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M8.32,0h106.24c4.58,0,8.32,3.74,8.32,8.32v81.68c0,4.57-3.74,8.32-8.32,8.32H8.32C3.74,98.31,0,94.57,0,89.99 V8.32C0,3.74,3.74,0,8.32,0L8.32,0z M63.1,40.11L86.2,76.38c0.7,1.09,1.3,3.33,0,3.33H36.68c-1.3,0-0.7-2.24,0-3.33l23.09-36.27 C60.47,39.02,62.41,39.02,63.1,40.11L63.1,40.11z M59.42,70.09h4.02v3.56h-4.02V70.09L59.42,70.09z M63.44,67.63h-4.02 c-0.4-4.88-1.24-7.98-1.24-12.86c0-1.8,1.46-3.26,3.26-3.26c1.8,0,3.26,1.46,3.26,3.26C64.7,59.64,63.85,62.75,63.44,67.63 L63.44,67.63L63.44,67.63z M117.97,23.29H5.29v67.51c0,0.64,0.25,1.2,0.67,1.63c0.42,0.43,0.99,0.67,1.63,0.67h108.04 c0.64,0,1.2-0.25,1.63-0.67c0.43-0.43,0.67-0.99,0.67-1.63V23.29H117.97L117.97,23.29z M106.64,9.35c2.27,0,4.11,1.84,4.11,4.11 c0,2.27-1.84,4.11-4.11,4.11c-2.27,0-4.11-1.84-4.11-4.11C102.54,11.19,104.38,9.35,106.64,9.35L106.64,9.35z M78.8,9.35 c2.27,0,4.11,1.84,4.11,4.11c0,2.27-1.84,4.11-4.11,4.11c-2.27,0-4.11-1.84-4.11-4.11C74.69,11.19,76.53,9.35,78.8,9.35L78.8,9.35z M92.72,9.35c2.27,0,4.11,1.84,4.11,4.11c0,2.27-1.84,4.11-4.11,4.11c-2.27,0-4.11-1.84-4.11-4.11 C88.61,11.19,90.45,9.35,92.72,9.35L92.72,9.35z'/%3E%3C/g%3E%3C/svg%3E")
}

.a-modal__icon[data-icon=network]
{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='24' viewBox='0 0 24 24' width='24'%3E%3Cg stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m2 7.92647c1.24008-.79618 2.58126-1.44861 4-1.93376m16 1.93376c-2.8849-1.85224-6.317-2.92647-10-2.92647-.3355 0-.6689.00891-1 .02652'/%3E%3Cpath d='m5.17159 11.7046c1.4601-.8446 3.09108-1.4267 4.82839-1.6817m8.82842 1.6817c-.8585-.4967-1.7762-.9025-2.7398-1.2045'/%3E%3Cpath d='m9.07355 15.2544c.91533-.3235 1.90035-.4995 2.92645-.4995s2.0111.176 2.9265.4995'/%3E%3Cpath d='m11.9181 19.1465-.0161-.0161'/%3E%3Cpath d='m2 2 20 20'/%3E%3C/g%3E%3C/svg%3E")
}

.a-modal__icon[data-icon=removebg]
{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000' height='800px' width='800px' version='1.1' id='Capa_1' viewBox='0 0 60.001 60.001' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M59.693,53.636L47.849,33.33c-0.405-0.695-1.128-1.11-1.934-1.11c-0.805,0-1.527,0.415-1.933,1.11L32.137,53.636 c-0.409,0.7-0.412,1.539-0.008,2.242c0.404,0.703,1.129,1.123,1.94,1.123h23.691c0.811,0,1.536-0.42,1.939-1.123 C60.104,55.175,60.102,54.337,59.693,53.636z M57.966,54.882c-0.03,0.055-0.092,0.119-0.205,0.119H34.07 c-0.114,0-0.175-0.064-0.206-0.119s-0.056-0.14,0.001-0.238L45.71,34.338c0.057-0.098,0.143-0.118,0.205-0.118 c0.063,0,0.148,0.021,0.206,0.118l11.845,20.306C58.022,54.742,57.998,54.827,57.966,54.882z'/%3E%3Cpath d='M46,39.001c-0.552,0-1,0.447-1,1v8c0,0.553,0.448,1,1,1s1-0.447,1-1v-8C47,39.448,46.552,39.001,46,39.001z'/%3E%3Cpath d='M45.29,51.291c-0.18,0.189-0.29,0.45-0.29,0.71s0.11,0.52,0.29,0.71c0.19,0.18,0.45,0.29,0.71,0.29 c0.26,0,0.52-0.11,0.71-0.29c0.18-0.19,0.29-0.44,0.29-0.71c0-0.271-0.11-0.521-0.29-0.7C46.34,50.921,45.66,50.921,45.29,51.291z'/%3E%3Cpath d='M21.569,16.57c0-3.071-2.498-5.569-5.569-5.569s-5.569,2.498-5.569,5.569c0,3.07,2.498,5.568,5.569,5.568 S21.569,19.64,21.569,16.57z M12.431,16.57c0-1.968,1.601-3.569,3.569-3.569s3.569,1.602,3.569,3.569S17.968,20.138,16,20.138 S12.431,18.538,12.431,16.57z'/%3E%3Cpath d='M51.324,29.738c0.407,0.373,1.04,0.345,1.413-0.062c0.373-0.407,0.346-1.04-0.062-1.413l-12-11 c-0.195-0.179-0.453-0.271-0.72-0.262c-0.265,0.012-0.515,0.129-0.694,0.325l-9.794,10.727l-4.743-4.743 c-0.373-0.373-0.972-0.391-1.368-0.044L6.339,38.25c-0.415,0.365-0.455,0.997-0.09,1.412C6.447,39.886,6.723,40.001,7,40.001 c0.234,0,0.47-0.082,0.66-0.249l16.313-14.362L34.276,35.69c0.391,0.391,1.023,0.391,1.414,0s0.391-1.023,0-1.414l-4.807-4.807 l9.181-10.054L51.324,29.738z'/%3E%3Cpath d='M30,47.001H2v-42h54v32.372c0,0.553,0.447,1,1,1s1-0.447,1-1V4.001c0-0.553-0.447-1-1-1H1c-0.552,0-1,0.447-1,1v44 c0,0.553,0.448,1,1,1h29c0.552,0,1-0.447,1-1S30.552,47.001,30,47.001z'/%3E%3C/g%3E%3C/svg%3E")
}

.a-modal__icon[data-icon=unknown]
{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='256' height='256' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)'%3E%3Cpath d='M 45 64.666 c -2.06 0 -3.744 -1.612 -3.835 -3.67 l -2.613 -25.197 c -0.137 -1.817 0.486 -3.597 1.706 -4.912 c 1.22 -1.315 2.948 -2.069 4.742 -2.069 s 3.522 0.754 4.742 2.069 s 1.843 3.095 1.708 4.883 l -2.619 25.285 C 48.745 63.054 47.061 64.666 45 64.666 z M 45 30.818 c -1.257 0 -2.421 0.508 -3.276 1.429 c -0.855 0.922 -1.274 2.12 -1.18 3.374 l 2.615 25.227 c 0.048 1.045 0.854 1.817 1.841 1.817 s 1.794 -0.772 1.837 -1.758 l 2.621 -25.315 c 0.092 -1.226 -0.327 -2.424 -1.182 -3.346 C 47.421 31.326 46.258 30.818 45 30.818 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #000; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3Cpath d='M 45 78.907 c -3.045 0 -5.523 -2.478 -5.523 -5.522 c 0 -3.046 2.478 -5.523 5.523 -5.523 c 3.046 0 5.523 2.478 5.523 5.523 C 50.523 76.429 48.046 78.907 45 78.907 z M 45 69.861 c -1.942 0 -3.523 1.581 -3.523 3.523 c 0 1.942 1.581 3.522 3.523 3.522 s 3.523 -1.58 3.523 -3.522 C 48.523 71.442 46.942 69.861 45 69.861 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #000; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3Cpath d='M 84.944 88.152 H 5.055 c -1.783 0 -3.398 -0.911 -4.321 -2.437 c -0.923 -1.525 -0.979 -3.379 -0.152 -4.957 L 40.527 4.553 C 41.402 2.885 43.116 1.848 45 1.848 c 1.884 0 3.598 1.037 4.473 2.705 l 39.944 76.206 c 0.828 1.578 0.771 3.432 -0.151 4.957 C 88.343 87.241 86.727 88.152 84.944 88.152 z M 45 3.848 c -1.155 0 -2.165 0.611 -2.701 1.634 L 2.354 81.686 c -0.5 0.954 -0.466 2.073 0.091 2.994 c 0.558 0.922 1.533 1.472 2.61 1.472 h 79.889 c 1.077 0 2.053 -0.55 2.61 -1.472 c 0.557 -0.921 0.591 -2.04 0.091 -2.993 L 47.701 5.482 C 47.165 4.459 46.155 3.848 45 3.848 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #000; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E")
}

.a-modal__text
{
    font-size:18px;
    line-height:1.25
}

.a-modal__wrap
{
    background-color:#00000063;
    display:none;
    height:100%;
    left:0;
    opacity:0;
    outline:0;
    overflow:hidden;
    position:fixed;
    top:0;
    width:100%;
    z-index:1050
}

.a-modal__wrap.fade
{
    opacity:1;
    transition:opacity .15s linear
}

.arrow-right
{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 3.50063C0 3.36802 0.0526785 3.24085 0.146447 3.14708C0.240215 3.05331 0.367392 3.00063 0.5 3.00063H6.293L4.146 0.854632C4.05211 0.760745 3.99937 0.633408 3.99937 0.500632C3.99937 0.367856 4.05211 0.240518 4.146 0.146632C4.23989 0.0527451 4.36722 0 4.5 0C4.63278 0 4.76011 0.0527451 4.854 0.146632L7.854 3.14663C7.90056 3.19308 7.93751 3.24825 7.96271 3.309C7.98792 3.36974 8.00089 3.43486 8.00089 3.50063C8.00089 3.5664 7.98792 3.63152 7.96271 3.69227C7.93751 3.75301 7.90056 3.80819 7.854 3.85463L4.854 6.85463C4.76011 6.94852 4.63278 7.00126 4.5 7.00126C4.36722 7.00126 4.23989 6.94852 4.146 6.85463C4.05211 6.76075 3.99937 6.63341 3.99937 6.50063C3.99937 6.36786 4.05211 6.24052 4.146 6.14663L6.293 4.00063H0.5C0.367392 4.00063 0.240215 3.94795 0.146447 3.85419C0.0526785 3.76042 0 3.63324 0 3.50063Z' fill='black'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-size:contain;
    display:inline-block;
    height:7px;
    vertical-align:middle;
    width:10px
}

.blue span
{
    background-color:#5ba4e6
}

.box__dragndrop,.box__error,.box__success,.box__uploading,.loader-m-upload.hide,.m-prod__err.hide
{
    display:none
}

.c-square
{
    display:block;
    position:relative
}

.c-square:after
{
    content:"";
    display:block;
    padding-top:92%
}

.c-square__content
{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1
}



.c-start-section__title
{
    color:#454545;

}
.c-start-section__img{
    border-radius: 15px;
    overflow: hidden;
}

.c-step
{
    display:flex;
    flex-direction:column;
    height:100%;
    max-width:100%;
    min-width:100%;
    overflow:hidden;
    position:relative;

}

.c-step .c-step__secondary-btn.active
{
    border-color: #49349d;
    background: #49349d;
    color: #ffffff;;

}

.c-step-buy
{
    align-items:center;
    display:flex
}

.c-step-buy__btn-block
{
    margin: auto;
}

.c-step-buy__quantity
{
    margin-right:1rem
}


.c-step.hide
{
    display:none!important
}

.c-step__content
{

    border-top: 3px solid #434343;
    flex-grow:3;
    padding:25px 35px
}
.c-step__content.c-step__content--br{
    /*border-top:3px solid #f4f4f4;*/
}
.c-step__content.c-step__content--row {
    padding-bottom: 8px;
    padding-top: 8px;
}

.c-step__content .c-block-swatch
{
    position:relative
}

.c-step__content .c-block-swatch.c-block-swatch--disabled label
{
    cursor:default;
    pointer-events:none
}

.c-step__content .c-block-swatch__radio
{
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}

.c-step__content a:first-child
{
    margin-right:1.5rem
}

.c-step__footer
{
    padding:20px 20px 45px 20px
}

.c-step__header
{
    padding:30px 35px 20px
}

.c-step__header--flex
{
    align-items:center;
    display:flex;
    flex-wrap:wrap
}

.c-step__icon-t
{
    height:14px;
    margin-left:5px;
    margin-right:3px;
    width:14px
}

.c-step__img
{
    align-items:flex-start;
    display:flex;
    height:130px
}

.c-step__img img
{
    border-radius:4px;
    max-height:100%;
    max-width:150px
}

.c-step__img-img
{
    height:100%;
    min-width:65px;
    position:relative;
    text-align:center
}

.c-step__info
{
    /*color:#a0a3a7;*/
    font-size:12px;
    font-weight:400;
    margin-top:10px;
    line-height:1.2;
}
.c-step__title
{
    /*color:#7f7f7f;*/
    font-size:20px;
    font-weight:700;
    line-height:1.2;
    margin-right: 0.75rem;
}

.c-step__main-btn
{
    border-radius:10px;
    display:flex;
    justify-content:space-between;
    overflow:hidden;
    width:100%;
    column-gap: 1.3rem;
    padding: 0 40px;
    font-weight: 800;

}
.c-step__main-btn--cart{
    font-size: 18px;
}
.c-step__main-btn--center{
    justify-content: center;
}

.c-step__main-btn--cart.js-unavailable
{
    cursor:not-allowed;
    pointer-events:none!important;
    position:relative
}
.js-hidden{
    visibility: hidden;
    position: absolute!important;
    z-index: -10;
    left: 0;
    right: 0;
}
.c-step__money.c-step__money--large{
    font-size: 2rem;
    font-weight: 600;
    margin-left: auto;
    display: block;
    text-align: right;
}
.c-step__main-btn--cart.js-unavailable:after
{
    align-items:center;
    background:#ababab;
    bottom:0;
    color:#fff;
    content:"Currently unavailable";
    display:flex;
    font-size:16px;
    font-weight:600;
    justify-content:center;
    left:0;
    position:absolute;
    right:0;
    top:0
}

.c-step__main-btn--done
{
    justify-content:center
}

.c-step__secondary-btn
{
    border-radius:10px;
    cursor:pointer;
    display:inline-block;
    flex-shrink:0;
    font-size:12px;
    line-height:1.2;
    min-width:100px;
    padding:9px 12px;
    text-align:center;
    box-shadow: 0 1px 2px #23232347;
}

.c-step__textarea
{
    border:1px solid #00000033;
    border-radius:5px;
    display:block;
    font-size:14px;
    line-height:1.5;
    min-height:40px;
    padding:8px 13px;
    width:100%
}

.c-step__textarea-block
{
    margin-top:.75rem;
    position:relative
}

.c-step__tooltip
{
    align-items:end;
    /*color:#7f7f7f;*/
    cursor:pointer;
    display:inline-flex;
    font-size:13px;
    font-weight:700;
    line-height:1;
    margin-left:auto
}


.c-step__link-btn{
    font-weight: 400;
    color: #49349d;
    text-decoration: underline;
}
.c-step__row{
    font-size: 12px;
    /*font-weight: 700;*/
    /*color: #7f7f7f;*/
    line-height: 1.3;
    text-align: center;
}
.c-step__money{
    font-size: 1.2em;
}
.c-upload-block__content
{
    margin-bottom:2.3rem
}
.c-upload-block__link{
    color: #2f83c6;
}

.c-upload-block__drop-zone
{
    border:1px dashed #c4c4c4;
    border-radius:10px;
    margin-bottom:2rem;
    padding:1.5rem 1rem
}



.c-upload-block__note
{
    color:#a0a3a7;
    font-size:12px;
    font-weight:700;
    line-height:1.2;
    text-align:center
}

.container-large
{
    max-width:1800px
}

.d-prop
{
    /*color:#7f7f7f;*/
    font-size:12px;
    font-style:normal;
    font-weight:400;
    line-height:normal
}

.d-prop span
{
    -moz-box-orient:vertical;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    box-orient:vertical;
    display:-moz-box;
    display:-webkit-box;
    line-clamp:1;
    line-height:1.2;
    overflow:hidden;
    text-overflow:ellipsis
}

.d-prop__key
{
    flex-shrink:0
}

.d-prop__val
{
    font-weight:400;
    height:18px
}

.d-review__el
{
    margin-bottom:2.5rem
}

.d-review__prop
{
    align-items:baseline;
    display:flex;
    justify-content:space-between
}
.d-review__note{
    font-size: 11px;
    color: #a0a3a7;
    line-height: 1.2;
}


.d-review__size
{
    font-weight:500
}

.drop-zone
{
    align-items:center;

    background:#fff;
    border:2px solid #e4e4e4;
    border-radius:50px;
    box-shadow:0 4px 75px 0 rgba(255,189,0,.5);
    display:flex;
    flex-direction:column;
    height:100%;
    justify-content:center;
    transition:background 200ms;
    width:100%
}

.drop-zone__btn
{
    border-radius:25px;
    font-size:24px;
    line-height:70px;
    max-width:80%;
    width:254px;
    overflow: hidden;
}

.drop-zone__icon
{
    background-size:cover;
    display:inline-block;
    height:110px;
    margin-bottom:1rem;
    width:110px
}

.drop-zone__text
{
    color:#a0a3a7;
    font-size:20px;
    line-height:1;
    margin-top:1.5rem
}

.error-block__text
{
    color:#ff0000b2!important
}

.error_m
{
    background:#fff;
    padding-bottom:16px;
    padding-left:16px;
    width:100%
}

.error_m h1
{
    color:#757575;
    font-size:24px;
    font-weight:900;
    margin-bottom:0
}

.error_m p
{
    background-color:#f7f7f7;
    margin-top:9px;
    min-height:105px;
    padding:12px;
    text-align:center;
    width:98%
}

.error_m p a
{
    color:#5ba4e6;
    text-decoration:underline
}

.error_m span
{
    color:red
}

.error_m,.most-popular
{
    position:relative
}

.error_m>span:nth-child(2)
{
    font-size:22px;
    font-weight:800
}

.error_m>span:nth-child(3)
{
    font-size:21px
}

.fade .a-modal
{
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

.icon-done
{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' width='30px' height='30px'%3E%3Cpath fill='%23848383' d='M40,77.5C19.3,77.5,2.5,60.7,2.5,40S19.3,2.5,40,2.5S77.5,19.3,77.5,40S60.7,77.5,40,77.5z' style='&%2310; /* fill: %23848383; */&%2310;'/%3E%3Cpath fill='%23848383' d='M40,3c20.4,0,37,16.6,37,37S60.4,77,40,77S3,60.4,3,40S19.6,3,40,3 M40,2C19,2,2,19,2,40 s17,38,38,38s38-17,38-38S61,2,40,2L40,2z'/%3E%3Cpath fill='%23fff' d='M34 56L20.2 42.2 24.5 38 34 47.6 58.2 23.4 62.5 27.6z'/%3E%3C/svg%3E")
}

.icon-download
{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1024' width='1024' style='fill: %23ffbd01;'%3E%3Cpath d='M512 384L320 576h128v320h128V576h128L512 384zM832 320c-8.75 0-17.125 1.406-25.625 2.562C757.625 208.188 644.125 128 512 128c-132.156 0-245.562 80.188-294.406 194.562C209.156 321.406 200.781 320 192 320 85.938 320 0 406 0 512c0 106.062 85.938 192 192 192 20.531 0 39.875-4.25 58.375-10.438C284.469 731.375 331.312 756.75 384 764.5v-65.25c-49.844-10.375-91.594-42.812-112.625-87.75C249.531 629 222.219 640 192 640c-70.656 0-128-57.375-128-128 0-70.656 57.344-128 128-128 25.281 0 48.625 7.562 68.406 20.156C281.344 283.78099999999995 385.594 192 512 192c126.5 0 229.75 92.219 250.5 212.75 20-13 43.875-20.75 69.5-20.75 70.625 0 128 57.344 128 128 0 70.625-57.375 128-128 128-10.25 0-20-1.5-29.625-3.75C773.438 677.125 725.938 704 672 704c-11.062 0-21.625-1.625-32-4v64.938c10.438 1.688 21.062 3.062 32 3.062 61.188 0 116.5-24.688 157-64.438 1 0 1.875 0.438 3 0.438 106.062 0 192-85.938 192-192C1024 406 938.062 320 832 320z'/%3E%3C/svg%3E")
}

.icon-img
{
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50'%3E%3Crect width='14' height='14' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_512_17971' transform='scale(0.0104167)'/%3E%3C/pattern%3E%3Cimage id='image0_512_17971' width='96' height='96' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGhklEQVR4nO1dW6xdQxieFlVtUVFVdQleVMSDO3Fr+kQEhziHRIu0nBep5HTnOGefveb7hBeJBwkREiJaQkK1IhKXhFC0JKQIWpemTRB1K3Vaqi5b/uxp7Bx7rZm1zl6XvdZ8yTydteef+b5Z/5r55585Snl4eHh4eHh4eHh4eHh4eHh4eMQEydkkbwKwluRmkrtINktSdpk+rQFwo/S1MAOE5HSStwP4uQBENTMqOwAML1++/MBcyR8bGzuK5DsFIKSZRwGwgeS8PMnfljcJzL9sy1wEefWqPPL5/7I+U3cEYKQAnW4WqQCoZUK+zAAsH9zVWuuLa7XaTFUS1Gq1mdInmQVFCPDTyMjIoak3RqaaEY0YUiUHgFrE4LshiwasDSH/WVURIE8OAHwWov5FqiLQLXfUiYPNqRsHMB5ifJaqCEjOCnkDxrMw3tH/qYqBefHgBWjBC5AzvACO6O/v349kH4DHAWwSP23KJpKr5G/yjIoJL4ADSF4A4EOHlewHWuvzY9btvwFRAHAtgD9ihBP2yG+UI7wAEdBanxWT/H3TyD9Jnqsc4AUIgfhz49+TBtU+ITlVWeAFCAHJq5OS31b6HOz4b0AnkHwihJwdJAdIzjBlICKqu8rBjhegEwBsCSFnaYdnl4W4oS+UBV6AEADY3Ymcer1+xMRnSc4NEWB3WP1tv/VvQIoCWINqXoAQkPwyhNRlHZ692bugLkNCDiGkygd3QLYXpZiFWsePMICVNjv+DQiB1vqqyU5DtdZXKgu8ACGQRRTJTychwMd+ITZJkDwzaShCa32Oow0/C4qC+HgJsMUQQJ4dUI7oWQGMi5AV6WqSX5PcC+A7kq+TXDE8PHxwt9oqIWYJNTuM/I1a6/Pi1N2TAgRBcDLJjyxk/EDymm4G5+SjKjMb+TaYpIJfzXfiMZJXuPj8nheA5CLTcRdf/A+AhiowekoAkpeQ/C3BjORuVVD0jABa68sA/J6A/KZ5Gx5QSk1RBUNPCACgXz6yScnnf+WhJH660gKQXEzyL8se7C0y65FUPwBbLSI8UiQRCi2ABLkA/B1Fvsw+VBsajcaxJD+3uKOnSO6vCoDCCgDgVpnFWE4cLgqpe74tjADgmcHBwQNc2ys5+3KgjuQ6kt+bdcdXUo9xkVNLI4DkzkeRD2Cn5OpY6p/rkMvzvMuRIJLXycEJS12yUFvQTR5SRQS5DUtHZU/2bBcbo6Ojh5N8z1LfS0NDQwdFtPMOy+8nDoyF3eBBpQ3XTk0kX3J14tgZabmOty3EvdEpdAHgrgRt3KO1vnyyPKi0kaBj24MgODWJrVpr4+RVS/1vkTzE/GQKgHsTDpKmiaD2TYYHlTZidujbIAhOmaS9GQBettgSdzUHwP1JyW8re11iUb0ggBxgPrGL1yG8YLH3i2UwbJHoqLgskoNR+wWyLwDg+iQ8dKO/NjJcRv7WRqNxQpftTjMh7CSjWi7aOCZOfMqsY5bG5aGbfY5luL2zY2NjR6eY97kyJvmyrpgfcdguNEJrptS3xeEhjX47Gd7XWblDIoMDF486vokb5dvgcIZgp0WEFa48pNn3SMPyIZT5e+oNUEoZP77dQv67o6Ojh7nUJ/vAtut2ANSLLsDsDMlfZyHrzbapqRNInk7yR8tbdWdhBcjwnooNSRZnrlumAL6x1H9PJQVga57/voWcF6PCE452FthEIHlfpQSgW4BO1gnTu2Tv+Ig098jSDfu2xmVqmOQ8k60W1fGn44SoHe0eJ+cEKi0A3Uh4Mq1NGkfxyykAHdwAgIfT3qZ0dH/lEiAIgpNM1lwU+Q9mtUcs6wlZV1RCgMB9Kjglh4tp15dagCAITjOpiYVM1pL9CZKvlVIArfUZtpUoAKqcYY64vlIqAbTWF9qikpldC+kAWezlJkC3ryzTraSs8SQh4bwgcaaQtu7M7dI+ITJuXVrrS22bIp1ON+YNyaDI7dK+iMtL18Ssp89yjEjSGherAoLkcyFtXp26cXN/ftiIdfLT5oTM3gjyJXutXxUQJssurP9LspoP74hohFxqujDs6mK5XdaWtMsJeaN5w0w/F0aM/OyuLraNgqoWZHlts+Rl2jZGqlTQyuCbprKERAodcvpLXwBsrdfrR2ZKfpsIc8zx0mZFy/rc/oVJmwjTTFq6LQ28NAWtvq7I3O1EQWYAMsORK9z3XZBaIsLHzRlj6duSzGY7Hh4eHh4eHh4eHh4eHh4eHh6qTPgXiO7oyHIlWoMAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    display:inline-block
}

.img-preloader{
    border-right: 10px;
}

.img-state
{
    padding:3px 5px;
    border-right: 10px;
}
.img-state.hide{
    display: none !important;
}
.img-state-error
{
    background: #e73e2a8f;
    color:#fff;
    font-size:9px;
    font-weight:900;
    line-height:1;
    margin-top:auto;
    padding:3px 5px;
    text-align:center;
    text-transform:uppercase
}

.img-state-icon
{
    background-repeat:no-repeat;
    background-size:contain;
    display:inline-block;
    height:20px;
    width:20px
}

.img-state-retry-btn
{
    background:#ec45459c;
    border-radius:8px;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    line-height:1.2;
    margin:auto;
    max-width:85%;
    padding:5px;
    width:100%
}

.img-state.done
{
    display:block;
    position:absolute;
    right:5px;
    top:0
}

.img-state.error
{
    border-radius:5px;
    padding:0;
    position:absolute;
    right: -10px;
    top: -10px;
}
.img-state.error svg{
    stroke: #cb0c0c94;
    height: 25px;
    width: 25px;
}

.img-state.preparing
{
    background:#b2afafb3;
    bottom:0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    position:absolute;
    width:100%;
    align-items: center;
    justify-content: center;
}
.img-state.preparing svg{
    fill: #FFFFFF;
    max-height: 100%;
    max-width: 100%;
}
.input-hidden
{
    height:0;
    opacity:0;
    position:absolute;
    width:0
}


.js-c-second.hidden,.pillow-3d-spin-info,.step-upload__wrap.hide
{
    display:none
}

.js-disabled
{
    /*background: #bfbfbf!important;*/
    /*color: #7f7f7f80!important;*/
    cursor:default;
    pointer-events:none;
    /*box-shadow: none;*/
    /*border-color: #bfbfbf!important;*/
    opacity: 0.5;
}

.js-disabled-def {
    cursor:default;
    pointer-events:none;
    opacity: 0.5;
}

.js-disabled svg{
    opacity: 0.6;
    /*fill: #7f7f7f80!important;*/
    /*stroke: #7f7f7f80!important;*/
}
.js-drop-zone
{
    cursor:pointer
}

.js-drop-zone__enter
{
    background:#f5f5f5;
    transition:background 200ms
}

.js-input-err textarea
{
    border:1px solid #ff5d5d;
    color:#666
}

.js-notes-textarea-block.js-input-err:after
{
    bottom:100%;
    color:#ff5d5d;
    content:"To proceed, please fill in this field or select the 'Keep mockup as is' option.";
    font-size:9px;
    font-weight:900;
    left:0;
    line-height:1.2;
    padding:0 11px;
    position:absolute;
    right:0
}

.loader-m-upload
{
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:center;
    padding:3rem;
    z-index:1
}

.loader-m-upload,.m-prod__err
{
    align-items:center;
    background:#fff;
    bottom:0;
    display:flex;
    left:0;
    position:absolute;
    right:0;
    top:0
}

.loader-m-upload__text
{
    color:#000000b2;
    font-size:50px;
    font-style:normal;
    font-weight:700;
    line-height:1.15;
    margin-bottom:2rem;
    text-align:center
}

.loading:after
{
    -webkit-animation:ellipsis steps(4,end) 900ms infinite;
    animation:ellipsis steps(4,end) 900ms infinite;
    content:"…";
    display:inline-block;
    vertical-align:bottom;
    width:0
}

.loading:after,.preloader_b
{
    overflow:hidden;
    position:absolute
}

.m-error-block {
    background: #49349d;
    border-radius:5px;
    bottom:0;
    display:flex;
    justify-content:center;
    left:0;
    position:absolute;
    right:0;
    top:0;
    cursor: default;
    z-index: 1;
}

.m-error-block.hide
{
    display:none
}

.m-error-block__body
{
    margin-top: 3rem;
    padding: 1.5rem 2rem;
    max-width: 500px;
}

.m-error-block__icon
{
    background-color:#ff2f0761;
    background-position:center;
    background-repeat:no-repeat;
    background-size:55%;
    border-radius:100%;
    display:block;
    height:65px;
    margin:auto auto 2.5rem;
    width:65px
}

.m-error-block__icon[data-icon=mockup]
{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 122.88 98.31' style='enable-background:new 0 0 122.88 98.31' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M8.32,0h106.24c4.58,0,8.32,3.74,8.32,8.32v81.68c0,4.57-3.74,8.32-8.32,8.32H8.32C3.74,98.31,0,94.57,0,89.99 V8.32C0,3.74,3.74,0,8.32,0L8.32,0z M63.1,40.11L86.2,76.38c0.7,1.09,1.3,3.33,0,3.33H36.68c-1.3,0-0.7-2.24,0-3.33l23.09-36.27 C60.47,39.02,62.41,39.02,63.1,40.11L63.1,40.11z M59.42,70.09h4.02v3.56h-4.02V70.09L59.42,70.09z M63.44,67.63h-4.02 c-0.4-4.88-1.24-7.98-1.24-12.86c0-1.8,1.46-3.26,3.26-3.26c1.8,0,3.26,1.46,3.26,3.26C64.7,59.64,63.85,62.75,63.44,67.63 L63.44,67.63L63.44,67.63z M117.97,23.29H5.29v67.51c0,0.64,0.25,1.2,0.67,1.63c0.42,0.43,0.99,0.67,1.63,0.67h108.04 c0.64,0,1.2-0.25,1.63-0.67c0.43-0.43,0.67-0.99,0.67-1.63V23.29H117.97L117.97,23.29z M106.64,9.35c2.27,0,4.11,1.84,4.11,4.11 c0,2.27-1.84,4.11-4.11,4.11c-2.27,0-4.11-1.84-4.11-4.11C102.54,11.19,104.38,9.35,106.64,9.35L106.64,9.35z M78.8,9.35 c2.27,0,4.11,1.84,4.11,4.11c0,2.27-1.84,4.11-4.11,4.11c-2.27,0-4.11-1.84-4.11-4.11C74.69,11.19,76.53,9.35,78.8,9.35L78.8,9.35z M92.72,9.35c2.27,0,4.11,1.84,4.11,4.11c0,2.27-1.84,4.11-4.11,4.11c-2.27,0-4.11-1.84-4.11-4.11 C88.61,11.19,90.45,9.35,92.72,9.35L92.72,9.35z'/%3E%3C/g%3E%3C/svg%3E")
}

.m-error-block__icon[data-icon=network]
{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='24' viewBox='0 0 24 24' width='24'%3E%3Cg stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m2 7.92647c1.24008-.79618 2.58126-1.44861 4-1.93376m16 1.93376c-2.8849-1.85224-6.317-2.92647-10-2.92647-.3355 0-.6689.00891-1 .02652'/%3E%3Cpath d='m5.17159 11.7046c1.4601-.8446 3.09108-1.4267 4.82839-1.6817m8.82842 1.6817c-.8585-.4967-1.7762-.9025-2.7398-1.2045'/%3E%3Cpath d='m9.07355 15.2544c.91533-.3235 1.90035-.4995 2.92645-.4995s2.0111.176 2.9265.4995'/%3E%3Cpath d='m11.9181 19.1465-.0161-.0161'/%3E%3Cpath d='m2 2 20 20'/%3E%3C/g%3E%3C/svg%3E")
}

.m-error-block__icon[data-icon=removebg]
{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000' height='800px' width='800px' version='1.1' id='Capa_1' viewBox='0 0 60.001 60.001' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M59.693,53.636L47.849,33.33c-0.405-0.695-1.128-1.11-1.934-1.11c-0.805,0-1.527,0.415-1.933,1.11L32.137,53.636 c-0.409,0.7-0.412,1.539-0.008,2.242c0.404,0.703,1.129,1.123,1.94,1.123h23.691c0.811,0,1.536-0.42,1.939-1.123 C60.104,55.175,60.102,54.337,59.693,53.636z M57.966,54.882c-0.03,0.055-0.092,0.119-0.205,0.119H34.07 c-0.114,0-0.175-0.064-0.206-0.119s-0.056-0.14,0.001-0.238L45.71,34.338c0.057-0.098,0.143-0.118,0.205-0.118 c0.063,0,0.148,0.021,0.206,0.118l11.845,20.306C58.022,54.742,57.998,54.827,57.966,54.882z'/%3E%3Cpath d='M46,39.001c-0.552,0-1,0.447-1,1v8c0,0.553,0.448,1,1,1s1-0.447,1-1v-8C47,39.448,46.552,39.001,46,39.001z'/%3E%3Cpath d='M45.29,51.291c-0.18,0.189-0.29,0.45-0.29,0.71s0.11,0.52,0.29,0.71c0.19,0.18,0.45,0.29,0.71,0.29 c0.26,0,0.52-0.11,0.71-0.29c0.18-0.19,0.29-0.44,0.29-0.71c0-0.271-0.11-0.521-0.29-0.7C46.34,50.921,45.66,50.921,45.29,51.291z'/%3E%3Cpath d='M21.569,16.57c0-3.071-2.498-5.569-5.569-5.569s-5.569,2.498-5.569,5.569c0,3.07,2.498,5.568,5.569,5.568 S21.569,19.64,21.569,16.57z M12.431,16.57c0-1.968,1.601-3.569,3.569-3.569s3.569,1.602,3.569,3.569S17.968,20.138,16,20.138 S12.431,18.538,12.431,16.57z'/%3E%3Cpath d='M51.324,29.738c0.407,0.373,1.04,0.345,1.413-0.062c0.373-0.407,0.346-1.04-0.062-1.413l-12-11 c-0.195-0.179-0.453-0.271-0.72-0.262c-0.265,0.012-0.515,0.129-0.694,0.325l-9.794,10.727l-4.743-4.743 c-0.373-0.373-0.972-0.391-1.368-0.044L6.339,38.25c-0.415,0.365-0.455,0.997-0.09,1.412C6.447,39.886,6.723,40.001,7,40.001 c0.234,0,0.47-0.082,0.66-0.249l16.313-14.362L34.276,35.69c0.391,0.391,1.023,0.391,1.414,0s0.391-1.023,0-1.414l-4.807-4.807 l9.181-10.054L51.324,29.738z'/%3E%3Cpath d='M30,47.001H2v-42h54v32.372c0,0.553,0.447,1,1,1s1-0.447,1-1V4.001c0-0.553-0.447-1-1-1H1c-0.552,0-1,0.447-1,1v44 c0,0.553,0.448,1,1,1h29c0.552,0,1-0.447,1-1S30.552,47.001,30,47.001z'/%3E%3C/g%3E%3C/svg%3E")
}

.m-error-block__icon[data-icon=unknown]
{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='256' height='256' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)'%3E%3Cpath d='M 45 64.666 c -2.06 0 -3.744 -1.612 -3.835 -3.67 l -2.613 -25.197 c -0.137 -1.817 0.486 -3.597 1.706 -4.912 c 1.22 -1.315 2.948 -2.069 4.742 -2.069 s 3.522 0.754 4.742 2.069 s 1.843 3.095 1.708 4.883 l -2.619 25.285 C 48.745 63.054 47.061 64.666 45 64.666 z M 45 30.818 c -1.257 0 -2.421 0.508 -3.276 1.429 c -0.855 0.922 -1.274 2.12 -1.18 3.374 l 2.615 25.227 c 0.048 1.045 0.854 1.817 1.841 1.817 s 1.794 -0.772 1.837 -1.758 l 2.621 -25.315 c 0.092 -1.226 -0.327 -2.424 -1.182 -3.346 C 47.421 31.326 46.258 30.818 45 30.818 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #000; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3Cpath d='M 45 78.907 c -3.045 0 -5.523 -2.478 -5.523 -5.522 c 0 -3.046 2.478 -5.523 5.523 -5.523 c 3.046 0 5.523 2.478 5.523 5.523 C 50.523 76.429 48.046 78.907 45 78.907 z M 45 69.861 c -1.942 0 -3.523 1.581 -3.523 3.523 c 0 1.942 1.581 3.522 3.523 3.522 s 3.523 -1.58 3.523 -3.522 C 48.523 71.442 46.942 69.861 45 69.861 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #000; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3Cpath d='M 84.944 88.152 H 5.055 c -1.783 0 -3.398 -0.911 -4.321 -2.437 c -0.923 -1.525 -0.979 -3.379 -0.152 -4.957 L 40.527 4.553 C 41.402 2.885 43.116 1.848 45 1.848 c 1.884 0 3.598 1.037 4.473 2.705 l 39.944 76.206 c 0.828 1.578 0.771 3.432 -0.151 4.957 C 88.343 87.241 86.727 88.152 84.944 88.152 z M 45 3.848 c -1.155 0 -2.165 0.611 -2.701 1.634 L 2.354 81.686 c -0.5 0.954 -0.466 2.073 0.091 2.994 c 0.558 0.922 1.533 1.472 2.61 1.472 h 79.889 c 1.077 0 2.053 -0.55 2.61 -1.472 c 0.557 -0.921 0.591 -2.04 0.091 -2.993 L 47.701 5.482 C 47.165 4.459 46.155 3.848 45 3.848 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #000; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E")
}

.m-error-block__text
{
    font-size:16px;
    line-height:1.25;
    text-align:center
}

.m-prod__err
{
    font-size:50px;
    font-weight:600;
    line-height:1.15;
    padding:4rem 5rem;
    text-align:center;
    z-index:1000
}

.m-prod__mockup
{
    cursor:grab;
    overflow:hidden;
    position:relative;

}




.modal_window
{
    background:#fff;
    border-radius:5px;
    box-shadow:0 0 10px #000;
    box-sizing:border-box;
    margin:0 auto;
    max-width:520px;
    padding:40px;
    position:relative;
    width:100%
}

.modal_window__body
{
    overflow:hidden
}





.pillow-3d-icon
{
    left:2rem;
    opacity:.6;
    position:absolute;
    top:1rem;
    z-index:3
}

.pillow-3d-icon svg
{
    height:40px;
    width:40px
}

.preloader-b__block
{
    align-items:center;
    animation:lightSpeedIn ease-in 3.5s infinite;
    display:flex;
    flex-wrap:wrap;
    height:100%;
    justify-content:center;
    width:100%
}

.preloader_b
{
    background: #49349dde;
    bottom:0;
    left:0;
    right:0;
    top:0
}

.preloader_b__icon
{
    background:0 0;
    display:inline-block;
    fill:#fff;
    height:2em;
    overflow:visible;
    pointer-events:none;
    vertical-align:middle;
    width:2em
}

.product-gallery__thumbnail img
{
    max-height:100%
}

.progress-bar
{
    background-color:#fff;
    border-radius:7px;
    box-shadow:0 1px 5px #eaeaea inset,0 1px 0#f3f3f3;
    height:17px;
    margin:50px 0;
    padding:3px;
    width:100%
}

.progress-bar span
{
    border-radius:5px;
    box-shadow:0 1px 0 red inset;
    display:block;
    height:100%;
    transition:width .4s ease-in-out
}

.quentity_btn
{
    display:flex;
    position:relative
}

.quentity_btn_style
{
    align-items:center;
    background-color:transparent;
    border:0;
    display:flex;
    height:100%;
    justify-content:center;
    padding:0 10px;
    position:absolute
}

.step-upload
{
    border-radius:15px;
    max-width:650px;
    overflow:hidden;
    padding:3rem 4rem 2rem;
    position:absolute;
    right:50%;
    top:calc(50% + 120px);
    transform:translate(50%,calc(-50% - 95px));
    z-index:1
}

.step-upload__header
{
    margin-bottom:2rem;
    text-align:center
}

.step-upload__header span
{
    color:rgba(0,0,0,.7);
    font-size:50px!important;
    font-weight:700!important;
    line-height:1.15!important
}

.step-upload__link
{
    color:#457df1;
    cursor:pointer;
    text-decoration:underline;
    white-space:nowrap
}

.step-upload__note,.step-upload__note .step-upload__link
{
    font-size:18px;
    font-weight:400;
    line-height:1.3
}

.step-upload__wrap
{
    align-items:baseline;
    display:flex;
    flex-wrap:wrap;
    height:auto;
    justify-content:center;
    max-height:90vh;
    min-height:600px;
    overflow:hidden;
    position:relative
}

.stripes span
{
    animation:animate-stripes 3s linear infinite;
    background-image:linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size:30px 30px
}

main
{
    display:flex;
    flex-direction:column;

}



main
{

    flex-grow:1
}

pillow-3d[data-fullscreen=true]
{
    cursor:grab;
    position:relative;
    z-index:1000
}
.c-img-size{
    position: relative;
    border-radius: 5px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    transition: border 200ms;
    cursor: pointer;
    display: block;
    overflow: hidden;
}
.c-img-size__top{
    display: block;
    padding: 10px 5px;
    color: #363D41;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: background-color 200ms;
}
.c-img-size__content{
    position: relative;
}
.c-img-size__popular {
    top: 9px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 500px;
    background: #FFBD00;
    color: #000;
    text-align: center;
    font-size: 6px;
    font-weight: 700;
    line-height: normal;
    padding: 4px;
    width: 58%;
    min-width: 55px

}
.c-img-size__price{
    border-radius: 25px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1rem;
    color: #606365;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    padding: 5px 5px;
    width: 60%;
    min-width: 75%;
    max-width: 80px;
    margin: auto;
}
.c-img-size.active {
    border-color: #FFBD00;
}
.c-img-size.active .c-img-size__top{
    background: #FFBD00;
    color: #363D41;
}
.c-img-size__popular{
    position: absolute;

}

.m-error-block__btn-retry {
    padding: 6px 34px;
    font-weight: 600;
    border: 2px solid #e0e0e0;
    border-radius: 20px;
    color: #5b5b5b;
    margin: 2rem auto;
    display: block;
    font-size: 13px;
    background: #ffffff;
    min-width: 150px;
    text-transform: uppercase;

    box-shadow: inset 0 -0.0625rem 0 #b5b5b5, inset -0.0625rem 0 0 #e3e3e3, inset 0.0625rem 0 0 #e3e3e3, inset 0 0.0625rem 0 #e3e3e3;
}

.c-step__title{
    flex-shrink: 0;
    white-space: nowrap;
}
.quantity-block{
    box-shadow: 0 2px 2px #23232347;
}
.c-s-fix{
    display: flex;
    justify-content: center;
}
.c-s-fix__text{
    margin-right: 0.3rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    box-orient: vertical;
    display: -moz-box;
    display: -webkit-box;
    line-clamp: 1;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.c-step__link-btn{
    flex-shrink: 0;
}
.js-fix-wrap[data-fix='false'] .js-fix-c{
    display: none;
}
.js-fix-wrap[data-fix='true'] .js-fix-d{
    display: none;
}
.m-prod__prop-bottom {
    position: absolute;
    bottom: 1.5rem;
    line-height: 1;
    right: 0rem;
    left: 0rem;
    text-align: center;

}
.c-step__content .c-block-swatch{
    margin: 5px 0;
}

.m-prod__prop-mob {
    color: #0288d1;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;

}

.size-block.size-block--left{
    justify-content: left;
    width: 100%;

}
.a-modal_error-file{
    align-items: center;
    display: flex;
    font-weight: 400;
    margin-bottom: 0.5rem;
}
.a-modal_error-file a{
    margin-left: 1rem;
}

button.c-img-nav__btn{
    overflow: visible;
}
.c-btn-prompt{
    position: absolute;
    left: calc(50% - 93px);
    right: 0;
    margin: auto;
    width: 265px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: white;
    padding: 5px 5px;
    border-radius: 6px;
    top: -2.4rem;
    filter: drop-shadow(1px 1px 2px rgba(128,130,130,.7));
}
.c-btn-prompt.hide{
    display: none;
}
.c-btn-prompt:after {
    content: "";
    position: absolute;
    left: 32%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ffffff;
    clear: both;
}
.c-btn-prompt svg {
    height: 14px;
    margin-bottom: 2px;
    margin-right: 5px;
    width: 14px;
}
.c-btn-prompt__text{
    font-size: 11px;
}
.m-prod{
    background-image: //adultpillows.com/cdn/shop/t/2/assets/gradient.jpeg?1939;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*.announcement-bar{*/
/*    display: none;*/
/*}*/
.c-step__wrap
{
    display:flex;
    height:100%;
    justify-content:left;
    transform:translateX(0);
    transition:transform 300ms;
    width:100%;
    border-radius: 10px;

}

.m-nav__el--btn{
    border: 1px solid #49349d;
}
.c-img-nav__btn{
    font-style: normal;
    font-weight: 700;
    background: #ffffff;;
    box-shadow: 1px 2px 2px #23232342;
    border: 1px solid #49349d;
    font-size: 9px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-transform: uppercase;
    line-height: 1.15;
    width: 100%;
}
.m-nav__el--btn .c-img-nav__btn{
    width: 100%;
    height: 100%;
    border: none;
    padding: 5px;
}
.c-img-nav__btn > svg{
    height: 24px;
    margin-bottom: -0.1rem;
    margin-top: 2px;
}

.js-prod-type-block{
    display: none!important;
}
.js-prod-type-block.active{
    display: flex!important;
}

.bp-fixed{
    width: 300px;
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 1010;
}
.bp-fixed.hide{
    display: none;
}
.m-desc-section .card{
    margin-bottom: 0;
}
.m-desc-section .card__header{
    margin-bottom: 10px;
}
.c-discount:after{
    position: absolute;
    height: 22px;
    right: -5px;
    top: -5px;
    width: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23ae0000' height='200px' width='200px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512.001 512.001' xml:space='preserve' stroke='%23ae0000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cg%3E%3Cpath d='M189.035,166.712c-12.308,0-22.322,10.014-22.322,22.322s10.014,22.322,22.322,22.322s22.322-10.015,22.322-22.322 C211.357,176.726,201.343,166.712,189.035,166.712z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M322.967,300.644c-12.308,0-22.322,10.014-22.322,22.322c0,12.308,10.014,22.322,22.322,22.322 c12.308,0,22.322-10.014,22.322-22.322C345.289,310.658,335.274,300.644,322.967,300.644z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M507.154,244.22l-43.447-43.875l15.689-59.721c2.333-8.881-2.923-17.984-11.78-20.403l-59.564-16.273l-16.273-59.564 c-2.42-8.857-11.52-14.114-20.403-11.78l-59.72,15.69L267.78,4.846c-6.525-6.461-17.036-6.461-23.56,0l-43.875,43.448 l-59.721-15.689c-8.883-2.334-17.983,2.923-20.403,11.78l-16.273,59.564l-59.564,16.273c-8.857,2.42-14.113,11.523-11.78,20.403 l15.689,59.721L4.846,244.22c-6.461,6.525-6.461,17.036,0,23.56l43.448,43.875l-15.689,59.721 c-2.333,8.881,2.923,17.984,11.78,20.403l59.564,16.273l16.273,59.564c2.42,8.857,11.519,14.114,20.403,11.78l59.721-15.689 l43.875,43.448c3.262,3.231,7.521,4.846,11.78,4.846c4.259,0,8.518-1.615,11.78-4.846l43.875-43.448l59.721,15.689 c8.882,2.331,17.983-2.923,20.403-11.78l16.273-59.564l59.564-16.273c8.857-2.42,14.113-11.523,11.78-20.403l-15.689-59.721 l43.447-43.875C513.615,261.256,513.615,250.745,507.154,244.22z M133.23,189.034c0-30.771,25.034-55.805,55.805-55.805 s55.805,25.034,55.805,55.805s-25.034,55.805-55.805,55.805S133.23,219.805,133.23,189.034z M189.711,345.964 c-3.269,3.269-7.554,4.904-11.837,4.904c-4.284,0-8.569-1.634-11.837-4.904c-6.538-6.538-6.538-17.138,0-23.676L322.29,166.035 c6.537-6.538,17.138-6.538,23.676,0c6.538,6.538,6.538,17.138,0,23.676L189.711,345.964z M322.967,378.771 c-30.771,0-55.805-25.034-55.805-55.805c0-30.771,25.034-55.805,55.805-55.805c30.771,0,55.805,25.034,55.805,55.805 C378.772,353.737,353.738,378.771,322.967,378.771z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.c-step__compare{
    text-decoration: line-through;
    color: #4c4a4a;
    font-weight: 500;
    font-size: 1.25em;
    margin-right: 3px;
}
#shopify-section-announcement-bar{
    position: relative!important;
}
.btn-hidden{
    visibility: hidden;
    cursor: default;
    pointer-events: none;
}
.js-img-upload-wrap.active{
    display: flex
}
.js-img-upload-wrap{
    display: none;
}

.js-img-upload-wrap[data-sides='1'] .js-img-upload-block[data-side='back']{
    display: none;
}
.js-img-upload-wrap[data-sides='1'] .c-img-nav__text,
.js-img-upload-wrap[data-sides='1'] .c-image-upload__text{
    height: 0;
    overflow: hidden;
}



.c-tab__el{
    flex-grow: 1;
    text-align: center;
    padding: 4px;
    border: 1px solid #e2e2e2;
    border-radius: 10px 10px 0 0;
    margin: 0 5px;
    margin-bottom: -1px;
    overflow: hidden;
    /*color: #7f7f7f;*/
    font-weight: 700;
    font-size: 13px;
    line-height: 1.6;
    background: #f3f3f3;
}
.c-tab__el.active{
    color: #404544;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    background: white;
}
.c-step__tabs{
    width: 50%;
    display: flex;
    flex-grow: 1;
    margin-left: 4rem;
}
.js-tab-block{
    display: none;
}
.js-tab-block.active{
    display: block;
}

.js-sides-wrap[data-sides ='1'] .c-sides--two{
    display: none;
}
.js-sides-wrap[data-sides='2'] .c-sides--one{
    display: none;
}
.js-sides-wrap[data-sides='2'] .c-step__header--tab{
    border-bottom: 1px solid #e2e2e2;
    padding-top: 10px;
}
.new_upload_button_warapper{
  z-index: 99;
}
.c-step__options .c-block-swatch{
    display: inline-block;
    margin: 5px;
}

.c-mockup{
    background: linear-gradient(135deg, rgb(197 187 221), rgb(113 17 106));

}

.m-prod__top-menu {
    position: absolute;
    top: 1.2rem;
    line-height: .5;
    right: .5rem;
    left: .5rem;
    text-align: center;
    z-index: 1001;
}
.style-block{
    text-align: center
}
.style-block__btn {
    min-width: 73px;
    border-radius: 5px;
    font-size: 10px;
    padding: 5px 9px;

    border: 1px solid #e2e2e2;
    /*color: #7f7f7f;*/
    background: white;
    line-height: 1.2;
    display: inline-block;
    margin-right: .5rem;
    box-shadow: 0 2px 2px #23232347;
    font-weight: 400;
}
a.style-block__btn:last-of-type {
    margin-right: 0;
}
.style-block__btn.active{
    /*background: #858585;*/
    /*color: white;*/
    background: #49349d;
    color: #ffffff;
    pointer-events: none;
    border-color: #49349d;
}



.m-btn-section{
    padding: .5rem;
    border-top: 2px solid #434343;
    border-bottom: 2px solid #434343;
}
.m-btn-section__text{
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
    margin-bottom: 12px;
}
.m-btn-section__text svg{
    vertical-align: middle;
    margin-bottom: 2px;
    stroke: #a42b66
}

.button-outline{
    border-radius: 25px;
    border: 2px solid #49349d;
    color: #363d41;
    box-shadow: 0 2px 2px #23232347;
    background: white;
}
.m-btn-section__btn{
    line-height: 30px;
    padding: 0px 19px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
}
.m-btn-section__btn-block {
    display: flex;
    justify-content: center;
    margin: auto;
    margin-bottom: 0.5rem;
}

.m-btn-section__btn-block a{
    margin-left: 1.5rem;
}
.m-btn-section__btn-block a:first-child{
    background: #49349d;
    color: #ffffff;
}
.c-step__money {
    color:#f6c549;
}
.c-step__compare{
    color: white;
    text-decoration-color: #f6c549;
    font-size: 1.2em;
}
.mockup-view-buttons {
    top: 5px;
    right: 6px;
    position: absolute;
    z-index: 2;
    bottom: 5px;


}

.c-side-bar__wrap {
    display: flex;

    align-items: center;
    flex-direction: column;
}


.c-mockup__img-nav.size_buttons {
    bottom: auto;
    right: 10px;
    top: 10px;
    flex-direction: column;
    align-items: end;
}

.sizeActionIcon {
    background-color: white;
    border: 1px solid #e2e2e2;
    border-radius: 7px;
    width: 43px;
    height: 43px;
    margin: 4px 0;
    padding: 7px;
    cursor: pointer;
    box-shadow: 0 1px 1px #23232347;
}

.uploadSizeButton {
    line-height: 1.3;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white !important;
    border: 2px solid  #49349d; !important;
    box-shadow: 0 1px 1px #23232347;
}

.sizeActionIcon.activeView {
    border: 2px solid  #49349d;;
}

.activeView {
    pointer-events: none;
    cursor: default;

}

.colorIcon {
    width: 100%;
    height: 100%;
    border-radius: 25px;
    border: 1px solid #505050;
}

.whiteBG {
    background-color: white;
}

.blackBG {
    background-color: #2c2b2b;
}

.uploadSizeButton {
    background-color: #8c5dbf;
    padding: 6px;
    border: 1px solid #8c5dbf;
}

.uploadSizeButton svg {
    max-width: 100%;
    max-height: 100%;
}

.c-side-bar {
    padding: 5px 6px 2px;
    background: #ffffff9c;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: .7rem;
    color: #0c0c0c;
}

.c-side-bar:last-of-type {
    margin-bottom: 0;
}

.c-side-bar__title {
    max-width: 45px;
    font-size: 11px;
    line-height: 1.1;
    text-align: center;
    font-weight: 500;

}

.c-side-bar--left {
    display: none;
}

.c-block-button-title {
    font-size: 14px;
    font-weight: 800;
}

.c-block-button-dimension {
    font-size: 12px;
    font-weight: 500;
}


@media screen and (min-width:769px) {
    .mockup-view-buttons{
        top: 15px;
        right: 15px;
    }
    .js-sides-wrap[data-sides="2"] .c-step__header--tab{
        padding-bottom: 0;
    }
    .js-sides-wrap[data-sides="2"] .c-step__content{
        /* border-top: none; */
    }
    .c-step__note .c-step__option{
        min-width: 150px;
    }
    .c-step__note  .c-block-swatch {
        margin: 10px 0;
    }
    .c-step__secondary-btn{
        border-radius: 6px;
    }
    .c-step__option{
        min-width: 110px;
        position: relative;
    }
    .s-promo__wrap{
        margin-bottom: 1rem;
    }
    .m-prod-section{
        margin-bottom: 2rem;
    }
    .c-promo-section{
        margin-bottom: 0;
    }
    .m-desc-section{
        max-width: 1800px;
        margin: auto;
        padding: 2.5rem;
    }
    .c-step__wrap
    {
        display:flex;
        height:100%;
        justify-content:left;
        transform:translateX(0);
        transition:transform 300ms;
        width:100%;
    }
    .c-step{

        border: 1px solid #434343;
        border-radius: 10px;
    }
    .m-prod-section{

    }


    .size-row__prop{
        flex-shrink: 0;
        margin-right: 1rem;
    }
    .size-row__content{
        margin-left: auto;
    }
    .size-block
    {
        display: flex;
        align-items: center;
        justify-content: end;
        margin: auto;
        flex-wrap: wrap;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 1rem;
        grid-row-gap: 5px;
    }

    .m-prod-section{
        /*min-height: calc(100vh - 76px);*/
    }
    .add-nav
    {
        z-index:5
    }

    .c-step
    {
        height:auto

    }

    .c-step:last-of-type
    {
        margin-bottom:0
    }

    .c-step:last-of-type .c-step__content
    {
        padding-bottom:5px
    }

    .c-step__content--flex
    {
        display:flex;
        flex-wrap:wrap
    }

    .c-step__content--flex>div
    {
        flex-grow:1
    }



    .c-step__wrap
    {
        flex-grow:1
    }

    .d-prop
    {
        /*color:#7f7f7f;*/
        font-size:15px;
        font-style:normal;
        font-weight:700;
        line-height:1.2
    }
    .d-review{
        display: flex;
        flex-direction: column;
    }
    .d-review__note{
        margin-top: auto;
    }

    .d-review__el--flex
    {
        align-items:center;
        display:flex
    }

    .d-review__prop
    {
        flex-grow:1
    }

    .hidden-desk
    {
        display:none
    }

    .m-prod
    {
        align-items:flex-start;
        display:grid;
        grid-template-columns: 13fr 6.5fr;
        column-gap: 3rem;


    }

    .m-prod__mockup
    {
        min-height:65vh;
        /*max-height:75vh;*/
        height:100%;
        max-height: 80vh;
    }

    .m-nav__el
    {
        height:80px;
        width:80px;
        position: relative;
        margin: 0 auto 1rem;
        border-radius: 10px;
        background: white;
        box-sizing: content-box !important;

    }
    .m-nav__el--btn{
        border: 1px solid #E4E3E3;
        overflow: hidden;
    }
    .m-nav__btn{
        display: flex;
        align-items: center;
        justify-content: center;
        color: #94969a;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 100%;
        width: 100%;


    }
    .preview-img__wrap{
        border:5px solid #434343;
    }
    .m-prod__steps
    {
        display:flex;
        flex-direction:column;
        min-height: 500px;
        overflow: hidden;


    }

    .m-prod__wrap
    {
        padding-top:2.5rem;

    }

    .product-description-container .faq__item{
       padding: 30px 15px;
    }

    .preview-img
    {
        align-items:center;
        display:flex;
        height:100%;
        justify-content:center;
        overflow:hidden;
        width:100%;
        overflow: hidden;
        background: #FFFFFF;
        position: relative;
        border-radius: 5px;
        box-shadow: 0 1px 2px #23232326;

    }


    .preview-img img
    {
        max-width:unset;
        max-height:unset;
        width: 100%;
    }

    .c-start-section
    {
        display:grid;
        grid-template-columns:5.5fr 1.7fr 4fr;
        padding:6rem 0
    }

    .c-start-section-wrap
    {
        margin-bottom:5rem;
    }

    .c-start-section__arrow
    {
        padding-right:.5vw
    }

    .c-start-section__arrow svg
    {
        margin-top:150%;
        max-width:100%
    }

    .c-start-section__header
    {
        font-size:60px;
        font-weight:700;
        line-height:1.2
    }

    .c-start-section__text
    {
        font-size:24px;
        font-style:normal;
        font-weight:400;
        line-height:1.2
    }

    .c-start-section__title
    {
        color:#454545;
        margin:3rem 0;
        display: flex;
    }
    .m-prod__prop
    {
        color:#909091;
        display:inline-block;
        font-size:12px;
        vertical-align: middle;
        text-align:center;
        line-height: 1.15;

    }
    .m-prev-block__mockup{
        display: grid;
        grid-template-columns: 2fr 11fr;
        height: 100%;
    }
    .c-mockup{
        position: relative;
        border-radius: 15px;
    }
    .opt-block__opt{
        display: flex;
        column-gap: 1rem;
        justify-content: end;
    }
    .c-image-upload__el {
        height: 60px;
        width: 60px;
        margin-left: 10px;
        border-radius: 7px;
        position: relative;
        border: 1px solid #434343;
    }

    .c-image-upload__btn {
        font-weight: 400;
        background: #fff;
        box-shadow: 1px 2px 2px #23232342;
        border: 1px solid #49349d;
        font-size: 10px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-transform: uppercase;
        line-height: 1.15;
    }

    .c-image-upload__btn svg{
        height: 23px;
        margin-bottom: 0.1rem;
        margin-top: 2px;
    }
    .c-image-upload__text {
        width: 100%;
        text-align: center;
        margin-top: 9px;
        font-weight: 700;
        /*color: #7f7f7f;*/
        line-height: 1.2;
        font-size: 13px;
    }
    .c-image-upload{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 150px;
    }
    .c-step-portrait .d-review__el{
        margin-bottom: 1rem;
    }
    .c-image-upload__wrap{
        margin-top: 0.3rem;
        justify-content: end;
    }

    .js-prod-type-block.hidden-desk.active{
        display: none!important;
    }
}
@media screen and (min-width:1550px) {
    .m-prod
    {
        grid-template-columns: 14fr 5.5fr
    }

}
@media screen and (min-width: 1400px){
    .m-prod__steps{
        width: 455px;
    }
    .m-prod__mockup{
        /*height: 790px;*/
    }

}
@media screen and (min-width: 769px) and (max-width: 1399px){
    .m-prod{
        grid-template-columns:   13fr 6.5fr;
        column-gap: 1.5rem;
    }
    .m-nav__el{
        height: 60px;
        width: 60px;
    }
    .m-prod__steps{
        width: 412px;
    }
    .c-step__header{
        padding: 20px 25px 15px;
    }
    .c-step__content {
        padding: 20px 25px;
    }
    .c-step__footer{
        padding: 20px 25px;
    }
    .c-start-section-wrap{
        margin-bottom: 1rem;
    }
    .c-start-section__header{
        font-size: 54px;
    }
    .c-start-section__title{
        margin: 2.5rem 0;
    }
    .c-start-section__text {
        font-size: 20px;
    }
    .drop-zone{
        border-radius: 40px;
        box-shadow: 0 2px 55px #ffbd0080;
    }
}
@media screen and (min-width: 769px) and (max-width: 1199.98px) {
    .add-nav__cart
    {
        min-width:unset
    }

    .add-nav__cart .header__action-item-content,.add-nav__link a
    {
        font-size:17px
    }

    .add-nav__cart .header__cart-icon
    {
        font-size:23px;
        line-height:1
    }
    .m-prod__steps{
        width: 350px;
    }
    .add-nav__header
    {
        font-size:26px
    }
    .m-prod__wrap {
        padding-top: 2rem;
    }
    .c-step__content, .c-step__footer {
        padding: 20px 20px 20px 30px;
    }
    .c-step__header {
        padding: 15px 20px 15px;
    }
    .m-prod{
        column-gap: 1rem;
    }
    .m-nav__el{
        height: 50px;
        width: 50px;

    }
    .preview-img__wrap{
        border: 3px solid  #434343;
    }
    .drop-zone__text{
        font-size: 16px;
    }
    .drop-zone__btn{
        width: 200px;
        font-size: 20px;
        line-height: 55px;
        border-right: 20px;
    }
    .c-start-section{
        grid-template-columns: 5.5fr 1.7fr 4fr;
    }
    .c-start-section__header{
        font-size: 42px;
        line-height: 1.15;
    }
    .c-start-section__title{
        margin: 2rem 0 1.7rem;
    }
    .c-start-section__text{
        font-size: 16px;
    }
    .c-start-section{
        padding: 4rem 0;
    }
    .drop-zone{
        border-radius: 35px;
        box-shadow: 0 2px 50px #ffbd0080;
    }

}
@media screen and (min-width: 769px) and (max-width: 991.98px){
    .c-step__content, .c-step__footer {
        padding:  20px;
    }
    .c-step__title{
        font-size: 18px;
    }
    .c-step__info{
        font-size: 12px;
        margin-top: 5px;
    }
    .d-prop {
        font-size: 14px;
    }
    .d-review__el{
        margin-bottom: 1.5rem;
    }
    .c-step__header {
        padding: 15px 15px 7px;
    }
    .c-step-buy .quantity-block__btn {
        height: 45px;
        width: 30px;
    }
    .c-step-buy .quantity-block__input {
        width: 25px;
    }


    .m-prod{
        column-gap: .5rem;
    }
    .m-prod__steps{
        width: 300px;
    }
    .prod__preview{
        width: 45px;
        height: 45px;
    }
    .drop-zone__text{
        margin-top: 1rem;
        font-size: 14px;
    }
    .drop-zone__btn{
        width: 165px;
        font-size: 15px;
        line-height: 45px;
        border-radius: 15px
    }
    .drop-zone{
        border-radius: 30px;
        box-shadow: 0 2px 35px #ffbd0080;
    }
    .c-upload-block__content{
        margin-bottom: 1rem;
    }
    .c-start-section {
        padding: 2.7rem 0;
    }
    .c-start-section__title{
        margin: 1.5rem 0 1.3rem;
    }
    .c-start-section__header{
        font-size: 30px;
    }
    .c-start-section__text{
        font-size: 14px;
    }
}
@media screen and (min-width:1400px) {
    .m-nav__el--btn .c-img-nav__btn {
        font-size: 13px;
    }
}
@media screen and (max-width:768px) {
    .c-step__content {
        padding: 10px 10px;
    }
    .c-step__note .c-step__content{
        padding: 10px 14px;
    }
    .m-prod-section .container{
        padding: 0;
    }
    .c-step .c-step__secondary-btn{

    }


    .most-popular:after
    {
        background-image:url(data:image/png;base64,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);
        background-repeat:no-repeat;
        background-size:contain;
        content:"";
        height:31px;
        position:absolute;
        right:-2px;
        top:-2px;
        width:31px;
        z-index:3
    }

    /* body,html
    {
        height:100%!important;
        width:100%
    }

    html
    {
        overflow:hidden!important
    }*/
    .c-mockup__img-nav{
        bottom:10px;
        left:21px;
        right: 21px;
        position:absolute;
        display: flex;
        justify-content: space-between;
        z-index: 2;
        align-items: center;
        flex-wrap: wrap;

    }
    .c-mockup__prop{
        min-width: 100%;
        text-align: center;
        margin-bottom: 5px;
        line-height: 1.3;
        opacity: 0.85;
    }
    .c-mockup__note{
        position: absolute;
        top: calc(100% + 7px);
        color: #a7a7a8;
        font-size: 9px;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;
    }

    .c-img-nav{
        display: flex;
        flex-wrap: wrap;
        max-width: 115px;
        margin-right: 2rem;

    }
    .c-mockup-nav{
        margin-left: auto;
    }
    .c-img-nav__el{
        height: 55px;
        width: 55px;
        margin-right: 5px;
        border-radius: 7px;
        position: relative;

    }



    .c-mockup-nav__btn{
        width: 40px;
        height: 40px;
        border: 1px solid #434343;
        background-color: #fff;
        display: block;
        border-radius: 50%;
        box-shadow: 1px 2px 2px #23232342;
    }
    button.c-img-nav__el{
        margin-right: 0;
    }

    .c-mockup-nav__btn--screen{
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg id='expand-01'%3E%3Cpath id='Icon' d='M11.6667 8.33333L17.5 2.5M17.5 2.5H12.5M17.5 2.5V7.5M8.33333 11.6667L2.5 17.5M2.5 17.5H7.5M2.5 17.5L2.5 12.5' stroke='%237F7F7F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    }


    .c-step
    {

        border-radius:25px 25px 0 0;
        height:100%;
        margin-bottom:0;
        max-width:100%;
        min-width:100%;
        padding:0;
        position:relative
    }

    .c-step__content {
        flex-grow:1;
        padding: 10px 15px 5px 15px;
        border: none;
    }


    .c-block-swatch__radio{
        position: absolute;
        height: 0;
        width: 0;
        opacity: 0;
    }

    .c-step__content img
    {
        margin:auto;
        max-height:100%;
        max-width:100%
    }

    .c-step__footer
    {
        padding: 15px 15px ;
        text-align:center;
        border: none;
    }
    .m-start{
        border-radius: 0;
    }

    .c-step__footer a
    {
        margin:auto
    }
    .c-step__header{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding:12px 22px 0;
    }

    .c-step__icon-t
    {
        height:17px;
        margin-bottom:4px;
        width:17px
    }

    .c-step__img-img
    {
        margin:auto;
        max-height:calc(100% - 30px)
    }



    .c-step__main-btn--done
    {
        max-width:365px
    }

    .c-step__secondary-btn
    {
        border-radius: 7px;
        /*color: #7f7f7f;*/
        min-width: 80px;
        font-size: 16px;
        padding: 9px 10px 7px;
        font-weight: 400;
    }

    .c-step__textarea
    {
        border:1px solid #434343;
        font-size:14px;
        line-height:1.3;
        margin-top:0;
        min-height:70px;
        padding:7px 16px;
        width:100%
    }

    .c-step__textarea-block
    {
        height:70px;
        position:relative
    }

    .c-step__title
    {
        font-size:16px
    }

    .c-step__tooltip
    {
        align-items:center;
        font-size:15px;
        justify-content:center;
        line-height:1;
        margin-top:auto;
        width:100%
    }

    .c-step__upload-btn
    {
        margin-left:auto
    }

    .c-upload-block__drop-zone
    {
        border-radius:20px;
        margin-bottom:1rem;
        padding:.5rem 2rem
    }
    .c-step__money{
        font-size: 1.3em;
    }

    .d-prop
    {
        display:flex;
        font-size:16px;
        font-weight:700;
        line-height:1.2;
        margin-right:1rem
    }

    .d-prop span
    {
        margin-left:5px
    }

    .d-prop__val
    {
        font-size:15px
    }


    .d-review__el
    {
        /*color:#00000080;*/
        margin-bottom: 0.5rem
    }

    .d-review__img
    {
        max-width:200px;
        text-align:center
    }

    .d-review__img img
    {
        max-height:90px
    }

    .drop-zone__icon
    {
        height:75px;
        margin-bottom:.5rem;
        margin-top:.5rem;
        width:75px
    }

    .drop-zone__text
    {
        display:inline-block;
        font-size:30px!important;
        font-weight:500;
        margin-bottom:1rem!important
    }

    .hidden-mob
    {
        display:none!important
    }

    .loader-m-upload
    {
        border-radius:30px;
        padding:1rem 3rem
    }

    .loader-m-upload__text
    {
        font-size:30px;
        margin-bottom:.5rem
    }
    .m-prod
    {
        display:flex;
        flex-direction:column;
        height:100%;
        padding:0;
        overflow: hidden;
    }

    .m-prod__err
    {
        font-size:30px;
        padding:2rem 3rem
    }

    .m-prod__mockup
    {
        flex-grow:12;
        flex-shrink:2;
        height: 50%;

    }
    .m-prod__mockup[data-fullscreen=false]{


    }
    .no-shrink{
        flex-shrink: 0;
    }
    .m-prod__mockup[data-fullscreen=true]{
        flex-shrink: 0;
    }




    .m-prod__steps
    {
        background:0 0;
        border:0;
        flex-grow:0;
        flex-shrink:0;
        overflow:hidden;
        position:relative;
        width: auto;
    }
    .m-prod-section{

        position: relative;
    }

    .m-prod__wrap
    {
        height: calc(100vh - 106px);
        height: calc(100svh - 106px);

    }
    .m-prod__wrap.js-fullscreen{
        height: 100%;
    }
    .m-prod__wrap.slider-open{
        height: 100%;
    }

    .m-prod__wrap.scroll
    {
        overflow-y:auto
    }

    .most-popular:after
    {
        height:26px;
        right:-1px;
        top:-1px;
        width:26px
    }


    .preview-img
    {
        align-items: center;
        background: #fff;
        border-radius: 7px;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        overflow: hidden;
        width: 100%;
        border: 1px solid #cdcdcd;
    }

    .preview-img__img
    {
        max-width:100%
    }

    .progress-bar
    {
        margin:15px 0
    }

    .s-price
    {
        align-items:center;
        display:flex;
        justify-content:center;
        max-width:220px
    }

    .s-price__default
    {
        color:rgba(0,0,0,.5);
        font-size:24px;
        font-style:normal;
        font-weight:700;

        line-height:1.15;
        text-align:center
    }

    .s-price__o
    {
        font-size:20px;
        line-height:1.3
    }

    .s-price__o,.s-price__p
    {
        color:#7f7f7f;
        text-align:center
    }

    .s-price__p
    {
        font-size:36px;
        font-weight:700;
        line-height:1
    }
    .size-block
    {
        display: flex;
        max-width: 400px;
        align-items: center;
        justify-content: space-between;
        margin: auto;
        flex-wrap: wrap;
        column-gap: 1rem;
        grid-row-gap: 3px;
    }
    .size-block.size-block--single{
        margin: 0;
    }
    .size-block.size-block--single .c-step__secondary-btn{
        margin: 0;
    }

    
    .size-block .c-block-swatch
    {
        display:block;
        flex-grow: 1;

    }
    .opt-block__opt{
        display: grid;
        max-width: 380px;
        align-items: flex-start;
        flex-wrap: wrap;

        grid-template-columns: 1fr 1fr 1fr;
        column-gap: .9rem;
        grid-row-gap: 3px;
    }
    .size-block--single{
        margin: 0;
    }
    .opt-block__opt--m{
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .c-block-swatch
    {
        display:block;

    }

    .opt-block__title{
        margin-bottom: 4px;
    }
    .opt-block__opt .c-block-swatch{
        margin: 0;
    }
    .size-block .c-step__option,
    .opt-block__opt .c-step__option
    {
        width:100%
    }
    .c-step__options--flex{
        display: flex;
        column-gap: 1rem;
    }
    .size-block__price
    {
        flex-grow:3
    }


    .step-upload__header
    {
        line-height:1.3;
        margin-bottom:1.5rem
    }

    .step-upload__header span
    {
        font-size:30px!important;
        padding:.5rem 1rem
    }

    .step-upload__wrap
    {
        display:block
    }

    div.d-review__el:last-of-type
    {
        margin-bottom:0
    }

    .c-start-section{
        padding: 2.7rem 0.5rem;
        min-height: calc(100vh - 60px);
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .c-start-section__title{
        text-align: center;
        font-size: 28px;
        font-weight: 700;
        line-height: normal;
        margin: 2.2rem 0 1.5rem;
    }
    .c-start-section__header{
        text-align: center;
        font-size: 28px;
        font-weight: 700;
        line-height: normal;
    }

    .c-start-section__text{
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        color: #909090;
    }
    .c-start-section__block-btn{
        margin: 1.5rem 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .c-start-section__btn{
        text-align: center;
        padding: 20px;
        border-radius: 50px;
        border: 1px solid #E4E4E4;
        background: #FFF;
        width: 300px;
        max-width: 95%;
        color: #909090;
        font-size: 16px;
        line-height: 1.15;
        box-shadow: 0 2px 2px #23232347;
        overflow: hidden;
        position: relative;
    }
    .c-start-section__btn--main{
        color: #363D41;
        font-weight: 700;
        background: #FFBD00;
        border-color: #FFBD00;
    }
    .c-start-section__terms{
        color: #A0A3A7;
        text-align: center;
        font-size: 8px;
        font-weight: 700;
        line-height: normal;
        margin-top: 1rem;
    }

    .c-start-section__block-btn span{
        line-height: 1;
        padding: 1.4rem;
    }
    .c-start-section__link {
        color: #90C0FF;
        font-size: 8px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-decoration-line: underline;
    }

    .m-error-block{
        align-items: center;

    }
    .m-error-block{
        padding-bottom: 4rem;
    }
    .m-error-block__body{
        margin-top: 0;
        padding: .5rem 4.5rem .5rem 1rem;
    }
    .m-error-block__icon{
        height: 55px;
        margin: auto auto 1.5rem;
        width: 55px;
    }
    .m-error-block__btn-retry{
        border: none;
        margin: 1rem auto;
    }
    .m-prod__prop-mob {
        font-size: 10px;
    }
      pillow-3d{
        /* margin-top: -1.25rem; */
    }
    .m-prev-block__slider .card {
        background: none;
        border: none;
    }
    .c-img-nav__text{
        width: 100%;
        text-align: center;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.2;
        margin-top: 5px;
    }
    .c-img-nav__wrap{
        display: flex;
        width: 100%;
    }

    .c-img-nav__text{
        height: 13px;
        transition: height 300ms;
    }
    .c-img-nav--b{
        margin-bottom: 4px;
    }
    .c-step__upload-btn {
        text-transform: uppercase;
        font-weight: 400;
        display: flex;
        align-items: center;
        line-height: 1;
        font-size: 15px;
        padding: 5px 8px 8px 0;
    }

    .c-step__upload-btn .upload-icon {
        /*margin-top: -7px;*/
        margin-left: 5px;
    }

    .c-step__option-wrap {
        flex-grow: 0;
        transition: 50ms;
    }

    .c-step__option-wrap.active {
        flex-grow: 1;
    }

    .c-step__secondary-btn {
        padding: 11px 10px;
    }


    .size-block {
        column-gap: 0.7rem;
    }

    .d-review__el {
        margin-bottom: 0.2rem;
    }

}
@media screen and (max-width:399px) {


    .c-upload-block__drop-zone
    {
        padding:.5rem 1rem
    }

    .drop-zone__text
    {
        font-size:26px!important;
        margin-bottom:.5rem!important
    }

    .loader-m-upload__text
    {
        font-size:24px
    }

    .s-price__o
    {
        font-size:16px
    }

    .s-price__p
    {
        font-size:32px
    }

    .step-upload
    {
        max-width:96%;
        padding:1.5rem
    }

    .step-upload__header
    {
        margin-bottom:1rem
    }

    .step-upload__header span
    {
        font-size:27px!important;
        padding:.5rem 0
    }
    .m-start__btn-block {
        position: relative;
        bottom: 0;
        margin-top: 1.5rem;
    }

    .m-prod__upload .m-start___note {
        position: relative;
        bottom: 0;
        margin-top: 1rem;
    }

    .js-hidden {
        height: 0;
        overflow: hidden;
    }

    .product-description {
        height: auto;
    }
}
@media screen and (max-width:376px) {


    .d-prop__val, .d-review__size {
        font-size: 14px
    }

    .s-price__default {
        font-size: 20px
    }

    .s-price__o {
        font-size: 15px
    }

    .s-price__p {
        font-size: 26px
    }

    .c-step__header {
        padding: 16px 15px 0;
    }


    .d-prop {
        font-size: 15px;
    }

    .c-step__footer {
        padding: 15px 14px;
    }

    .c-step-buy__quantity .quantity-block__btn {
        width: 35px;
        height: 42px;
    }

    .c-step-buy__btn-block {

    }

    .m-start__btn {
        padding: 7px 20px;
    }

    .c-step__secondary-btn {
        min-width: 85px;
        padding: 11px 9px;

    }

    .size-block {
        column-gap: 0.5rem;
    }


    .c-block-button-title {
        font-size: 13px;

    }

}





@media screen and (min-width: 980px) {
    .style-block__btn {
        font-size: 12px;
        padding: 8px 14px;
        margin-right: 12px;
    }
}
@media screen and (max-width: 399px){
    .style-block__btn {

    }
}
@media screen and (max-width: 370px){
    .size-block{
        column-gap: .5rem;
    }

}



@media screen and (min-width: 769px) and (max-width: 1199.98px){
    .m-btn-section__btn{
        line-height: 30px;
        padding: 0px 19px;
        font-size: 10px;
        text-transform: uppercase;
    }
    .m-btn-section__btn-block a{
        margin-left: .7rem;
    }
    .m-btn-section__text{
        font-size: 12px;
    }
}
@media screen and (max-width: 768px) {
    .m-start{
        border-radius: 0;
    }

    .m-btn-section{
        padding: 0.5rem 1rem;

    }
    .m-btn-section__btn{
        line-height:41px;
        padding: 0 25px;
        font-size: 13px;
        text-transform: uppercase;
    }
    .m-btn-section__btn-block a{
        margin-left: 1.2rem;
    }
    .m-btn-section__text{
        font-size: 12px;
        margin-bottom: 8px;
    }
    .m-btn-section__btn-block {
        margin-bottom: 0;
    }

    .d-review.d-review---single{
        padding: 0;
    }

}
@media screen and (max-width: 375px) {
    .m-btn-section__btn{
        padding: 0 20px;
    }
}



@media screen and (max-width: 768px) {
    .mocup-view-buttons {
        top: 0;
        bottom: 0;
    }

    .c-side-bar__wrap {
        justify-content: center;
    }
}

@media screen and (max-height: 660px) {
    .c-side-bar {
        padding: 3px 5px 0;
        margin-bottom: .5rem;

    }

    .sizeActionIcon {
        width: 38px;
        height: 38px;
        margin: 3px 0;

    }

    .c-side-bar__title {
        font-size: 10px;
    }

}

@media screen and (max-height: 595px) {
    .c-side-bar--hide {
        display: none;
    }

    .c-side-bar--left {
        display: flex;
        position: absolute;
        left: 7px;
        top: 10px;
    }

    .c-side-bar__wrap {
        top: 10px;
        justify-content: flex-start;
    }

}


