section {
    padding: 12px;
    background-color: white;
    position: relative;
}

    section[data-isvisible="false"] {
        background-color: #f5f5f5;
    }

        section[data-isvisible="false"] div {
            opacity: .75;
        }

    section.ui-sortable-helper {
        opacity: .75;
    }

        section.active.ui-sortable-helper::after, section.ui-sortable-helper:hover::after {
            content: none !important;
        }


.slick-dots {
    margin-top: 20px;
    display: flex;
}


    .slick-dots > li {
        height: 8px !important;
        width: 8px !important;
        border-radius: 50%;
        background-color: var(--very-dark-gray);
        flex-basis: 8px;
    }

        .slick-dots > li:not(:last-of-type) {
            margin-right: 4px;
        }

        .slick-dots > li.slick-active {
            background-color: var(--purple);
        }

    .slick-dots li button:before {
        content: none !important;
        height: 8px !important;
        width: 8px !important;
    }

.nav_menu {
    display: flex;
    margin-bottom: 24px;
    position: relative;
}

    .nav_menu > .menu {
        flex-basis: 230px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-right: 8px;
    }

        .nav_menu > .menu > a {
            color: var(--gray);
            font-family: 'MavenPro-Black';
            font-size: 18px;
        }

    .nav_menu > .jumbotron_slider_list {
        flex-grow: 1;
        height: 100%;
        position: relative;
    }

        .nav_menu > .jumbotron_slider_list > .item {
            width: 100%;
            padding-top: 50%;
            background-color: var(--light-gray);
            border-radius: 25px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        .nav_menu > .jumbotron_slider_list > .indicators {
            position: absolute;
            bottom: 8px;
            width: 100%;
            left: 0px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .nav_menu > .jumbotron_slider_list > .indicators > .indicator {
                height: 7px;
                width: 7px;
                background-color: rgba(239, 239, 239, 0.40);
                margin: 0 4px;
                border-radius: 100%;
                box-shadow: 0 2px 6px 0 rgba(22,45,61,.4);
            }

                .nav_menu > .jumbotron_slider_list > .indicators > .indicator.active {
                    background-color: white;
                }


/*====================================================================================================================================================*/

.deliver_or_pickup {
    background-color: #FFCE00;
    padding: 0px 35px;
    display: flex;
    border-radius: 25px;
    height: 265px;
    align-items: center;
    margin-bottom: 24px;
    position: relative;
}

    .deliver_or_pickup > div:first-of-type {
        display: flex;
        flex-direction: column;
        padding-right: 35px;
        margin-bottom: 16px;
    }

        .deliver_or_pickup > div:first-of-type > div:first-of-type {
            font-size: 29px;
            color: var(--purple);
            line-height: 1;
            font-family: Gotham;
            font-weight: bold;
        }

        .deliver_or_pickup > div:first-of-type > div:nth-child(2) {
            font-size: 92px;
            color: var(--purple);
            line-height: 1;
            font-family: 'Montserrat-Bold';
            font-weight: bold;
            line-height: .5;
            letter-spacing: -7px;
        }

    .deliver_or_pickup > div:nth-child(2) {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }


        .deliver_or_pickup > div:nth-child(2) > div:nth-child(1) {
            font-size: 30px;
            font-family: 'MavenPro-Black';
            line-height: 1;
            color: var(--very-dark-gray);
            margin-bottom: 4px;
        }

        .deliver_or_pickup > div:nth-child(2) > div:nth-child(2) {
            font-size: 30px;
            font-family: 'MavenPro-Black';
            line-height: 1;
            color: var(--purple);
        }

        .deliver_or_pickup > div:nth-child(2) > div:nth-child(3) {
            display: flex;
            margin-top: 30px;
            align-items: center;
        }

            .deliver_or_pickup > div:nth-child(2) > div:nth-child(3) > input {
                border: 1px solid var(--purple);
                border-radius: 4px;
                color: var(--purple);
                font-family: 'MavenPro-Regular';
                font-weight: bold;
                padding: 0px 16px;
                height: 40px;
                background-color: transparent;
                margin-right: 12px;
                flex-grow: 1;
                font-size: 18px;
                outline: none;
            }

                .deliver_or_pickup > div:nth-child(2) > div:nth-child(3) > input::placeholder {
                    color: var(--purple);
                }

            .deliver_or_pickup > div:nth-child(2) > div:nth-child(3) > button {
                width: 120px;
                font-family: Arial;
                font-weight: bold;
                font-size: 16px;
            }

            .deliver_or_pickup > div:nth-child(2) > div:nth-child(3) > div:nth-of-type(1) {
                margin: 0px 12px;
                color: var(--very-dark-gray);
                font-family: 'MavenPro-Regular';
                font-weight: bold;
                font-size: 16px;
                line-height: 1px;
            }


/*====================================================================================================================================================*/
section.cards {
    margin-bottom: 24px;
    position: relative;
}

    section.cards > .header {
        font-size: 30px;
        margin-bottom: 25px;
        font-family: 'MavenPro-Black';
        color: var(--very-dark-gray);
    }

section.tens.cards > .items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    section.tens.cards > .items > .item {
        flex-basis: calc(10% - 10.8px);
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }

        section.tens.cards > .items > .item:not(:nth-child(10n+0)) {
            margin-right: 12px;
        }

section.fives.cards > .items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    section.fives.cards > .items > .item {
        flex-basis: calc(20% - 6.5px);
        display: flex;
        flex-direction: column;
        margin-bottom: 12px;
    }

        section.fives.cards > .items > .item:not(:nth-child(5n+0)) {
            margin-right: 8px;
        }

        section.fives.cards > .items > .item > .image {
            border-radius: 25px;
        }

section.cards > .items > .item > .image {
    background-color: var(--light-gray);
    padding-top: 142%;
    background-size: cover;
    background-position: center;
}

section.cards > .items > .item > .name {
    font-family: 'MavenPro-Regular';
    font-size: 16px;
    text-align: center;
    color: var(--very-dark-gray);
    margin-top: 8px;
    font-weight: normal;
}

section.fives.cards > .items > .item > .name {
    font-size: 24px;
    margin-top: 12px;
}


.actual-content.mobile section.cards {
    margin-bottom: 24px;
    position: relative;
}

    .actual-content.mobile section.cards > .header {
        font-size: 24px;
        margin-bottom: 18px;
        font-family: 'MavenPro-Black';
        color: var(--very-dark-gray);
    }

    .actual-content.mobile section.cards > .items {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

        .actual-content.mobile section.cards > .items > .item {
            flex-basis: calc(25% - 8px);
            display: flex;
            flex-direction: column;
            margin-bottom: 20px;
        }

            .actual-content.mobile section.cards > .items > .item:not(:nth-child(10n+0)) {
                margin-right: 0px;
            }

            .actual-content.mobile section.cards > .items > .item:not(:nth-child(5n+0)) {
                margin-right: 0px;
            }

            .actual-content.mobile section.cards > .items > .item:not(:nth-child(4n+0)) {
                margin-right: 8px;
            }

.actual-content.mobile section.fives.cards > .items > .item > .image {
    border-radius: 12px;
}

.actual-content.mobile section.cards > .items > .item > .name {
    font-family: 'MavenPro-Regular';
    font-size: 16px;
    text-align: center;
    color: var(--very-dark-gray);
    margin-top: 8px;
    font-weight: normal;
}



.actual-content.tablet section.cards {
    margin-bottom: 24px;
    position: relative;
}

    .actual-content.tablet section.cards > .header {
        font-size: 24px;
        margin-bottom: 18px;
        font-family: 'MavenPro-Black';
        color: var(--very-dark-gray);
    }

    .actual-content.tablet section.cards > .items {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

        .actual-content.tablet section.cards > .items > .item {
            flex-basis: calc(20% - 7px);
            display: flex;
            flex-direction: column;
            margin-bottom: 20px;
        }

            .actual-content.tablet section.cards > .items > .item:not(:nth-child(10n+0)) {
                margin-right: 0px;
            }

            .actual-content.tablet section.cards > .items > .item:not(:nth-child(5n+0)) {
                margin-right: 0px;
            }

            .actual-content.tablet section.cards > .items > .item:not(:nth-child(4n+0)) {
                margin-right: 8px;
            }

.actual-content.tablet section.fives.cards > .items > .item > .image {
    border-radius: 12px;
}

.actual-content.tablet section.cards > .items > .item > .name {
    font-family: 'MavenPro-Regular';
    font-size: 16px;
    text-align: center;
    color: var(--very-dark-gray);
    margin-top: 8px;
    font-weight: normal;
}



/*====================================================================================================================================================*/

section.tabs {
    margin-bottom: 24px;
    position: relative;
}

    section.tabs > .header {
        font-size: 30px;
        margin-bottom: 4px;
        font-family: 'MavenPro-Black';
        color: var(--very-dark-gray);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        section.tabs > .header > .see_all {
            border-radius: 50%;
            background-color: var(--purple);
            padding: 2px;
            color: white;
            height: 24px;
            width: 24px;
            font-size: 16px;
            text-align: center;
        }

    section.tabs > .items {
        display: flex;
    }


        section.tabs > .items > .item {
            flex-basis: 20%;
            border-bottom: 5px solid var(--light-gray);
            text-align: center;
            font-family: 'MavenPro-Black';
            font-size: 24px;
            padding-bottom: 12px;
            color: var(--very-dark-gray);
            margin-right: 8px;
        }


            section.tabs > .items > .item.active {
                border-bottom-color: var(--purple);
            }

            section.tabs > .items > .item:last-of-type {
                margin-right: 0px;
            }


    section.tabs > .tab_contents > .product_list_provincial {
        display: flex;
        flex-wrap: wrap;
        padding: 20px 0px;
    }

        section.tabs > .tab_contents > .product_list_provincial > .product {
            flex-basis: calc(16.6666% - 10px);
            display: flex;
            flex-direction: column;
            margin-bottom: 20px;
            align-items: center;
        }


            section.tabs > .tab_contents > .product_list_provincial > .product:not(:nth-of-type(6n+0)) {
                margin-right: 12px;
            }


            section.tabs > .tab_contents > .product_list_provincial > .product > .image {
                width: 100%;
                padding-top: 144%;
                background-color: var(--light-gray);
                border-radius: 25px;
                margin-bottom: 12px;
            }


            section.tabs > .tab_contents > .product_list_provincial > .product > .name {
                font-family: 'MavenPro-Regular';
                font-weight: bold;
                font-size: 16px;
                color: var(--very-dark-gray);
            }


            section.tabs > .tab_contents > .product_list_provincial > .product > .luzon_price, section.tabs > .tab_contents > .product_list_provincial > .product > .vismin_price {
                font-family: 'MavenPro-Regular';
                font-size: 16px;
                color: var(--very-dark-gray);
            }

            section.tabs > .tab_contents > .product_list_provincial > .product > .vismin_price {
                margin-bottom: 4px;
            }


/*====================================================================================================================================================*/

.stars {
    display: flex;
    align-items: center;
}


    .stars > .star {
        width: 12px;
        height: 12px;
        margin: 0px 2px;
    }

    .stars > .lit {
        position: relative;
    }

        .stars > .lit > * {
            position: absolute;
            top: 0px;
            height: 12px;
            width: 12px;
        }

        .stars > .lit svg {
            position: absolute;
            top: 0px;
            fill: var(--very-dark-gray)
        }

    .stars .reviewCount {
        font-family: 'MavenPro-Regular';
        font-size: 13px;
    }


/*====================================================================================================================================================*/

section.tri_split {
    display: flex;
    margin-bottom: 24px;
    position: relative;
}

    section.tri_split > .item {
        flex-basis: 33.3333%;
        border-radius: 25px;
        margin-right: 20px;
        background-color: var(--light-gray);
        overflow: hidden;
    }

        section.tri_split > .item:last-of-type {
            margin-right: 0px;
        }

        section.tri_split > .item > .image {
            padding-top: 162%;
            background-size: cover;
            background-position: center;
        }

/*====================================================================================================================================================*/

section.mall_section {
    display: flex;
    align-items: flex-end;
    margin-bottom: 24px;
    position: relative;
}

    section.mall_section > .banner {
        flex-basis: 33.3333%;
        margin-right: 20px;
    }

        section.mall_section > .banner > .image {
            padding-top: 162%;
            background-color: var(--light-gray);
            border-radius: 25px;
        }

    section.mall_section > .content {
        display: flex;
        flex-direction: column;
        flex-basis: calc(66.6666% + 20px);
    }


        section.mall_section > .content > .navigation_bar {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
        }

            section.mall_section > .content > .navigation_bar > * {
                font-family: 'MavenPro-Black';
                font-size: 30px;
                color: var(--very-dark-gray);
            }

            section.mall_section > .content > .navigation_bar > div:nth-child(3) {
                color: #82277B;
                display: flex;
                align-items: center;
            }

                section.mall_section > .content > .navigation_bar > div:nth-child(3) > .icon {
                    border-radius: 50%;
                    background-color: var(--purple);
                    padding: 2px;
                    color: white;
                    height: 24px;
                    width: 24px;
                    font-size: 16px;
                    text-align: center;
                    margin-left: 12px;
                }

    section.mall_section > .content {
        display: flex;
    }

        section.mall_section > .content > .items {
            display: flex;
            flex-wrap: wrap;
        }

            section.mall_section > .content > .items > .item {
                flex-basis: calc(25% - 12px);
                margin-top: 12px;
            }

                section.mall_section > .content > .items > .item:not(:nth-of-type(4n+0)) {
                    margin-right: 16px;
                }

                section.mall_section > .content > .items > .item > .image {
                    padding-top: 144%;
                    background-color: var(--light-gray);
                }

                section.mall_section > .content > .items > .item > .link {
                    text-align: center;
                    margin-top: 12px;
                    font-family: 'MavenPro-Black';
                    font-size: 18px;
                    color: #82277B;
                }

/*====================================================================================================================================================*/

section.product_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
    position: relative;
}

    section.product_list .product {
        flex-basis: calc(16.6666% - 10px);
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
        align-items: center;
        position: relative;
    }

    section.product_list > .product:not(:nth-of-type(6n+0)) {
        margin-right: 12px;
    }

    section.product_list .product > .image {
        width: 100%;
        padding-top: 144%;
        background-color: var(--light-gray);
        margin-bottom: 12px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    section.product_list .product > .name {
        font-family: 'MavenPro-Regular';
        font-weight: bold;
        font-size: 18px;
        color: var(--very-dark-gray);
        text-align: center;
        margin-bottom: 4px;
    }

    section.product_list .product > .price {
        font-family: 'MavenPro-Black';
        font-weight: bold;
        font-size: 24px;
        color: var(--very-dark-gray);
        margin-bottom: 4px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        section.product_list .product > .price > .regularPrice {
            text-decoration: line-through;
            color: GrayText;
            font-size: 12px;
            font-family: 'MavenPro-Regular';
        }

        section.product_list .product > .price > .discountedPrice {
            color: #ED2224;
        }

    section.product_list .product .discount-tag-1 {
        position: absolute;
        background-color: var(--purple);
        right: 0;
        top: 0;
        color: var(--yellow);
        line-height: 1;
        border-radius: 50%;
        align-items: center;
        text-align: center;
        font-family: Avenir-Black !important;
        font-size: 22px !important;
        margin-top: 4px;
        text-shadow: 1px 1px 1px #1515154a;
        height: 50px;
        width: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    section.product_list .slider {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 24px;
        position: relative;
        flex-grow: 1;
        min-width: 0;
        margin-left: 24px;
        margin-right: 24px;
    }

/*====================================================================================================================================================*/

section.jumbotron_slider {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px;
    position: relative;
    padding: 0px;
}

    section.jumbotron_slider > .container {
        width: 100%;
        /*border-radius: 25px;*/
        overflow: hidden;
        display: flex;
        padding: 0px;
    }

        section.jumbotron_slider > .container .item {
            background-color: var(--light-gray);
            flex: 0 0 100%;
            background-size: cover;
            background-position: center;
            width: 100%;
            padding-top: 39%;
        }


    section.jumbotron_slider > .indicators {
        margin-top: 20px;
        display: flex;
    }

        section.jumbotron_slider > .indicators > .indicator:only-child {
            display: none;
        }


        section.jumbotron_slider > .indicators > .indicator {
            height: 8px;
            width: 8px;
            border-radius: 50%;
            background-color: var(--very-dark-gray);
            flex-basis: 8px;
        }

            section.jumbotron_slider > .indicators > .indicator:not(:last-of-type) {
                margin-right: 4px;
            }

            section.jumbotron_slider > .indicators > .indicator.active {
                background-color: var(--purple);
            }

.preview-area section.jumbotron_slider > .container {
    padding-bottom: 39%;
}

    .preview-area section.jumbotron_slider > .container .flickity-viewport {
        position: absolute;
        width: 100%;
        display: flex;
        border-radius: 25px;
        overflow: hidden;
    }

        .preview-area section.jumbotron_slider > .container .flickity-viewport .item {
            height: 100%;
            padding-top: 0px;
        }

.preview-area section.jumbotron_slider > .indicators {
    display: none;
}

.preview-area section.jumbotron_slider > .container {
    overflow: visible;
}
/*====================================================================================================================================================*/
section .text-area {
    position: relative;
}

/*====================================================================================================================================================*/
section.embed-area {
    position: relative;
    display: flex;
    justify-content: center;
}


/*====================================================================================================================================================*/

section > .option-container {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    padding: 6px;
    pointer-events: none;
}

    section > .option-container > .options {
        position: sticky;
        display: flex;
        top: 60px;
        opacity: 0;
        transform: scale(.2);
        transition: all ease .2s;
        padding: 0px;
    }

        section > .option-container > .options > .item {
            min-width: 32px;
            cursor: pointer;
            position: relative;
            color: #2d4150;
            line-height: 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            padding: 0;
            font-size: 14px;
            list-style: none;
            vertical-align: top;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            box-sizing: border-box;
            height: 32px;
            background: linear-gradient(180deg,#fff 0,#eee);
            box-shadow: 0 2px 6px 0 rgba(22,45,61,.55);
            border-radius: 16px;
            pointer-events: all;
        }

            section > .option-container > .options > .item:hover {
                color: #2796ff;
            }

            section > .option-container > .options > .item > label {
                padding: 0 12px;
                font-weight: normal;
                user-select: none;
                margin: 0px;
                pointer-events: none;
            }

            section > .option-container > .options > .item > span {
                font-size: 16px;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }

            section > .option-container > .options > .item:not(:last-of-type) {
                margin: 0 7px 0 0;
            }

            section > .option-container > .options > .item .move {
                cursor: move;
            }

body:not(.preview-mode) section:hover::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid #2796ff;
    pointer-events: none;
}

body:not(.preview-mode) section.active::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 2px solid #2796ff;
    pointer-events: none;
}

body:not(.preview-mode) section.active > .option-container > .options {
    opacity: 1;
    transform: scale(1);
    animation: popUp .3s;
    margin-top: 0px;
}

body.preview-mode section .item {
    cursor: pointer;
}


@keyframes popUp {
    0% {
        transform: scale(.2);
    }

    70% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes modalPopUp {
    0% {
        opacity: 0;
        transform: scale(.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/*====================================================================================================================================================*/
.portfolio {
    margin-bottom: 24px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
}

    .portfolio .bio {
        padding: 24px 16px 24px 16px;
        font-size: 34pt;
        flex-shrink: 1;
        color: var(--purple);
    }

    .portfolio .right.column {
        flex: 0 0 60%;
    }

        .portfolio .right.column .image {
            padding-top: 68%;
            background-size: cover;
        }

/*====================================================================================================================================================*/
.layout1 {
    margin-bottom: 24px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
}

    .layout1.reverse {
        flex-direction: row-reverse;
    }

    .layout1 .left.column {
        flex: 0 0 50%;
    }

        .layout1 .left.column .image {
            padding-top: 68%;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

    .layout1 .editor-container {
        flex-grow: 1;
        display: flex;
        align-content: center;
        justify-content: center;
        flex-direction: column;
        padding-left: 12px;
    }

.actual-content.mobile .layout1 {
    flex-direction: column;
    margin-bottom: 8px;
}

/*====================================================================================================================================================*/
.layout2 {
    margin-bottom: 24px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

    .layout2.reverse {
        flex-direction: row-reverse;
    }

    .layout2 > .item {
        flex: 1 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 16px;
        max-width: 40%;
    }

        .layout2 > .item .image-container {
            flex: 0 0 35%;
            width: 100%;
            margin-bottom: 12px;
        }

            .layout2 > .item .image-container .image {
                padding-top: 100%;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
            }

        .layout2 > .item .editor-container {
            flex-grow: 1;
            display: flex;
            align-content: center;
            justify-content: center;
            flex-direction: column;
        }

.actual-content.mobile .layout2 {
    margin-bottom: 8px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

    .actual-content.mobile .layout2 > .item {
        flex: 0 0 45%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 12px 0px;
    }

        .actual-content.mobile .layout2 > .item .image-container {
            flex: 0 0 35%;
            width: 100%;
            margin-bottom: 12px;
        }

            .actual-content.mobile .layout2 > .item .image-container .image {
                padding-top: 100%;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
            }

        .actual-content.mobile .layout2 > .item .editor-container {
            flex-grow: 1;
            display: flex;
            align-content: center;
            justify-content: center;
            flex-direction: column;
        }


/*====================================================================================================================================================*/
.layout3 {
    margin-bottom: 24px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

    .layout3.reverse {
        flex-direction: row-reverse;
    }

    .layout3 > .left-column {
        display: flex;
        flex-direction: column;
        flex: 0 0 210px;
        margin-right: 30px;
    }

        .layout3 > .left-column > .item {
            flex: 0 0 40%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

    .layout3 > .right-column {
        display: flex;
        flex-direction: column;
        flex: 0 0 450px;
    }

    .layout3 .item .image-container {
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 30px;
    }

        .layout3 .item .image-container .image {
            padding-top: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

.actual-content.mobile .layout3 {
    margin-bottom: 8px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

    .actual-content.tablet .layout3 > .left-column,
    .actual-content.mobile .layout3 > .left-column {
        display: flex;
        flex-direction: column;
        flex: 0 0 28%;
        margin-right: 21px;
        justify-content: space-between;
    }

        .actual-content.mobile .layout3 > .left-column > .item {
            flex: 0 0 40%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

    .actual-content.mobile .layout3 > .right-column {
        display: flex;
        flex-direction: column;
        flex: 0 0 65%;
    }


    .actual-content.tablet .layout3 .item .image-container,
    .actual-content.mobile .layout3 .item .image-container {
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 0px;
    }

        .actual-content.mobile .layout3 .item .image-container .image {
            padding-top: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }


/*====================================================================================================================================================*/
.layout4 {
    margin-bottom: 24px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

    .layout4.reverse {
        flex-direction: row-reverse;
    }

    .layout4 > .item {
        flex: 0 0 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 20px 25px;
    }

        .layout4 > .item .image-container {
            flex: 0 0 35%;
            width: 100%;
            margin-bottom: 12px;
        }

            .layout4 > .item .image-container .image {
                padding-top: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }

        .layout4 > .item .editor-container {
            flex-grow: 1;
            display: flex;
            align-content: center;
            justify-content: center;
            flex-direction: column;
        }

.actual-content.tablet .layout4 {
    margin-bottom: 8px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

    .actual-content.tablet .layout4 > .item {
        flex: 0 0 26%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 20px 25px;
    }

        .actual-content.tablet .layout4 > .item .image-container {
            flex: 0 0 35%;
            width: 100%;
            margin-bottom: 12px;
        }

            .actual-content.tablet .layout4 > .item .image-container .image {
                padding-top: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }

        .actual-content.tablet .layout4 > .item .editor-container {
            flex-grow: 1;
            display: flex;
            align-content: center;
            justify-content: center;
            flex-direction: column;
        }


.actual-content.mobile .layout4 {
    margin-bottom: 8px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

    .actual-content.mobile .layout4 > .item {
        flex: 0 0 31%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 8px 0px;
    }

        .actual-content.mobile .layout4 > .item .image-container {
            flex: 0 0 35%;
            width: 100%;
            margin-bottom: 12px;
        }

            .actual-content.mobile .layout4 > .item .image-container .image {
                padding-top: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }

        .actual-content.mobile .layout4 > .item .editor-container {
            flex-grow: 1;
            display: flex;
            align-content: center;
            justify-content: center;
            flex-direction: column;
        }

/*====================================================================================================================================================*/
.layout5 {
    margin-bottom: 24px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}


    .layout5.reverse {
        flex-direction: row-reverse;
    }

    .layout5 > .item {
        flex: 0 0 40%;
        display: flex;
        align-items: center;
        margin: 20px 25px;
    }

        .layout5 > .item .image-container {
            flex: 0 0 35%;
            width: 100%;
            margin-bottom: 12px;
        }

            .layout5 > .item .image-container .image {
                padding-top: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }

        .layout5 > .item .editor-container {
            flex-grow: 1;
            display: flex;
            align-content: center;
            justify-content: center;
            flex-direction: column;
            padding-left: 12px;
        }

.actual-content.tablet .layout5 {
    margin-bottom: 8px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

    .actual-content.tablet .layout5 > .item {
        flex: 0 0 48%;
        display: flex;
        align-items: center;
        margin: 8px 0px;
    }

        .actual-content.tablet .layout5 > .item .image-container {
            flex: 0 0 40%;
            width: 100%;
            margin-bottom: 12px;
        }

            .actual-content.tablet .layout5 > .item .image-container .image {
                padding-top: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }

        .actual-content.tablet .layout5 > .item .editor-container {
            flex-grow: 1;
            display: flex;
            align-content: center;
            justify-content: center;
            flex-direction: column;
        }

.actual-content.mobile .layout5 {
    margin-bottom: 8px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
}

    .actual-content.mobile .layout5 > .item {
        flex: 0 0 40%;
        display: flex;
        align-items: center;
        margin: 8px 0px;
    }

        .actual-content.mobile .layout5 > .item .image-container {
            flex: 0 0 35%;
            width: 100%;
            margin-bottom: 12px;
        }

            .actual-content.mobile .layout5 > .item .image-container .image {
                padding-top: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }

        .actual-content.mobile .layout5 > .item .editor-container {
            flex-grow: 1;
            display: flex;
            align-content: center;
            justify-content: center;
            flex-direction: column;
        }



/*====================================================================================================================================================*/
.layout6 {
    margin-bottom: 24px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}


    .layout6.reverse {
        flex-direction: row-reverse;
    }

    .layout6 > .item {
        flex: 0 0 15%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 20px 25px;
    }

        .layout6 > .item .image-container {
            flex: 0 0 35%;
            width: 100%;
            margin-bottom: 12px;
        }

            .layout6 > .item .image-container .image {
                padding-top: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }

        .layout6 > .item .editor-container {
            flex-grow: 1;
            display: flex;
            align-content: center;
            justify-content: center;
            flex-direction: column;
        }

.actual-content.tablet .layout6 {
    margin-bottom: 8px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .actual-content.tablet .layout6 > .item {
        flex: 0 0 24%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 12px 0px;
    }

        .actual-content.tablet .layout6 > .item .image-container {
            flex: 0 0 35%;
            width: 100%;
            margin-bottom: 12px;
        }

            .actual-content.tablet .layout6 > .item .image-container .image {
                padding-top: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }

        .actual-content.tablet .layout6 > .item .editor-container {
            flex-grow: 1;
            display: flex;
            align-content: center;
            justify-content: center;
            flex-direction: column;
        }

.actual-content.mobile .layout6 {
    margin-bottom: 8px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .actual-content.mobile .layout6 > .item {
        flex: 0 0 45%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 12px 0px;
    }

        .actual-content.mobile .layout6 > .item .image-container {
            flex: 0 0 35%;
            width: 100%;
            margin-bottom: 12px;
        }

            .actual-content.mobile .layout6 > .item .image-container .image {
                padding-top: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }

        .actual-content.mobile .layout6 > .item .editor-container {
            flex-grow: 1;
            display: flex;
            align-content: center;
            justify-content: center;
            flex-direction: column;
        }

/*====================================================================================================================================================*/