/* Universal CSS =======================================================*/
.accessible{
    font-size:0;
    position:absolute;
    top:0;
    left:0;
}

.accessible:focus{
    font-size:12px;
}
input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button

{

    -webkit-appearance: none;   /* display: none alt can crash on hover */

    margin: 0px;                /* sometimes margin is left for spinner */

}

html, body, #aspnetForm{
    display:block;
    width:100%;
    height:100%;
    font-family:Arial, sans-serif;
}

.header, .body, .footer{
    float:left;
}

.astrisk{
    font-size:small;
}

#special{
    display:block;
    text-transform:uppercase;
}

#special a{
}

#PublicWrapper{
    width:100%;
    height:100%;
    position:relative;
}

    #PublicWrapper .header{
        width:100%;
    }

    #PublicWrapper .header #topHeader{
        width:100%;
        text-align:right;
    }

        #PublicWrapper .header #topHeader li{
            display:inline-block;
            text-align:left;
            vertical-align:middle;
        }

            #PublicWrapper .header #topHeader li#headerBorder{
                width:0px;
                border-right:solid 1px #9ccc7c;
                margin:2px 10px;
                height:50px;
            }

            #PublicWrapper .header #topHeader li#headerSocial{
            }

                #PublicWrapper .header #topHeader li#headerSocial a {
                    display:block;
                    float:left;
                    width:22px;
                    height:22px;
                    background-position:0 0;
                    background-repeat:no-repeat;
                    margin:0 5px;
                }

                    #PublicWrapper .header #topHeader li#headerSocial a#btn-social-fb {
                        background-image:url(../images/ico-social-facebook.png);
                    }

                    #PublicWrapper .header #topHeader li#headerSocial a#btn-social-tw {
                        background-image:url(../images/ico-social-twitter.png);
                    }

                    #PublicWrapper .header #topHeader li#headerSocial a#btn-social-inst {
                        background-image:url(../images/ico-social-instagram.png);
                    }

                    #PublicWrapper .header #topHeader li#headerSocial a#btn-social-yt {
                        background-image:url(../images/ico-social-youtube.png);
                    }

            #PublicWrapper .header #topHeader li.headerLocation{
                padding-left:30px;
                background-image:url(../images/ico-header-location.png);
                background-position:0 center;
                background-repeat:no-repeat;
                margin-right:8%;
            }

                #PublicWrapper .header #topHeader li.headerLocation address,
                #PublicWrapper .header #topHeader li.headerLocation label {
                    margin:0;
                    color:#fff;
                }

                #PublicWrapper .header #topHeader li.headerLocation address{
                    font-family: Arial, sans-serif;
                    font-size:15px;
                }

                #PublicWrapper .header #topHeader li.headerLocation address a{
                    color:#fff;
                    text-decoration:none;
                }

                #PublicWrapper .header #topHeader li.headerLocation address a:hover{
                    text-decoration:underline;
                }
                #PublicWrapper .header #topHeader li.headerLocation label{
                    font-family:'proxima_nova_rgbold', Arial, sans-serif;
                    font-size:10px;
                }

                #PublicWrapper .header .navWrap{
                }

                    #PublicWrapper .header .navWrap .logoWrap{
                    }

                    #PublicWrapper .header .navWrap .headerNav {
                    }

                    #PublicWrapper .header .navWrap .headerNav ul li {
                        float: none;
                        display: inline-block;
                    }

                    #PublicWrapper .header .navWrap .headerNav ul li a {
                        color:#6eb43f;
                    }

                    #PublicWrapper .header .navWrap .menuSub{
                        clear:both;
                        width:100%;
                        background-color:#3a3a3a;
                        margin:10px 0 -10px;
                        float: left;
                        display:none;
                    }

                    #PublicWrapper .header .navWrap .menuSub ul{
                        width:86%;
                        text-align:center;
                        margin:0 auto;
                    }

                    #PublicWrapper .header .navWrap .menuSub ul li{
                        display:inline-block;
                        width:8.5%;
                        vertical-align:top;
                        margin:5px 0;
                    }

                    #PublicWrapper .header .navWrap .menuSub ul li a{
                        color:#fff;
                        text-decoration:none;
                        text-transform:uppercase;
                    }

                    #PublicWrapper .header .navWrap .menuSub ul li a:hover{
                        text-decoration:underline;
                    }

#PublicWrapper .header,
#PublicWrapper .footer{
    background-image:url(../default/bg-top.jpg);
    background-position:center top;
    background-repeat:repeat;
}

.headerImg,
.sfimageWrp{
    width:100%;
}

.headerImg img,
.sfimageWrp img{
    width:100%;
    height:auto;
}

.footer{
    padding:20px 0;
}

.footer .footerWrap{
    margin:0 auto;
    min-width:960px;
    width:86%;
}

.footer .footerWrap > div{
    display:inline-block;
    vertical-align: top;
}

.footer .footerWrap > div h1{
    color:#fff;
    font-size:18px;
    font-family:'proxima_novaextrabold', sans-serif;
    margin-top:0;
}

.footer .footerWrap > div ul li{
    float:left;
    font-size:14px;
    font-family:'proxima_novasemibold', sans-serif
}

.footer .footerWrap > div ul li a{
    color:#fff;
}

.footer .footerWrap > div ul li a:hover{
    text-decoration:underline;
}

.footer .footerWrap .menuFooter{
    width:59%;
}

.footer .footerWrap .menuFooter ul li{
    width: 22%;
    margin-right: 2.6%;
}

.footer .footerWrap .menuFooter ul li.col1{
    width:32%;
}

.footer .footerWrap .menuFooter ul li.col2{
    width:25%;
}

.footer .footerWrap .menuFooter ul li.col3{
    width:20%;
}

.footer .footerWrap .menuFooter ul li.col4{
    width:12%;
}

.footer .footerWrap .menuFooter,
.footer .footerWrap .quickFooter{
    border-right:solid 1px #b8dba2;
}

.footer .footerWrap .quickFooter,
.footer .footerWrap .corporateFooter{
    width:20%;
    padding-left:1.5%;
}

.footer .footerWrap .quickFooter ul li,
.footer .footerWrap .corporateFooter ul li{
    width:50%;
}

.loader{
    width:50px;
    height:50px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-25px 0 0 -25px;
    background-image:url(../Images/loader.GIF);
    background-position:center top;
    background-repeat:no-repeat;
    z-index:9999;
}

.sorry{
    display:none !important;
    text-align:center;
}

    .sorry h1{
              font-family:"intro_regular", sans-serif;
                  padding: 15px;
    }

    .sorry .pie img{
        width:100%;
        max-width: 858px;
        padding:0 15px;
    }
    
    #btn-undo{
        margin-top:0;
    }

.proxsb{font-family:"proxima_novasemibold", sans-serif;}
.proxrb{font-family:"proxima_nova_rgbold", sans-serif;}
.proxeb{font-family:"proxima_novaextrabold", sans-serif;}
.proxri{font-family:"proxima_novaregular_italic", sans-serif;}
.sElite{font-family:"special_eliteregular", sans-serif;}
.openSan{font-family:"open_sansregular", sans-serif;}
.openSanB{font-family:"open_sansbold", sans-serif;}
.introI{font-family:"intro_inlineregular", sans-serif;}
.intro{font-family:"intro_regular", sans-serif !important;}
.veneer{font-family:"veneerregular", sans-serif;}
.tradegothicC{font-family:"tradegothic_condensed_no._1Rg", sans-serif;}
.tradegothicIt{font-family:"trade_gothic_lt_stdBdCnno.20", sans-serif;}

/* Home Page CSS =====================================*/

#touts{
    position:relative;
}

#touts .sequence-next,
#touts .sequence-prev{
    position:absolute;
    top:50%;
    color:#fff;
    background-color:#000;
    background-color:rgba(0,0,0,0.5);
    z-index:8888;
    cursor:pointer;
}

#touts .sequence-next{
    right:1%;
}

#touts .sequence-prev{
    left:1%;
}

#touts .sequence-pagination{
    position:absolute;
    bottom:1%;
    right:1%;
    display:inline-block;
    text-align:center;
    z-index:8888;
}

#touts .sequence-pagination li{
    display:inline-block;
    background-color:#ccc;
    cursor:pointer;
}

#touts .sequence-pagination li.current{
    background-color:#6eb43f;
}

#touts #sequence{
    width:100%;
    position: relative;
    margin: 0 auto;
    z-index:9998;
}

#touts #sequence .bgContent{
    width:100%;
    height:auto;
}

#touts #sequence .sequence-canvas{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
}

#touts #sequence .sequence-canvas li{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#touts #sequence .sequence-canvas li * {
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
    width:100%;
    height:auto;
    opacity:0;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -ms-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

#touts #sequence .sequence-canvas li *{
}

#touts #sequence .sequence-canvas li.animate-in * {
  opacity: 1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#touts #sequence .sequence-canvas li.animate-out * {
  opacity: 0;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

.body .locationWrap{
    width:100%;
    position:relative;
}

    .body .locationWrap > img{
        width:100%;
        height:auto;
    }

    .body .locationWrap .locationAbsolute{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

        .body .locationWrap .locationContainerWrap{
            max-width:1360px;
            height:100%;
            margin:0 auto;
            text-align:center;
        }

            .body .locationWrap .locationContainerWrap .locationSearchWrap,
            .body .locationWrap .locationContainerWrap .locationResultWrap{
                display:inline-block;
                vertical-align:middle;
                position:relative;
            }

            .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap{
                position: absolute;
                bottom: 0;
                left: 50%;
            }

                .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap p{
                    font-family:'proxima_nova_rgbold', sans-serif;
                }

                .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap .searchInput{
                    width:100%;
                }
                
                    .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap .searchInput input[type=text]{
                        width:80%;
                        float:left;
                        font-size: 15px;
                        padding: 5px;
                        border: none;
                    }

                    .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap .searchInput .error{
                            display: block;
                            width: 80%;
                            text-align: center;
                            float: left;
                            color:#f01;
                            display:none;
                    }
                
                    .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap .searchInput button{
                        width:20%;
                        float:left;
                        background-color:#7abb50;
                        color:#fff;
                        padding: 6px 4px 8px;
                        border-radius: 0;
                    }

                .body .locationWrap .locationContainerWrap .locationResultWrap h1{
                    font-family:'proxima_nova_rgbold', sans-serif;
                }

                .body .locationWrap .locationContainerWrap .locationResultWrap h1 span{
                    font-family:Georgia;
                    font-style:italic;
                }

                .body .locationWrap .locationContainerWrap .locationResultWrap .btn-gotolocation{
                    font-family:'proxima_nova_rgbold', sans-serif;
                    text-transform:uppercase;
                    background-color:#7abb50;
                    color:#fff;
                    padding:5px 20px;
                    border-radius:0;
                }

                .body .locationWrap .locationContainerWrap .locationResultWrap .btn-setdefault{
                    font-family:'proxima_nova_rgbold', sans-serif;
                    text-transform:uppercase;
                    background-color:#bbb;
                    color:#fff;
                    padding: 5px 10px;
                    border-radius: 0;
                    font-size: 10px;
                    margin-top: 5px;
                }

    .oClubWrap{
        width:100%;
    }

    .oClubWrap img{
        width:100%;
        height:auto;
    }

    .freshSide,
    .savingTable,
    .nutritionWrap{
        width:100%;
    }

    .freshSide img,
    .savingTable img,
    .nutritionWrap img{
        width:100%;
        height:auto;
    }

.shareStory{
    background-image:url(../Images/bg-shareStory.jpg);
    background-position:center top;
    background-repeat:repeat;
    height:600px;
    width:100%;
    position:relative;
    overflow:hidden;
}

.shareStory #storySequence .sequence-pagination{
    position:absolute;
    z-index:7000;
    bottom:10px;
    left:0;
    width:100%;
    text-align:center;
}

