﻿
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');

/* =================================== WRAPPER =====================================*/
/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes zoomin {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}
/*End of Zoom in Keyframes */

/* Zoom out Keyframes */
@-webkit-keyframes zoomout {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.67);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes zoomout {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.67);
    }

    100% {
        transform: scale(1);
    }
}
/*End of Zoom out Keyframes */

/* =================================== GLOBALS =====================================*/
html {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #fff;
}

body {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    text-rendering: optimizeLegibility;
    font-family: "Roboto Slab", Calibri, Tahoma, Geneva, Verdana, sans-serif;
    color: #797979;
    font-size: 13px;
    line-height: 1.5;
    background-color: transparent;
    min-height: 100% !important;
    height: calc(100% - 65px);
}

.d-none {
    display: none;
}

.Numbers_font {
    font-family: 'Open Sans', sans-serif;
}

.mv_align_left {
    text-align: left;
}

.mv_align_center {
    text-align: center;
}

.mv_align_right {
    text-align: right;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, label {
    font-weight: normal;
}

a, a:hover, a:active {
}

input:not([type="checkbox"]), textarea, select {
    color: #676767;
    border: 1px solid #CECECE;
    text-align: right;
    font-size: 12pt;
    height: 30px;
    line-height: 30px;
    padding: 0 5px !important;
}

input, textarea, select {
    border-radius: 0px;
    display: inline-block;
}


@media screen and (min-width:0\0) {
    select {
        background: none;
        padding: 0 0 0 5px !important;
        -webkit-appearance: initial;
        -moz-appearance: initial;
        appearance: initial;
    }
}

/**************************************************/
#cookieConsent {
    /*display: block !important;*/
    background-color: #4E5151 !important;
    border-color: none !important;
    border-bottom: 2px solid #B2DD4C !important;
    font-family: 'Open Sans', Calibri,sans-serif;
    text-align: center;
    font-size: 12px !important;
}

    #cookieConsent a, #cookieConsent a:focus, #cookieConsent a:active {
        color: #B2DD4C !important;
    }

    #cookieConsent span {
        font-size: 13px !important;
    }

    #cookieConsent button {
        color: #fff;
        background-color: #B2DD4C;
        border-color: #B2DD4C;
        width: 100px;
        display: block !important;
        float: none !important;
        text-align: center;
        margin-top: 20px;
        margin-left: calc(50% - 30px);
    }
/******************************************************/
.lang_container,
.lang_container_alternative {
    position: absolute;
    top: -1px;
    right: -1px;
    height: 65px;
    width: 30px;
    background-color: #303030;
    text-align: center;
    cursor: pointer;
    padding-top: 22px;
    z-index: 1000;
}

    .lang_container span,
    .lang_container_alternative span {
        line-height: 34px;
        font-size: 13px;
        font-weight: bolder;
        color: #FFF;
    }

.lang_selector {
    display: none;
    position: absolute;
    top: 66px;
    right: 0px;
    height: auto;
    width: 30px;
    text-align: center;
    background-color: #ededed;
    cursor: pointer;
    z-index: 1000;
}

    .lang_selector .lang {
        line-height: 34px;
        font-size: 13px;
    }

    .lang_selector a,
    .lang_selector a:hover,
    .lang_selector a::selection {
        text-decoration: none;
        white-space: pre;
        color: #000 !important;
    }

#divnutriinfolinefront {
    padding: 5px;
}

/* Semaforos *************************************************/
#divnutritionalinfo {
    display: block;
    font-family: 'Open Sans Condensed', sans-serif;
    vertical-align: middle;
}

    #divnutritionalinfo div {
        display: inline-block;
        width: 50px;
        height: 71px;
        position: relative;
        background-size: 50px 71px;
        background-repeat: no-repeat;
        vertical-align: top;
    }

    #divnutritionalinfo > div > div {
        position: absolute;
        width: 50px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 7px;
    }

        #divnutritionalinfo > div > div > span {
            color: black;
            display: block;
        }

    #divnutritionalinfo .img_gray {
        background-image: url("https://software.movelife.net/Images/Label/an_gray_v2.svg");
    }

    #divnutritionalinfo .img_grey {
        background-image: url("https://software.movelife.net/Images/Label/an_lightgray_v2.svg");
    }

    #divnutritionalinfo .img_green {
        background-image: url("https://software.movelife.net/Images/Label/an_green_v2.svg");
    }

    #divnutritionalinfo .img_yellow {
        background-image: url("https://software.movelife.net/Images/Label/an_yellow_v2.svg");
    }

    #divnutritionalinfo .img_red {
        background-image: url("https://software.movelife.net/Images/Label/an_red_v2.svg");
    }

    #divnutritionalinfo > div > div > span {
        text-align: center;
    }

        #divnutritionalinfo > div > div > span:first-child {
            text-transform: uppercase;
            font-size: 11px;
            margin-top: 2px;
        }

        #divnutritionalinfo > div > div > span:nth-child(2) {
            margin-top: 0px;
            font-size: 12px;
        }

        #divnutritionalinfo > div > div > span:last-child {
            font-size: 14px;
            margin-top: 3px;
            margin-left: 3px;
        }
/** Alergénios ***********************************************/
#intolerances_imgs {
    display: inline-block;
    vertical-align: middle;
    text-align: center !important;
    margin: auto;
    /*width: 100% !important;*/
}

    #intolerances_imgs img {
        cursor: help;
        display: inline-block;
        vertical-align: top;
        width: 22px;
        height: 22px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

        #intolerances_imgs img:nth-child(1n+7) {
            margin-bottom: 2px;
        }
/** Encomendas ************************************************/
.mv_shopping {
    position: absolute;
    top: 15px;
    right: 40px;
}

.shoppingcartcontainer {
    display: inline-block;
    font-size: 19px;
    z-index: 11 !important;
}

.navbar-basket {
    position: relative;
    display: inline-block;
    padding: 0 0 0 0;
    font-size: 22px;
    line-height: 1;
    color: #FFFFFF;
    outline: none;
    border: none;
    box-shadow: none;
    background: none;
    cursor: pointer;
    transition: all .3s ease-in-out;
    width: 30px;
    margin-right: 10px;
}

