/* box-canvas */
.is-box {
    position: relative;
    flex:none;
    background-repeat: no-repeat;
    background-size: cover;
}
.is-block {
    position: absolute;
    box-sizing: border-box;
    padding: 0;
}
.is-block .is-container {
    max-width: unset !important;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
@media (max-width: 760px) {

    body:not(.print) .is-block .is-container {
        padding: 20px 30px;
    }

    body:not(.print) .is-box.autolayout {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: auto;
    }
    body:not(.print) .is-box.autolayout .is-block {
        padding: 0;
        
        position: relative;
        top: unset !important;
        left: unset !important;
        bottom: unset !important;
        right: unset !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        min-width: unset !important;
    }
    body:not(.print) .is-box.autolayout .is-block:not(.height-auto) { /* block with height (non text) */
        min-height: 40vh;
    }
    body:not(.print) .is-block.is-group {
        padding: 0;
    }
    body:not(.print) .is-section {
        justify-content: flex-start;
    }
}
.is-box.autolayout .is-block.block-steady.fluid {
    padding: 0;
    width: 100% !important;
    min-width: unset !important;
    left: auto !important
}
.is-block-overlay,
.is-page-overlay { background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; user-select: none; }

.container { max-width: unset !important }/* override content.css */

/* base */
.is-page {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: unset !important;
}
/* web */
.is-box[data-pagesize="100%,100vh,web"] {
    width: 100%;
    max-width: 100%;
    height: 100vh;
    margin: 0 auto;
}
/* web container */
.is-box[data-pagesize="1000px,1000px,web"] {
    width: 100%;
    max-width: 1000px;
    height: 1000px;
    margin: 0 auto;
}
/* print */
.is-box[data-pagesize="8.27in,5.52in"] {
    width: 100%;
    max-width: 8.27in;
    height: 5.52in;
    margin: 0 auto;
}
.is-box[data-pagesize="8.3in,5.8in"] {
    width: 100%;
    max-width: 8.3in;
    height: 5.8in;
    margin: 0 auto;
}
.is-box[data-pagesize="9in,7in"] {
    width: 100%;
    max-width: 9in;
    height: 7in;
    margin: 0 auto;
}
.is-box[data-pagesize="11.7in,8.3in"] {
    width: 100%;
    max-width: 11.7in;
    height: 8.3in;
    margin: 0 auto;
}
.is-box[data-pagesize="11in,8.5in"] {
    width: 100%;
    max-width: 11in;
    height: 8.5in;
    margin: 0 auto;
}
.is-box[data-pagesize="12.5in,10in"] {
    width: 100%;
    max-width: 12.5in;
    height: 10in;
    margin: 0 auto;
}
.is-box[data-pagesize="14in,11in"] {
    width: 100%;
    max-width: 14in;
    height: 11in;
    margin: 0 auto;
}
.is-box[data-pagesize="8.5in,8.5in"] {
    width: 100%;
    max-width: 8.5in;
    height: 8.5in;
    margin: 0 auto;
}
.is-box[data-pagesize="10in,10in"] {
    width: 100%;
    max-width: 10in;
    height: 10in;
    margin: 0 auto;
}
.is-box[data-pagesize="12in,12in"] {
    width: 100%;
    max-width: 12in;
    height: 12in;
    margin: 0 auto;
}
.is-box[data-pagesize="5.27in,8.27in"] {
    width: 100%;
    max-width: 5.27in;
    height: 8.27in;
    margin: 0 auto;
}
.is-box[data-pagesize="5.8in,8.3in"] {
    width: 100%;
    max-width: 5.8in;
    height: 8.3in;
    margin: 0 auto;
}
.is-box[data-pagesize="6in,9in"] {
    width: 100%;
    max-width: 6in;
    height: 9in;
    margin: 0 auto;
}
.is-box[data-pagesize="6.6in,10.25in"] {
    width: 100%;
    max-width: 6.6i;
    height: 10.25in;
    margin: 0 auto;
}
.is-box[data-pagesize="8.5in,11in"] {
    width: 100%;
    max-width: 8.5in;
    height: 11in;
    margin: 0 auto;
}
.is-box[data-pagesize="8.3in,11.7in"] {
    width: 100%;
    max-width: 8.3in;
    height: 11.7i;
    margin: 0 auto;
}