.shareStory #storySequence .sequence-pagination li{
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    width:10px;
    height:10px;
    display:inline-block;
    margin:0 5px;
    cursor:pointer;
    background-color:#acce95
}

.shareStory #storySequence .sequence-pagination li.current{
    background-color:#6eb43f;
}

.shareStory #storySequence{
    width:100%;
    height:100%;
    position:relative;
}

.shareStory #storySequence .sequence-canvas li{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.shareStory #storySequence .sequence-canvas li.mainLi > *{
    margin-left:-100% !important;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: margin-left;
    -moz-transition-property: margin-left;
    -ms-transition-property: margin-left;
    -o-transition-property: margin-left;
    transition-property: margin-left;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.shareStory #storySequence .sequence-canvas li.story > *{
    opacity:0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;

}

.shareStory #storySequence .sequence-canvas li.mainLi.animate-in > *{
    margin-left:0% !important;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

.shareStory #storySequence .sequence-canvas li.story.animate-in > .storyWrap {
  opacity: 1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

.shareStory #storySequence .sequence-canvas li.mainLi.animate-out > *{
    margin-left:100% !important;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

.shareStory #storySequence .sequence-canvas li.story.animate-out > .storyWrap {
  opacity: 0;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

.shareStory #storySequence .sequence-canvas li.mainLi h1{
    background-image:url(../Images/img-shareStory-title.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    background-size:contain;
    width:100%;
    height:312px;
    margin:70px 0 40px;
    text-indent:-9999px;
}

.shareStory #storySequence .sequence-canvas li.mainLi .btnWrap{
    width:100%;
    text-align:center;
}

.btn-enter{
    background-image:url("../Images/btn-enter.jpg") !important;
}

.btn-facebook{
    background-image:url("../Images/btn-social-facebook.png") !important;
}

.btn-twitter{
    background-image:url("../Images/btn-social-twitter.png") !important;
}

.shareStory #storySequence .sequence-canvas li.mainLi .btnWrap a{
    width:395px;
    height:61px;
    display:inline-block;
}

.shareStory #storySequence .storyBtn{
    position:absolute;
    left:7%;
    top:70px;
    width:354px !important;
    height:460px !important;
    z-index:8000;
    display:none;
}

.shareStory #storySequence .storyBtn h2{
    background-image:url(../Images/img-shareStory-title-small.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    width:100%;
    height:301px;
    text-align:left;
    text-indent:-9999px;
    margin-top:0;
}

.shareStory #storySequence .storyBtn .btns{

}

.shareStory #storySequence .storyBtn .btns a{
    width:354px;
    height:61px;
    display:inline-block;
    margin-bottom:10px;
}

.shareStory #storySequence .sequence-canvas li.story .storyWrap{
    position:absolute;
    right:7%;
    top:70px;
    text-align:center;
}

.shareStory #storySequence .sequence-canvas li.story .storyWrap .imgWrap{
    position:relative;
    width:216px;
    height:216px;
    margin:0 auto;
}

.shareStory #storySequence .sequence-canvas li.story .storyWrap .imgWrap img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;
}

.shareStory #storySequence .sequence-canvas li.story .storyWrap .imgWrap img.userPic {
    z-index:5000;
}

.shareStory #storySequence .sequence-canvas li.story .storyWrap .imgWrap img.userMask {
    z-index:6000;
}

.shareStory #storySequence .sequence-canvas li.story .storyWrap h3{
    font-family:'proxima_nova_rgbold',sans-serif;
    font-size:30px;
    margin-bottom:0;
}

.shareStory #storySequence .sequence-canvas li.story .storyWrap h4{
    font-family:'proxima_novaregular_italic',sans-serif;
    font-size:18px;
    margin:0;
}

.shareStory #storySequence .sequence-canvas li.story .storyWrap p{
    font-family:'proxima_novasemibold',sans-serif;
    font-size:22px;
    margin-top:10px;
}

/*Menu Page CSS ===================================================*/

.menuWrap{
    width: 100%;
    margin: 0 auto;
}

.menuHalf{
    float:left;
    width:49%;
    margin-right:1%;
}

.marker{
    width:100%;
    padding:10px 0;
    background-color:#fff;
    color:#6eb43f;
    text-align:center;
    margin:0;
}

.marker li{
    display:inline-block;
    margin:0 10px;
    width: auto !important;
}

.marker li img{
    width:22px;
    height:auto;
    margin-right:10px;
}

.menuWrap .menuType{
    float:left;
    width:100%;
}

.menuWrap .menuType h1{
    width:100%;
    margin:0;
    text-transform:uppercase;
}

.menuWrap .menuType h1 img{
    width:100%;
    height:auto;
}

.menuWrap .menuType h4{
    background-color:#6eb43f;
    color:#fff;
    padding:10px 0;
    margin:0;
    text-align:center;
}

.menuWrap .menuType h4 span{
    text-transform:capitalize;
    font-family:"special_eliteregular", sans-serif;
    font-weight:normal;
}

.menuWrap .menuType h5{
  font-family: 'open_sansregular', sans-serif;
  font-size: 20px;
  line-height: 27px;
  margin: 10px auto;
  width: 86%;
}

.menuWrap .menuType ul{
    text-align:left;
}

.menuWrap .menuType ul li{
    display:inline-block;
    vertical-align:top;
    text-align:left;
    position:relative;
}

.menuWrap .menuType ul li .relativeWrap{
    width:100%;
    position:relative;
}

.menuWrap .menuType ul li h2,
.menuWrap .menuType ul li h3{
    font-family:"special_eliteregular", sans-serif;
    display:inline;
    margin:5px 0 3px;
    padding:5px 0 1px 0;
}

.menuWrap .menuType ul li h2{
    float:left;
    max-width:85%;
    text-transform:uppercase;
}

.menuWrap .menuType ul li.signatureItem h2{
    color:#6eb43f;
    padding-right:31px;
    background-image:url(../Images/ico-signature.png);
    background-image:url(../Images/ico-signatureie8.png)\9;
    background-position:right 4px;
    background-repeat:no-repeat;
}

.menuWrap .menuType ul li.newItem h2{
    color:#6eb43f;
    padding-right:33px;
    background-image:url(../Images/ico-new.png);
    background-image:url(../Images/ico-newie8.png)\9;
    background-position:right 4px;
    background-repeat:no-repeat;
}

.menuWrap .menuType ul li.signatureItem h3,
.menuWrap .menuType ul li.newItem h3 {
    color:#6eb43f;
}

.menuWrap .menuType ul li h3 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.menuWrap .menuType ul li hr{
    border:none;
    width:100%;
    margin: 0px 0 10px;
}

.menuWrap .menuType ul li p{
    color:#3a3a3a;
    font-family:'open_sansregular', sans-serif
}

.claim{
    width:85%;
    font-size:10px;
    text-align:justify;
    margin:5px auto;
}



.MenuSub{
    clear:both;
    width:100%;
    background-color:#3a3a3a;
    margin:0 0 -10px;
    position:fixed;
    top:135px;
    left:0;
    z-index:9998;
}

.MenuSub ul{
    width:86%;
    text-align:center;
    margin:0 auto;
}

.MenuSub ul li{
    display:inline-block;
    width:8.5%;
    vertical-align:top;
    margin:5px 0;
}

.MenuSub ul li a{
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
}

.MenuSub ul li a:hover{
    text-decoration:underline;
}

.exportMenu{
    padding-top:0;
}

.exportMenu h1{
    font-family:"intro_regular", sans-serif;
    text-align:center;
}

.exportMenu ul li{
    display:inline-block !important;
    width: auto !important;
    margin: 10px !important;
}

.exportMenu ul li a.btn{
    background-color:#6eb43f;
    border-color:#6eb43f;
}

/* Bar Page CSS ======================================*/

#barToutsWrap{
    position:relative;
}

#barToutsWrap .sequence-next,
#barToutsWrap .sequence-prev{
    position:absolute;
    top:50%;
    color:#fff;
    background-color:#000;
    background-color:rgba(0,0,0,0.5);
    z-index:8888;
    cursor:pointer;
}

#barToutsWrap .sequence-next{
    right:1%;
}

#barToutsWrap .sequence-prev{
    left:1%;
}

#barToutsWrap .sequence-pagination{
    position:absolute;
    bottom:1%;
    right:1%;
    display:inline-block;
    text-align:center;
    z-index:8888;
}

#barToutsWrap .sequence-pagination li{
    display:inline-block;
    background-color:#ccc;
    cursor:pointer;
}

#barToutsWrap .sequence-pagination li.current{
    background-color:#6eb43f;
}

#barToutsWrap #sequence{
    width:100%;
    position: relative;
    margin: 0 auto;
    z-index:9998;
}

#barToutsWrap #sequence .bgContent{
    width:100%;
    height:auto;
}

#barToutsWrap #sequence .sequence-canvas{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
}

#barToutsWrap #sequence .sequence-canvas li{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#barToutsWrap #sequence .sequence-canvas li * {
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
    width:100%;
    height:auto;
    opacity:0;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -ms-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

#barToutsWrap #sequence .sequence-canvas li *{
}

#barToutsWrap #sequence .sequence-canvas li.animate-in * {
  opacity: 1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#barToutsWrap #sequence .sequence-canvas li.animate-out * {
  opacity: 0;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

/* Nutrition Page CSS ================================*/

.nutritionInfoWrap{
    margin:10px auto;
}

.nutritionInfoWrap table{
    width:100%;
    font-size:14px;
    font-family:Arial, sans-serif;
}

.nutritionInfoWrap table th,
.nutritionInfoWrap table td{
    text-align:center;
    padding:3px 0;
    vertical-align:middle;
}

.nutritionInfoWrap table th{
    padding:5px 0;
    font-weight:bold;
}
.nutritionInfoWrap table td{
    padding:8px 0;
}

.nutritionInfoWrap table th:first-child,
.nutritionInfoWrap table td:first-child{
    padding-left:10px;
}

.nutritionInfoWrap table th:last-child,
.nutritionInfoWrap table td:last-child{
    padding-right:10px;
}

.nutritionInfoWrap table .name{
    text-align:left;
    text-transform:uppercase;
}

.nutritionInfoWrap table tr:nth-child(odd){
    background-color:#f8f8f8
}

.nutritionInfoWrap table tr.tableHeader{
    background-color:#e8e8e8;
}

.nutritionInfoWrap table tr.tableTitle{
    background-color:#6eb43f;
    color:#fff;
    font-size:20px;
}

.nutritionInfoWrap .btn-print{
    border:none;
    color:#6eb43f;
    font-size:14px;
    padding:10px 0 10px 30px;
    background-image:url(../Images/btn-print.png);
    background-position:left center;
    background-repeat:no-repeat;
}

.btn-adobeReader{
    display: block;
    margin: 0 auto 1em;
    float: none;
    width: 158px;
}

/* Allergen Page CSS ================================*/