.cart-status {
    position: absolute;
    top: -10px;
    font-size: 11px;
    letter-spacing: 0;
    color: #303030;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.mv-icon-shoppingcart {
    --fa-primary-color: #303030;
    --fa-secondary-color: #B2DD4C;
    font-size: 22px;
    color: #b2dd4c;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.mv-icon-clientcart {
    --fa-primary-color: #0373AA;
    --fa-secondary-color: #0373AA;
    font-size: 22px;
    color: #0373AA;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
/** Pop Up Resumo *****************/
.cpreview {
    display: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    right: 0px;
    top: 0px;
    color: rgb(0, 0, 0);
    background: #FCFDFD;
    padding: 32px;
    position: fixed;
    width: 504px;
    height: 100vh;
    z-index: 99999;
}

@media (max-width:505px) {
    .cpreview {
        width: 100%;
    }
}

.mv-panel {
    position: relative;
    margin-top: 0px !important;
}

.mv-panel-default {
    width: 100%;
    height: 100%;
}

.mv-panel-heading {
    justify-content: space-between !important;
    display: flex !important;
    box-sizing: border-box;
    height: 62px;
    border-bottom: 1px solid #e0e0e0;
}

    .mv-panel-heading span {
        font-size: 17px;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -0.032vw;
        color: #282525;
        margin-bottom: 0;
    }

    .mv-panel-heading i {
        font-size: 21px;
        color: #282525;
        transition: all 0.5s linear;
        cursor: pointer;
    }

.mv-panel-description {
    display: block;
    font-size: 15px;
    line-height: 1.508em;
    font-weight: 500;
    margin-top: 50px;
    padding: 10px 15px !important;
}

.mv-panel-body {
    height: calc(100% - 205px);
    padding: 10px 0px;
    font-family: 'Open Sans', sans-serif;
    overflow-y: auto;
    font-weight: 400;
}

.ct-checkout-item {
    font-weight: 500;
    padding: 25px 0;
}

    .ct-checkout-item span {
        display: inline-block;
    }

        .ct-checkout-item span small {
            display: inline-block;
        }

/** Footer ***********/
.mv-panel-footer {
    height: 120px;
    width: 100%;
}

.ct-resumo {
    display: block !important;
    padding-bottom: 20px;
}

.ct-cart-resumo-title {
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    padding-top: 10px
}

.ct-cart-resumo-price {
    font-weight: bold;
    font-size: 22px;
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    color: #0373AA;
}

.btncontainerfooter {
    text-align: right;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    position: absolute;
    bottom: 10px;
}

.mv-btnfooter {
    display: inline-block;
    background: #0373AA;
    border: 1px solid #0373AA;
    border-radius: 6px;
    cursor: pointer;
    font-size: 15px;
    padding: 10px;
    font-weight: 500;
}

    .mv-btnfooter:hover, .mv-btnfooter:focus {
        background-color: #b2dd4c;
        border: 1px solid #b2dd4c;
        transition: 1400ms;
        box-shadow: inset -3.5em 0 0 0 var(--hover), inset 3.5em 0 0 0 var(--hover);
    }

    .mv-btnfooter a {
        color: #ffffff !important;
    }

    .mv-btnfooter i {
        --fa-primary-color: #0373aa;
        --fa-primary-opacity: 1;
        --fa-secondary-color: #ffffff;
        --fa-secondary-opacity: 1;
    }

    .mv-btnfooter span {
        margin-left: 10px;
    }

.mv-border-bottom {
    border-bottom: 1px solid #e0e0e0;
}

.mv-border-top {
    border-top: 1px solid #e0e0e0;
}

/**************************************************/
.menu_legend {
    margin: 20px auto 40px auto;
    text-align: left;
    font-size: 10pt;
    max-width: 1200px;
    padding: 10px;
}

    .menu_legend > span:first-child {
        font-weight: 600;
        color: #000000;
    }

    .menu_legend > table {
        display: block;
        /*background-color: #DCDCDC;*/
        width: 100%;
        font-size: 7pt;
    }

        .menu_legend > table td {
            white-space: nowrap;
        }

        .menu_legend > table img {
            display: inline-block;
            vertical-align: middle;
            width: 22px;
            height: 22px;
            margin-top: 2px;
            margin-left: 4px;
            margin-bottom: 2px;
        }

        .menu_legend > table span {
            display: inline-block;
            vertical-align: middle;
            margin-right: 4px;
            white-space: normal;
            word-wrap: break-word;
            max-width: calc(100% - 28px);
            font-weight: 500;
        }

        .menu_legend > table.showonsmall td {
            width: 50%;
        }

.legendcontainer {
    font-size: 10px;
    color: #909090;
    font-style: italic;
}
/** AVALIAÇÃO **********/
.evaluationbutton {
    display: none;
    border-bottom: none !important;
    width: 100%;
    margin-bottom: 20px;
}

.menu_evaluation {
    /*display: none;*/
    margin: 60px 40px 80px 40px;
    list-style-type: none;
    padding: 0;
}

.evaluationbuttontext {
    position: relative;
    display: block;
    width: 90%;
    margin: auto;
    text-align: center;
    font-weight: 400 !important;
    font-style: normal !important;
    padding: 10px;
    font-size: 17px;
    color: #4E5151;
}

#evaluation_button .evaluationbuttontext:first-child {
    position: relative;
    display: block;
    width: 90%;
    font-weight: 500;
    font-size: 15px !important;
    color: #000000;
    text-transform: uppercase;
    text-decoration: underline;
    font-style: normal;
    padding: 10px;
}

.evaluationbuttonimage {
    display: block;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    text-align: center;
    padding: 5px;
}

    .evaluationbuttonimage .eval {
        display: inline-block;
        height: 50px;
        width: 50px;
        margin-right: 10px;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        cursor: pointer;
    }

        .evaluationbuttonimage .eval.blue {
            background-image: url('https://software.movelife.net/Images/Smiles/blue-smile.png');
        }

        .evaluationbuttonimage .eval.blueoff {
            background-image: url('https://software.movelife.net/Images/Smiles/blue-gray-smile.png');
        }

        .evaluationbuttonimage .eval.green {
            background-image: url('https://software.movelife.net/Images/Smiles/green-smile.png');
        }

        .evaluationbuttonimage .eval.greenoff {
            background-image: url('https://software.movelife.net/Images/Smiles/green-gray-smile.png');
        }

        .evaluationbuttonimage .eval.yellow {
            background-image: url('https://software.movelife.net/Images/Smiles/yellow-smile.png');
        }

        .evaluationbuttonimage .eval.yellowoff {
            background-image: url('https://software.movelife.net/Images/Smiles/yellow-gray-smile.png');
        }

        .evaluationbuttonimage .eval.red {
            background-image: url('https://software.movelife.net/Images/Smiles/red-smile.png');
            margin-right: 0;
        }

        .evaluationbuttonimage .eval.redoff {
            background-image: url('https://software.movelife.net/Images/Smiles/red-gray-smile.png');
            margin-right: 0;
        }

.evaluation, .evaluation-step {
    display: none;
    position: relative;
    background: no-repeat !important;
    margin: 0px auto 40px auto !important;
    max-width: 600px;
}

.evaluation_question {
    background: none !important;
    margin: 5px;
    text-align: center;
}

.evaluation .btncontainer {
    width: 100%;
    text-align: center;
}

.evaluation .btnsavesimple {
    width: 80%;
    text-align: center;
    background-color: #B2DD4C !important;
    border: 2px solid #B2DD4C !important;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 15px !important;
    max-width: 120px;
    height: 35px;
}
/** Download Ficha Técnica ************************************************/
.item_box_download {
    display: block;
    position: absolute;
    text-align: right;
    width: calc(100% - 30px);
    margin-top: 6px;
}

.item_box_download_box {
    display: inline-block;
    position: absolute;
    text-align: right;
    margin-left: 10px;
}

