/* Minification failed. Returning unminified contents.
(8,56): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(9,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20,104): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23,117): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24,110): run-time error CSS1034: Expected closing parenthesis, found ','
(24,110): run-time error CSS1042: Expected function, found ','
(24,115): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(32,78): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(57,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66,68): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(69,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(99,155): run-time error CSS1046: Expect comma, found '45'
(99,161): run-time error CSS1046: Expect comma, found '/'
(101,99): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(129,77): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(133,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(153,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(156,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(161,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
 */
/* WHITE MENU - HEADER */
header {background: #fff; box-shadow: 0px 3px 2px 0px rgba(45, 45, 45, 0.10); margin-bottom: 50px;}
header > .top-header {text-align: left; padding: 20px 0; font-size: 1.125rem;}
header > .top-header > .club-member {display: inline-block; margin-left: 25px;}
header > .top-header > .club-member > span {display: inline-block; text-align: center; }
header > .top-header > .club-member > span > svg {fill: #7e7e7e; width: 1.25rem; top: 4px; position: relative;}
header > .top-header > .club-member:hover {text-decoration: underline;}
header > .top-header > .login-member {background: var(--dark-grey); color: #fff; border-radius: 5px; font-weight: 700; padding: 8px 15px; display: inline-block}
header > .top-header > .login-member  > svg {fill: var(--primary-color); width: 1rem; position: relative; top: 1px; }
header > .top-header > .login-member:hover {transition: all .6s ease;background: #000}
header > .top-header > .open-now {display: none;}
header > .cover-rest {background-size: cover; height: 280px; background-repeat: no-repeat; border-bottom: 1px solid #e0e0e0; position: relative;}
header > .cover-rest > .main-background-Image {position: absolute; width: 100%;height: 100%;}
header > .cover-rest > .main-background-Image > img.img-main-page {width: 100%; height: 100%; object-fit: cover;object-position: center;}
header > .cover-rest > .rest-deatlis {height: 100%;}
header > .cover-rest > .rest-deatlis > .rest-profile {align-self: end; color: #fff; width: 100%; padding-bottom: 20px; display: flex; align-items: center;}
header > .cover-rest > .rest-deatlis > .rest-profile > .rest-logo {z-index: 2;}
header > .cover-rest > .rest-deatlis > .rest-profile > .rest {z-index: 2; padding-bottom: 10px;}
header > .cover-rest > .rest-deatlis > .rest-profile > .rest > .rest-title-wrapper > h1.rest-name {font-size: 2.125rem; font-weight: 700; text-shadow: 0px 2px 1px rgba(45, 45, 45, 0.74); display: contents;}
header > .cover-rest > .rest-deatlis > .rest-profile > .rest > .rest-title-wrapper > span {color: var(--primary-color); font-weight: 700; font-size: 1rem; display: inline-block; background: #fff; border-radius:30px; padding: 2px 10px; position: relative; top: -2px; text-shadow: none;}
header > .cover-rest > .rest-deatlis > .rest-profile > .rest > .rest-address {font-size: 1.125rem; font-weight: 700; margin-top: 2px;}
header > .cover-rest > .rest-deatlis > .rest-profile > .rest > .rest-address > .rest-phone > span {background: #fbecec; border-radius: 50%; display: inline-block; width: 28px; height: 28px; text-align: center; padding: 3px 5px; margin-right: 10px;}
header > .cover-rest > .rest-deatlis > .rest-profile > .rest > .rest-address > .rest-phone > span > svg {fill: var(--primary-color); width: 0.875rem; position: relative; top: 0px;}
header > .cover-rest > .rest-deatlis > .rest-profile > .rest-logo > img  {border: 3px solid rgb(255, 255, 255, 0.7); border-radius: 10px; margin-left: 15px;width:100px;}
header > .cover-rest > .rest-deatlis > .rest-profile > .rest-status {margin-right: auto; align-self: end; z-index: 2; margin-bottom: 10px;cursor:pointer;}
header > .cover-rest > .rest-deatlis > .rest-profile > .rest-status > span {background: #40760f; color: #fff; display: inline-block; padding: 10px 15px; border-radius: 5px; font-size: 0.875rem; font-weight: 700; margin-right: auto;}
header > .cover-rest > .rest-cover-shadow {position: absolute; bottom: 0; z-index: 1; background: rgb(20,20,20); background: linear-gradient(0deg, rgba(20,20,20,1) 0%, rgba(0,0,0,0) 70%); width: 100%; height: 100%; }      
header > .address {padding: 20px 0; font-size: 1.125rem; }
header > .address > .address-header {font-weight: 700;}
header > .address > .shipping-method {border-radius: 50px; line-height: 30px; border: 1px solid #e2e2e2; display: flex; align-items: center; width: 200px; padding: 4px; margin: 0 30px; cursor:pointer;}
header > .address > .shipping-method > li {flex: 1; text-align: center; font-size: 1.125rem;}
header > .address > .shipping-method > li > span.selected {background:  var(--primary-color); color: #fff; display: block; border-radius: 50px;}


header > .address > .address-customer {position: relative;}
header > .address > .address-customer > li {margin: 0 5px;}
header > .address > .address-customer > li.hidden-li { position: absolute; bottom: -20px; font-size: 13px; display: none}
header > .address > .address-customer > li.form-success { color: green; }
header > .address > .address-customer > li > input[type=text] {border-bottom: 1px solid #e2e2e2; padding: 0 6px 6px 6px;width: 85px;}
header > .address > .address-customer > li > input[type=number] {border-bottom: 1px solid #e2e2e2;padding: 0 6px 6px 6px; width: 60px;}
header > .address > .address-customer > li > input[type=text]::placeholder, header > .address > .address-customer > li > input[type=number]::placeholder {color: #bdbdbd}
    header > .address > .address-customer > li > a {
        fill: #fff;
        background: var(--dark-grey);
        padding: 6px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: inline-block
    }
        header > .address > .address-customer > li > a > svg {
            fill: #fff;
            position: relative;
            top: -1px;
        }
    header > .address > .address-customer > li > a:hover {
        background: var(--primary-color);
        transition: all .6s ease;
    }
    header > .address > .address-customer > li > svg {
        /*height: 20px;*/
        fill: #a2a2a2;
        width: 1.25rem;
    }
header > .address > .address-validation > li {margin: 0 5px;}
header > .address > .address-validation > li > a {background: var(--dark-grey);color: #fff;padding: 4px;border-radius: 50%;}
header > .address > .address-validation > li > a > svg {fill: #ffffff; position: relative; top: -1px;}
 
header > .address > .address-validation > li > a:hover {background: var(--primary-color); transition: all .6s ease;}

   
header > .address > .shipping-area {
    margin-right: auto;
    cursor: pointer;
}
header > .address > .shipping-area > i {margin-left: 5px;}
    header > .address > .shipping-area > svg {
        height: 20px;
        top: 4px;
        position: relative;
        margin-left: 5px;
    }
header > .address > .shipping-area:hover > span {text-decoration: underline;}
header > .address > .pickup-info[style*="display: block"] {display: flex !important;}
header > .address > .pickup-info {display: none;}
header > .address > .pickup-info > li {padding: 0 0 0 15px;}
header > .address > .pickup-info > li:last-child {border-right: 1px solid #e2e2e2; padding-right: 10px;}
header > .address > .pickup-info > li > select {border: 1px solid #ddd; border-radius: 5px; cursor: pointer; padding: 5px 15px; background: #fafafa; font-weight: 700; margin-right: 5px;}
.not-selected { background: white !important;color: black !important;cursor:text}




@media screen and (max-width: 1023px) {
    /* WHITE MENU - HEADER - RESPOSIVE */
    header {margin-bottom: 0;}
    header > .top-header {text-align: right; display: flex; align-items: center; position: absolute; z-index: 2; width: 100%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); padding: 15px 15px 40px;}
    header > .top-header > .club-member {display: none;}
    header > .top-header > .login-member {background: none; color: #fff; font-size: 1rem; font-weight: 700; padding: 0px; text-shadow: 0px 3px 0px rgb(45 45 45 / 80%);}
    header > .top-header > .login-member:hover {background: none;}
    header > .top-header > .login-member::before {content: '\f007'; padding: 6px 8px; color: var(--dark-grey); font-size: 0.875rem; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; text-shadow: none; text-align: center; display: inline-block; background: #fff; border-radius: 50%; margin-left: 5px;}
    header > .top-header > .open-now {border-radius: 30px; display: block; background: #4c8a14; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.61); color: #fff; font-weight: 700; font-size: 0.875rem; padding: 5px 15px; margin-right: auto; }

    header > .cover-rest {background-position: center;}
    header > .cover-rest > .rest-deatlis {padding: 0 15px;}
    header > .cover-rest > .rest-deatlis > .rest-profile {position:absolute;bottom:0;width:calc(100% - 15px)}
    header > .cover-rest > .rest-deatlis > .rest-profile > .rest-logo {margin-left: 15px;}
    header > .cover-rest > .rest-deatlis > .rest-profile > .rest-status {display: none;}
    header > .cover-rest > .rest-deatlis > .rest-profile > .rest > .rest-title-wrapper > h1.rest-name {font-size: 1.5rem;  text-shadow: 0px 3px 0px rgba(45, 45, 45, 0.8);}
    header > .cover-rest > .rest-deatlis > .rest-profile > .rest > .rest-title-wrapper > span {top: 2px;}

    header > .cover-rest > .rest-deatlis > .rest-profile > .rest > .rest-address {font-size: 1.125rem; font-weight: normal;  text-shadow: 0px 3px 0px rgba(45, 45, 45, 0.8);}
    header > .cover-rest > .rest-deatlis > .rest-profile > .rest > .rest-title-wrapper > .rest-name > span {font-size: 0.875rem;padding: 2px 8px 4px; margin-right: 5px;}
    header > .cover-rest > .rest-deatlis > .rest-profile > .rest > .rest-address > .rest-phone {display: none;}
    header > .address {padding: 25px 15px; width: auto;}

    header > .address > .pickup-info {margin: 20px 0px 5px; flex-direction: row-reverse}
    header > .address > .pickup-info > li {padding: 0;}
    header > .address :nth-child(2) {order: 1;} 
    header > .address :nth-child(3) {order: 2;}
    header > .address :nth-child(4) {order: 2;}
    header > .address :nth-child(5) {order: 1;} 
    header > .address > .address-header {display: none;}
    header > .address > .shipping-area {font-size: 1rem; font-weight: 700}
    header > .address > .shipping-method {font-size: 0.875rem; width: 185px; margin: 0; line-height: 18px;}
    header > .address > .shipping-method > li > span {padding: 4px 0;}
    header > .address > .address-customer {flex-direction: row; justify-content: space-between; width: 100%; margin: 20px 0px 5px;}
    header > .address > .address-customer > li:first-child, header > .address > .address-customer > li:last-child {flex: 0;}
    header > .address > .address-customer > li:first-child > i {color: var(--dark-grey);}
    header > .address > .address-customer > li {flex: 1;}
    header > .address > .address-customer > li > input[type=text] {font-size: 0.875em; width: 100%;}
        header > .address > .address-customer > li > a {
            color: var(--dark-grey);
            padding: 4px;
            border: 1px solid #e1e1e1;
            font-size: 0.875rem;
            background: #fff;
        }
    /*header > .address > .address-customer > li > a:hover {color: #fff;}*/
    header > .address > .pickup-info {width: 100%;}
    header > .address > .pickup-info > li {font-size: 0.875rem;}
    header > .address > .pickup-info > li:last-child {margin-left: auto; padding: 0; border-right: none;}

    header > .address > .address-customer > li:nth-child(0) {order: 0;}
    header > .address > .address-customer > li:nth-child(1) {order: 1;}
    header > .address > .address-customer > li:nth-child(2) {order: 2;}
    header > .address > .address-customer > li:nth-child(3) {order: 3;}
    header > .address > .address-customer > li:nth-child(4) {order: 4;}
    header > .address > .address-customer > li:last-child {order: 5;}
    header > .address > .address-customer > li > input[type=number] {border-bottom: 1px solid #e2e2e2;padding: 0 6px 6px 6px;text-align: center;}

        header > .address > .address-customer > li > a > i {
            fill: var(--dark-grey);
        }
        header > .address > .address-customer > li > a:hover {
            background: var(--dark-grey);
            transition: all .6s ease;
        }

        header > .address > .address-customer > li > a > svg {
            fill: var(--dark-grey);
        }

            header > .address > .address-customer > li > a > svg:hover {
                fill: #fff;
            }


}