.allergenInfoWrap{
    margin:0px auto;
}

p.disclaimer{
    font-size: 12px !important;
margin: 20px auto !important;
text-align: left;
width: 85%;
}

.allergenInfoWrap table{
    width:100%;
    font-family:Arial, sans-serif;
}

.allergenInfoWrap table th,
.allergenInfoWrap table td{
    text-align:left;
    padding:10px;
    vertical-align:middle;
}

.allergenInfoWrap table th{
    font-weight:bold;
}

.allergenInfoWrap table tr{
    width:100%;
}

.allergenInfoWrap table tr.even{
    background-color:#f8f8f8
}

.allergenInfoWrap table .name{
    text-align:left;
    text-transform:uppercase;
}

.allergenInfoWrap table th.name{
    text-align:right;
}

.allergenInfoWrap table th.noneIE8{
    font-size:0;
}

.allergenInfoWrap table td.name{
    padding-left:10px;
}

.allergenInfoWrap table th.filterItem label{
    width:100%;
    height:100%;
    display:block;
    overflow:hidden;
    text-align:center;
    position:relative;
}

.allergenInfoWrap table th.filterItem input[type=checkbox]{
    position:absolute;
    top:-100%;
}

.allergenInfoWrap table th.filterItem span{
    display:block;
    width:86%;
    background-color:#e8e8e8;
    padding:5px 0;
    margin:0 7%;
    box-sizing:border-box;
    cursor:pointer;
}

.allergenInfoWrap table th.filterItem input[type=checkbox]:checked + span{
    background-color:#6eb43f;
    color:#fff;
}

.allergenInfoWrap table td{
}

.allergenInfoWrap table .menuCataloge{
    background-color:#e8e8e8;
    padding:10px 0;
}

.allergenInfoWrap .btn-print{
    border:none;
    color:#6eb43f;
    font-size:14px;
    padding:10px 0 10px 30px;
    background-image:url(../Images/btn-print.png);
    background-position:left center;
    background-repeat:no-repeat;
}

/* Location page CSS ================================*/

.locationSearchPage{

}

.locationSearchPage img,
.locationDetailPage img{
    width:100%;
    height:autol
}

.locationSearchInputs{
    width:100%;
    padding:10px 0;
    background-color:#6eb43f;
    color:#fff;
    text-align:center;
}

.locationSearchInputs label, 
.locationSearchInputs input[type=text], 
.locationSearchInputs button{
    display:inline-block;
    vertical-align:middle;
}

.locationSearchInputs input[type=text]{
    text-align:left;
    color:#3a3a3a;
    padding:5px;
    border:solid 1px #3a3a3a;
}

.locationSearchInputs button{
    background-color:#3a3a3a;
    color:#e8e8e8;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    margin: 0 0 0 -5px;
    padding: 7px 11px 9px;
}

.locationSearchPage h1{
    text-align:center;
    font-size:25px;
}

.locationSearchPage .lbl-initial,
.locationSearchPage .lbl-noLocation{
    text-align:center;
    color:#6eb43f;
}

.locationSearchPage .listofLocations > li{
    border-bottom:solid 1px #6eb43f;
    padding:20px 0;
}

.locationSearchPage .listofLocations > li:last-child{
    border-bottom:none;
}

.locationSearchPage .listofLocations > li .infoWrap{
    float:left;
}

.locationSearchPage .listofLocations > li .infoWrap h2{
    width:100%;
    float:left;
}

.locationSearchPage .listofLocations > li .infoWrap h2,
.locationSearchPage .listofLocations > li .infoWrap h2 a{
    color:#000;
}

.locationSearchPage .listofLocations > li.defaultLocation .infoWrap h2,
.locationSearchPage .listofLocations > li.defaultLocation .infoWrap h2 a{
    color:#6eb43f;
}

.locationSearchPage .listofLocations > li .infoWrap h2 sup{
    font-size: large;
}

.locationSearchPage .listofLocations > li .infoWrap .addressWrap{
    float:left;
    margin-right:2%;
}

.locationSearchPage .listofLocations > li .infoWrap .addressWrap address{
    margin:0;
}

.locationSearchPage .listofLocations > li .infoWrap .addressWrap a{
    color:#3a3a3a;
}

.locationSearchPage .listofLocations > li .infoWrap .hoursWrap{
    float:left;
    width:70%;
    text-align:center;
}

.locationSearchPage .listofLocations > li .infoWrap .hoursWrap ul{
    text-align:left;
    vertical-align:top;
}

.locationSearchPage .listofLocations > li .infoWrap .hoursWrap h3{
    display:inline-block;
    min-width:100%;
    vertical-align:top;
    color:#6eb43f;
    margin-top:0;
    font-size:14px;
    margin-bottom: 3px;
}

.locationSearchPage .listofLocations > li .infoWrap .hoursWrap span{
    display:inline-block;
    vertical-align:top;
    font-family:'proxima_nova_rgbold', sans-serif;
    margin-bottom:0;
}

.locationSearchPage .listofLocations > li .infoWrap .hoursWrap ul.listofHours span{
    min-width:42%;
}

.locationSearchPage .listofLocations > li .infoWrap .hoursWrap ul.happyHours span{
    min-width:40%;
}

.locationSearchPage .listofLocations > li .infoWrap .hoursWrap ul.happyHours .hideLoc{
    display:none;
}

.locationSearchPage .listofLocations > li .infoWrap .hoursWrap ul.brunchHours span{
    min-width:20%;
}

.locationSearchPage .listofLocations > li .infoWrap .hoursWrap p{
    display:inline-block;
    min-width:53%;
    vertical-align:top;
    margin-bottom:0;
}

.locationSearchPage .listofLocations > li .locationBtnWrap{
    float:right;
}

.locationSearchPage .listofLocations > li .locationBtnWrap a{
    white-space:normal;
    color:#fff;
    background-color:#6eb43f;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    width:100%;
    box-sizing:border-box;
    margin: 5px auto;
}

.locationSearchPage .listofLocations > li .locationBtnWrap a.btn-setdefault{
    background-color:#ccc;
}

.locationSearchPage .listofLocations > li.defaultLocation .locationBtnWrap a.btn-setdefault{
    display:none;
}

.locationDetailPage{
    text-align:center;
}

.locationDetailPage .locationHeaderWrap{
    width:100%;
    position:relative;
    text-align:center;
}

.locationDetailPage .locationHeaderWrap img{
    position:relative;
    z-index:5000;
}

.locationDetailPage .locationHeaderWrap .nameWrap{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    z-index:6000;
}

.locationDetailPage .locationHeaderWrap .nameWrap .middleSetter{
    width:0.1%;
    height:100%;
    vertical-align:middle;
    display:inline-block;
}

.locationDetailPage .locationHeaderWrap h1{
    vertical-align:middle;
    width:92%;
    z-index: 6000;
    color:#fff;
    font-family:"intro_inlineregular", sans-serif;
    text-transform:uppercase;
}

.locationDetailPage .locationDetailLeft h1{
    font-family:'open_sansbold', sans-serif;
    text-align:left;
}

.locationDetailPage .locationDetail label.dividted{
    width:100%;
    height:1px;
    background-color:#6eb43f;
    color:#6eb43f;
    position:relative;
    margin:20px auto;
}

.locationDetailPage .locationDetail label.dividted span{
    position:absolute;
    left:0;
    background-color:#fff;
    font-family:'tradegothic_condensed_no._1Rg',sans-serif;
}

.locationDetailPage .locationDetail address,
.locationDetailPage .locationDetail a.phoneNum{
    text-align:center;
    font-family:'special_eliteregular', sans-serif;
    width:100%;
    color:#000;
    display:block;
}

.locationDetailPage .locationDetail .hoursWrap{
    width:100%;
    text-align:center;
}

    .locationDetailPage .locationDetail .hoursWrap ul{
        width:48%;
        display:inline-block;
        text-align:left;
        vertical-align:top;
    }

    .locationDetailPage .locationDetail .hoursWrap ul label,
    .locationDetailPage .locationDetail .hoursWrap ul p{
        width:48%;
        display:inline-block;
        vertical-align:top;
        margin:0;
    }
    
    .locationDetailPage .locationDetail .hoursWrap ul h3{
        color:#6eb43f;
        margin-top:0;
    }

    .locationDetailPage .locationDetail .hoursWrap ul label{
        font-family:'open_sansbold', sans-serif;
    }


    .locationSearchPage .listofLocations,
    .locationDetailPage .locationDetail{
        margin:10px auto;
    }

    .locationDetailPage .locationDetail ul.menuLinks{
        width:100%;
        text-align:center;
    }

    .locationDetailPage .locationDetail ul.menuLinks li{
        width:48%;
        display:inline-block;
    }

    .locationDetailPage .locationDetail ul.menuLinks li a{
        color:#6eb43f;
        width:100%;
        display:inline-block;
        text-align:left;
        padding-left:30px;
        background-image:url(../Images/bg-print.png);
        background-position:left center;
        background-repeat:no-repeat;
        font-size:18px;
        margin:10px 0;
    }

    .locationDetailPage .locationDetail ul.menuLinks li:first-child a,
    .locationDetailPage .locationDetail ul.menuLinks li.noIcon a{
        padding-left:0;
        background-image:none;
        margin:10px 0;
    }

    .locationDetailPage .locationDetailRight .instaTitle{
        margin:25px 0;
    }

    .locationDetailPage .locationDetailRight .instaTitle h1{
        float:left;
        font-size:37px;
        font-family:'special_eliteregular', sans-serif;
        margin:0;
    }

    .locationDetailPage .locationDetailRight .instaTitle a{
        background-image:url(../Images/btn-insta.png);
        width:250px;
        height:40px;
        text-align:left;
        text-indent:-9999px;
    }

    .locationDetailPage .locationDetailRight > ul{
        text-align:center;
    }

    .locationDetailPage .locationDetailRight > ul > li{
        display:inline-block;
        width: 32%;
        margin-right: 1%;
        margin-bottom: 1.5%;
    }

    .locationDetailPage .locationDetailRight ul li.noMargin{
        margin:0;
    }

    .locationDetailPage .locationDetailRight ul li.maxWidth{
        width: 99.4%;
        margin-right: 0;
    }

#locationTouts{
    width:100%;
    position: relative;
    margin: 0 auto;
    z-index:9998;
}

#locationTouts > img{
    width:100%;
    height:auto;
}

#locationTouts .sequence-canvas{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
}

#locationTouts .sequence-canvas li{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#locationTouts .sequence-canvas li * {
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
    width:100%;
    height:auto;
    opacity:0;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -ms-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

#locationTouts .sequence-canvas li *{
}