.mv-icon-list-green-plus {
    --fa-primary-color: #B2DD4C;
    --fa-secondary-color: #B2DD4C;
    font-size: 21px;
    color: #b2dd4c;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.mv-icon-list-green-plus_white {
    --fa-primary-color: #B2DD4C;
    --fa-secondary-color: #FFFFFF;
    font-size: 21px;
    color: #b2dd4c;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.mv-icon-list-green-plus_black {
    --fa-primary-color: #303030;
    --fa-secondary-color: #B2DD4C;
    font-size: 21px;
    color: #b2dd4c;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
/** OTHER BUTTON ***********************/
.catalogotherbutton {
    display: block;
    font-size: 11px;
    position: absolute;
    top: 15px;
    right: 140px;
    z-index: 1;
}

    .catalogotherbutton .catalogotherbuttontext {
        padding-right: 10px;
    }

    .catalogotherbutton img {
        max-height: 20px;
    }

.mv-icon-catalogotherbutton {
    font-size: 28px;
    color: #303030;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.catalogotherbutton_checkout {
    display: block;
    position: relative;
    text-align: center;
    z-index: 1;
}

    .catalogotherbutton_checkout .catalogotherbuttontext {
        font-weight: 600;
        color: #B2DD4C;
    }

    .catalogotherbutton_checkout .mv-icon-catalogotherbutton {
        --fa-primary-color: #303030;
        --fa-secondary-color: #B2DD4C;
        font-size: 19px;
        color: #b2dd4c;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
    }

/** Preços ****************************************************************/
.iva_info {
    text-align: right;
    padding: 2px 15px;
    font-weight: 500;
}

.menu_info {
    text-align: center;
    padding: 2px 15px;
    font-size: 11px;
    font-weight: 400;
}

.offlinemessage {
}

.mv_btn_rotate {
    position: absolute;
    top: 10px;
    right: 6px;
    cursor: pointer;
    z-index: 99;
}

    .mv_btn_rotate i {
        --fa-primary-color: #B2DD4C;
        --fa-secondary-color: #B2DD4C;
        font-size: 22px;
        color: #B2DD4C;
        cursor: pointer;
    }
/** Footer ************************************************************/
.ct-footer {
    display: block;
    width: 100%;
    text-align: right;
    margin: 0px auto 0px auto;
    color: #fff;
    background: #303030bb;
    font-family: roboto, sans-serif;
    font-size: 10px;
    font-weight: 300;
    padding: 5px;
    position: fixed;
    bottom: 0;
}

.site_copyright span {
    font-style: italic;
}

.site_copyright a {
    color: #b2dd4c;
    font-family: 'kanit', sans-serif;
    font-size: 13px;
    font-weight: 400;
}
/**************************************************/
/** Inicio **********************************************************************************************************************************************/
/* ==================== Header ===============*/
.ct-header {
    background-color: #ffffff;
    height: 65px;
}

.navbar {
}

.mv_background {
}

.mv_bar_menu {
}

.navbar-toggler.mr-auto {
}

.navbar-brand {
}

    .navbar-brand img {
    }

.mv_icon_show_sidebar {
    font-size: 28px;
    color: #000000;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.logo_container {
}

    .logo_container img {
        max-height: 50px;
        height: 100%;
        max-width: 180px;
        margin-top: 6px
    }

/* ==================== BODY ===============*/
.ct-body {
    display: block;
    /*background-color: #ffffff;*/
    text-align: center;
    margin: auto;
    /*    padding: 10px;*/
    min-height: calc( 100% - 65px) !important;
}

@media (max-width:768px) {
}

@media (max-width:414px) {
}

.ct-body-content {
    position: relative;
    height: 100%;
}

    .ct-body-content .ct-body_header {
        color: #303030;
        font-size: 23px;
        font-weight: 700;
    }

        .ct-body-content .ct-body_header .ct-body_header_title {
        }

            .ct-body-content .ct-body_header .ct-body_header_title span {
            }


/** SEPARADORES ****************************/
/** Normal **/
.ct-separator {
    display: block;
    background-color: rgba(48, 48, 48, 1);
    border-radius: 3px;
}

    .ct-separator ul {
        padding: 6px;
        margin: auto;
        color: #fff;
        font-weight: 500;
    }

        .ct-separator ul li {
            display: inline-block;
            cursor: pointer;
            padding: 0px 8px;
            font-size: 17px;
        }

            .ct-separator ul li a {
                color: #ffffff !important;
            }

                .ct-separator ul li a.active {
                    font-size: 17px;
                    font-weight: 600;
                    color: #AEBC5D !important;
                    border-bottom: 2px solid #AEBC5D;
                }

                .ct-separator ul li a.hover {
                    color: #AEBC5D !important;
                    border-bottom: 2px solid #AEBC5D;
                }

.ct-separator-left {
    display: inline-block;
    width: 200px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 3px;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    text-align: left;
    padding-top: 75px;
}

    .ct-separator-left ul {
        padding: 6px;
        margin: auto;
        color: #303030;
        font-weight: 500;
    }

        .ct-separator-left ul li {
            width: 100%;
            display: inline-block;
            cursor: pointer;
            padding: 0px 8px;
            font-size: 17px;
        }

            .ct-separator-left ul li a {
                color: #303030 !important;
            }

                .ct-separator-left ul li a.active {
                    font-size: 17px;
                    font-weight: 600;
                    color: #B2DD4C !important;
                    border-bottom: 2px solid #B2DD4C;
                }

                .ct-separator-left ul li a.hover {
                    color: #B2DD4C !important;
                    border-bottom: 2px solid #B2DD4C;
                }

/********************************************************/
/*ACCORDION*/
.accordion {
    text-align: center;
    margin: auto;
}

    .accordion .card {
        margin: 10px;
        background-color: transparent !important;
        border: none;
        margin-left: 0;
        margin-right: 0;
    }

    .accordion .btn:focus, .accordion .btn.focus {
        box-shadow: none;
    }

    .accordion .card .card-header {
        text-align: center;
        padding: 0.20rem 1.25rem;
        margin-bottom: 0;
        background-color: #f1f1f1;
        border-bottom: 4px solid rgba(178, 221, 76, 1);
    }

        .accordion .card .card-header:first-child {
            border-radius: 0;
        }

        .accordion .card .card-header h2 {
            margin-top: 0;
        }

            .accordion .card .card-header h2 button {
                text-align: center !important;
                font-size: 21px;
            }

    .accordion .card .card-body {
        background-color: #fff;
    }

@media (max-width: 650px) {
    .accordion .card .card-body {
        padding-left: 0;
        padding-right: 0;
    }
}

/********************************************************/
/*** VRect *****************/
.ct-separator-list {
    margin-bottom: 8px;
    position: relative;
}

.ct-separator-list-left {
    display: inline-block;
    width: 200px;
    margin-bottom: 8px;
    position: relative;
}


.ct-separator-select {
    border-top: 4px solid #b2dd4c;
    margin-bottom: 8px;
}

.container_wrapper {
    position: relative;
}

    .container_wrapper .scrollcontainer {
        position: relative;
        /* Make this scrollable when needed */
        overflow-x: hidden;
        /* We don't want vertical scrolling */
        overflow-y: hidden;
        /* For WebKit implementations, provide inertia scrolling */
        -webkit-overflow-scrolling: touch;
        /* We don't want internal inline elements to wrap */
        white-space: nowrap;
        /* Make an auto-hiding scroller for the 3 people using a IE */
        -ms-overflow-style: -ms-autohiding-scrollbar;
        padding-bottom: 5px;
    }

.pn-Advancer {
    /* Reset the button */
    appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    /* Now style it as needed */
    position: absolute;
    top: 0;
    bottom: 0;
}

.pn-Advancer_Icon {
    width: 20px;
    height: 44px;
    fill: #bbb;
}

.pn-Advancer:focus {
    outline: 0;
}

.pn-Advancer_Left {
    left: 0;
}

.pn-Advancer_Right {
    right: 0;
}

@media all and (max-width:992px) {
    .container_wrapper .scrollcontainer {
        /* Make this scrollable when needed */
        overflow-x: auto;
    }

    .pn-Advancer_Left {
        display: none !important;
    }

    .pn-Advancer_Right {
        display: none !important;
    }
}


.container_wrapper .scrollcontainer ul {
    flex-wrap: nowrap;
    width: 100%;
    border-bottom: 0;
    padding: 0;
    margin: 0;
    list-style-type: none;
    color: #fff;
}

    .container_wrapper .scrollcontainer ul li {
        display: inline-block;
        padding: 0px;
        width: 125px;
        min-width: 125px;
        margin-bottom: 0px;
        float: none;
        position: relative;
    }

        .container_wrapper .scrollcontainer ul li a {
            display: block;
            background-color: #4E5151;
            border-bottom: 8px solid #B2DD4C;
            height: 0px;
            vertical-align: bottom;
            padding-bottom: 110%;
            border-radius: 0;
            line-height: 1.42857143;
            position: relative;
            background-position-x: 0px;
            background-position-y: 0px;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-size: contain;
            background-origin: padding-box;
            background-clip: border-box;
        }

            .container_wrapper .scrollcontainer ul li a span {
                color: #FFFFFF;
                position: relative;
                top: 95px;
                white-space: normal;
                font-size: calc(10pt + (26 - 14) * ((10vw - 300px) / (1600 - 300))) !important;
            }

            .container_wrapper .scrollcontainer ul li a.active {
                color: #ffffff !important;
                background-color: #B2DD4C;
                border-bottom: 8px solid #FFFfff;
            }

            .container_wrapper .scrollcontainer ul li a:hover {
                color: #fff;
                border-bottom: 8px solid #FDDA72;
            }

/********************************************************/
/** MENUS CC **/
.cc_menudate {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
}

.cc_separator {
    display: block;
    font-size: 23px;
    font-weight: 800;
    color: #454545;
    position: relative;
    width: 100%;
    text-align: center;
}

.cc_inner_separator {
    display: block;
    font-size: 21px;
    font-weight: 500;
    color: #b2dd4c;
    text-decoration: underline;
    position: relative;
}

/********************************************************/
/** ITEMS **/
.ct-separator_content {
    display: block;
    position: relative;
    z-index: 0;
}

.ct-separator_content-right {
    display: inline-block;
    width: calc(100% - 201px);
    position: relative;
    z-index: 0;
}

/*** Default *****************/
.searchcontainer {
    margin-top: 5px;
    text-align: right;
}

.mv-icon-search {
    --fa-primary-color: #303030;
    --fa-secondary-color: #B2DD4C;
    font-size: 25px;
    color: #b2dd4c;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: -webkit-baseline-middle;
    cursor: pointer;
}

.ct-catalog_items_banner {
    display: none;
    position: relative;
    margin-bottom: 60px;
    color: #fff;
}

    .ct-catalog_items_banner .ct-bcg {
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: contain;
        height: 100%;
        width: 100%;
    }

    .ct-catalog_items_banner .ct-banner-content {
        padding: 30px 0;
    }

        .ct-catalog_items_banner .ct-banner-content span {
            color: #fff;
            font-size: 23px;
        }

.ct-catalog_items {
    padding: 10px;
}

/*** ITEMS NORMAL *******************************************************************************************************************************/
.ct-catalog_items_D {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

    .ct-catalog_items_D .separator {
        display: none;
    }

    .ct-catalog_items_D .inner_separator {
    }

    .ct-catalog_items_D .item_box {
    }

    .ct-catalog_items_D .card {
        display: inline-block;
        width: 310px;
        height: 440px;
        margin: 10px;
    }

    .ct-catalog_items_D .front, .ct-catalog_items_D .back {
        background-color: #fff !important;
        border: 1px solid #F0F0F0;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 6px 3px 14px 0px rgba(0, 0, 0, 0.04), 23px 12px 26px 0px rgba(0, 0, 0, 0.03), 53px 27px 35px 0px rgba(0, 0, 0, 0.02), 94px 48px 42px 0px rgba(0, 0, 0, 0.01);
        width: 310px;
        height: 440px;
        border-radius: 20px;
    }

    .ct-catalog_items_D .item_box_header {
        display: block;
        position: relative;
        vertical-align: top;
        width: 100%;
        height: 220px;
    }

    .ct-catalog_items_D .item_box_image_wrapper {
        width: 308px;
        height: 220px;
        overflow: hidden;
        border-radius: 20px 20px 0 0px;
    }

    .ct-catalog_items_D .item_box_image {
        display: block;
        max-width: 100%;
        margin: 0 auto 0 auto;
        height: 220px;
        position: relative;
    }

        .ct-catalog_items_D .item_box_image img {
            position: relative;
            width: 100%;
            max-height: 220px;
        }

        .ct-catalog_items_D .item_box_image:hover {
            -webkit-animation: zoomin 5s ease-in infinite;
            animation: zoomin 5s ease-in infinite;
            cursor: pointer;
        }

    .ct-catalog_items_D .without_image {
        width: 100%;
        padding-left: 0px;
    }

    .ct-catalog_items_D .item_food_types {
        display: block;
        width: 100%;
        position: absolute;
        text-align: right;
        padding-right: 5px;
        margin-top: -25px;
    }

    .ct-catalog_items_D .item_box_body {
        display: block;
        position: relative;
        vertical-align: top;
        margin-top: -5px;
        padding: 0 6px;
        width: 100%;
        height: 220px;
    }

        .ct-catalog_items_D .item_box_body .item_box_title > h3 {
            margin: 0;
            font-size: 21px;
            font-weight: 600;
            padding-top: 20px;
            color: #282525;
        }

        .ct-catalog_items_D .item_box_body .item_box_description > h5 {
            margin: 0;
            font-size: 14px;
            font-weight: 400;
            padding-top: 10px;
            color: #979797;
        }

        .ct-catalog_items_D .item_box_body .item_box_reference {
            position: absolute;
            bottom: 70px;
            display: block;
            width: 100%;
            font-size: 12px;
            font-weight: 500;
            color: #202020;
            text-align: right;
            padding-right: 15px;
        }

        .ct-catalog_items_D .item_box_body .item_box_packaging {
            position: absolute;
            bottom: 1px;
            width: 100%;
            text-align: center;
            font-size: 12px;
            font-weight: 500;
        }


    .ct-catalog_items_D .item_box_price {
        display: block;
        vertical-align: middle;
        white-space: nowrap;
        width: 100%;
        position: absolute;
        bottom: 25px;
        height: 40px;
        left: 0;
        font-family: 'Open Sans', sans-serif;
        text-align: left;
    }

        .ct-catalog_items_D .item_box_price input {
            display: inline-block;
            width: 45px;
            height: 40px;
            background-color: white;
            margin-left: 10px;
            font-size: 12pt;
            vertical-align: middle;
            border-radius: 3px;
            text-align: center;
            border-left-width: medium;
            border-right-width: medium;
        }

        .ct-catalog_items_D .item_box_price .pricelabel {
            width: calc(100% - 117px);
            font-size: 19px;
            margin-right: 5px;
            color: #282525;
            display: inline-block;
            text-align: right;
            vertical-align: middle;
            font-weight: 600;
        }

            .ct-catalog_items_D .item_box_price .pricelabel .price_value {
            }

            .ct-catalog_items_D .item_box_price .pricelabel .price_text {
                font-size: 10px;
                margin-top: -6px;
            }


    .ct-catalog_items_D .selectpricetype {
        border: none;
        border-bottom: 1px solid #4E5151;
        height: 30px;
        vertical-align: bottom;
        width: calc(100% - 200px);
    }

    .ct-catalog_items_D .selectpricevalue {
        font-size: 19px;
        margin-right: 5px;
        color: #282525;
        display: inline-block;
        width: 80PX;
        text-align: right;
        vertical-align: middle;
        font-weight: 600;
    }

    .ct-catalog_items_D .AddToChart {
        vertical-align: middle;
        cursor: pointer;
        height: 40px;
        background: #b2dd4c44;
        display: inline-block;
        border-radius: 3px;
        border: 1px solid #b2dd4c;
        margin-right: 8px;
    }

        .ct-catalog_items_D .AddToChart i {
            position: relative;
            --fa-primary-color: #303030;
            --fa-secondary-color: #687F2C;
            font-size: 22px;
            color: #b2dd4c;
            height: 40px;
            width: 40px;
            text-align: center;
            vertical-align: middle;
            padding-top: 8px;
        }


    .ct-catalog_items_D .back {
    }

        .ct-catalog_items_D .back .item_box_header {
        }

            .ct-catalog_items_D .back .item_box_header .item_box_title > h3 {
                margin: 0;
                font-size: 21px;
                font-weight: 600;
                padding-top: 20px;
                color: #282525;
            }

            .ct-catalog_items_D .back .item_box_header .item_box_description > h5 {
                margin: 0;
                font-size: 14px;
                font-weight: 400;
                padding-top: 10px;
                color: #979797;
            }

            .ct-catalog_items_D .back .item_box_header .item_box_price {
                display: block;
                vertical-align: middle;
                white-space: nowrap;
                width: 100%;
                position: absolute;
                bottom: 25px;
                height: 40px;
                left: 0;
                font-family: 'Open Sans', sans-serif;
                text-align: left;
            }

        .ct-catalog_items_D .back .nutrititle {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            color: #282525;
        }

        .ct-catalog_items_D .back .nutrititle_line {
            display: block;
            height: 3px;
            background-color: #B2DD4C;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            width: 30%;
            margin-bottom: 10px;
        }

        .ct-catalog_items_D .back .nutritext {
            margin: 0;
            font-size: 9px;
            font-weight: 400;
            padding: 5px;
            color: #979797;
        }

    .ct-catalog_items_D .item_box_icons {
        vertical-align: top;
        white-space: nowrap;
        margin: 10px 0 10px 5px;
        width: auto;
        position: absolute;
        bottom: 5px;
        left: 15px;
    }

    .ct-catalog_items_D .item_box_download {
        vertical-align: top;
        width: 100%;
        position: absolute;
        bottom: 9px;
        padding: 5px 20px 5px 160px;
    }

        .ct-catalog_items_D .item_box_download .btn_download {
            border: 2px solid #B2DD4C;
            color: #fff;
            text-align: center;
            background-color: #B2DD4C;
            font-size: 13px;
            border-radius: 3px;
        }

        .ct-catalog_items_D .item_box_download a, .ct-catalog_items_D .item_box_download a:hover, .ct-catalog_items_D .item_box_download a:active {
            color: #B2DD4C;
            font-size: 30px;
        }

/*** Squares *************************************************************************************************************************/
.ct-catalog_items_squares {
    padding: 25px;
}

@media (max-width: 414px) {
    .ct-catalog_items_squares {
        padding: 5px;
    }
}


.ct-catalog_items_squares .separator {
    display: none;
}

.ct-catalog_items_squares .inner_separator {
    display: none;
    font-size: 21px;
    font-weight: 500;
    color: #b2dd4c;
    text-decoration: underline;
}

.ct-catalog_items_squares .item_box {
    padding: 10px;
}

.ct-overlay_content {
    position: relative;
    margin: 10px auto !important;
    text-align: center;
    margin: auto;
}

    .ct-overlay_content .ct-overlay_item {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
    }

    .ct-overlay_content a.close-overlay {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 100;
        width: 45px;
        height: 45px;
        font-size: 20px;
        color: #fff;
        line-height: 45px;
        text-align: center;
        background-color: #000;
        cursor: pointer;
    }

        .ct-overlay_content a.close-overlay.hidden {
            display: none;
        }

    .ct-overlay_content img {
        max-width: 100%;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        width: 100%;
        max-height: 350px;
    }

    .ct-overlay_content .ct-overlay_item .highlightimage {
        -webkit-transition: all ease 1s;
        transition: all ease 1s;
        top: 10px !important;
        position: absolute;
        left: auto;
        right: 10px;
        text-transform: capitalize;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        padding: 4px 12px;
        font-size: 12px;
        max-width: 40px;
    }

    .ct-overlay_content .ct-overlay {
        position: absolute;
        z-index: 2;
        background: rgba(48, 48, 48, 0.9);
        overflow: hidden;
        -webkit-transition: all .5s;
        transition: all .5s;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        height: 0px;
    }

    .ct-overlay_content .ct-overlay {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        height: 40%;
        overflow: visible;
    }

        .ct-overlay_content .ct-overlay .icons {
            top: 40%;
            -webkit-transition: all .5s;
            transition: all .5s;
            position: relative;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            text-align: center;
        }

            .ct-overlay_content .ct-overlay .icons h3 {
                padding: 0 5px;
                margin-top: 0px;
                margin-bottom: 0;
                color: #fff;
                font-size: calc(11pt + (6 - 14) * ((10vw - 300px) / (1600 - 300)));
                font-weight: 600;
                line-height: normal;
                min-height: 65px;
            }


.ct-catalog_items_squares .item_box_price {
    display: block;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    position: absolute;
    bottom: 25px;
    height: 40px;
    left: 0;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    position: absolute;
    bottom: 0px;
}

    .ct-catalog_items_squares .item_box_price input {
        display: inline-block;
        width: 40px;
        height: 36px;
        background-color: white;
        font-size: 12pt;
        vertical-align: middle;
        border-radius: 3px;
        text-align: center;
        border-left-width: medium;
        border-right-width: medium;
        margin-right: 0px;
    }

    .ct-catalog_items_squares .item_box_price .pricelabel {
        width: calc(100% - 92px);
        font-size: 19px;
        margin-right: 5px;
        color: #ffffff;
        display: inline-block;
        text-align: right;
        vertical-align: middle;
        font-weight: 600;
    }

        .ct-catalog_items_squares .item_box_price .pricelabel .price_value {
        }

        .ct-catalog_items_squares .item_box_price .pricelabel .price_text {
            font-size: 10px;
            margin-top: -6px;
        }

.ct-catalog_items_squares .selectpricetype {
    border: none;
    border-bottom: 1px solid #4E5151;
    height: 30px;
    vertical-align: bottom;
    width: calc(100% - 205px);
}

.ct-catalog_items_squares .selectpricevalue {
    font-size: 19px;
    margin-right: 5px;
    display: inline-block;
    color: #ffffff;
    width: 80PX;
    text-align: right;
    vertical-align: middle;
    font-weight: 600;
}

.ct-catalog_items_squares .AddToChart {
    vertical-align: middle;
    cursor: pointer;
    height: 40px;
    display: inline-block;
    margin-right: 0px;
}

    .ct-catalog_items_squares .AddToChart i {
        position: relative;
        --fa-primary-color: #b2dd4c;
        --fa-secondary-color: #fff;
        font-size: 22px;
        color: #b2dd4c;
        height: 40px;
        width: 40px;
        text-align: center;
        vertical-align: middle;
        padding-top: 8px;
    }

.ct-overlay_content .ct-overlay .recipe_description {
    color: #fff;
    font-size: 13px;
    position: absolute;
    text-align: center;
    margin: auto;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15%;
}

.ct-overlay_content .ct-overlay .icons #intolerances_imgs {
    vertical-align: middle;
    position: absolute;
    margin: auto;
    text-align: center;
    width: 100%;
    padding-top: 30%;
}

    .ct-overlay_content .ct-overlay .icons #intolerances_imgs img {
        display: inline-block;
        vertical-align: top;
        width: 24px;
        height: 24px;
        margin-right: 5px;
    }

        .ct-overlay_content .ct-overlay .icons #intolerances_imgs img:nth-child(1n+7) {
            margin-bottom: 2px;
        }

