html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
    outline: 0;
}
/*ol, ul {list-style: none;}*/
table {/* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
.cate-text a, .cate-text a:link, .cate-text a:visited, .cate-text a:hover, .cate-text a:focus, .cate-text a:active { color:#55a51c; }
a img {
    border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
img {
    max-width: 100%;
    border: 0 none;
    height: auto;
    vertical-align: middle;
}
.BdrN {
    border: none !important;
}
.Pad0 {
    padding: 0 !important;
}
.PadT0 {
    padding-top: 0 !important;
}
.PadB0 {
    padding-bottom: 0 !important;
}
.Mrg0 {
    margin: 0 !important;
}
.floatleft {
    float: left !important;
    width: auto;
}
.floatright {
    float: right !important;
    width: auto;
}
.center-align {
    float: left;
    width: 100%;
    text-align: center;
}
/**** Clearfix ****/

.display-block {
    display: block;
}
.display-none, #page {
    display: none;
}
/* =Structure
----------------------------------------------- */
html {
    min-height: 100%;
    position: relative;
}
body {
    padding:0;
    margin: 0px;
    color: #444;
    font-size: 14px;
    font-family:"BrandonGrotW01-Regular";
    font-weight:400;
    background: #fff;
}

.main-container{ max-width:1440px; margin:0 auto; background:#f9f9f9;}
.container_1000{ max-width:1000px; margin:0 auto;}
.wrapper {
    float: left;
    width: 100%;
}
/*----------------------------------------------- */

ul, ol {
    margin: 0;
    list-style:none;
}
ol {
    padding: 0 0 0 12px;
    font-size: 13px;
}
ol li {
    padding: 3px 0;
}
ol li ol {
    padding: 0 0 0 50px;
}
strong {
    font-weight: bold;
}
.clear {
    clear: both;
}
/*{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}*/

/* =Links

----------------------------------------------- */

a {
    text-decoration: none;
    color: #000;
}
a:focus, a:active, a:hover {
    text-decoration: none;
}





/*start-css-home-page*/
header .sticky-nav { background: #fff none repeat scroll 0 0;   height:auto; padding: 15px 0; position: relative; width: 100%;z-index: 1001;}
header.cbp-af-header{ position:fixed; top:0px; left:0px; width:100%; z-index:6000;}
.home-nav .logo,.logo{ text-align:center;}
.home-nav .menu-nav{ display:none;}
.screen-hidden{ overflow:hidden;}

.order-btn{ background:#000; float:left; padding:13px 20px; float:right; color:#fff; font-size:13px;font-weight:600; text-align:center; margin-top:14px; margin-left: 10px; margin-right: 10px; font-family: "Brandon Text W01 Regular";  text-transform:uppercase; letter-spacing: 1.6px;}
.order-btn:hover{ background:#55a51c; }
.order-btn  img { margin-bottom: 2px;}

@media (max-width: 768px) {
    .order-btn {
        margin-left: 0;
        margin-right: 0;
    }
}

/*
.covid-btn{ background:#000; float:left; padding:13px 20px; float:right; color:#fff; font-size:13px;font-weight:600; text-align:center; margin-top:14px; margin-left: 10px; margin-right: 10px; font-family: "Brandon Text W01 Regular"; letter-spacing: 1.6px;}
.covid-btn:hover{ background:#55a51c; }
.covid-btn  img { margin-bottom: 2px;}
*/

.banner-box{ width:100%; float:left; background:url(../images/banner-img.jpg) no-repeat 50% bottom; background-size: cover; }
.banner-list{ width:100%;  float:left; margin-bottom: 104px; margin-top: 20px;}

.banner-list li a { color: #ffffff; font-size:54px; line-height:92px;  font-family:"Brandon Grot W01 Bold"; letter-spacing:8px;}
.block{  width:100%; float:left; clear:both; text-align:center; padding:20px 0 ; position:relative; background:#f9f9f9;}
.view-btn { background:#55a51c;  font-family: "Brandon Text W01 Regular"; width:40%; font-size:14px; padding:10px 0; display:inline-block; color:#fff; margin-top: 20px;  font-weight:500; letter-spacing:2px;}
.spr-box{ width:100%; padding:20px 238px 120px  238px ; margin-top:-105px; background:#f9f9f9; letter-spacing: 0.30px; font-size:14px;}
.spring-img{ display:inline-block; margin:60px 0;}
.spr-box h2{ position:relative;}
.spr-box h2:before {border:1px solid #55a51c; content: ""; display: block; left: 50%; margin-left: -30%; position: absolute; width:60%;}
.spr-box h2 span{ display:inline-block; color:#222222; text-transform:uppercase;  padding-top:35px; font-weight:700; letter-spacing:5px; }
/*.hr-line::before {border:1px solid #55a51c; content: ""; display: block; left:44.3%; margin-left: -10%; position: absolute; width:60%;bottom:12%; max-width: 314px;}*/
.hr-line::before {border:1px solid #55a51c; content: ""; display: block; margin: auto; margin-top: 12%; width:60%;bottom:12%; max-width: 314px;}
.mix-content{ width:100%; float:left; background:url(../images/mix-img.jpg) no-repeat 50% bottom; background-size: cover;  }
.mix-box{ width:51%; float:left; padding-bottom:239px; padding-top:121px;}
.what-textholder { padding:45px 243px 70px;}
.see-btn{ background:#fff; padding:10px 0; width:36%; text-align:center; display:inline-block; color:#000; font-size:14px;  margin-top: 15px;  font-weight:500; letter-spacing:1px;   font-family: "Brandon Text W01 Regular";  font-weight:500; }


.main-silder,.silder-inner,.textholder,.img-holder{ width:100%; float:left; position:relative;}
.text-holder {  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
                height: 100%;
                left: 0;
                padding-top: 35%;
                position: absolute;
                top: 0;
                width: 100%;}
.text-holder h3 {letter-spacing:2px; font-size:24px; color:#fff; position:relative; font-weight:700; font-family:"Brandon Grot W01 Bold";}
.text-holder h3 span:before{border:1px solid #55a51c; bottom:-20px;content: ""; display: block;  left:47%; margin-left: -10%; position: absolute; width:25%; }
.text-holder p{ color:#fff; margin-top:42px; padding:0 103px; font-size:14px;}
.slides{ margin-bottom:0px;}
.main-silde .block{ padding-bottom:0px;}

.footer_desktop_bcorp img {
    display: block;
    max-width: 100px;
    height: auto;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .footer__right-box {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }

    .footer__right-box__inner {
        width: calc(86% - 7.5px);
        margin-right: 0;
    }

    .footer_desktop_bcorp {
        width: calc(14% - 30px);
        margin-left: 30px;
    }

    .footer_desktop_bcorp img {
        max-width: 100%;
        max-width:50px;
        margin: 0;
    }
    .footer_mobile_bcorp {
        display:none;
    }
}

@media (max-width: 767px) {
    .footer_desktop_bcorp {
        display:none;
    }
    .footer_mobile_bcorp {
        display:block;

    }
}

footer{ width:100%; float:left; background:#fff ;}
.left-box,.input-box,.right-box,.top-box { float: left;  width: 100%;}
.left-box li { float: left;}
.left-box ul{ margin-bottom:25px; float:left;}
.left-box  li a{ color:#a7a7a7; font-size:13px; margin-right:15px;  font-family: "Brandon Text W01 Light";  }
.left-box  li a:hover{ color:#55a51c;}
.input-box input[type="email"]{ border:none; background:#f9f9f9; font-weight:400;  padding:0 19px; font-size:13px; color:#a7a7a7; line-height:30px; height:40px; width:73%; font-family: "Brandon Text W01 Regular";}
.input-box input[type="submit"]{float: right; border:none; background:#222222; padding:0 35px; font-size:15px; color:#fff; line-height:30px; height:40px;  margin-left:-120px; font-weight:400; font-family: "Brandon Text W01 Regular";}
.input-box input[type="submit"]:hover{ background: #55a51c none repeat scroll 0 0;}
.soc-listing { float: right; width:100%;}
.soc-listing  ul,.copyright-text  ul { float: right;}
.soc-listing ul li {  float: left; margin-left:25px;}
/*.soc-listing a {
    float: left;
    height:20px;
    margin-right:8px;
    text-decoration: none;
    width:20px;
}*/
.tw a{ background: url(../images/social-sprite.png) no-repeat -2px -8px; width:23px; height:19px; float:right;}
.tw a:hover{ background-position:-2px -39px; width:23px; height:19px;}
.fb a{ background:url(../images/social-sprite.png) no-repeat -36px -7px; width:23px; height:19px; float:right;}
.fb a:hover{ background-position:-36px -38px; width:23px; height:19px;}
.instagram a{ background:url(../images/social-sprite.png) no-repeat -71px -7px; width:23px; height:19px; float:right;}
.instagram a:hover{ background-position:-71px -38px; width:23px; height:19px;}

.copyright-text{float: right; width:100%; margin-top:25px;}
.copyright-text  li {  float: left; margin-left:20px;}
.copyright-text  li:first-child {
    margin-left:0;
}
.copyright-text  li a, .copyright-text li span { color:#a7a7a7; font-size:14px;  float:right; font-family: "Brandon Text W01 Regular";}
.copyright-text li a:hover{ color:#55a51c;}
.footer-inner{ width:100%; float:left; padding:30px 0 40px 0 ;}
.img-holder img{ border-right: 1px solid #f9f9f9;}
.learn-more img {  border-right: medium none;}
.salad-img  img,.grain-img img,.sandwiche-img img{  width: 100%;}
.menu-banner img { width:100%;}

.vege-link.vege-link-shrink{ position:fixed; top:108px; left:0px; z-index:999; padding: 10px 0; background:#fff;}

/*start-css-thanks-modal-popup*/
.mix-popup{ width:100%;}
.mix-left { width:60%; text-align:center; display:inline-block; }
.mix-left h3{font-family:"Brandon Grot W01 Thin"; font-size:35px; color:#9fa1a4;}
.mix-left  h2{color: #222222; font-weight:700; font-size: 30px; letter-spacing: 0px; line-height: 50px;
              margin: 10px 0;  text-transform: uppercase;}
.pop-img{max-width:90%;}
.mix-right{ float:right; width:40%; background:#29bb9c; padding:25px; text-align:center;}
.mix-right h4{ font-size:30px; font-weight:400; color:#fff; margin-top:25px;}
.fb-box a, .g-box a, .email-box a{ display:inline-block; width:100%; border: 2px solid #ffffff; border-radius: 5px; margin:10px 0;  padding: 10px; font-size:20px; color:#fff; font-weight:400;}
.fb-box a{ background:url(../images/popup-fb.png) no-repeat 4% 51%;}
.g-box a{ background: url(../images/popup-g+.png) no-repeat 8% 51%;}
.email-box a{ background: url(../images/email-icon.png) no-repeat 8% 51%;}
.never-text{ color:#c9eee6; line-height:20px; font-weight:600;}
.thanx-text{ color:#c9eee6; line-height:20px; font-size:11px; font-weight:600; }

.never-text strong,.thanx-text strong{ color:#fff;}
.thanx-text span strong{ color:#dedfe0;}
.clock img { max-width:15%;}
.mix-right p a{ color:#fff;}

/*start-css-locations-page*/
#menu {
    display: none;
}
.menu-nav {
    background: url(../images/menu.png) 0 0 no-repeat;
    display: block;
    float: left;
    margin-right:25px;
    width:28px;
    height:18px;
    display: block;
    margin-top:23px;

    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    -moz-transition: -moz-transform 250ms ease-out 0s;
    -o-transition: -o-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
}

.menu-nav.open {
    background: url(../images/close-img.png) 0 0 no-repeat;
    height:28px;
    width:26px;
    margin-top: 15px;

    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);

    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    -moz-transition: -moz-transform 250ms ease-out 0s;
    -o-transition: -o-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
}

#menu{
    display: none;
    width: 100%;
    background:#ededed;
    position: fixed;
    float: left;
    z-index: 9999;
    left:0px;
    top:95px;
    padding:15px 0;
    height:100%;
}

ul#menu-nav {
    margin: 0 40px;
}

#menu li {
    list-style: none;

    margin:3px 0;
}

#menu li a{
    display: block;
    text-transform: uppercase;
    font-weight:400;
    color:#000;
    font-family: "Brandon Grot W01 Bold";
    font-size:53px;
    letter-spacing: 8px;
    line-height: 75px;
}
/*#menu li a:hover, #menu li.current a{ color:#0eaee6;}*/

.location-banner{ background:url(../images/Locations-banner-img.png) no-repeat 50% 50%; background-size: cover; min-height: 400px; position:relative; margin-top:100px;}
.add-input{ position:absolute; left:34%; top:41%; width:32%; background:#fff;}
.add-input input[type="text"]{  padding:17px 10px; color:#000; font-size:15px; float:left; font-weight:500;  border:none; background:none; width:91%; color:#000; font-family: "Brandon Text W01 Regular"; }
.add-input input[type="submit"]{ background:url(../images/add-arrow.jpg) no-repeat 0 0; float:right; margin-top: 2px; border:none; width:30px; height:50px;}
.los-box{background: #f9f9f9 none repeat scroll 0 0; font-size: 14px; letter-spacing: 0.3px;  margin-top: -120px; padding: 20px 150px 120px; width: 100%; float:left;}
.los-tab{float: left; margin-bottom:12px; position: relative; text-align: center; width: 100%;}
.los-tab li{ display:inline-block; margin-bottom:12px; }
.los-tab li a{ padding:4px 0px; margin: 0 20px; font-size:13px; font-weight:400; color:#000; letter-spacing:0.8px;  font-family: "Brandon Text W01 Regular";}

@media (min-width: 768px) and (max-width: 989px) {
    .los-tab li a { margin: 0 18px; }
}

.subnav.cbp-af-submenu-shrink { left: 0;  position: fixed; top:94px; width: 100%; z-index:999;}
.cbp-af-submenu-shrink .los-tab {  background: #ffffff none repeat scroll 0 0;   float: none; height: 45px; margin: 0 auto;
                                   padding: 20px 0 30px;}
.los-holder{ float:left; width:100%; margin-top:45px;}
.grand-text{ float:left; width:100%;}
.grand-text h3{ font-size:20px; color:#000; font-family: "Brandon Grot W01 Bold"; text-transform:uppercase; letter-spacing:3px;}
.los-holder h2{ margin:0px; padding-bottom:95px;}
.grand-text p{ line-height:21px; font-size:15px; color:#222222; padding-bottom: 20px; font-weight:400;}
.grand-text a{ font-size:14px; color:#222222; letter-spacing:2px; font-family: "Brandon Text W01 Bold";}
.los-holder h2:before{border:1px solid #55a51c; bottom:98%; content: ""; display: block; left:52%; margin-left: -10%; position: absolute; width:17%;}
.los-holder.san-holder h2:before{border:1px solid #55a51c; bottom:76%; content: ""; display: block; left:52%; margin-left: -10%; position: absolute; width:17%;}
.los-holder.san-holder .grand-text{ margin-bottom:62px;}
.los-holder.jose-holder h2:before {border:1px solid #55a51c; bottom:23%; content: ""; display: block; left:52%; margin-left: -10%; position: absolute; width:17%;}
.store-holder {display: inline-block; text-align: center; width: 100%;}
.store-holder > h2 {  padding-bottom:30px;}
/*#store-popup{ width: 100% !important;}*/
.los-angeles1, .san-holder1, .jose-holder1 { float: left; width: 100%;}
.los-holder h2,.los-holder.san-holder h2{  position: relative;}
.los-holder h2::before,.los-holder.san-holder h2::before,.los-holder.jose-holder h2::before{ bottom: 37%; left: 46%;  width: 28%;}




/*start-css-Menu-page*/
.sal-holder .block{ width:100%; float:left;}
.los-box.spring-box { padding: 20px 82px 35px 82px ; margin-top: -135px;}
.spring-holder h2 { color:#55a51c; font-family: "Brandon Grot W01 Bold"; font-size:40px; line-height:50px; position: relative; }
.spring-holder h2 span:before {border: 1px solid #55a51c; top: -27px; content: ""; display: block;  left: 50%;  margin-left: -15%; position: absolute; width:30%;}

.subnav.cbp-af-submenu-shrink .spring-holder h2 span:before { bottom:90%;}
.spring-holder .spring-img { margin: 50px 0;}
.sea-text{ margin-top:55px;}
.sea-text h3{ font-size:20px;  color:#55a51c; font-family: "Brandon Grot W01 Bold"; letter-spacing:2px;}
.sea-text h3 span{font-weight:400; font-size:14px; color:#000; letter-spacing:2px; font-family:"BrandonGrotW01-Regular"; }
.sea-text .vegan,.desgin-inner .vegan, .plates-new .vegan { background:url(../images/pink.svg) no-repeat 96% 6px; padding-right:25px; background-size:8px;}
.sea-text .vege, .desgin-inner .vege, .plates-new .vege { background: url(../images/blue.svg) no-repeat 96% 6px; padding-right: 25px;  background-size:8px;}
.vege-holder{ width:100%; display:inline-block; margin-top:30px;}
.vege-holder li { display: inline-block;  position: relative;}

.vege-icon{font-size:15px; margin:0 20px; letter-spacing:3px;font-weight:400; color:#000; cursor:pointer;}
.vege-icon:before{ background: url(../images/blue.svg) no-repeat 0 center;  position:absolute; content:""; display:block; width:10px; height:10px;top: 5px;}

.vea-icon{ font-size:15px; letter-spacing:3px; font-weight:400; color:#000; cursor:pointer; margin:0 20px;}
.vea-icon:before{ background: url(../images/pink.svg) no-repeat 0 center; position:absolute; content:""; display:block; width:10px; height:10px;top: 5px;}

.honey-icon{ font-size:15px; letter-spacing:3px; font-weight:400; color:#000; cursor:pointer; margin:0 20px;}
.honey-icon:before{ background: #ECAC00; border-radius: 50%; position:absolute; content:""; display:block; width:10px; height:10px;top: 5px;}

.contains-honey-dot { 
    background: #ECAC00; 
    border-radius: 50%; 
    display: inline-block; 
    width: 8px;
    height: 8px;
}

.seasonal-dot{font-size:15px; margin:0 20px; letter-spacing:3px;font-weight:400; color:#000; cursor:pointer;}
.seasonal-dot:before{ background: url(../images/spring-dot.svg) no-repeat 0 center;  position:absolute; content:""; display:block; width:10px; height:10px;top: 5px;}



.sea-text p{ line-height: 23px; font-size:16px; }
.salads-sec,.grains-sec,.sandwiches-sec,.design-sec{ width:100%; float:left; text-align:center;}
.salads-sec .spring-holder h2,.grains-sec .spring-holder h2,.sandwiches-sec .spring-holder h2,.design-sec .spring-holder h2{ color:#000;}
.salads-sec .spring-holder h2 span::before, .grains-sec .spring-holder h2 span::before, .design-sec .spring-holder h2 span::before, .sandwiches-sec .spring-holder h2 span::before{ border:0;}
.salads-sec .spring-holder h2 span::after, .grains-sec .spring-holder h2 span::after, .design-sec .spring-holder h2 span::after, .sandwiches-sec .spring-holder h2 span::after {
    border: 1px solid #55a51c;
    bottom: -30px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -10%;
    position: absolute;
    width: 20%;
}

/*.grains-sec .spring-holder h2 span::before{ border: 1px solid #55a51c; bottom:27%; content: ""; display: block; left: 52%;  margin-left: -10%; position: absolute; width: 17%;}
.sandwiches-sec .spring-holder h2 span::before{ border: 1px solid #55a51c; bottom:37%; content: ""; display: block; left: 52%;  margin-left: -10%; position: absolute; width: 17%;}
.design-sec .spring-holder h2 span::before{ border: 1px solid #55a51c; bottom:51%; content: ""; display: block; left: 52%;  margin-left: -10%; position: absolute; width: 17%;}
*/.salads-sec .sea-text h3,.grains-sec .sea-text h3,.sandwiches-sec .sea-text h3 { color:#000;}

.salads-sec .spring-sal,.grains-sec .spring-sal,.sandwiches-sec .spring-sal,.design-sec .spring-sal{ float:left; position:relative; width:100%; padding:70px 0;}
.desgin-inner,.desgin-inner ul{ width:100%; float:left; margin-bottom: 11px;}
.desgin-inner ul li  {  float: left; font-size: 15px; font-family: "Brandon Text W01 Regular";    text-align: left;  width: 100%; color:#000; line-height:20px; letter-spacing:1px; font-weight:400; }
.desgin-inner h4,.ing-inner h4 { color:#222; text-align:left; font-size:20px; font-family: "Brandon Grot W01 Bold"; letter-spacing:2px; margin-bottom:18px;}
.ing-inner  ul { float:left; width:100%; margin-bottom:10px;}
.ing-inner  ul li a, .ing-inner  ul li span {  color:#222222; font-weight:400; letter-spacing:0.3px; line-height:20px;  background:url(../images/disc-img.png) no-repeat  0 65%; padding-left:10px; font-size:15px; font-family: "Brandon Text W01 Regular"; }
.ing-inner span { display:block;}
.ing-inner h5, .desgin-inner h5 { font-size:14px; font-family: "BrandonGrotW01-BoldItal"; text-align:left; margin-top:0px; margin-bottom:5px; color:#000;}
.ing-inner li { text-align: left; }
.ing-inner .highlight, .ing-inner .highlight span, .desgin-inner .highlight, .desgin-inner .highlight span { color:#55a51c;}
.design-sec .spring-holder h2 { margin-bottom:63px; margin-top:0px;}
.design-sec .spring-holder p { margin-bottom:30px; margin-top:0px;}
.sandwiches-sec .roy-holder { padding:0 361px;}
.scroll-handle.active { border-bottom: 2px solid #55a51c;}

.region-popup{width:100%; float:left;}
.sour-region{ width:100%; float: left; margin-top:50px;}
.region-holder{ text-align:center; width:100%; display:inline-block;}
.region-holder  h2{ margin-top:25px;}
.sour-region  a { border: 1px solid #000000; padding: 20px 20px; margin-right:15px; font-size:20px; font-family: "Brandon Grot W01 Bold"; color:#000; }
.sour-region  a:hover {  background: #000000 none repeat scroll 0 0; color: #ffffff;}
.sour-region a:last-child { margin-right:0; }
.region-text  p { line-height: 25px;}
.region-popup {  width: 100% !important;}

#menu .top-nav-footer { float: left; padding: 30px 40px 40px; width: 100%;}
#menu  .top-box li { display:inline-block;}
#menu .top-box li a {
    color: #000;
    font-family: "Brandon Text W01 Regular";
    font-size: 13px;
    font-weight: 400;
    margin-right: 20px;
    line-height:20px;
    letter-spacing:1px;
}
#menu .top-box li a:hover, #menu li a:hover{color: #55a51c;}
#menu .copyright-text {
    float: right;
    margin-top:3px;
    width: 100%;
}
#menu .copyright-text ul,#menu .copyright-text li{ display:inline-block;}

#menu  .copyright-text li a, #menu  .copyright-text li span {
    color: #000;
    float: right;
    font-family: "Brandon Text W01 Light";
    font-size: 13px;
    font-weight: 300;
    line-height:20px;
    letter-spacing:1px;
}
#menu .soc-listing {
    float: right;
    margin-top: 25px;
    width: 100%;
}
#menu .soc-listing a{ margin-right: 20px;}
.top-box .copyright-text ul{ float:left;}

.dietary-preferences-menu {
    margin-top: 10px;
}

.dietary-preferences-menu .los-tab a {
    padding: 10px !important;
    margin: 0 5px !important;
    display: inline-block;
}

.dietary-preferences-menu .los-tab a.active {
    background-color: #55a51c !important;
    color: white;
}

.desgin-inner .filterable-grid > li,
.ing-inner .filterable-grid > li {
    display: block;
    width: 100%;
}

/*start-css-catering-page*/
.catering-holder .sal-holder { padding-top: 20px;}
.catering-holder .spring-holder h2{ color: #222222; font-family: "Brandon Grot W01 Bold"; font-size:30px;  line-height: 50px;}
.catering-holder .spring-holder p { font-size:15px; line-height:25px; padding-top:80px;}
.catering-holder .spring-holder .green-btn { background: #55a51c none repeat scroll 0 0; padding:14px 0; width:31%; display:inline-block; text-align:center; color:#fff; font-size:14px; margin-top:29px; position:relative;}
/* .catering-holder .spring-holder .green-btn:after{  border: 1px solid #55a51c; content: ""; display: block; left: 50%; margin-left: -50%; position: absolute;
bottom:-50px; width:100%;} */
.mize-menu  .row.sf-box {margin-top:25px;}
.mize-menu .sf-holder a{color:#222222; font-size:20px; line-height:25px; margin-top:33px; display:inline-block; font-family: "Brandon Grot W01 Bold"; letter-spacing:4px;}

.mize-menu .customi-box p {padding:100px 149px 0; color:#222222; font-size:17px;}
.mize-menu .customi-box h2{ position:relative;}
.mize-menu  h2 span::after, .catering-holder .spring-holder h2::after{
    border: 1px solid #55a51c;
    content: "";
    display: block;
    left: 55%;
    margin-left: -15%;
    position: absolute;
    bottom: -50px;
    width: 20%;
}
/*.cate-sec .cate-gudie-box{ margin-top:100px;}*/
.que-box .cate-gudie-box{ margin-top:30px;}
.cate-sec .cate-gudie-box h2 span:after{   border: 1px solid #55a51c;
                                           content: "";
                                           display: block;
                                           left: 50%;
                                           margin-left: -10%;
                                           position: absolute;
                                           bottom: -46px;
                                           width:20%;}

.cate-text {margin-top: 9%;}
.cate-text p { padding: 0 149px; margin-bottom:24px; font-size:17px; }
.que-box .cate-gudie-box h2 span:after{border: 1px solid #55a51c;
                                       content: "";
                                       display: block;
                                       left: 50%;
                                       margin-left: -10%;
                                       position: absolute;
                                       bottom:-42px;
                                       width:20%;}

.pick-text{ font-family: "Brandon Grot W01 Bold";}
.cate-sec .cate-gudie-box  h2{ position:relative;}
.customi-box h2 span::before {  border: medium none;}
.mize-menu,.que-box {  float: left; width: 100%;}
.que-box  h2{ position:relative;}
.ring-img .menu-banner,.news-main-img .menu-banner,.salad-menu-main .menu-banner,.help-banner,.legal-banner,.faq-banner{ margin-top:95px;}
.customize-img  img { width: 100%;}

/*start-css-news-page*/
.kin-text-holder { float:left; width:100%;}
.news-textholder{ padding:37px 150px 120px; width:100%; float:left;}
.news-content .los-box{ padding:0px;}
.top-anchor {float: left; width: 100%; box-sizing:border-box; padding:20px 30px 0 30px;}
.back-anchor{ float:left; color:#222; font-size:12px; font-family:"Brandon Grot W01 Medium"; font-weight:600;}
.date{ float:right; color:#222; font-size:13px;}
.kin-text-holder h2{ position:relative; margin-bottom:85px;}
.kin-text-holder h2 span:after{border: 1px solid #55a51c;
                               content: "";
                               display: block;
                               left: 50%;
                               margin-left: -17%;
                               position: absolute;
                               bottom:-37px;
                               width:35%;}
.kin-text-holder  p {  padding: 0 47px; margin-bottom:48px; font-size:18px;}
.kin-text-holder img{ margin-top: 24px; margin-bottom:75px;}
.suas-box{ float:left; width:100%;}
.suas-box  h2 { padding: 0 47px; margin-bottom:60px;}
.suas-box  p{  padding: 0 44px; margin-bottom:48px; font-size:18px;}
.suas-box  img{ margin:20px 0 ;}
.susa-hr {border: 1px solid #55a51c;
          content: "";
          display: block;
          left: 50%;
          margin-left: -10%;
          position: absolute;
          bottom:80px;
          width:20%;}
.cate-footer,.news-footer,.help-footer,.legal-footer{ background:#fff;}
.cate-footer .input-box input[type="text"],.news-footer .input-box input[type="text"],.help-footer .input-box input[type="text"],.legal-footer .input-box input[type="text"]{ background:#f9f9f9;}

/*start-css-help-page*/
.help-content {  float: left; width: 100%;}
.help-content .feed-content,.contact-box { display: inline-block; width: 100%; margin-bottom:70px;}
.contact-inner {  float: left; width: 100%; margin-top:32px;}
.contact-inner dl { float: left; width: 50%;  padding: 0 3% 0 0;}
.contact-inner dt {  text-align: left; width: 100%; padding-bottom:7px; color:#a7a7a7; letter-spacing:2px; font-size:16px;}
.contact-inner dd input{ width: 100%; float:left; background: #fff; border:none; height:45px; padding:0 21px; color:#a7a7a7; font-size:17px; letter-spacing: 0.4px;}
.contact-inner dl.full{ width:100%; float:left; margin-bottom:0px;}
.contact-inner textarea{ width:100%;  background: #ffffff none repeat scroll 0 0; border: medium none; padding:17px 21px; color:#a7a7a7; font-size:17px;letter-spacing: 0.4px; }
.contact-inner p{ text-align:left; font-size:11px; line-height:17px; color:#a7a7a7; letter-spacing:0px;}
.contact-inner .submit-btn { color:#fff; background:#55a51c; padding:13px 45px; float:left; font-size:14px; margin-top: 15px; border:none;  margin-bottom:1em;}
.order-flow .submit-btn, .submit-btn { color:#fff; background:#55a51c; padding:13px 45px;  font-size:14px; margin-top: 15px; border:none;  margin-bottom:1em;}
.contact-inner .full dt,.contact-inner .gre-text {color:#55a51c;}
.fiel-text{ padding:0px; color:#222222; font-size:16px;  margin-top: 55px;}
.fiel-text span{color:#55a51c;}
.contact-box .contant-holder h2,.feed-content .feed-holder h2{ position:relative;}
.contact-box .contant-holder h2 span:after,.feed-content .feed-holder h2 span:after,.faq-content  h2 span:after{border: 1px solid #55a51c; content: "";
                                                                                                                display: block;
                                                                                                                left: 50%;
                                                                                                                margin-left:-125px;
                                                                                                                position: absolute;
                                                                                                                bottom:-30px;
                                                                                                                width:250px;}

.help-content .soc-listing,.help-content  .soc-listing ul{ float:none; text-align:center; display:inline-block; margin-top: 10px;}
.help-content .soc-listing ul li{ margin-right:25px; margin-left:0px; }
.want-text{ margin-top:65px; padding:0 25px; margin-bottom:35px; line-height:35px;}
.fqa-holder p{ font-size:20px; color:#222; font-family:"Brandon Text W01 Bold"; letter-spacing:2.2px; text-transform: uppercase; margin-bottom: 10px;}
.palce-text{ margin-top:58px;}
.help-content .los-box{padding: 20px 150px 80px;}
.feed-holder {margin-top: 45px;}
.faq-content .panel-title a.collapsed span img{ display:none;}
.faq-content .panel-title a span { display:inline-block;}
.faq-content .panel-title a span img{ display:block; margin-left: 15px;}
/*.faq-content .panel-title span img { margin-bottom:0;  position: absolute;
    right: -28px;
    top: 5px;}*/
.faq-content .panel-body{ padding:0px;}
.faq-content .panel-body p{ clear: both;
                            color: #222222;
                            font-family: "Brandon Text W01 Regular";
                            font-size: 16px;
                            font-weight: 400;
                            letter-spacing: 0.1px;
                            line-height:22px;
                            padding:0px; margin-bottom:20px;}

.faq-content > h2 {
    margin-bottom: 60px; position:relative;
}

/*start-css-legal-page*/
.legal-content  .legal-textholder {margin-top: 50px;}
.legal-content  .legal-holder p { margin-bottom:15px; text-align:left; }
.legal-content  .feed-content.legal-content{ margin-bottom:10px;}
.legal-holder { text-align:left!important; }
.legal-holder h2 { margin-bottom:2em; text-align:center!important; }

/*start-css-faq-page*/
.faq-main-content { float: left; width: 100%;}
.faq-main-content .los-box{padding: 20px 69px 120px;}
.faq-content.delive-inner { padding-top: 35px;}
.faq-content.cont-us-inner a{ color:#55a51c; text-decoration: underline;}
.los-text{ line-height:15px; padding:0px;}
.faq-banner img,.legal-banner img,.help-banner img,.care-banner img{ width:100%;}
.faq-content .panel-title a{ position:relative;}

/*start-css-careers-page*/
.care-content .los-box{padding: 20px 150px 120px;}
.care-content .panel-heading{ padding:0px; background:#fff;}
.care-content .care-inner .panel-title a{ font-family:"Brandon Text W01 Bold";   display: block; color:#000; text-align:left; margin:0 30px; border-bottom:none;  padding:10px 0; background:url(../images/up-aarow.jpg) no-repeat 99.7% 59%;}
/*.care-content .panel-title a span{ float:right;  width:50px; }
.care-content .panel-title a span img { margin: 7px 0 0 10px;}*/
.care-content .panel-title a.collapsed {  border:none; background: #fff url(../images/silde-arrow.jpg) no-repeat 99.7% 66% ;}
.care-content .panel-body{ background:#fff;  padding:20px 85px; font-size:15px; font-family: "Brandon Text W01 Regular"; color:#222;}
.open-posi{ width:100%; float:left; margin-top:60px;}
.open-posi span{ display:block; font-family:"Brandon Text W01 Bold"; font-size: 16px; letter-spacing:1px;}
.open-posi .app-btn{ padding:9px 38px; margin-top:18px; font-size:16px; background:#55a51c; color:#fff; display:inline-block; font-family: "Brandon Text W01 Regular";}
.care-inner .panel-group{ margin: 70px 0;}
.care-inner .panel-group .panel{ margin-bottom:15px;}


.begin-box { float:left; width:100%; background:url(../images/fpo-img-1.jpg) no-repeat 50%  bottom; background-size:cover;}
.fpo-img{ float:left; width:100%; padding:143px 0;}
.expe-box{ float:left; width:100%;}
.our-story-inner img,.mix-exper-inner img{ margin:40px 0;}
.our-story-inner p,.mix-exper-inner p,.philo-inner-content p,.philo-inner-content p,.mixt-mot-box p{ font-size:17px; font-family: "Brandon Text W01 Regular";}
.fpo-img p{ font-size:42px; line-height:56px; color:#fff; font-family: "Brandon Text W01 Regular"; text-align:center;}
.fpo-img .chef-text{ color:#fff; font-size:20px; font-family:"Brandon Grot W01 Medium"; }
.mix-exper-inner {  padding: 50px 210px 150px 210px ;}
.mix-exper-inner  h2{ position:relative; margin-bottom:75px;}
.mix-exper-inner  h2 span:after{border: 1px solid #55a51c; content: "";
                                display: block;
                                left: 50%;
                                margin-left: -125px;
                                position: absolute;
                                bottom:-38px;
                                width:250px;}

.our-story-content .los-box{padding: 20px 150px 80px 150px;}
.mix-exper-inner img,.our-story-inner img{ position:relative;}
.mix-exper-inner .susa-hr,.our-story-inner .susa-hr{
    border: 1px solid #55a51c;
    bottom:100px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -10%;
    position: absolute;
    width: 20%;
}
.leslie-box{ width:100%; float:left; background:url(../images/lese-img.jpg) no-repeat 50%  bottom; background-size:cover;}
.philo-box { width:100%; float:left;}
.philo-inner-content{ padding:50px 0 0 0;}
.philo-inner-content  h2{ position:relative; margin-bottom:75px;}
.philo-inner-content  h2 span:after{border: 1px solid #55a51c; content: "";
                                    display: block;
                                    left: 50%;
                                    margin-left: -17%;
                                    position: absolute;
                                    bottom:-38px;
                                    width:35%;}
.philo-inner-content  h4{ margin:10px 0; color:#000; font-size:17px; font-family:"Brandon Text W01 Bold"; text-transform:uppercase; letter-spacing:1px; }
.philo-inner-content img{ margin-bottom:20px;}
.philo-inner-content .row{ margin-top:70px;}
.philo-inner-content .col-sm-6{ margin-bottom:30px; padding:0 60px;}
.mixt-mot-box{ width:100%; float:left; margin-top:0px;}
.mixt-mot-box .number{ font-size:71px; color:#55a51c;  font-family:"Brandon Text W01 Light";}
.mixt-mot-box h2{ position:relative; margin-bottom:120px;}
.mixt-mot-box h2 span:after{border: 1px solid #55a51c; content: "";
                            display: block;
                            left: 50%;
                            margin-left: -125px;
                            position: absolute;
                            bottom:-53px;
                            width:250px;}
.mixt-mot-box { padding: 50px 30px 150px;}
.movent-box { float:left; width:100%;}
.movent-box .susa-hr{ border: 1px solid #55a51c;
                      bottom:115px;
                      content: "";
                      display: block;
                      left: 50%;
                      margin-left: -10%;
                      position: absolute;
                      width: 20%;}
.philo-box .susa-hr{border: 1px solid #55a51c;
                    bottom:15px;
                    content: "";
                    display: block;
                    left: 50%;
                    margin-left: -10%;
                    position: absolute;
                    width: 20%;}
.banner-box .banner-list{ margin-top:107px;}


/*start-css-loyalty-page*/

.page-template-loyalty .block { padding-bottom: 0; }
.loyalty-banner {margin-top: 95px}
.loyalty-banner img { width: 100% }

.mixtplus-image img { width: 100% }

.loyalty-main-content { float: left; width: 100%;}

.loyalty-box{
    background: #f9f9f9 none repeat scroll 0 0; 
    font-size: 14px; 
    letter-spacing: 0.3px;  
    margin-top: -120px;
    padding: 20px 150px 120px; 
    width: 100%; 
    float:left;
}
.loyalty-box h2{
    margin-bottom: 50px;
    position: relative;
}
.loyalty-box h2 span::after{
    border: 1px solid #55a51c;
    bottom: -30px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -10%;
    position: absolute;
    width: 20%;
}
.loyalty-box .los-tab li a { margin-right:15px!important; padding-bottom:0px!important}
.loyalty-box .los-tab li { padding-top:5px!important; }

.loyalty-main-content .row{ margin: 0 }

.loyalty-features{ float:left; width:100%; margin-bottom: 10px}
.loyalty-features .row{ margin: 0 }
.loyalty-features .row img{ width: 71.5%; margin: auto; }

.loyalty-rewards{ float:left; width:100%;}
.loyalty-rewards .row{ margin: 0 }

.mixtplus-image{
    float:left; width:100%;
}

.loyalty-signup{ float:left; width:100%;}
.loyalty-signup .row{ margin: 0 }

.loyalty-questions{ float:left; width:100%;}
.loyalty-questions .row{ margin: 0 }

/* WIP: Make icons 2/row in mobile */

@media (max-width:767px){
    .loyalty-rewards .loyalty-icons .col-sm-3 {
        width: 50%;
        float: left;
    }
    .loyalty-features .loyalty-icons .col-sm-4 {
        width: 50%;
        float: left;
    }
    .loyalty-box{ padding: 0; margin-top: 0;}

    .loyalty-box h2 span::after{ margin-left: -30%;  width: 60%;}

    .loyalty-banner{ margin-top: 153px; }

    .loyalty-main-content .subnav.cbp-af-submenu-shrink{
        top: 153px;
    }

    .loyalty-main-content .loyalty-box .los-tab li a{
        margin-left: 2px;
        margin-right: 15px;
        /* line-height: 17px; */
        display: inline-block;
    }
}

.loyalty-buttons{ float:left; width:100%;}
.loyalty-buttons .green-btn { 
    background: #55a51c none repeat scroll 0 0; 
    padding:14px 0; 
    width:100%; 
    display:inline-block; 
    text-align:center; 
    color:#fff; 
    font-size:14px;
    margin-top: 33px;
    /* margin: 33px 15px 10px; */
    position:relative;
    text-transform: uppercase;
}



/*
.loyalty-buttons .button-left{ margin-right: 15px;}
.loyalty-buttons .button-right{ margin-left: 15px;}
*/

/*
.loyalty-buttons onequarter { width: 2.833333%; }
.loyalty-buttons onehalf { width: 4.166666%;}
.loyalty-buttons oneandahalf{ width: 12.5%; }
.loyalty-buttons twoandahalf{ width: 20.833333%; }
*/

.loyalty-icons {margin-top: 25px}
/* .loyalty-icons img {width: 100%} */
.loyalty-icons [class*='col-'] {text-align: center;}
.loyalty-icons [class*='col-'] h4 {margin: 10px auto 0; line-height: 30px; min-height: 60px}

/* end-css-loyalty-page */

/* start-css-loyalty-signup-page */
.loyalty-signup-iframe-article .block{
    padding: 100px 0;
}

.loyalty-signup-iframe-wrapper {
    position: relative;
    width: 100%;
    height: 720px;
    /*padding-bottom: 100%;*/
}
#loyalty-signup-iframe{
    /*
        overflow: hidden;
         position: absolute;
         top: 0;
         left: 0;
    */
    width: 800px;
    height: 600px;
}

@media (max-width:768px) {
    .loyalty-signup-iframe-wrapper {
        width: 100%;
        height: 100%;
    }
    #loyalty-signup-iframe {
        width: 100%;
        height: 100%;
    }
    .loyalty-signup-iframe-article .block{
        padding-top: 170px;
        padding-bottom: 20px;
    }
}
@media (max-width:768px) {
    body,
    .main-container{
        width: 100%;
        height: 100%
    }
    header{
        position: relative;
    }
    .iframe-container,
    .navbar-div{
        margin: 0 auto;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        float: none;
    }
}

/* end-css-loyalty-signup-page */

/* start-css-zuppler-menu-page*/
body.page-template-ordering_zuppler{
    height: 100%;
}
.zuppler-content .block{
    /* padding-bottom: 100px; */
}
/* end-css-zuppler-menu-page */


/*start-css-safety-page*/

/* article{ margin-top: -121px} */


.page-template-safety .block { padding-bottom: 0; }
.safety-banner {margin-top: 95px}
.safety-banner img { width: 100% }


.safety-main-content { float: left; width: 100%;}

.safety-box{
    background: #f9f9f9 none repeat scroll 0 0; 
    font-size: 14px; 
    letter-spacing: 0.3px;  
    margin-top: -120px;  
    padding: 20px 150px 120px; 
    width: 100%; 
    float:left;
}
.safety-box h2{
    margin-bottom: 50px;
    position: relative;
}
.safety-box h2 span::after{
    border: 1px solid #55a51c;
    bottom: -30px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -10%;
    position: absolute;
    width: 20%;
}

.safety-box .los-tab li a { margin-right:15px!important; padding-bottom:0px!important}
.safety-box .los-tab li { padding-top:5px!important; }


.safety-main-content .row{ margin: 0 }

.safety-our_safety_measures{ float:left; width:100%; margin-bottom: 10px}
.safety-our_safety_measures .row{ margin: 0 }
.safety-our_safety_measures .row img{ width: 71.5%; margin: auto; }

.safety-inside_our_restaurants{ float:left; width:100%; position: relative;}
.safety-inside_our_restaurants .row{ margin: 0 }

.safety-questions{ float:left; width:100%;}
.safety-questions .row{ margin: 0 }



@media (max-width:767px){
    .safety-our_safety_measures .safety-icons .col-sm-2 { display: none; }
    .safety-our_safety_measures .safety-icons .col-sm-4 {
        width: 50%;
        float: left;
    }
    .safety-box{padding: 20px 0 90px; margin: 0;}
    .wellness-badge{ width: 45%; margin-top: 20px; }

    .safety-box h2 span::after{ margin-left: -30%;  width: 60%;}

    .safety-banner{ margin-top: 153px; }

    .safety-main-content .subnav.cbp-af-submenu-shrink{
        top: 153px;
    }

    .safety-main-content .safety-box .los-tab li a{
        margin-left: 2px;
        margin-right: 15px;
        /* line-height: 17px; */
        display: inline-block;
    }
}

.safety-buttons{ float:left; width:100%;}
.safety-buttons .green-btn { 
    background: #55a51c none repeat scroll 0 0; 
    padding:14px 0; 
    width:100%; 
    display:inline-block; 
    text-align:center; 
    color:#fff; 
    font-size:14px; 
    margin-top: 33px;
    /* margin: 33px 15px 10px; */
    position:relative;
    text-transform: uppercase;
}

/*
.safety-buttons .button-left{ margin-right: 15px;}
.safety-buttons .button-right{ margin-left: 15px;}
*/

/*
.safety-buttons onequarter { width: 2.833333%; }
.safety-buttons onehalf { width: 4.166666%;}
.safety-buttons oneandahalf{ width: 12.5%; }
.safety-buttons twoandahalf{ width: 20.833333%; }
*/

.safety-icons {margin-top: 25px}
/* .safety-icons img {width: 100%} */
.safety-icons [class*='col-'] {text-align: center;}
.safety-icons [class*='col-'] h4 {margin: 10px auto 0; line-height: 30px}

div.row.safety-arrows{ margin-top: 25px; }

.safety-stickers h4{ margin-top: 20px;}
.safety-arrows h4{ margin-top: 20px; }
.safety-arrows .col-sm-4 h4{ line-height: 30px; }

/* end-css-safety-page */


/* start zuppler location order page */
.mobile-icon-wrapper .col-sm-3 img {
    max-width: 100%;
    height: auto;
}

.mobile-icon-wrapper .apple-link{
    /*float: right*/;
}
.mobile-icon-wrapper .google-link{
    /*float: left*/;
}

.mobile-icon-wrapper .apple-link img{
    margin: 6%;
    width: 77%;
}

.mobile-icon-wrapper .mobile-download-label{
    font-weight: 700;
    margin-left: 18%;
    margin-right: 18%;
}

@media (max-width:767px){
    .mobile-icon-wrapper .col-sm-1, .mobile-icon-wrapper .col-sm-2 { display: none; }
    .mobile-icon-wrapper .col-sm-3 {
        width: 50%;
        float: left;
    }

    .mobile-icon-wrapper .mobile-download-label{
        font-size: .75em;
        font-weight: 700;
        margin-left: 5%;
        margin-right: 5%;
        line-height: 1.3em;
    }
}

/* end zuppler location order page 

/*.textholder-panel{ padding-right:50px;}
.faq-content h4.panel-title{ position:relative;}
.faq-content .panel-title span.textholder-img {
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 14px;
}*/

html.w-mod-js *[data-ix="fade-in-heading"] {
    opacity: 0;
    -webkit-transform: translate(0px, -30px);
    -ms-transform: translate(0px, -30px);
    transform: translate(0px, -30px);
}

html.w-mod-js *[data-ix="fade-in-heading-2"] {
    opacity: 0;
    -webkit-transform: translate(0px, -30px);
    -ms-transform: translate(0px, -30px);
    transform: translate(0px, -30px);
}

html.w-mod-js *[data-ix="fade-in-heading-3"] {
    opacity: 0;
    -webkit-transform: translate(0px, -30px);
    -ms-transform: translate(0px, -30px);
    transform: translate(0px, -30px);
}

html.w-mod-js *[data-ix="fade-in-heading-4"] {
    opacity: 0;
    -webkit-transform: translate(0px, -40px);
    -ms-transform: translate(0px, -30px);
    transform: translate(0px, -30px);
}
html.w-mod-js *[data-ix="fade-in-heading-5"] {
    opacity: 0;
    -webkit-transform: translate(0px, -30px);
    -ms-transform: translate(0px, -30px);
    transform: translate(0px, -30px);
}
html.w-mod-js *[data-ix="nav-bar-load"] {
    opacity: 0;
    transform: translate(0px, -80px);
}
html.w-mod-js *[data-ix="subtitle-load"] {
    opacity: 0;
    transform: translate(0px, 41px);
}
.contant-holder h2{
    padding-top: 30px;
}

a.visit-faq{ display:inline-block; background: #55a51c; color: #fff; font-size: 14px; margin-top: 15px;  padding: 13px 45px;}
input.visit-faq{ display:inline-block; background: #55a51c; color: #fff; font-size: 14px; margin-top: 15px;  padding: 13px 45px;}

/**/
.gray-bg{ background:#f9f9f9;}
.pdf-link { color: #000; font-family: "Brandon Text W01 Regular"; font-size: 12px;  position: absolute; right: -47px; top: -30px; z-index:99;}
.spring-sal { position: relative;}

.subnav{ position:relative; z-index:999; display:inline-block; width:100%;}
.faq-content{ float:left; width:100%;}

/*==============================================
==================== News Overview =============
===============================================*/


.catring p, .catring .catering-holder .spring-holder .note-text{ font-size:17px;}
.customize-img { background: #f9f9f9; display: inline-block; padding: 40px 0 25px 0; width: 100%;}
.que-box .block{ padding-bottom:40px;}
.sandwiches-sec{ background:#f9f9f9;}
.news-box, .coverage-box, .resource-box { float: left; width: 100%;}
.news-box h4 { font-family: "Brandon Text W01 Bold"; font-size: 20px; letter-spacing: 1px; margin-top: 30px; text-transform: uppercase;}
.read-more { color: #55a51c;  font-size: 14px; letter-spacing: 1px; font-family: "Brandon Text W01 Bold";}
.news-box .col-sm-6 { padding-bottom: 40px;}
.load-more a { background: #fff; color: #2d2d2d; font-family: "Brandon Text W01 Bold"; letter-spacing: 1px; padding: 8px 40px;}
.coverage-box .block .row { text-align: left;}
.coverage-box .philo-inner-content h4 { font-size: 20px; margin: 0 0 5px 0;}
.coverage-box .load-more{ margin-top:70px;}
.contact-box p a { color: #000;}
.philo-box .philo-inner-content { padding: 0 0 20px 0;}
.faq-main-content.news-review-content .los-box { margin-top: -100px; min-height: 102px; padding-bottom: 46px;}
.news-review-content .block, .news-box .philo-inner-content { padding: 0;}
.news-overview-banner{ position:relative;}
.news-overview-banner img{ min-height:400px;}
.search-banner{ position:absolute; top:35%; left:0; width:100%;}
.search-banner-inn{ margin:0 auto; background:#fff; height:50px; line-height:50px; max-width:504px;padding: 0 17px;}
.search-banner input[type="email"], .search-banner input[type="text"]{ border:none; width:87%; line-height:47px; color:#222; font-size:16px; padding-bottom:0;}
.search-banner input[type="submit"]{ float:right; border:none; background:url(../images/add-arrow.jpg) no-repeat 0 0; width:30px; height:50px;}

/*==============================================
=====================order-flow=================
===============================================*/


.order-flow { background: #f9f9f9; padding: 240px 0; text-align: center;}
.order-flow input[type="text"]{background:#fff; border:1px solid #c1c1c1; color:#222; font-size:16px; font-weight:600; height:50px; line-height:50px; margin:15px 0; padding:0 30px; width:504px;}

.delivery-fields > ul {
    display: inline-block;
    width: 504px;
}
.delivery-fields li {
    /*
    background: #ffffff none repeat scroll 0 0;
     display: table-cell;
    */
    float:left;
    padding-top:6%;
    padding-bottom:6%;
    background:#fff;
    font-size: 20px;
    font-weight: 600;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 252px;
}
.delivery-fields li span{ display:block;}
.delivery-fields li.active {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    position: relative;
}
.delivery-fields {
    margin: 20px 0;
}
.delivery-fields p {
    font-size: 14px;
    margin-top: 20px;
}

/*
@media (max-width: 767px) {
    .delivery-fields li{ float:clear; }
}
*/

/* .fade-effect{ transform: none !important; } */

.soc-listing a, #menu .soc-listing a {
    overflow:hidden!important;
    text-indent:999px!important;
}

.dyo-note {
    margin-top: -18px;
    margin-bottom:18px;
    font-size:16px;
    text-align:left;
}

.standard-content a, .standard-content a:link, .standard-content a:visited, .standard-content a:hover, .standard-content a:active, .standard-content a:focus { color:#55a51c; }

.standard-content ul {
    margin:1em;
    padding:0 1em;
    list-style: disc;
    font-size:16px;
}

.faq-content .panel-title a { color:#55a51c;}

.wpcf7-response-output { clear:both!important; margin-top:1em!important; }

.nutrition h3 {
    margin:1em 0 1ex;
    font-size:24px;
    font-family:'Brandon Grot W01 Bold';
    color:#000;
    text-align: center;
}

.nutrition h5 {
    font-size:16px;
    color:#000;
    font-family:'Brandon Grot W01 Bold';
}

.nutrition .justified-content {
    display: flex;
    justify-content: space-between;
}

.nutrition .justified-content label {
    margin-left: 0;
}

.nutrition .justified-content .col-sm-6 {
    text-align: left;
    padding: 0;
}

.nutrition .checkbox-inline {
    margin-top: 10px !important;
    margin-bottom: 10px;
    font-weight: 700;
}

.img-holder a.learn-more span {
    padding:8px 20px;
    background:#fff;
    color:#000;
    font-size:16px;
    margin:0 auto;
    width:150px;
    display:inline-block;
}

.hidden-news { display:none; }

.menu-bottom-selector p { padding-bottom:3em; }

.menu-bottom-selector ul {
    margin:0 0 0;
    padding:0 0 3em;
    text-align:center;
    font-size:16px;

}

.nutrition .checkbox { margin-left: 1.5em; }
.nutrition .checkbox-inline {margin-top:0; }

.nutrition-note {
    font-size:14px;
    line-height:16px;
    margin:0!important;
    padding:0;
}

.nutrition-note ul {
    padding-bottom:2em;

}

.standard-content ol, .standard-content ol li { font-size:16px!important; }

.delivery-fields-single > ul { width:252px; }

.order-change-address { font-size:14px; margin-top:3em; }

.caviar-popup-left p {
    font-size:12px!important;
    line-height:18px!important;
}

.nutrition-items {
    font-size:18px;
    text-align: center;
}

.store-variable, .store-variable2 {
    display:block;
    font-size:14px;
}

.faq-answer ul, .faq-answer ol { display:inline-block; margin:0 0 20px; }
.faq-answer li { text-align:left!important;}
.faq-content .panel-title { line-height:130%!important;  margin:10px 0;}

.mix-box p { background:rgba(255,255,255,.6); padding-left:1em; padding-right:1em;  }
.mix-box-nobg p { background:none; padding-left:0; }

.location-group-los-angeles, .location-group-san-francisco, .location-group-san-jose, .location-group {
    float: left;
    width: 100%;
}

@media (max-width: 767px) {
    .order-flow { padding-top:180px!important; }
    .news-overview-banner { overflow:hidden; background-size:cover; }
    .news-overview-banner img { visibility:hidden; min-height:140px; }
    .coverage-box img { max-width:141px; }
    .bx-prev, .bx-next { display:none!important; }
}

@media (min-width: 767px) {
    #dialog-popup p, #noresults-popup p { width:620px; margin:1em auto; }
    #dialog-popup h2 { width:700px; margin:10px auto;}
    #region-popup h2 { width:600px; }
}

.cbp-fade-effect{ transform: none !important; z-index:9; }

.highlight { color:#55a51c!important; }

#mce-responses .response {
    padding:1em 0;
}

.search-banner #mce-responses .response {
    line-height:120%;
    background:rgba(255,255,255,0.5);
    color:#000!important;
    padding:10px;
}

.sour-region ul {
    margin:0;
    padding:0;
}

.sour-region ul li {
    display:inline;
    list-style:none;
}

.soc-listing ul li.menu-item {
    padding-top:15px;
}

@media (min-width:751px) and (max-width:970px) {
    .footer-inner .right-box {
        padding-top:1em!important;
    }
}

.plates-new h4 {
    font-family:"Brandon Grot W01 Bold";
    font-size:20px;
    letter-spacing:2px;
    margin-bottom:18px;
    color:#222;
}

.plates-new .dyo-note {
    text-align:center;
    font-style:italic;
}

.plates-new li {
    font-size:15px;
    font-family:"Brandon Text W01 Regular";
    line-height:20px;
    letter-spacing:1px;
    font-weight:400;
    margin-bottom:.8em;
}


.blue-dot {
    background:#3c67ab!important;
}

.pink-dot {
    background:#a44da6!important;
}

@media (max-width:767px) {
    .plates-new {
        margin-bottom:2em;
    }
}

/* App Download Page */
#section_app_download{
    text-align: center;
}

#section_app_download .mobile_app_links{
    background-color: white;
    position: relative;
    margin-top: -100px;
    min-height: 400px;
}

#section_app_download .mobile-icon-wrapper{
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (max-width:767px) {
    #section_app_download .mobile_app_links{
        margin-top: 0;
        position: default;
        min-height: 200px;
    }

    #section_app_download .mobile-icon-wrapper .col-xs-2{
        display: none;
    }
    #section_app_download .mobile-icon-wrapper .col-xs-4{
        width: 50%;
    }
}