#locationTouts .sequence-canvas li.animate-in * {
  opacity: 1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#locationTouts .sequence-canvas li.animate-out * {
  opacity: 0;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

    .locationDetailPage  .listofOther{
        width:100%;
        text-align:center;
        margin-bottom:50px;
    }

    .locationDetailPage  .listofOther li{
        display: inline-block;
        margin: 10px 1.5%;
        text-align: left;
        vertical-align:top;
    }

    .locationDetailPage  .listofOther li h2{
        font-size:25px;
        font-family:'trade_gothic_lt_stdBdCnno.20', sans-serif;
        margin-top:0;
        line-height:30px;
    }

    .locationDetailPage .listofOther li h2 a {
        color:#000;
    }

    .locationDetailPage .listofOther li h2 a > span {
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        -ms-border-radius:10px;
        -o-border-radius:10px;
        border-radius:10px;
        display:inline-block;
        background-color:#6eb43f;
        color:#fff;
        font-size: 7px;
        padding: 3px 4px 6px 4px;
        position: relative;
        top: -0.6em;
        left: 10px;
    }

    .locationDetailPage .listofOther li address {
        font-size:18px;
        text-align:left;
        margin:0;
    }

    .locationDetailPage .listofOther li h2 a {
        color:#000;
        font-family: 'special_eliteregular', sans-serif;
    }

    .locationDetailPage .listofOther li > a {
        color:#000;
        font-family: Arial, sans-serif;
    }

    .locationDetail .btn-setdefault{
        margin:0 auto;
        text-align:center;
        background-color:#ccc;
        border-radius:0;
        color:#fff;
        display:inline-block;
    }

/* Gift Card Page CSS =======================================*/

.headerLink{
    width:100%;
    padding:10px 0;
    background-color:#6eb43f;
    color:#fff;
    text-align:center;
}

.headerLink a{
    color:#fff;
    font-weight:bold;
    font-family: 'proxima_nova_rgbold', Arial, sans-serif;
}

.headerLink a:hover{
    color:#fff;
}

.giftCardWrap{
    margin:0 auto;
}

.giftCardWrap h1{
    font-family: 'proxima_nova_rgbold', Arial, sans-serif;
    text-transform:uppercase;
    text-align:center;
}

.giftCardWrap ul{
    width:100%;
    text-align:center;
}

.giftCardWrap ul li{
    display:inline-block;
    box-sizing:border-box;
    vertical-align:top;
}

.giftCardWrap ul li h2{
    color:#6eb43f;
    font-family:'veneerregular', sans-serif;
}

.giftCardWrap ul li img{
    margin-bottom:20px;
    width: 40%;
    margin-right: 5%;
}

.giftCardWrap ul li p{
    text-align:left;
    width: 55%;
    float: right;
}

.giftCardWrap ul li .btn-order{
    padding:7px 25px;
    background-color:#6eb43f;
    color:#fff;
    letter-spacing:5px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    margin:10px auto 0;
    text-transform:uppercase;
}

/* O'Club Page CSS ==========================================*/

.oClubRegWrap{
    max-width:1070px;
    margin:10px auto 60px;
    text-align:center;
}

.oClubRegWrap ul{
    display:block;
}

.oClubRegWrap ul li{
    text-align:left;
    vertical-align:top;
    min-height:70px;
    margin-bottom:10px;
}

.oClubRegWrap ul li span.error{
    text-align: right;
    width: 100%;
    display: block;
    float: right;
}

.oClubRegWrap ul li span.error label{
    width:100%;
    margin:0;
    font-size:10px;
    color:#f01;
    font-family:Arial, sans-serif;
}

.oClubRegWrap ul li label{
    font-family:'special_eliteregular', sans-serif;
    font-size:18px;
    margin-top:5px;
    float:left;
    margin-right:10px;
}

.oClubRegWrap ul li input[type=text],
.oClubRegWrap ul li input[type=tel]{
    border:none;
    border-bottom:dotted 2px #3a3a3a;
}

.oClubRegWrap ul li input[type=text]#date,
.oClubRegWrap ul li input[type=text]#month,
.oClubRegWrap ul li input[type=text]#year{
    text-align:center;
}

.oClubRegWrap ul li.dropInput{

}

.oClubRegWrap ul li.dropInput label{
    width:100%;
    margin-right:0;
}

.oClubRegWrap ul li.dropInput .dropHalf{
    width: 47.5%;
    margin-right: 5%;
    float:left;
}

.oClubRegWrap ul li.dropInput .dropHalf:last-child{
    margin:0;
}

.oClubRegWrap ul li.dropInput .dropHalf:first-child + .dropHalf{
    margin:0\9;
}

.oClubRegWrap ul li.dropInput .dropDownWrap{
    width:100%;
    height:45px;
    background-color:#efefef;
    overflow:hidden;
    background-image:url(../Images/bg-dropdown.png);
    background-position:99% center;
    background-repeat:no-repeat;
}

.oClubRegWrap ul li.dropInput .dropDownWrap select{
    width:100%;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    border:none;
    height:100%;
    background:transparent;
    box-sizing:border-box;
    padding:5px;
}

.oClubRegWrap ul li.unsubblock{
    width:100%;
    border-top: solid 3px #ccc;
}

.oClubRegWrap ul li.unsubblock > div{
    width:50%;
    float:left;
}

.exptext{
        width: 100%;
    float: left;
    text-align: center;
}

.oClubRegWrap ul li.checkInput{

}

.oClubRegWrap .dropMedium{
    width:100%;
}

.oClubRegWrap ul li > div{
    padding:2% 0;
    width:100%;
}

.oClubRegWrap ul .updateSub{
    display:none;
}

.oClubRegWrap ul li.checkInput label.checkLabel{
    width:100%;
}

.oClubRegWrap ul li.checkInput label.checkWrapLabel{
    font-family:'proxima_novasemibold';
    font-size:14px;
    margin:0 0 10px 0;
    display:inline-block;
    float:none;
    overflow:hidden;
    position:relative;
    vertical-align:top;
}

.oClubRegWrap ul li.checkInput.checkSmall label.checkWrapLabel {
    width: 25%;
}

.oClubRegWrap ul li.checkInput.checkMedium label.checkWrapLabel {
    width: 49%;
}

.oClubRegWrap ul li.checkInput label.checkWrapLabel input[type=checkbox],
.oClubRegWrap ul li.checkInput label.checkWrapLabel input[type=radio] {
    position:absolute;
    top:-120%;
}

.oClubRegWrap ul li.checkInput.ie8 label.checkWrapLabel input[type=checkbox],
.oClubRegWrap ul li.checkInput.ie8 label.checkWrapLabel input[type=radio] {
    top:25%;
    left:0%;
}

.oClubRegWrap ul li.checkInput label.checkWrapLabel span{
    display:inline-block;
    width:26px;
    height:26px;
    background-image:url(../Images/bg-checkbox.png);
    background-position:0 -26px;
    background-repeat:no-repeat;
    vertical-align:top;
}
    .oClubRegWrap ul li.checkInput.ie8 label.checkWrapLabel span {
        background:none;
    }

.oClubRegWrap ul li.checkInput label.checkWrapLabel p{
    display: inline-block;
    vertical-align: middle;
    max-width: 82%;
    margin: 0;
}

.oClubRegWrap ul li.checkInput label.checkWrapLabel input[type=checkbox]:checked + span,
.oClubRegWrap ul li.checkInput label.checkWrapLabel input[type=radio]:checked + span {
    background-position:0 0px;
}

.oClubRegWrap #btn-oclub,
#btn-undo,
#btn-em{
    cursor:pointer;
    margin:20px auto;
    font-size:18px;
    background-color:#6eb43f;
    color:#fff;
    padding:5px 20px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    border:none;
    text-transform:uppercase;
    letter-spacing:3px;
    display:inline-block;
}

#btn-em{
    display:inline-block;
    background-color:#ccc;
    color:#fff;
    font-size:14px;
    margin-top:0;
}

#btn-em:active{
    background-color:#fff;
    color:#ccc;
}

.oClubRegWrap ul li.dropInput .reasonHidden .dropDownWrap{
    opacity:0.2;
}

.reasonHidden select{
    pointer-events:none;
}

.oClubThanks {
    margin:10px auto;
    text-align:center;
}

.oClubThanks h1{
    width:100%;
    margin-bottom:40px;
    background-image:url(../Images/img-oclub-thankyou.png);
    background-position:center top;
    background-repeat:no-repeat;
    background-size:contain;
    height:54px;
    text-align:left;
    text-indent:-9999px;
}

.oClubThanks p{
    width:100%;
    margin-bottom: 40px;
}

.oClubThankyou{
    width:100%;
    font-family:"intro_regular", sans-serif;
    margin:0 auto 40px;
}

.oClubThankyou h1{
    font-size:30px;
    text-align:center;
    margin-top:20px;
}

.oClubThankyou ul{
    width:100%;
    max-width:750px;
    margin:10px auto;
    text-align:center;
}

.oClubThankyou ul li{
    display:inline-block;
    width:49%;
    vertical-align:top;
}

.oClubThankyou ul li img{
    width:100%;
    height:auto;
}

.oClubThankyou ul li h2{
    font-size:28px;
}

.oClubThankyou ul li p{
    font-size:15px;
}

.oClubThankyou .btn{
    display:block;
    width:100%;
    padding:10px 20px;
    font-size:20px;
    color:#fff;
    background-color:#6eb43f;
    letter-spacing:4px;
}

#existingMember ul li{
    text-align:center;
}

/* FAQ PAGE CSS ======================================*/

.faqSubTitle{
    width:100%;
    padding:10px 0;
    background-color:#6eb43f;
    color:#fff;
    text-align:center;
    font-size:18px;
    margin:0;
}

.faqSubTitle a{
    color:#fff;
}

.faqSubTitle .glyphicon {
    font-size:14px;
}

.faqWrap{
    margin:40px auto;
    width:85%;
    max-width:1200px;
}

.faqWrap ul.faqNavItems {
    float:left;
    width:13%;
    text-align:right;
    font-size:16px;
    font-family:'open_sansbold', sans-serif;
}

.faqWrap ul.faqNavItems li{
    margin-bottom:15px;
    width:100px;
    float:right;
}

.faqWrap ul.faqNavItems li a{
    color:#000;
}

.faqWrap ul.faqNavItems li a.title{
    font-size:26px;
}

.faqWrap ul.faqNavItems li a.selected{
    color:#6eb43f;
}

.faqWrap ul.faqContent {
    float:right;
    width:83%;
    border-left:solid 1px #292929;
    padding-left:4%;
}

.faqWrap ul.faqContent > li{
    display:none;
    position:relative;
    width:100%;
}

.faqWrap ul.faqContent > li.showfaq{
    display:inline-block;
}

.faqWrap ul.faqContent > li h1{
    font-size:56px;
    color:#6eb43f;
    font-family:'veneerregular', sans-serif;
    margin:0 0 10px;
}

.faqWrap ul.faqContent > li .expandBtn{
    position:absolute;
    top:10px;
    right:0;
    color:#6eb43f;
    cursor:pointer;
}

.faqWrap ul.faqContent > li div {
    font-size:16px;
}

.faqWrap ul.faqContent > li .faqNavList{
    margin-left:5%;
    margin-top:40px;
}

.faqWrap ul.faqContent > li .faqNavList > li {
    margin-bottom:20px;
}

.faqWrap ul.faqContent > li .faqNavList > li a {
    color:#6eb43f;
}


.faqWrap ul.faqContent > li .faqNavList > li a span {
    font-size:10px;
}

.faqWrap ul.faqContent > li .faqAccordion {
}

.faqWrap ul.faqContent > li .faqAccordion li{
    font-size:16px;
    margin:0 0 30px;
}

.faqWrap ul.faqContent > li .faqAccordion li h2{
    background-image:url(../Images/img-arrow-left-small.png);
    padding-left:15px;
    background-position:left center;
    background-repeat:no-repeat;
    font-family:'open_sansbold', sans-serif;
    font-size:16px;
    cursor:pointer;
}

.faqWrap ul.faqContent > li .faqAccordion li > div{
    display:none;
    margin-left: 30px;
}