.ct-overlay_content .ct-overlay .icons .item_box_download {
    vertical-align: top;
    text-align: right;
    white-space: nowrap;
    margin: 10px 0 10px 5px;
    width: auto;
    font-size: 0.90em;
    position: absolute;
    top: 50px;
    right: 0px;
    padding: 5px;
    border-radius: 20px;
    width: 40px;
}

    .ct-overlay_content .ct-overlay .icons .item_box_download a, .ct-overlay_content .ct-overlay .icons .item_box_download a:active {
        color: #B2DD4C;
        font-size: 21px;
        padding-right: 5px;
    }

        .ct-overlay_content .ct-overlay .icons .item_box_download a:hover {
            color: #000000;
        }


.ct-overlay_content .ct-overlay_item.hover .ct-overlay {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    height: 100%;
}

    .ct-overlay_content .ct-overlay_item.hover .ct-overlay .icons {
        top: 40%;
    }

        .ct-overlay_content .ct-overlay_item.hover .ct-overlay .icons .label {
            display: none;
        }

    .ct-overlay_content .ct-overlay_item.hover .ct-overlay a.close-overlay {
        display: block;
    }

/** MARMITA *****************************************************************************************************************/
.text-center {
    text-align: center !important;
}

.product-list {
    opacity: 1;
    text-align: left;
    padding: 10px;
}