.faqWrap ul.faqContent > li .faqAccordion li.accordionOpen h2{
    background-image:url(../Images/img-arrow-bottom-small.png);
}

.faqWrap ul.faqContent > li .faqAccordion li.accordionOpen > div{
    display:block;
}

/* Contact US Page CSS =====================================*/

.contactusWrap{
    width:85%;
    margin:0 auto;
}

.contactusWrap h1{
    font-size:27px;
    width:100%;
    text-align:center;
    font-family:'proxima_novaextrabold', sans-serif;
    text-transform:uppercase;
    margin:20px 0;
}

.contactusWrap .textWrap{
    width:69%;
    float:left;
}

.contactusWrap .textWrap p{
    font-size:18px; 
    margin-bottom:20px;
}

.contactusWrap .textWrap p a{
    font-family:'proxima_nova_rgbold', sans-serif;
    color:#000;
    text-decoration:none;
}

.contactusWrap .textWrap p a:hover{
    text-decoration:underline;
}

.contactusWrap .addressWrap{
    font-size:18px; 
    padding:20px;
    background-color:#6eb43f;
    color:#fff;
    float:right;
    width:247px;
    margin-bottom:20px;
}

.contactusWrap .centered{
    text-align:center;
    font-weight:bold;
}

.contactusWrap .indent{
    padding:0 1em;
}

.contactusWrap .title{
    margin-bottom:0;
}

.contactusWrap p{
    margin:1em auto;
}

.contactusWrap ul{
    padding-left:2.5em;
}

.contactusWrap .circle li{
    list-style:circle;
}

.contactusWrap .number li{
    list-style:decimal;
}


/* Franchising Page CSs ========================*/


.FranchisingWrap{
    margin:40px auto;
    width:85%;
    max-width:1200px;
}

.FranchisingWrap ul.FranchisingNavItems {
    float:left;
    width:100%;
    text-align:right;
    font-size:16px;
    font-family:'open_sansbold', sans-serif;
    padding-right:10%
}

.FranchisingWrap ul.FranchisingNavItems li{
    margin-bottom:15px;
    width:100%;
    float:right;
}

.FranchisingWrap ul.FranchisingNavItems li a{
    color:#000;
}

.FranchisingWrap ul.FranchisingNavItems li a.title{
    font-size:26px;
}

.FranchisingWrap ul.FranchisingNavItems li a.selected{
    color:#6eb43f;
}

.FranchisingWrap .Content {
    border-left: solid 1px #292929;
    padding-left: 4%;
}

.FranchisingWrap .Content h1{
    font-size: 56px;
    color: #6eb43f;
    font-family: 'veneerregular', sans-serif;
    margin: 0 0 20px;
}

.FranchisingWrap .Content h2{
    font-size:18px;
    font-weight:bold;
    margin:10px 0 0;
}

.FranchisingWrap .Content p{
    font-size:14px;
    margin: 0 0 20px;
}

.FranchisingWrap .Content ul{
    padding:0 0 0 7%;
    margin: 5px 0 20px;
}

.FranchisingWrap .Content ul li{
    list-style:disc;
}

.FranchisingWrap .Content ul.states{
    width:50%;
}

.FranchisingWrap .Content ul.states li{
    list-style:none;
    display:inline-block;
    width:49%;
}

.FranchisingWrap .Content ul.numberLis li{
    list-style:decimal;
}

.FranchisingWrap .Content .noMargin{
    margin-bottom:0;
}

.FranchisingWrap .Content .hidefran{
    display:none;
}

.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls{

}

.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls .sfFormBox,
.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls .sfFormDropdown{
    width:45%;
    float:left;
    margin:0 5% 0 0;
    min-height:70px;
}

.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls .sfFormBox > div,
.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls .sfFormSubmit{
    display:inline-block;
    float:left;
}

.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls .sfFormSubmit{
    text-align:center;
    width:100%;
}

.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls .sfFormBox > div:first-child,
.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls .sfFormDropdown label{
    width: 35%;
    text-align: right;
}

.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls label{
    font-family:"special_eliteregular", sans-serif;
    font-size:18px;
    margin-top:7px;
}

.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls .sfError{
    width:100%;
    text-align:right;
    font-size:10px;
    color:#f01;
}

.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls .sfFieldWrp{
    float:right !important;
    width:62%;
}

.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls .sfFormBox > div.sfFieldWrp input{
    width:100%;
    border:none;
    border-bottom:#000 2px dotted;
    padding:5px;
    font-size:18px;
}

.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls .sfFieldWrp select{
    width:100%;
    background-color:#ccc;
    padding:5px;
    font-size:18px;
}

.FranchisingWrap #inquiryForm_ctl00_ctl00_formControls input[type=Submit]{
    font-family:"proxima_nova_rgbold", sans-serif;
    font-size:18px;
    padding:5px 30px 3px;
    background-color:#6eb43f;
    color:#fff;
    letter-spacing: 5px;
    text-transform:uppercase;
    border:none;
}

/* Privacy Policy CSS ==========================*/

.privacyWrap{
    width:85%;
    margin:0 auto;
    text-align:center;
}

.privacyWrap h1{
    text-align:center;
    margin:20px 0;
    font-family:'veneerregular', sans-serif;
    text-transform:uppercase;
}

.privacyWrap p{
    margin:10px 35px;
}

.privacyWrap ul.tableofcontent{
    display:inline-block;
    text-align:center;
    margin:10px auto 40px;
}

.privacyWrap ul.tableofcontent li{
    margin:10px 0;
}

.privacyWrap ul.tableofcontent li a{
    color:#000;
    text-decoration:none;
}

.privacyWrap ul.tableofcontent li a:hover{
    text-decoration:underline;
}

.privacyWrap ul.ppContent{
    margin-bottom:40px; 
    text-align:left;
}

.privacyWrap ul.ppContent li{

}

.privacyWrap ul.ppContent li h2{
    font-size:30px;
    margin:10px 0;
    font-family:'proxima_nova_rgbold', sans-serif;
    text-transform:uppercase;
}

.privacyWrap ul.ppContent li p{
}


/* Admin Page CSS ========================================*/

    /* Menu Admin ===================================*/

    #MenuAdminWrap{
        margin:0 auto;
        max-width:100%;
        width:100%;
        border-top:solid 5px #6eb43f;
    }

    #MenuAdminWrap .menuContainerWrap{
        margin:0 auto; 
        max-width:85%;
        padding: 10px 0 0;
    }

    #MenuAdminWrap .title{
        font-size:40px;
        text-transform:uppercase;
    }

    #MenuAdminWrap .btn-newitem,
    #MenuAdminWrap .btn-clone,
    #MenuAdminWrap .btn-back{
        background: #80d84e; /* Old browsers */
        background: -moz-linear-gradient(top,  #80d84e 0%, #6eb43f 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80d84e), color-stop(100%,#6eb43f)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #80d84e 0%,#6eb43f 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #80d84e 0%,#6eb43f 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #80d84e 0%,#6eb43f 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #80d84e 0%,#6eb43f 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d84e', endColorstr='#6eb43f',GradientType=0 ); /* IE6-9 */
        text-transform:uppercase;
        color:#fff;
        border:none;
    }

    #MenuAdminWrap .btn-bigclone,
    #MenuAdminWrap .btn-update{
        background-color:#ccc;
        color:#fff;
        padding:2px 20px;
        float:right;
    }

    #MenuAdminWrap #MenuMain{

    }

    #MenuAdminWrap .listOfMenuType{
        width:100%;
        text-align:left;
        margin-top:20px;
    }

    #MenuAdminWrap .listOfMenuType li{
        width:30%;
        text-align:left;
        display:inline-block;
        background-color:#e8e8e8;
        vertical-align:top;
        margin:10px 1%;
        padding:10px 20px;
        box-sizing:border-box;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        -ms-border-radius:10px;
        -o-border-radius:10px;
        border-radius:10px;
    }

    #MenuAdminWrap .listOfMenuType li h2{
        margin:3px 0 0;
        text-transform:uppercase;
        font-size:20px;
        float:left;
        max-width:250px;
        word-wrap:break-word;
    }

    #MenuAdminWrap .listOfMenuType li h2 a{
        color:#6eb43f;
    }

        #MenuAdminWrap .menuWrap .menuType ul {
            width: 100%;
        }

        #MenuAdminWrap .menuWrap .menuType > h2{
            color:#fff;
            background-color:#6eb43f;
            padding:10px 0;
            width:100%;
            text-transform:uppercase;
            text-align:center;
        }

        #MenuAdminWrap .newMenu{
            margin-bottom:30px;
        }

        #MenuAdminWrap .newMenu ul{
            margin:10px 0;
            text-align:left;
        }

        #MenuAdminWrap .newMenu ul li{
            display:inline-block;
            width:47%;
            margin:10px 1%;
            vertical-align:top;
            min-height:60px;
        }

        #MenuAdminWrap .newMenu ul li.longLi{
            width:98%;
            min-height:0;
        }

        #MenuAdminWrap .newMenu ul li label{
            width:100%;
        }

        #MenuAdminWrap .newMenu ul li input[type=text],
        #MenuAdminWrap .newMenu ul li select{
            width:100%;
            border:solid 1px #ccc;
            padding:5px;
            box-sizing:border-box;
        }
        
        #MenuAdminWrap .newMenu ul li textarea{
            resize:none;
            width:100%;
            height:162px;
            border:solid 1px #ccc;
            padding:5px;
            box-sizing:border-box;
        }

        #MenuAdminWrap .error{
            height:10px;
            width:100%;
            display:block;
            text-align:right;
            font-size:10px;
            color:#f01;
        }
         #MenuAdminWrap .newMenu ul li.checkWrap
        {
            min-height: 0;
            padding-top: 20px;
        }
        #MenuAdminWrap .newMenu ul li.checkWrap label{
            display:inline;
            margin-right:3%;
        }

        #MenuAdminWrap .newMenu ul li.checkWrap label input{
            margin:0;
            padding:0;
        }

        #MenuAdminWrap #CloneMenu .menuTypeWrap{
            width:50%;
        }

        #MenuAdminWrap #CloneMenu #MenuType{
            width:100%;
            padding:5px;
        }

@media (min-width: 0px) {
    

    #special{
        margin:0 0 0.5em;
    }

    #special a{
        color: #6eb43f;
    }
    .mobile{
        display:block;
    }

    .table-row-mobile{
        display:table-row;
    }

    .micro, .table-row-micro, .inline-micro{
        display:none;
    }

    .inline-mobile{
        display:inline-block;
    }

    #PublicWrapper{
        padding:0;
        float:left;
    }

    #PublicWrapper .header{
        min-height:55px;
        position:relative;
    }

    
    .topSpacer{
        height:0px;
        width:100%;
    }

        #PublicWrapper .header .navWrap{
            padding:10px 0;
        }

            #PublicWrapper .header .navWrap .logoBtn{
                background-image:url(../mobile/logo.png);
                background-position:center center;
                background-repeat:no-repeat;
                background-size:contain;
                width:50%;
                margin:5px auto;
                height:40px;
            }

            #PublicWrapper .header .navWrap .headerNav {
            }
            
    .mobileNavBtn{
    }

    .mobileNavBtn #mobileNav{
        background-image:url(../mobile/ico-menu-drop.png);
        background-color:transparent;
        background-size:contain;
        width:33px;
        height:28px;
        border-radius:0;
        position: absolute;
        top: 50%;
        left: 5%;
        margin-top: -14px;
    }

    .mobileNavBtn .mobileNav {
        width:100% !important;
        max-width:560px;
        opacity:1 !important;
        position:absolute;
        top:100%;
        left:0;
        background-color:#fff;
        -webkit-box-shadow: 10px 10px 27px -3px rgba(0,0,0,0.33);
        -moz-box-shadow: 10px 10px 27px -3px rgba(0,0,0,0.33);
        box-shadow: 10px 10px 27px -3px rgba(0,0,0,0.33);
        z-index:9999;
        display:none;
    }

    .mobileNavBtn .mobileNav .mobileNavLi{
        width:100%;
        margin-bottom:2px;
        background-color:#71b644;
        position:relative;
    }

    .mobileNavBtn .mobileNav .mobileNavLi img{
        width:22%;
        margin-right:6%;
        display:inline-block;
        vertical-align:middle;
    }

    .mobileNavBtn .mobileNav .mobileNavLi p{
        width:70%;
        color:#fff;
        font-family:"proxima_nova_rgbold", sans-serif;
        text-transform:uppercase;
        display:inline-block;
        vertical-align:middle;
        font-size:17px;
        margin:0;
    }

    .mobileNavBtn .mobileNav .mobileNavLi a{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        text-align:left;
        text-indent:-9999px;
    }
    
    .mobileNavBtn .mobileNav .headerLocation{
        padding:5%;
    }

    .mobileNavBtn .mobileNav .headerLocation label{
        font-family: 'proxima_novaextrabold', Arial, sans-serif;
        font-size:14px;
    }

    .mobileNavBtn .mobileNav .headerLocation address{
        font-family: 'proxima_nova_rgbold', Arial, sans-serif;
        font-size:16px;
        margin:0;
    }

    .mobileNavBtn .mobileNav .headerLocation address a{
        color:#000;
    }

    .mobileNavBtn .mobileNav .headerLocation .btnWrap{
        text-align:left;
        display:none;
    }

    .mobileNavBtn .mobileNav .headerLocation .btnWrap a{
        width:47%;
        background-color:#ccc;
        color:#000;
        border-radius:0;
        text-align:center;
        font-family:'proxima_novaextrabold', sans-serif;
        font-size:14px;
        margin:0 1.5% 0 0;
    }

    #touts #sequence,
    #barToutsWrap #sequence {
        margin-top:0px;
    }

    #touts .sequence-next,
    #touts .sequence-prev,
    #barToutsWrap .sequence-next,
    #barToutsWrap .sequence-prev {
        padding: 10px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        font-size: 20px;
        margin-top: -20px;
    }
    #touts .sequence-pagination li,
    #barToutsWrap .sequence-pagination li {
        margin: 0 2px;
        padding: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
    }
    .body .locationWrap .locationContainerWrap{
        width:100%;
    }

    .body .locationWrap .locationContainerWrap .locationSearchWrap,
    .body .locationWrap .locationContainerWrap .locationResultWrap{
        width:100%;
        height:100%;
    }

        .body .locationWrap .locationContainerWrap .showLoc {
            display:inline-block;
        }

        .body .locationWrap .locationContainerWrap .hideLoc {
            display:none;
        }

    .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap{
        width:76%;
        bottom:5%;
        margin-left: -37%;
    }

    .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap img{
        width:7%;
        margin-right:1%;
        float:left;
    }

    .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap p{
        width:35%;
        margin-right:1%;
        float:left;
        font-size: 12px;
        line-height: 14px;
    }

    .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap .searchInput{
        width:54%;
        margin-right:1%;
        float:left;
    }

    .body .locationWrap .locationContainerWrap .locationResultWrap{
        position:relative;
        text-align:center;
        width:100%;
    }

    .body .locationWrap .locationContainerWrap .locationResultWrap img{
        width:100%;
        height:auto;
    }

    .body .locationWrap .locationContainerWrap .locationResultWrap .mobileResults{
        display:inline-block;
        top: 0%;
        position: absolute;
        left:0;
        width:100%;
    }

    .body .locationWrap .locationContainerWrap .locationResultWrap h1{
        font-size:18px;
    }

    .menuWrap .menuType h4{
        max-height:5000px;
        opacity:1;
        margin:0px auto;
        overflow:hidden;
        font-size:12px;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-property: max-height, opacity;
        -moz-transition-property: max-height, opacity;
        -ms-transition-property: max-height, opacity;
        -o-transition-property: max-height, opacity;
        transition-property: max-height, opacity;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -ms-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

    .menuWrap .menuType h5{
        width:93%;
        font-size:12px;
        line-height:16px;
    }
    .menuWrap .menuType ul{
        width:95%;
        max-height:10000px;
        opacity:1;
        margin:0px auto;
        overflow:hidden;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-property: max-height, opacity;
        -moz-transition-property: max-height, opacity;
        -ms-transition-property: max-height, opacity;
        -o-transition-property: max-height, opacity;
        transition-property: max-height, opacity;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -ms-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

    .menuWrap .menuType.accordionClosed ul, .menuWrap .menuType.accordionClosed h4{
        max-height:0;
        opacity:0;
        padding:0;
    }

    .menuWrap .menuType ul li{
        width:100%;
        margin:10px 0;
    }

    .menuWrap .menuType ul li h2,
    .menuWrap .menuType ul li h3 {
        font-size: 16px;
        background-size: 22px auto;
    }

    .menuWrap .menuType ul li h3 sup{
        font-size: small;
    }

    .menuWrap .menuType ul li hr{
        border-bottom:dotted 2px #3a3a3a;
    }

    .menuWrap .menuType ul li p{
        font-size:12px;
    }

    .menuWrap{
        padding-top: 0px;
    }

    .marker{
        margin-top:0;
        width:100% !important;
    }

    .nutritionInfoWrap{
        width:95%;
        margin:10px auto;
    }

    .nutritionInfoWrap h1{
        font-size:15px;
        clear:both;
    }

    .nutritionInfoWrap ul{
        width:97%;
        float:right;
        margin-bottom:10px;
    }
    
    .nutritionInfoWrap ul li{
        background-size:10px auto;
        width:100%;
        float:right;
        background-image:url(../Images/img-arrow-bottom.png);
        background-position:0 0 ;
        background-repeat:no-repeat;
        padding-left:15px;
    }

    .nutritionInfoWrap ul li h2{
        font-size:10px;
        margin-top: 0;
        cursor:pointer;
    }

    .nutritionInfoWrap p{
        font-size:9px;
        float:right;
        width:95%;
        max-height:1000px;
        opacity:1;
        margin:0px auto;
        overflow:hidden;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-property: max-height, opacity;
        -moz-transition-property: max-height, opacity;
        -ms-transition-property: max-height, opacity;
        -o-transition-property: max-height, opacity;
        transition-property: max-height, opacity;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -ms-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

    .nutritionInfoWrap li.accordionClosed{
        background-image:url(../Images/img-arrow-left.png);
    }

    .nutritionInfoWrap li.accordionClosed p{
        max-height:0;
        opacity:0;
    }
    

    .nutritionInfoWrap .btn-print{
        float:none;
        margin:0 auto;
        width: 225px;
    }
        .allergenInfoWrap table {
            font-size: 10px;
            text-align:left;
        }

        .allergenInfoWrap table tr:nth-child(odd){
            background-color:#e8e8e8;
        }

        .allergenInfoWrap table tr:first-child{
            background-color: #6eb43f;
            color:#fff;
            font-size:20px;
        }

        .allergenInfoWrap table tr.title{
            background-color: #ababab;
            color:#fff;
            text-align:center;
            font-weight:bold;
        }

        .allergenInfoWrap table td.name{
            width: 40%;
        }

            .allergenInfoWrap table td p {
                margin: 5px auto;
            }

        .allergenInfoWrap .flagInfo {
            width:100%;
            color:#badda3;
            background-color:#6eb43f;
            padding: 0 8%;
            margin:0 auto 10px;
        }

        .allergenInfoWrap .flagInfo li{
            display:inline-block;
            font-size:9px;
            margin: 5px 2%;
            text-align: left;
            width: 24%;
        }


    .allergenInfoWrap .btn-print{
        margin: 0 auto;
        float: none;
        width: 247px;
    }

    .locationSearchInputs label{
        width:100%;
        height:auto;
        font-size:18px;
    }

    .locationSearchInputs input[type=text]{
        width:260px;
    }

    .locationDetailPage .locationHeaderWrap h1{
        font-size:14px;
    }

    .locationDetailPage .locationHeaderWrap h1 span{
        font-size:12px;
        font-family:'proxima_nova_rgbold', sans-serif;
    }

    .locationSearchPage .listofLocations,
    .locationDetailPage .locationDetail{
        width:95%;
    }

    .locationSearchPage .lbl-initial h2,
    .locationSearchPage .lbl-noLocation h2 {
        font-size:30px;
    }

    .locationSearchPage .listofLocations > li .infoWrap h2{
        font-size:12px;
        text-transform:uppercase;
    }

    .locationSearchPage .listofLocations > li .infoWrap h2 sup{
        font-family:Arial, sans-serif;
    }

    .locationSearchPage .listofLocations > li .infoWrap .hoursWrap ul {
        width: 100%;
    }

    .locationSearchPage .listofLocations > li .infoWrap .addressWrap{
        font-size:9px;
        width:100%;
    }

    .locationSearchPage .listofLocations > li .infoWrap .hoursWrap{
        font-size:9px;
        margin-top:10px;
    }

    .locationSearchPage .listofLocations > li .locationBtnWrap a{
        margin:3px auto;
        font-size:9px;
        letter-spacing:1px;
    }

    .locationSearchPage .listofLocations > li .locationBtnWrap a.btn-gotolocation{
        display:none;
    }

    .locationSearchPage .listofLocations > li .locationBtnWrap a.btn-getdirection{
        display:inline-block;
        padding-top: 45px;
        background-image:url(../mobile/bg-location.jpg);
        background-position:center 5px;
        background-size: auto 37px;
        background-repeat:no-repeat;
    }

    .locationSearchPage .listofLocations > li .locationBtnWrap a.btn-call{
        display:inline-block
    }

    .locationSearchPage .listofLocations > li .locationBtnWrap a.btn-setdefault{
        display:inline-block
    }

    .locationSearchPage .listofLocations > li .infoWrap h2 sup {
        font-size: x-small;
        display: block;
        top: 4px;
    }
    .locationSearchPage .listofLocations > li .infoWrap {
        width: 70%;
    }
    .locationSearchPage .listofLocations > li .locationBtnWrap {
        width: 30%;
    }

    .locationDetail .locationDetailBtnWrap{
        text-align:center;
    }

    .locationDetail .locationDetailBtnWrap a{
        width:47%;
        background-color:#ccc;
        color:#000;
        border-radius:0;
        text-align:center;
        font-family:'proxima_novaextrabold', sans-serif;
        font-size:18px;
        margin:0 1%;
    }

    .locationDetailPage .locationDetailLeft{
        margin:0 auto;
        width:95%;
    }

    .locationDetailPage .locationDetail label.dividted span{
        top:-12px;
        padding:3px 3px 3px 0;
        font-size:12px;
    }

    .locationDetailPage .locationDetailLeft h1{
        font-size:13px;
    }

    .locationDetailPage .locationDetail address,
    .locationDetailPage .locationDetail a.phoneNum{
        font-size:12px;
    }

    .locationDetailPage .locationDetail .hoursWrap ul,
    .locationDetailPage .locationDetail .hoursWrap ul h3 {
        font-size:10px;
    }

    .locationDetailPage .locationDetail  a.btn-googleGetDirections{
        background-image:url(../Images/btn-getlocation.png);
        background-size:contain;
        background-repeat:no-repeat;
        width:250px;
        height:50px;
        display:block;
        margin:10px auto;
        text-align:left;
        text-indent:-9999px;
    }

    .locationDetailPage .listofOther li {
        width: 98%;
    }

    .headerLink {
        font-size: 12px;
    }

    .headerLink a span{
        font-size: 8px;
    }

    .giftCardWrap {
        width: 95%;
    }

    .giftCardWrap h1 {
        font-size:18px;
    }

    .giftCardWrap ul li{
        width:100%;
        padding:20px 0;
    }

    .giftCardWrap ul li:last-child{
        border:none;
    }

    .giftCardWrap ul li h2 {
        font-size:30px;
        text-align:center;
    }

    .giftCardWrap ul li p {
        font-size:12px;
    }

    .giftCardWrap ul li p.petc {
        font-size:9px;
    }

        .giftCardWrap ul li .btn-order {
            font-size: 20px;
        }

    h1.oclubTitle{
        font-size:15px;
        font-family:'proxima_nova_rgbold', sans-serif;
        width:100%;
        text-align:center;
        margin:20px auto;
    }

    p.oclubTitle{
        font-size:12px;
        width:100%;
        text-align:center;
        width:80%;
        margin:10px auto;
    }

    .oClubRegWrap ul li{
        padding:1% 3%;
        width: 100%;
    }

    .oClubRegWrap ul li input[type=text],
    .oClubRegWrap ul li input[type=tel] {
        width:100%;
        font-size: 25px;
    }

    .oClubThanks{
        width:95%;
    }

    .oClubThanks h1{
        font-size:20px;
    }

    .oClubThanks p{
        font-size:12px; 
    }

    .oClubThankyou h1{
        font-size:12px;
        margin-top:10px;
    }

    .oClubThankyou ul li h2{
        font-size:11px;
    }

    .oClubThankyou ul li p{
        font-size:10px;
    }

    .oClubThankyou .btn{
        padding:10px 20px;
        font-size: 9px;
        letter-spacing: 1px;
    }


    .oClubRegWrap ul li.dropInput label{
        color: #aaa;
        font-family: Arial, sans-serif;
        font-size: 23px;
        font-weight: normal;
    }

    .sorry h1{
        font-size:20px;
    }
}

@media (min-width: 320px) {

}

@media (min-width: 480px) {

    .mobileNavBtn .mobileNav .mobileNavLi p {
        font-size:24px;
    }

    .mobileNavBtn .mobileNav .headerLocation .btnWrap a {
        font-size: 16px;
    }

    .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap p{
        font-size: 17px;
        line-height: 17px;
    }

    .body .locationWrap .locationContainerWrap .locationResultWrap .mobileResults {
        top: 14%;
    }

    .body .locationWrap .locationContainerWrap .locationResultWrap h1{
        font-size:20px;
    }

    .locationDetailPage .locationDetail address{
        font-size:18px;
    }

    .locationDetailPage .locationDetailLeft h1{
        font-size:20px;
    }

    .locationDetailPage .locationDetail .hoursWrap ul,
    .locationDetailPage .locationDetail .hoursWrap ul h3 {
        font-size:14px;
    }

    .nutritionInfoWrap ul li {
        background-size: 20px auto;
        -ms-background-size: 20px auto;
        padding-left:25px;
    }

    .headerLink {
        font-size: 15px;
    }

    .oClubThanks h1{
        font-size:25px;
    }

    .oClubThanks p{
        font-size:16px; 
    }

    .oClubThanks h1{
        font-size:20px;
    }

    .oClubThanks p{
        font-size:12px; 
    }

    .oClubThankyou h1{
        font-size:18px;
        margin-top:12px;
    }

    .oClubThankyou ul li h2{
        font-size:15px;
    }

    .oClubThankyou ul li p{
        font-size:12px;
    }

    .oClubThankyou .btn{
        padding:10px 20px;
        font-size: 12px;
        letter-spacing: 2px;
    }

    .locationDetailPage .locationHeaderWrap h1{
        font-size:16px;
    }

    .sorry h1{
        font-size:22px;
    }
}

@media (min-width: 540px) {
    #PublicWrapper .header {
        min-height:105px;
    }
    
    .topSpacer{
        height:0px;
        width:100%;
    }

    #PublicWrapper .header .navWrap .logoBtn{
        height:70px;
    }

    .mobileNavBtn .mobileNav .mobileNavLi p {
        font-size:30px;
    }

    .mobileNavBtn .mobileNav .headerLocation .btnWrap a {
        font-size: 18px;
    }

    .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap p{
        font-size: 18px;
        line-height: 18px;
    }

        .allergenInfoWrap table {
            font-size: 12px;
        }

    .allergenInfoWrap .flagInfo li {
        font-size: 18px;
    }

    .nutritionInfoWrap h1 {
        font-size: 30px;
    }

    .nutritionInfoWrap ul li h2{
        font-size:20px;
    }

    .nutritionInfoWrap p {
        font-size: 18px;
    }

    .nutritionInfoWrap ul {
        margin-bottom: 20px;
    }
    .locationSearchPage .listofLocations > li .infoWrap h2 {
        font-size: 24px;
    }

    .locationDetailPage .locationDetailLeft h1{
        font-size:36px;
    }

    .locationDetailPage .locationHeaderWrap h1{
        font-size:18px;
    }

    .locationDetailPage .locationDetail .hoursWrap ul,
    .locationDetailPage .locationDetail .hoursWrap ul h3 {
        font-size:19px;
    }

    .locationDetailPage .locationHeaderWrap h1 span {
        font-size: 18px;
    }
    .headerLink {
        font-size: 18px;
    }

    .headerLink a span{
        font-size: 12px;
    }

    .giftCardWrap h1 {
        font-size:25px;
    }

    .giftCardWrap ul li h2 {
        font-size:35px;
    }

    .giftCardWrap ul li p {
        font-size:16px;
    }

    .giftCardWrap ul li p.petc {
        font-size:10px;
    }

    h1.oclubTitle{
        font-size:30px;
    }

    p.oclubTitle{
        font-size:18px;
    }

    .oClubRegWrap ul li input[type=text] {
        font-size: 35px;
    }

    .sorry h1{
        font-size:25px;
    }
}