.ct-separator_content .searchcontainer {
    /*    position: relative;
    margin-top: 5px;
    text-align: right;
    height: 50px;
    z-index: 9999;*/
}

.product-list .inner_separator {
    display: none;
    font-size: 21px;
    font-weight: 500;
    color: #b2dd4c;
    text-decoration: underline;
    position: relative;
    margin-top: -30px;
}

.product-list-card {
    position: relative;
    padding: 25px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 4px 8px 0px rgba(151, 151, 151, 0.25);
    width: 100%;
    min-height: 222px;
    margin-bottom: 10px;
}

@media (max-width: 414px) {
    .product-list-card {
        padding: 15px;
        border-radius: 0;
        border: none;
        box-shadow: none;
        width: 100%;
        margin-bottom: 0px;
        border-bottom: 1px solid #c0c0c0;
    }
}

.product-list-card .item_food_types {
    position: absolute;
    display: inline-flex;
    top: -10px;
}

.product-list-card .product-img {
    filter: drop-shadow(0px 10px 30px #00000040);
}

.product-list .product-list-item {
}

    .product-list .product-list-item .row {
    }

    .product-list .product-list-item .product-info {
        display: block;
        padding-top: 10px;
    }

    .product-list .product-list-item img {
        max-height: 170px;
    }

@media (max-width: 414px) {
    .product-list .product-list-item img {
        max-height: 100%;
    }
}

.product-list .product-list-item .item_box_title h3 {
    margin: 0;
    font-size: 21px;
    font-weight: 500;
    padding-top: 20px;
    color: #282525;
}

.product-list .product-list-item .item_box_description h5 {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    padding-top: 10px;
    color: #979797;
}

.product-list .product-list-item h4 .highlightimage {
    left: 5px;
    top: 50px;
    position: absolute;
    height: auto;
    width: 40px;
}

.product-list .item_box_reference {
    text-align: right;
}

.product-list .value {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.product-list .item_box_packaging {
    display: inline-block;
    margin-left: 0px;
}

/*** DOWNLOAD *******/
.product-list .product-list-item .item_box_download {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 26px;
    margin-right: 0px;
    margin-top: 2px;
    z-index: 1;
}

    .product-list .product-list-item .item_box_download a {
    }

        .product-list .product-list-item .item_box_download a:hover, .product-list .product-list-item .item_box_download a:active {
            color: #4E5151;
        }

.product-list .item_box_price {
    display: block;
    vertical-align: middle;
    white-space: nowrap;
    height: 40px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
}

    .product-list .item_box_price input {
        display: inline-block;
        width: 45px;
        height: 40px;
        background-color: white;
        margin-left: 0px;
        margin-right: 10px;
        font-size: 12pt;
        vertical-align: middle;
        border-radius: 3px;
        text-align: center;
        border-left-width: medium;
        border-right-width: medium;
    }

    .product-list .item_box_price .pricelabel {
        width: calc(100% - 117px);
        font-size: 19px;
        margin-right: 5px;
        color: #282525;
        display: inline-block;
        text-align: right;
        vertical-align: middle;
        font-weight: 600;
    }

        .product-list .item_box_price .pricelabel .price_value {
        }

        .product-list .item_box_price .pricelabel .price_text {
            font-size: 10px;
            margin-top: -6px;
        }


.product-list .selectpricetype {
    border: none;
    border-bottom: 1px solid #b2dd4c;
    height: 30px;
    vertical-align: bottom;
    width: calc(100% - 192px);
    text-align: right;
}

.product-list .selectpricevalue {
    font-size: 19px;
    margin-right: 5px;
    color: #282525;
    display: inline-block;
    width: 80PX;
    text-align: right;
    vertical-align: middle;
    font-weight: 600;
}

.product-list .AddToChart {
    vertical-align: middle;
    cursor: pointer;
    height: 40px;
    background: #b2dd4c44;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #b2dd4c;
    margin-right: 0px;
}

    .product-list .AddToChart i {
        position: relative;
        --fa-primary-color: #303030;
        --fa-secondary-color: #687F2C;
        font-size: 22px;
        color: #b2dd4c;
        height: 40px;
        width: 40px;
        text-align: center;
        vertical-align: middle;
        padding-top: 8px;
    }

/********************************************************************************************************/
/** CHECK-OUT *******************************************************************************************/
/****************************************************/

#frm_details {
    font-size: 14px;
    color: #303030;
    font-weight: 500;
}

.ct-checkout-main input:not([type="checkbox"]), textarea, select {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: calc(50px - (14px - 2px));
    color: #212121;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 2px solid #B2DD4C !important;
    border-radius: 0 !important;
    outline: 0 !important;
    cursor: pointer !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -webkit-transition: border-color .2s ease-in-out !important;
    -o-transition: border-color .2s ease-in-out !important;
    transition: border-color .2s ease-in-out !important;
    box-shadow: none !important;
    text-align: left;
    width: 100%;
    padding: 0 5px;
}

.ct-checkout-main input[type="radio"] {
    width: auto;
}

.ct-checkout-main input:disabled {
    background: #B2DD4C33 !important;
    color: #b9b9b9 !important;
    cursor: none !important;
}

.ct-checkout-main input[type="radio"]:checked, input[type="checkbox"]:checked {
}

.ct-checkout-main input, .ct-checkout-main textarea, .ct-checkout-main select {
    border-radius: 0px;
    display: inline-block;
    box-shadow: none !important;
}

.ct-checkout-main .form-control:focus, .ct-checkout-main .form-control::selection {
    outline: 0 !important;
    border: 1px solid #9fc4ce !important;
    box-shadow: none !important; /*0px 0px 0px 0.2rem rgba(0,123,255,0.25);*/
    border-radius: 0 !important;
}

.ct-checkout label {
    vertical-align: -webkit-baseline-middle;
    color: #aaaaaa;
    font-weight: 400;
    font-size: 13px;
}

.ct-checkout a {
    color: #B2DD4C !important;
    text-decoration: none !important;
    background-color: transparent;
}

.ct-checkout-main {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #f9f9f9;
    min-height: 100%;
    margin-top: 0px;
    border-radius: 0px;
    padding-bottom: 40px;
}

@media (max-width: 414px) {
    .ct-checkout-main {
        /*width: 100%;*/
    }
}

.ct-checkout {
    position: relative;
    min-height: 100%;
    padding: 15px;
}

@media all and (max-width:768px) {
    .ct-checkout {
        width: 100%;
        padding: 20px 5px;
    }
}

.ct-form_split {
    border: 1px dashed #eee;
    display: none;
}

.mv-icon-back {
    font-size: 25px;
    --fa-primary-color: #ffffff;
    --fa-primary-opacity: 1;
    --fa-secondary-color: #212121;
    --fa-secondary-opacity: 1;
    cursor: pointer;
}

.ct-checkout .ct-checkout-title {
    color: #212121;
    text-align: center;
    font-size: 27px;
    font-weight: 600;
}

.ct-checkout .form {
    /*margin-top: 20px;*/
}

.ct-details-fill {
    position: relative;
    padding: 20px;
    margin-top: 20px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 4px 8px 0px rgba(151, 151, 151, 0.25);
    width: 100%;
}

@media (max-width: 414px) {
    .ct-details-fill {
        padding: 20px;
        margin-top: 0px;
        border-radius: 0px;
        background: #ffffff;
        border: none;
        box-shadow: none;
        width: 100%;
    }
}

.ct-details-fill .ct-cart-checkout-header {
    position: relative;
    color: #303030;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}

.ct-details-fill .ct-cart-checkout-header01 {
    position: relative;
    color: #303030;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}

.ct-resume {
    padding-bottom: 20px;
}

.ct-radioshipping {
    width: 15px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 !important;
    margin-right: 5px !important;
}

#CT01 .ct-header-expedition-btn {
    text-align: left;
    margin-left: -15px;
}

#CT01 .ct-header-expedition-btn-radio {
    margin-top: 4px;
    display: inline-block;
    /*border: 2px solid #e0e0e0;*/
    /*border-radius: 7px;*/
    /*padding: 10px;*/
    /*margin-right: 5px;*/
    color: #303030;
    font-weight: 500;
}

#CT01 .ct-header-expedition-btn-radio-text {
    font-size: 13px;
    font-weight: 500;
}

@media (max-width: 414px) {
    #CT01 .ct-header-expedition-btn-radio {
        margin-right: 0px;
    }
}

#CT01 .ct-expedition-choice {
    text-align: left;
    padding: 15px 0;
}

#CT01 .ct-expedition-choice {
}

    #CT01 .ct-expedition-choice select {
        display: inline-block;
        width: calc(100% - 90px);
        max-width: 520px;
        text-align: right;
        font-size: 13px !important;
    }

/** BEGIN scheduleworks **********************************************/
.scheduleworks {
    display: none;
}

.scheduletxt00 {
    width: 100%;
    margin: auto;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .scheduletxt00:before {
        content: "Horário de funcionamento";
        width: 100%;
        margin: auto;
        text-align: center;
        font-weight: 700;
        font-size: 14px;
        text-decoration: overline;
    }

.scheduletakeaway {
    width: 100%;
    margin: auto;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f0f0f0;
}

    .scheduletakeaway:before {
        content: "Segunda a Sábado";
        width: 100%;
        margin: auto;
        font-weight: 600;
        font-size: 14px;
        font-style: italic;
    }

    .scheduletakeaway .scheduletakeawaytitle {
        padding-top: 5px;
    }

        .scheduletakeaway .scheduletakeawaytitle:before {
            content: "almoço";
            width: 100%;
            margin: auto;
            text-align: center;
            font-weight: 600;
            font-size: 12px;
        }

        .scheduletakeaway .scheduletakeawaytitle:after {
            content: "  das 12h às 15h";
            width: 100%;
            margin: auto;
            text-align: center;
            font-weight: 500;
            font-size: 12px;
        }

    .scheduletakeaway .scheduletakeawaydesc:before {
        content: "jantar";
        width: 100%;
        margin: auto;
        text-align: center;
        font-weight: 600;
        font-size: 12px;
    }

    .scheduletakeaway .scheduletakeawaydesc:after {
        content: "  das 19h às 22h";
        width: 100%;
        margin: auto;
        text-align: center;
        font-weight: 500;
        font-size: 12px;
    }

.scheduledelivery {
    width: 100%;
    margin: auto;
    text-align: center;
    padding-top: 10px;
    background-color: #f0f0f0;
    padding-bottom: 10px;
}

    .scheduledelivery:before {
        content: "Domingo";
        width: 100%;
        margin: auto;
        font-weight: 600;
        font-size: 14px;
        font-style: italic;
    }

    .scheduledelivery .scheduledeliverytitle {
        padding-top: 5px;
    }

        .scheduledelivery .scheduledeliverytitle:before {
            content: "almoço";
            width: 100%;
            margin: auto;
            text-align: center;
            font-weight: 600;
            font-size: 12px;
        }

        .scheduledelivery .scheduledeliverytitle:after {
            content: "  das 12h às 15h";
            width: 100%;
            margin: auto;
            text-align: center;
            font-weight: 500;
            font-size: 12px;
        }

    .scheduledelivery .scheduledeliverydesc:before {
        content: "jantar";
        width: 100%;
        margin: auto;
        text-align: center;
        font-weight: 600;
        font-size: 12px;
    }

    .scheduledelivery .scheduledeliverydesc:after {
        content: "  encerrado";
        width: 100%;
        margin: auto;
        text-align: center;
        font-weight: 600;
        font-size: 12px;
    }

.scheduletxt02 {
    width: 100%;
    margin: auto;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    /*background-color: #f0f0f0;*/
}

    .scheduletxt02:before {
        content: "(Tempo de confeção entre 45 a 60 minutos)";
        font-size: 12px;
        margin-top: 13px;
        white-space: pre-wrap;
        width: 100%;
        margin: auto;
        text-align: center;
    }
/** END scheduleworks **********************************************/

#CT01 .ct-delivery-date-container {
    text-align: left;
    padding-top: 10px;
}