@media (min-width: 640px) {

    .mobileNavBtn .mobileNav .mobileNavLi p {
        font-size:34px;
    }

    .mobileNavBtn .mobileNav .headerLocation .btnWrap a {
        font-size: 20px;
    }

    .body .locationWrap .locationContainerWrap .locationResultWrap .mobileResults {
        top: 20%;
    }

    .body .locationWrap .locationContainerWrap .locationResultWrap h1{
        font-size:27px;
    }

    .locationDetailPage .locationHeaderWrap h1{
        font-size:30px;
    }

    .locationSearchPage .listofLocations > li .infoWrap h2{
        font-size:30px;
    }
    .locationSearchPage .listofLocations > li .infoWrap .addressWrap {
        font-size: 14px;
    }

    .locationDetailPage .locationDetail address,
    .locationDetailPage .locationDetail a.phoneNum{
        font-size:24px;
    }

    .oClubThanks h1{
        font-size:20px;
    }

    .oClubThanks p{
        font-size:12px; 
    }

    .oClubThankyou h1{
        font-size:24px;
        margin-top:25px;
    }

    .oClubThankyou ul li h2{
        font-size:23px;
    }

    .oClubThankyou ul li p{
        font-size:12px;
    }

    .oClubThankyou .btn{
        padding:10px 20px;
        font-size:17px;
        letter-spacing:4px;
    }

    .sorry h1{
        font-size:30px;
    }

}