#CT01 .hourselector {
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px 0;
}

#CT01 .hourselectorcontainer_title {
    font-weight: 700;
    font-size: 13px;
    padding-top: 15px;
    text-align: center;
}

    #CT01 .hourselectorcontainer_title:before {
        content: "Escolha o horário da Refeição";
        width: 100%;
        margin: auto;
        text-align: center;
    }

    #CT01 .hourselectorcontainer_title > span {
        display: none;
    }


#CT01 .hourselector .hourselectorbuttoncontainer button {
    border: 1px solid #B2DD4C;
    margin: 2px;
    border-radius: 4px;
    color: #B2DD4C;
    background: #fff;
    padding: 3px 10px;
    font-weight: 400;
}

    #CT01 .hourselector .hourselectorbuttoncontainer button:hover {
        border: 1px solid #B2DD4C;
        margin: 2px;
        border-radius: 3px;
        color: #fff;
        background: #B2DD4C;
    }

#CT02 {
}

#CT03 {
}

    #CT03 .btn-join-client-card {
        color: #ffffff;
        font-size: 14px;
        width: 100%;
        background-color: #0373AA;
        text-transform: uppercase;
        border-radius: 3px;
        border: 0;
        font-weight: 600;
        border: 2px solid #0373AA;
    }

        #CT03 .btn-join-client-card .CCPromotion {
            text-transform: none;
            font-size: 10px;
            padding-top: 10px;
            white-space: break-spaces;
            font-weight: normal;
            display: block;
        }

    #CT03 .collapse-client-card-register {
        padding-top: 20px;
    }

    #CT03 .btn-create-client-card {
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 8px 16px;
        margin-top: 10px;
        color: #fff;
        background-color: #0373AA;
        border-color: #0373AA;
        border-radius: 3px;
    }

#collapseMGMRegister input:not([type="checkbox"]), #collapseMGMRegister textarea, #collapseMGMRegister select {
    font-size: 15px;
    border-bottom: 2px solid #0373AA;
}

#collapseMGMRegister input[type="radio"]:checked, #collapseMGMRegister input[type="checkbox"]:checked {
    background-color: #0373AA !important;
}

#collapseMGMRegister input, #collapseMGMRegister textarea, #collapseMGMRegister select {
}

#collapseMGMRegister .form-control {
    font-size: 15px !important;
    border-bottom: 2px solid #0373AA !important;
}

    #collapseMGMRegister .form-control:focus, #collapseMGMRegister .form-control::selection {
        border: 1px solid #0373AA !important;
    }