@media (min-width: 786px) {
    
    #special{
        margin: 1.3em 0.5em 0 8%;
        float: left;
    }

    #special a{
        color: #fff;
    }

    .mobile, .table-row-mobile, .inline-mobile{
        display:none;
    }

    .micro{
        display:block;
    }

    .table-row-micro{
        display:table-row
    }

    .inline-micro{
        display:inline-block;
    }

    #PublicWrapper{
        min-width:960px;
    }

    #PublicWrapper .header{
        position:fixed;
        width:100%;
        top:0;
        left:0;
        z-index:9999;
        min-width:960px;
    }

            #PublicWrapper .header .navWrap{
                background-color:#fff;
            }

                #PublicWrapper .header .navWrap .logoWrap{
                    float:left;
                    margin-left:7%;
                }

                    #PublicWrapper .header .navWrap .logoWrap a{
                        background-image:url(../Images/logo.png);
                        width: 173px;
                        height: 51px;
                    }

                #PublicWrapper .header .navWrap .headerNav {
                    float:right;
                    margin-right:2%;
                    font-size:13px;
                    font-family:'proxima_nova_rgbold', sans-serif;
                    color:#6eb43f;
                    width:67%;
                }

                #PublicWrapper .header .navWrap .headerNav ul{
                    width:100%;
                    text-align:right;
                    text-transform:uppercase;
                }

                #PublicWrapper .header .navWrap .headerNav ul li{
                    margin: 13px 0.8% 0;
                }

                #PublicWrapper .header .navWrap .headerNav ul li.top-togo{
                    margin: 13px 0 0;
                }

                #PublicWrapper .header .navWrap .headerNav ul li.top-togo a{
                    padding: 6px 8px;
                    background-color: #6eb43f;
                    color: #fff;
                }

    #PublicWrapper .body{
        margin-bottom: -149px;
        padding-bottom:149px;
        min-height: 100%;
    }

    .body .locationWrap .locationContainerWrap{
        width:100%;
    }

    .body .locationWrap .locationContainerWrap .locationSearchWrap,
    .body .locationWrap .locationContainerWrap .locationResultWrap{
        width:49%;
    }

        .body .locationWrap .locationContainerWrap .showLoc,
        .body .locationWrap .locationContainerWrap .hideLoc {
            display:inline-block;
        }

        .body .locationWrap .locationContainerWrap .locationSearchWrap{
            height:95%;
            margin:1% 0;
        }

            .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap{
                width: 269px;
                margin-left: -134px;
            }

    .body .locationWrap .locationContainerWrap .locationResultWrap {
        height:auto;
        display:inline-block;
    }
    .body .locationWrap .locationContainerWrap .locationResultWrap h1{
        font-size:40px;
    }
    .body .locationWrap .locationContainerWrap .locationResultWrap address,
    .body .locationWrap .locationContainerWrap .locationResultWrap p,
    .body .locationWrap .locationContainerWrap .locationResultWrap .btn-gotolocation{
        font-size:20px;
    }

    .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap img{
        width:auto;
        margin-right:0;
        float:none;
    }

    .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap p{
        width:auto;
        margin-right:0;
        float:none;
        font-size: 20px;
        line-height: auto;
    }

    .body .locationWrap .locationContainerWrap .locationSearchWrap .searchWrap .searchInput{
        width:100%;
        margin-right:0;
        float:none;
    }

    .body .locationWrap .locationContainerWrap .locationResultWrap .mobileResults{
        display:inline-block;
        top: auto;
        position: relative;
        left:auto;
        width:100%;
    }
    .topSpacer{
        height:135px;
        width:100%;
    }
    #touts .sequence-next,
    #touts .sequence-prev,
    #barToutsWrap .sequence-next,
    #barToutsWrap .sequence-prev {
        padding: 20px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -ms-border-radius: 40px;
        -o-border-radius: 40px;
        border-radius: 40px;
        font-size: 40px;
        margin-top: -40px;
    }
    #touts .sequence-pagination li,
    #barToutsWrap .sequence-pagination li {
        margin: 0 5px;
        padding: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
    }

    .shareStory #storySequence .sequence-canvas li.story .storyWrap{
        width:45%;
    }

    .menuWrap{
        padding-top: 94px;
    }

    .menuWrap.barMenuWrap{
        padding-top: 0px;
    }

    .barTopHeaderLink{
        margin-top:103px;
    }

    .menuWrap .menuType ul{
        width:88%;
        margin:10px auto;
    }

    .menuWrap .menuType ul li{
        width:47%;
        margin:1%;
    }

    .menuWrap .menuType ul li h2,
    .menuWrap .menuType ul li h3 {
        font-size: 20px;
    }

    .menuWrap .menuType ul li h3 sup{
    }
        .menuWrap .menuType h4 {
            font-size: 18px;
        }

    .menuWrap .menuType h5{
          width: 86%;
        font-size:18px;
        line-height:20px;
    }

    .menuWrap .menuType ul li hr{
        border-bottom:dotted 4px #3a3a3a;
    }

    .menuWrap .menuType ul li p{
        font-size:16px;
    }

    

    .sides{
        width:93% !important;
    }

    #PublicWrapper .header .navWrap .menuSub ul li,
    .MenuSub ul li{
        font-size:10px;
    }

    .marker{
        margin-top:41px;
    }

    .nutritionInfoWrap,
    .allergenInfoWrap{
        width:85%;
    }

    .nutritionInfoWrap .btn-print,
    .btn-adobeReader{
        float:right;
        margin:0 auto;
        width: auto;
    }

        .allergenInfoWrap table {
            font-size: 14px;
        }

    .allergenInfoWrap table th.filterItem{
        width:9%;
    }

    .allergenInfoWrap table td{
    }

    .allergenInfoWrap table td.name{
        width: auto;
    }

    .allergenInfoWrap table td p{
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        padding: 7px;
        background-color:#e8e8e8;
        text-align: left;
        text-indent: -9999px;
        width: 0;
        height: 0;
    }

    .allergenInfoWrap table td p.yesAllergen{
        background-color:#6eb43f;
    }
        .allergenInfoWrap .btn-print {
            float: right;
        }

    .locationSearchPage .listofLocations,
    .locationDetailPage .locationDetail{
        width:85%;
    }

    .locationSearchPage .locationSearchInputs label{
        text-align:left;
        text-indent:-9999px;
        background-image:url(../Images/bg-findLocation.png);
        background-position:left top;
        background-repeat:no-repeat;
        width:510px;
        height:44px;
    }

    .locationSearchPage .locationSearchInputs input[type=text]{
        width:300px;
    }

    .locationDetailPage .locationSearchInputs label{
        padding-right:10px;
        width:400px;
    }

    .locationDetailPage .locationSearchInputs input[type=text]{
        width:300px;
    }

    .locationSearchPage .lbl-initial h2,
    .locationSearchPage .lbl-noLocation h2 {
        font-size:50px;
    }

    .locationSearchPage h2{
        font-family:'veneerregular', sans-serif;
    }

    .locationSearchPage .listofLocations > li .infoWrap h2{
        font-size:33px;
    }

    .locationSearchPage .listofLocations > li .infoWrap .hoursWrap ul.listofHours {
        width: 40%;
    }

    .locationSearchPage .listofLocations > li .infoWrap .hoursWrap ul.happyHours {
        width: 36%;
    }

    .locationSearchPage .listofLocations > li .infoWrap .hoursWrap ul.brunchHours {
        width: 22%;
    }

    .locationSearchPage .listofLocations > li .infoWrap .addressWrap{
        font-size: 16px;
        width: 28%;
    }

    .locationSearchPage .listofLocations > li .infoWrap .hoursWrap{
        font-size:12px;
    }

    .locationSearchPage .listofLocations > li .locationBtnWrap a.btn-gotolocation{
        display:inline-block;
    }

    .locationSearchPage .listofLocations > li .locationBtnWrap a.btn-getdirection{
        padding:5px 10px;
        background-image: none;
        display:inline-block;
    }

    .locationSearchPage .listofLocations > li .locationBtnWrap a.btn-call{
        display:none;
    }

    .locationSearchPage .listofLocations > li .locationBtnWrap a.btn-setdefault{
        display:inline-block
    }

    .locationSearchPage .listofLocations > li .infoWrap h2 sup {
        font-size: large;
        display: inline;
        top: -0.5em;
    }
    .locationSearchPage .listofLocations > li .infoWrap {
        width: 75%;
    }
    .locationSearchPage .listofLocations > li .locationBtnWrap {
        width: 20%;
    }

    .locationSearchPage .listofLocations > li .locationBtnWrap a{
        font-size:14px;
    }

    .locationDetailPage .locationDetailLeft{
        float:left;
        width:49%;
    }

    .locationDetailPage .locationDetailRight{
        float:right;
        width:49%;
    }

    .locationDetailPage .locationDetail label.dividted span{
        top:-24px;
        padding:5px 5px 5px 0;
        font-size:24px;
    }

    .locationDetailPage .locationDetailLeft h1{
        font-size:36px;
    }

    .locationDetailPage .locationHeaderWrap h1 span {
        font-size: 25px;
    }

    .locationDetailPage .locationDetail  a.btn-googleGetDirections{
        width:365px;
    }

    .locationDetailPage .locationDetail .hoursWrap ul,
    .locationDetailPage .locationDetail .hoursWrap ul h3 {
        font-size:14px;
    }

    .locationDetailPage .locationDetailRight .instaTitle a {
        float: left;
    }

    .locationDetailPage .locationDetail .clearfix.divide {
        margin-bottom: 90px;
    }

    .locationDetailPage .listofOther li {
        width: 30%;
    }

    .giftCardWrap {
        width: 85%;
    }

    .giftCardWrap h1 {
        font-size:30px;
    }

    .giftCardWrap ul{
        margin:60px auto;
    }

    .giftCardWrap ul li{
        width:48%;
        padding:0 30px;
        border:none;
        border-right:solid 1px #cccccc;
    }

    .giftCardWrap ul li h2 {
        font-size:45px;
        text-align:left;
    }

    .giftCardWrap ul li p {
        font-size:12px;
    }

    .giftCardWrap ul li p.petc {
        font-size:10px;
    }

    .giftCardWrap ul li .btn-order {
        font-size: 20px;
    }

    h1.oclubTitle {
        width:95%;
        max-width:1285px;
        margin:40px auto;
    }

    h1.oclubTitle img {
        width:100%;
    }

    .oClubRegWrap ul li {
        width: 48%;
        padding:1%;
    }

    .oClubRegWrap ul li input[type=text] {
        float: left;
        font-size: 20px;
    }

    .birthdateWrap input[type=text]{
        margin-right:10px;
    }

    .birthdateWrap input#year{
        margin:0;
    }

    .oClubThanks{
        width:85%;
    }

    .oClubThanks h1{
        font-size:30px;
    }

    .oClubThanks p{
        font-size:18px; 
    }

    .oClubRegWrap ul li.dropInput label{
        color: #000;
        font-family: 'special_eliteregular', sans-serif;
        font-size: 18px;
        font-weight: bold;
    }
}

@media (min-width: 977px) {
    #PublicWrapper .header .navWrap .headerNav {
        width: 72%;
        font-size: 15px;
    }
    #PublicWrapper .header .navWrap .headerNav ul li{
        margin: 15px 0.8% 0px;
    }
}

@media (min-width: 1200px) {
    #PublicWrapper .header .navWrap .headerNav {
        width: 72%;
        font-size:17px;
    }
    #PublicWrapper .header .navWrap .headerNav ul li{
        margin: 15px 1.5% 0px;
    }

    .shareStory #storySequence .sequence-canvas li.story .storyWrap{
        width:50%;
    }

    #PublicWrapper .header .navWrap .menuSub ul li,
    .MenuSub ul li{
        font-size:11px;
    }

    .locationDetailPage .locationHeaderWrap h1{
        font-size:70px;
    }

    .locationSearchPage .listofLocations > li .infoWrap h2{
        font-size:45px;
    }

    .locationSearchPage .listofLocations > li .infoWrap .addressWrap{
        font-size: 20px;
    }

    .locationDetailPage .locationDetail .hoursWrap ul,
    .locationDetailPage .locationDetail .hoursWrap ul h3 {
        font-size:17px;
    }

    .locationDetailPage .locationDetailRight .instaTitle a {
        float: right;
    }

    .giftCardWrap ul li p {
        font-size:15px;
    }

    .giftCardWrap ul li p.petc {
        font-size:12px;
    }

    .giftCardWrap ul li .btn-order {
        font-size: 25px;
    }

    .locationSearchPage .listofLocations > li .infoWrap .hoursWrap {
        font-size: 14px;
    }

}

@media (min-width: 1400px){
    

    .locationSearchPage .listofLocations > li .infoWrap .hoursWrap {
        font-size: 16px;
    }
    
}

@media (min-width: 1600px) {

    .shareStory #storySequence .sequence-canvas li.story .storyWrap{
        width:60%;
    }

    .locationSearchPage .listofLocations > li .infoWrap h2{
        font-size:56px;
    }
    .locationSearchPage .listofLocations > li .infoWrap .hoursWrap{
        font-size:14px;
    }

    .giftCardWrap ul li p {
        font-size:18px;
    }
}

@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }

   .header, .footer .topSpacer, .btn-print, .allergenInfoWrap input[type=checkbox]{display:none !important;}
   
    .nutritionInfoWrap{
        margin:0px auto;
    }

    .nutritionInfoWrap table{
        width:100%;
        font-size:14px;
        font-family:Arial, sans-serif;
    }

    .nutritionInfoWrap table th,
    .nutritionInfoWrap table td{
        text-align:center;
        padding:3px 0;
        vertical-align:middle;
    }

    .nutritionInfoWrap table th{
        padding:5px 0;
        font-weight:bold;
    }
    .nutritionInfoWrap table td{
        padding:3px 0;
    }

    .nutritionInfoWrap table th:first-child,
    .nutritionInfoWrap table td:first-child{
        padding-left:5px;
    }

    .nutritionInfoWrap table th:last-child,
    .nutritionInfoWrap table td:last-child{
        padding-right:5px;
    }

    .nutritionInfoWrap table .name{
        text-align:left;
    }

    .nutritionInfoWrap table tr:nth-child(odd){
        background-color:#f8f8f8
    }

    .nutritionInfoWrap table tr.tableHeader{
        background-color:#e8e8e8;
    }

    .nutritionInfoWrap table tr.tableTitle{
        background-color:#6eb43f;
        color:#fff;
        font-size:20px;
    }

    .allergenInfoWrap table td p{
        text-align: center;
        text-indent: 0;
    }
}