#txtMGMCardNumber {
    max-width: 130px !important;
}

#validMGMicon {
    margin-left: -30px;
}

#usemgmdiscount {
    margin-left: 10px;
    margin-right: 5px;
}

#mgmbalance {
    font-size: 19px;
}

#usemgmdiscountlabel {
    font-weight: 500;
}

#txtMGMCardValidationCode {
    max-width: 130px !important;
}

/*****************/
#CT04 .ct-payment-options {
    margin-top: 8px;
    display: inline-flex;
    color: #303030;
    font-weight: 500;
    align-items: center;
}

    #CT04 .ct-payment-options label {
        min-width: 190px;
        font-weight: 500;
        margin-bottom: 0;
    }

#CT04 .ct-payments-details {
    padding-left: 15px;
    color: #a0a0a0;
    font-size: 13px;
}

#CT04 .ct-notes {
    width: 100%;
    text-align: left;
    padding-top: 10px;
}

    #CT04 .ct-notes .ct_notes_label {
    }

    #CT04 .ct-notes .ct_notes_txt {
        width: 100%;
        min-height: 80px;
        text-align: left;
    }

#CT04 .topRGPD {
    padding: 15px 0;
}

    #CT04 .topRGPD label {
        display: contents;
    }

#banktransferconatiner {
    padding-bottom: 10px;
    font-size: 13px;
    color: #797979;
}

#paypalconatiner {
    padding-bottom: 10px;
}

#CT06 .ct-checkout-item {
    font-weight: 500;
    padding: 10px 0;
}

#CT06 .ct-cart-item-name {
    margin-bottom: 10px;
}

#CT06 .ct-cart-item-name {
    min-width: 220px;
}

#CT06 .ct-cart-item-qt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 220px;
}

#CT06 .ct-item-qt {
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .15);
    position: relative;
    display: table;
    border: 1px solid rgba(0, 0, 0, .15);
}

#CT06 .ct-item-count {
    width: 38px;
    text-align: right;
    padding-right: 4px;
    padding-top: 8px;
    font-size: 15px;
}

#CT06 .ct-item-change {
    position: relative;
    white-space: nowrap;
    width: auto;
    vertical-align: middle;
    display: table-cell;
    color: #414141;
}

#CT06 .ct-item-btn {
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    width: 23px;
}

    #CT06 .ct-item-btn:hover {
        background-color: #f1f1f1;
    }


    #CT06 .ct-item-btn i {
        font-size: 13px;
        color: #202020;
        top: 4px;
        left: 5px;
        position: absolute;
    }

#CT06 .ct-item-btn-del {
    --fa-primary-color: #D31E00;
    --fa-secondary-color: #666;
    font-size: 22px;
    color: #D31E00;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 6px;
}

.ct-cart-items-content {
    border-bottom: 2px solid #B2DD4C;
}

.ct-cart-total-title {
    font-weight: 600;
    font-size: 15px;
}

.ct-cart-total-price {
    font-weight: 600;
    font-size: 15px;
    text-align: right;
}

#ct-cart-mgmdiscount-total .ct-cart-delivery-title {
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
}

#ct-cart-mgmdiscount-total .ct-cart-delivery-price {
    font-size: 14px;
    font-weight: normal;
    text-align: right;
}

.ct-cart-delivery-title {
    font-size: 13px;
    font-weight: normal;
    color: #666;
}

.ct-cart-delivery-price {
    font-size: 14px;
    text-align: right;
    color: #666;
}

#CT05 {
    background-color: #f4f4f4;
}

    #CT05 .ct-resume {
        padding-top: 10px;
    }

    #CT05 .cupon-details {
        padding-top: 10px;
        font-size: 13px;
        color: #aaaaaa;
    }

    #CT05 .ct-cupon-details-title {
    }

    #CT05 .ct-cupon-details-value {
        font-size: 14px;
        color: #212121;
        font-weight: 500;
    }

    #CT05 .btn-coupon {
        font-size: 13px;
        font-weight: 600;
        border: 2px solid #303030;
        text-transform: uppercase;
        color: #fff;
        background-color: #303030;
        border-color: #ffffff;
        border-radius: 4px;
        margin-left: 5px;
    }

        #CT05 .btn-coupon:hover {
            background-color: #f9f9f9;
            color: #303030;
            border-color: #303030;
        }

        #CT05 .btn-coupon:focus, #CT05 .focus.btn-coupon {
            background-color: #f9f9f9;
            color: #303030;
            border-color: #303030;
        }

.btn-primary {
    background-color: #B2DD4C;
    border: 2px solid #B2DD4C;
    color: #fff;
    letter-spacing: 0.15em;
    font-weight: 600;
    text-decoration: none;
    width: 130px;
    display: inline-block;
    padding: 10px;
    border-radius: 4px;
    text-transform: uppercase;
}

    .btn-primary:hover {
        background-color: #f9f9f9;
        color: #B2DD4C;
        border-color: #B2DD4C;
    }

    .btn-primary:focus, .focus.btn-primary {
        background-color: #f9f9f9;
        color: #B2DD4C;
        border-color: #B2DD4C;
    }


.disabled.btn-primary, :disabled.btn-primary {
    color: #fff;
    background-color: #909090;
    border-color: #909090;
}

.btn-cancel {
    background-color: #808080;
    border: 2px solid #808080;
    color: #fff;
    letter-spacing: 0.15em;
    font-weight: 600;
    text-decoration: none;
    width: 130px;
    display: inline-block;
    padding: 10px;
    border-radius: 4px;
    text-transform: uppercase;
}

    .btn-cancel:hover {
        background-color: #f9f9f9;
        color: #808080;
        border-color: #808080;
    }

    .btn-cancel:focus, .focus.btn-cancel {
        background-color: #f9f9f9;
        color: #808080;
        border-color: #808080;
    }


.disabled.btn-cancel, :disabled.btn-cancel {
    color: #fff;
    background-color: #909090;
    border-color: #909090;
}

/* FINALIZADA ****************************/
.shoppingcart_done_MB_title {
    font-size: 15px;
    font-weight: 600;
    text-decoration: underline;
    color: #303030;
    margin-bottom: 15px;
}



/* Carregar Saldo no Cartão ****************************/
.mv-icon-checkcard {
    --fa-primary-color: #303030;
    --fa-secondary-color: #B2DD4C;
    font-size: 22px;
    color: #b2dd4c;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

/*timepicker*/
#ui-datepicker-div {
    border: none;
    background: #B2DD4C;
    border-radius: 0 !important;
    font-family: 'Work Sans', sans-serif;
    width: 215px;
    padding-bottom: 10px;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background: none;
    border-radius: 0;
    padding-top: 5px;
    color: #fff;
    font-family: 'Work Sans';
    font-size: 12px;
    font-weight: 500;
    border: none;
}

a.ui-datepicker-prev.ui-corner-all {
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(https://software.movelife.net/documents/menus/default/ui-icons.png) !important;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-datepicker table {
    color: #4E5151;
    font-size: 10px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    height: 25px;
    font-size: 12px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: none !important;
    background: #4E5151 !important;
    color: #fff !important;
}

/*** Hora ************************/

.ui-timepicker-standard {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 1.1em !important;
    border: 2px solid #B2DD4C !important;
    padding: 0 !important;
}

.ui-timepicker.ui-widget.ui-widget-content.ui-menu.ui-corner-all {
    border-radius: 0;
    background: #B2DD4C;
    border: 2px solid #B2DD4C;
}

.ui-timepicker-standard a {
    color: #4E5151 !important;
    border-top: 1px solid #fff !important;
    border-radius: 0;
    font-size: 1.2em;
}
