/* Video Home Page*/

.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
    z-index:1;   
}


.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}


.video-container {
   
    position: absolute;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #23609f;  

}

.overlay {
    position:relative;
    z-index:2;
    color: white;
    width: 100%;
    top:0;
    left:0;
    text-align:center;
    padding-top: 88px;
    size:128px;

}

.overlay-button-holder {
   text-align:center;
   padding-top: 322px;
}


.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;

}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
     height:100%; 
 
}
.video-container video.fillWidth {
    width: 100%;
 

}


@media screen and (max-width: 800px) {
    
    .fillWidth {
        display: none;
}
}


/* Tablet Landscape */
@media screen and (max-width: 1060px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;}  
}

/* Tabled Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}


@font-face {
font-family: ProximaNova;
font-weight: bold;
src: url("../fonts/ProximaNovaBlack.otf") format("opentype");
}
@font-face {
font-family: ProximaNova;
font-weight: 200;
src: url("../fonts/ProximaNovaRegular.otf") format("opentype");
}
@font-face {
font-family: ProximaNova;
font-weight: 100;
src: url("../fonts/ProximaNovaLight.otf") format("opentype");
}
@font-face {
font-family: ProximaNova;
font-weight: 400;
src: url("../fonts/ProximaNovaSemibold.otf") format("opentype");
}


img {
        border-width: 0px;
}

div {
        border: 0px solid purple;
}

a {
        text-decoration: none;
}

body {
        font-family: ProximaNova, Arial, Helvetica;
        padding: 0px;
        margin: 0px;
}

#dark-cover {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: black;
        opacity: 0.6;
        z-index: 100;
}

#container {
        margin: 0 auto;
        position: relative;
}

.header {
        width: inherit;
        height: 138px;
        background-color: #23609f;
        overflow: auto;
       
       
}

.logo {
        float: left;
        padding-top: 2px;
        padding-left: 5px;
        margin-right: 3px;
        color: white;
        font-family: ProximaNova, Arial, Helvetica;
        font-weight: bold;
        font-size: 30px;
}


.header .menu-a {
        text-decoration: none;
        position: relative;
        display: inline-block;
        color: white;
        font-size: 15px;
        font-weight: 200;
        margin-top: 10px;
        margin-left: 12px;
        margin-right: 15px;
        font-size: 18px;
        min-height: 44px;
        font-family: Comic Sans MS;
}

.header .selected {
        color: white;
        background-image: url('../images/header-menu-marker.png');
        background-repeat: no-repeat;
        background-position: 50% bottom;
}
.header .right {
        line-height: 34px;
        color: white;
        float: right;
       
}
.header .right img {
        vertical-align: middle;
}
.button {
        display: inline-block;
        width: 100px;
        height: 30px;
        line-height: 30px;
        color: white;
        text-align: center;
        vertical-align: middle;
        font-family: ProximaNova, Arial, Helvetica;
        font-size: 18px;
        font-weight: normal;
        margin-left: 4px;
        margin-right: 4px;
        border: 1px solid white;
        -moz-border-radius: 4px;
        border-radius: 4px;
}


@media(max-width:1100px) {
.button {
        display: inline-block;
        width: auto;
        height: 20px;
        line-height: 20px;
        color: white;
        text-align: center;
        vertical-align: middle;
        font-family: ProximaNova, Arial, Helvetica;
        font-size: 16px;
        font-weight: normal;
        margin-left: 3px;
        margin-right: 3px;
        border: 1px solid white;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding:5px;
}
}



@media(max-width:1100px) {
.header {
        width: inherit;
        height: 100px;
}
}



.buttonD {
        cursor:pointer;
        margin-top: 0px;      
        background: #23609f;
        display: inline-block;
        width: 158px;
        height: auto;
        line-height: auto;
        color: white;
        text-align: center;
        vertical-align: middle;
        font-family: ProximaNova, Arial, Helvetica;
        font-size: 17px;
        font-weight: normal;
        margin-left: 25px;
        margin-right: 25px;
        border: 2px solid black;
        -moz-border-radius: 15px;
        border-radius: 15px;
        padding:8px;
}


@media(max-width:1100px) {
     .buttonD{
    
        width:139px;
        font-weight: normal;
        margin-left: 18px;
        margin-right: 18px;
        padding:8px;
        font-size: 16.5px;
      
}
}


@media(max-width:1100px) {
.overlay {

    color: white;
    width: 100%;
    top:0;
    left:0;
    text-align:center;
    padding-top: 208px;

}
}


@media(max-width:1100px) {

.overlay-button-holder {
   text-align:center;
   padding-top: 55px;
}
}


@media(max-width:1100px) {
.homepage-hero-module {

    height: auto;

}
}


@media(max-width:1100px) {
.video-container{

    height: 100%;
overflow:scroll;


}
}

@media(max-width:800px) {
     .buttonD{
    
 
        font-size: 33px;
        font-weight: normal;
        margin-top:18px;
        margin-bottom: 18px;
        margin-left: 25px;
        margin-right: 25px;
        padding:8px;
        width: 25%;

      
}
}

@media(max-width:800px) {
.overlay {

    color: white;
    width: 100%;
    top:0;
    left:0;
    text-align:center;
    padding-top: 69px;
    margin-top:-40px;

}
}








@media(max-width:600px) {
     .buttonD{
    
 
        font-size: 13px;
        font-weight: normal;
        margin-top:0px;
        margin-bottom: 9px;
        margin-left: 15px;
        margin-right: 15px;
        padding:3px;
        width: 50%;
      
}
}





@media(max-width:600px) {
.overlay {

    color: white;
    width: 100%;
    top:0;
    left:0;
    text-align:center;
    padding-top: 40px;

}
}


@media(max-width:600px) {

.overlay-button-holder {
   text-align:center;
   padding-top: 38px;
}
}


@media(max-width:600px) {
.homepage-hero-module {

    height: auto;

}
}


@media(max-width:600px) {
.video-container{

    height: 100%;
overflow:scroll;


}
}









.buttonP {
        margin-top: 20px;
        background: #007F25;
        display: inline-block;
        width: 110px;
        height: 35px;
        line-height: 35px;
        color: white;
        text-align: center;
        vertical-align: middle;
        font-family: ProximaNova, Arial, Helvetica;
        font-size: 20px;
        font-weight: normal;
        margin-left: 4px;
        margin-right: 4px;
        border: 1.5px solid white;
        -moz-border-radius: 4px;
        border-radius: 4px;
}


.buttonS {
        cursor:pointer;
        margin-top: 0px;
        background: #007F25;
        display: inline-block;
        width: 100px;
        height: 36px;
        line-height: 36px;
        color: white;
        text-align: center;
        vertical-align: middle;
        font-family: ProximaNova, Arial, Helvetica;
        font-size: 24px;
        font-weight: normal;
        margin-left: 0px;
        margin-right: 0px;
        border: 1.5px solid white;
        -moz-border-radius: 4px;
        border-radius: 4px;
}

.sub-header {
    
      
        margin-left: 4px;
        margin-right: 33px;
        text-align: right;
        vertical-align: middle;
        font-size: 13px;
        margin-top:-15px;
        color: white;
        font-style: italic;

       

}

@media(max-width:1100px) {
     .sub-header{
    
 
        display:none;
       
}
}

@media(max-width:400px){

.header {
        width: inherit;
        height: 60px;
        overflow: hidden;
       
}       
}

.facebooktwitter {
                color: #28609e;
                border: 1px solid #28609e;
                width: 47%;
                height: 40px;
                line-height: 40px;
                margin: 3px;
}
.facebooktwitter img {
                top: 8px;
                margin-right: 7px;
                position: relative;
}
.header .first {
        color: #23609f;
        background-color: white;
        margin-right: 10px;
        margin-left: 20px;
}
.header .second {
        margin-right: 10px;
}

#user-dropdown {
        width: 170px;
        right: 390px;
        top: 50px;
        position: absolute;
        z-index: 102;
        background-color: white;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -moz-box-shadow:    0px 7px 7px 0px #aaa;
        box-shadow:         0px 7px 7px 0px #aaa;
}
#user-dropdown a {
        color: black;
        font-size: 13px;
        display: block;
        border-bottom: 1px solid #ddd;
        padding: 10px;
}
#slider {
        margin: 0 auto;
        width: 1977px;
        height: 400px;
        position: relative;
        z-index: -1;

}
#center-holder {
        max-width: 100%;
        min-width: 58%;
        position: relative;
        height: 200px
        margin: 0 auto;
}
.text-over-image {
        position: absolute;
        top: 20%;
        width: 100%;
        padding-left: 8%;
        color: white;
        background-color: rgba (0, 0, 0, 0.4);
}
.text-over-image .title {
        font-weight: 200;
        font-size: 1.65em;
        margin-bottom: 10%;
}
.text-over-image .subtitle {
        font-weight: 100;
        font-size: 1.2em;
        margin-bottom: 3%;
}
.text-over-image .button {
        top: 10px;
        width: 8em;
        height: 1.5em;    
        line-height: 1.5em;
        font-size: 1.2em;
        background-color: #28609E;
        
}

#get-app {
        margin: 0 auto;
        clear: left;
        float: left;
        width: 500px;
        height: 300px;
        padding-left: 3%;
        padding-top: 20px;
}
#get-book {
        margin: 0 auto;
        clear: right;
        float: right;
        width: 300px;
        height: 500px;
        padding-left: 1%;
        padding-top: 20px;
}
#get-app .title {
        font-size: 1.4em;
        margin-bottom: 8px;
}
#get-app .text {
        font-size: 1em;
        font-weight: 100;
        color: #252424;
        margin-bottom: 3em;
}
#phones {
        margin-top: -8px;
}
#add {
        clear: both;
        text-align: center;
        margin-bottom: 20px;
}
#add .title {
        font-size: 1.5em;
        padding-top: 60px;
        margin-bottom: 15px;
}
#add .text {
        font-size: 20px;
        color: #252424;
        font-weight: 100;
        margin-bottom: 1.5em;
        margin-left: 20px;
        margin-right: 20px;
}
#add .button {
        margin: 0 auto;
        width: 100px;
        height: 40px;
        line-height: 40px;
        background-color: #28609e;
        float: none !important;
        text-align: center,
        font-size: 1.5em;

}
#footer {
        min-height: 199px;
        background-color: #f4f2f3;
}
#footer .logo {
        color: #aaa;
}
#footer a{
        float: left;
        text-decoration: none;
        color: black;
        font-size: 1em;
        font-weight: 200;
        margin-top: 1.5em;
        margin-right: 0px;
        
}

#footer-newsletter1 {
    background: rgba(118, 111, 202, 0.85);
    border-top: 0px solid #fff;
    color: #fff;
    display: table;
    padding: 30px  0px;
    table-layout: fixed;
    width: 100%
}

#footer-newsletter {
    background: rgba(40,96,158, 0.85);
    border-top: 0px solid #fff;
    color: #fff;
    display: table;
    padding: 30px  0px;
    table-layout: fixed;
    width: 100%
}

#footer-newsletter1>div {
    display: table-cell;
    vertical-align: top;
    width: 50%
}
#footer-newsletter>div {
    display: table-cell;
    vertical-align: top;
    width: 50%
}

.footer-wrapper {
    max-width: 470px
}


.footer-wrapper2 {
    margin-left: 15%;
    padding-right: 10px
}



@media(max-width:768px) {
    .footer-wrapper {
        padding-left: 20px;
}
}
@media(max-width:768px) {
    .footer-wrapper2 {
        padding-left: 0px;
        width:180%;
        margin-left: 11%;
       
}
}

.mobile-book {
        margin-top:500px;
}

@media(max-width:768px) {
    .mobile-book {
        display: none;
       
}
}

@media(max-width:768px) {
    .photo-wrapper {
        display: none;
       
}
}




@media(max-width:768px) {
.footer-newsletter2>div {
    display: table-cell;
    vertical-align: top;
    width: 200%

}
}



#footer-newsletter>div:first-child .footer-wrapper {
    margin-left: auto;
    padding-right: 10px
}

#footer-newsletter>div:first-child h3 {
    max-width: 300px
}

#footer-newsletter>div:first-child p {
    margin-top: 20px;
    max-width: 300px
}

#footer-newsletter>div:nth-child(2) .footer-wrapper {
    margin-right: auto;
    padding-left: 10px
}

#footer-newsletter>div:nth-child(2) form input[type='text'] {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ef80b7;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0;
    color: #fff;
    font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
    font-size: 24px;
    margin-right: 20px;
    max-width: 280px;
    outline: 0;
    padding: 12px 0 14px;
    transition: border-bottom-color .4s;
    -moz-transition: border-bottom-color .4s;
    -ms-transition: border-bottom-color .4s;
    -o-transition: border-bottom-color .4s;
    -webkit-transition: border-bottom-color .4s;
    width: 100%
}

#footer-newsletter>div:nth-child(2) form input[type='text'].placeholder {
    color: #f2b8cd;
    color: rgba(255, 255, 255, 0.6)
}

#footer-newsletter1>div:nth-child(2) form input[type='text']:-ms-input-placeholder {
    color: #f2b8cd;
    color: rgba(255, 255, 255, 0.6)
}

#footer-newsletter>div:nth-child(2) form input[type='text']:-moz-placeholder {
    color: #f2b8cd;
    color: rgba(255, 255, 255, 0.6)
}

#footer-newsletter>div:nth-child(2) form input[type='text']::-moz-placeholder {
    color: #f2b8cd;
    color: rgba(255, 255, 255, 0.6)
}

#footer-newsletter>div:nth-child(2) form input[type='text']::-webkit-input-placeholder {
    color: #f2b8cd;
    color: rgba(255, 255, 255, 0.6)
}

#footer-newsletter>div:nth-child(2) form input[type='text']:focus {
    border-bottom-color: #fff
}

#footer-newsletter1>div:first-child .footer-wrapper {
    margin-left: auto;
    padding-right: 10px
}

#footer-newsletter1>div:first-child h3 {
    max-width: 300px
}

#footer-newsletter1>div:first-child p {
    margin-top: 20px;
    max-width: 300px
}

#footer-newsletter1>div:nth-child(2) .footer-wrapper {
    margin-right: auto;
    padding-left: 10px
}

#footer-newsletter1>div:nth-child(2) form input[type='text'] {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ef80b7;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0;
    color: #fff;
    font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
    font-size: 24px;
    margin-right: 20px;
    max-width: 280px;
    outline: 0;
    padding: 12px 0 14px;
    transition: border-bottom-color .4s;
    -moz-transition: border-bottom-color .4s;
    -ms-transition: border-bottom-color .4s;
    -o-transition: border-bottom-color .4s;
    -webkit-transition: border-bottom-color .4s;
    width: 100%
}

#footer-newsletter1>div:nth-child(2) form input[type='text'].placeholder {
    color: #f2b8cd;
    color: rgba(255, 255, 255, 0.6)
}

#footer-newsletter1>div:nth-child(2) form input[type='text']:-ms-input-placeholder {
    color: #f2b8cd;
    color: rgba(255, 255, 255, 0.6)
}

#footer-newsletter1>div:nth-child(2) form input[type='text']:-moz-placeholder {
    color: #f2b8cd;
    color: rgba(255, 255, 255, 0.6)
}

#footer-newsletter1>div:nth-child(2) form input[type='text']::-moz-placeholder {
    color: #f2b8cd;
    color: rgba(255, 255, 255, 0.6)
}

#footer-newsletter1>div:nth-child(2) form input[type='text']::-webkit-input-placeholder {
    color: #f2b8cd;
    color: rgba(255, 255, 255, 0.6)
}

#footer-newsletter1>div:nth-child(2) form input[type='text']:focus {
    border-bottom-color: #fff
}




#search-wrapper {
                width: inherit;
        background-color: white;
        float: left;
        position: relative;
}

 


#search {
        width: 230px;
        margin:8px;
        background-color: white;
        padding-left: 40px;

        background: url("../images/icon-search.png") left no-repeat;
}
#categories {
        border: 1px solid #ccc;
        width: 150px;
        background: url("../images/icon-select.png") no-repeat right #fff;
        overflow: hidden;
        display: inline-block;
        top: 0px;
        left: 15px;
        resize: 0px;
        position: relative;
}
#categories select {
                width: 150px;
                background: transparent;
                padding: 1px;
                font-size: 16px;
                border: 0;
                border-radius: 0;
                height: 34px;
                -webkit-appearance: none;
                appearance: none;
                -moz-appearance: window;
}
@-moz-document url-prefix() {
    #categories      select       {
                    background: url("../images/icon-search-none.png") no-repeat right #fff;

    }
}


.left-menu {
        float: left;
        width: 481px;
        height: ;
        position: absolute;
        top:108px;
        overflow: scroll;
        z-index: 99;
        border-top: 5px solid white;
-webkit-overflow-scrolling: touch;
}







.mask {
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	z-index: 2;
}

#mask {
	display: none;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	z-index: 10111111;
}

.wrapperse {
	background:#FFF;
	float:left; 
	border:1px solid #CECECE;
	
	
}

.wrapperse2 {
	background:#FFF;
	float:left; 
	border:1px solid #CECECE;
	padding-top::17px; 
	
}

select{
	border:1px solid #CECECE;
	padding:5px;
	border-radius:3px;
    -moz-border-radius: 3px;   
    -webkit-border-radius: 3px;
	width:200px;  
	height:30px;
}

select option{
	padding:10px 4px 10px 30px;
	border-bottom: solid 1px #E7E7E7;
	line-height:20px;
	display:block;
}

.inin{
border:2px solid #ccc;
height:auto;
}

















.left-menu .lm-discounts { 
        width:481px;
        border-bottom: 5px solid black;
}

.left-menu .lm-rewards { 
        width:478px;}

.left-menu .lm-newsfeed { 
        width:478px;}

.left-menu .lm-wallet { 
        width:478px;}

.bizd  { 
        margin-left: 50%;}

.left-menu .item {
        width: 456px;
        background-color: ;
}
.item img {
        vertical-align: text-bottom;
}
.item .dark-overlay {
        height: 100%;
        width: 95%;
        background-color: black;
        position: absolute;
        opacity: 0.7;
}
.transparent {
        opacity: 0.96;
}
.item .content {
        overflow:auto;
        width: 436px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 0px solid black;
       margin:15px;
       box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.item .photo {
        float: left;
        margin-right: 10px;
        width:128px;
        Height:128px;

}
.item .content .top {
        overflow: auto;
        background-color: white;
        border-bottom: 1px solid #d7d7db;
		height: auto;
}
.item .line1 {
        margin-top: 7px;
        font-size: 20px;
}
.item .line2 {
        font-size: 12px;
        font-weight: 100;
        color: #999;
        margin-bottom: 5px;
}
.item .line3 {
        font-size: 10px;
        margin-bottom: .3px;
}
.item .line4 {
        font-size: 14px;
        font-weight: 100;
        color: red;
        margin-bottom: 16px;
}
.item .line5 {
        font-size: 12px;
        color: #999;
}
.item .line5 img {
        vertical-align: bottom;
}
.item .bottom {
        background-color: #efeff4;
        overflow: auto;
}
.item .bottom .title {
        padding-top: 5px;
        font-size: 12px;
        padding-bottom: 5px;
        text-align: center;
}
.item .bottom img {
        float: left;
}
.item .bottom .pack {
        float: left;
        width: 60px;
        text-align: center;
        font-size: 20px;
        font-weight: 100;
padding:5px;
}
.item .bottom .pack .subtitle {
        font-size: 12px;
        color: #999;
}

#reward-view {
        width: 460px;
        position: fixed;
        top: 50%;
        margin-left: -240px;
        margin-top: -300px;
        left: 50%;
        z-index: 101;
}

#reward-view .content {
        -moz-box-shadow:    0px 0px 25px 0px black;
        box-shadow:         0px 0px 25px 0px black;

}

#reward-view .item .content {
        border: 0px solid black;
        -moz-border-radius: 6px;
        border-radius: 6px;
        overflow: hidden;

}


#weekly-view {
        width: 460px;
        position: fixed;
        top: 50%;
        margin-left: -240px;
        margin-top: -300px;
        left: 50%;
        z-index: 101;
}

#weekly-view .content {
        -moz-box-shadow:    0px 0px 25px 0px black;
        box-shadow:         0px 0px 25px 0px black;

}

#weekly-view .item .content {
        border: 0px solid #FFF;
        -moz-border-radius: 6px;
        border-radius: 6px;
        overflow: scroll;

}
.item .camera {
        float: right;
        color: #999;
        font-size: 14px;
        margin-top: 14px;
        margin-right: 14px;
}
.item .camera img {
        vertical-align: text-bottom;
}
.button-discount-buttons {
        width: 50%;
        height: 60px;
        text-align: center;
        line-height: 60px;
        color: white;
        background-color: #8c8c8d;
        float: left;
        border-left: 1px solid #6b6c6d;
        margin-left: -1px;
}

@media screen and (max-width:1000px) {

.button-discount-buttons {
    display:none
}
}

.button-discount-buttons img {
        vertical-align: text-bottom;
        margin-right: 10px;
}
.item .recommend {
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #28609e;
        color: white;
}
.item .more {
        
        text-align: center;
        color: white;
        background-color:#357465;
        font-size:140%; 
        padding-top:30px;
        width:100%;
        height:80px;

}

@media screen and (max-width:600px) {

.item .more {
    height:80px;
    width:100%;
}
}


.item .recommend .pts {
        font-size: 12px;
        border: 1px solid #678fba;
        padding: 3px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}

.item .close {
        height: 50px;
        line-height: 50px;
        text-align: right;
        color: white;
        font-size: 30px;
        padding-bottom: 20px;
        padding-right: 15px;
        margin-top: -88px;
}

@media screen and (min-width:1000px) {

.item .close {
    display:none;
}
}

.item .tag {
        width: 93%;
        text-align: right;
        padding-top: 20px;
        color: white;
        opacity: 0.4;
}
.item .tag span {
        margin-left: 10px;
}
.item .tag img {
        float: left;
}
.item .hline {
        clear: both;
        border-bottom: 1px solid white;
        opacity: 0.1;
        padding: 10px;
}
.item .phone {
        width: 50%;
        float: left;
        text-align: left;
        padding-top: 16px;
        color: white;
}
.item .flag {
        width: 43%;
        float: left;
        text-align: right;
        padding-top: 16px;
        color: white;
}
.item .view-weekly-button {
        width: 92%;
        height: 50px;
        line-height: 50px;
        margin-top: 20px;
        color: white;
        font-size: 18px;
        text-align: center;

        border: 1px solid white;
        -moz-border-radius: 6px;
        border-radius: 6px;
}

@media screen and (max-width:1000px){ 
 .view-weekly-button{
        display:none;
}
}


#lm-rewards .content {
        -moz-border-radius: 12px;
        border-radius: 12px;
}
#lm-rewards .bottom .title {
        color: white;
        background-color: #52b118;
        height: 30px;
}
.red {
        background-color: #ec3e2c !important;
}

#lm-newsfeed .content {
        background-color: white;
}
#lm-newsfeed .content .line2 {
        font-size: 17px;
        background-color: white;
}
#lm-newsfeed .content .link {
        color: #3571ab;
}
#lm-newsfeed .line-green {
        color: #62b33b;
        margin-top: 10px;
}
#lm-newsfeed .line-red {
        color: #ec3e2c;
        font-size: 13px;
}
#lm-wallet .holder {
        text-align: center;
        padding-bottom: 20px;
        overflow: auto;
        color: white;
        background-color:rgba(0,0,0,0.8);
}
#lm-wallet .title {
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
        font-size: 24px;
        font-weight: 400;
}
#lm-wallet .button-flat {
        text-align: center;
        height: 80px;
        line-height: 80px;
        font-size: 24px;
        width: 50%;
        float: left;
        border-left: 1px solid black;
        margin-left: -1px;
        border-bottom: 1px solid black;
}
#lm-wallet .button-wallet {
        width: 40%;
        height: 50px;
        line-height: 50px;
        margin-top: 20px;
        color: white;
        font-size: 18px;
        text-align: center;
        border: 1px solid #888;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin-bottom: 30px;
        display: inline-block;
        margin-left:5px;
}

.WeekList-wraper {
  width: 428px;
  margin: 20px;
  margin-right: 20px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.WeekList {
  background-color: white;
  padding: 5px;
  width: 470px;
  text-align: center;
}
.WeekList .title {
  margin-top: 20px;
  font-size:24px; 
}

.WeekList .line1 {
  font-size: 16px;
  margin-bottom: 6px;
}
.WeekList .line2 {
  font-size:22px; 
  color:red;
}
.WeekList .line3 {
  padding-bottom: 20px;
  font-size: 14px;
  color: #666;
}
.WeekList .line3 img {
  vertical-align: bottom;
  margin-left: 10px;
  margin-right: 10px;
}


.holder{
    
        width:461px
}


.item transparent { 
       width:461px;
}


.wrapperse2 {
	
	width:461px;

}

.wrapperse {

	  width:461px;
          padding:9px; 

}



#add-your-business {display:none;}
#user-sign-up {display:none;}
#user-sign-in {display:none;}
#contact-us {display:none;}
#lm-rewards {display: none;}
#lm-newsfeed {display:none;}
#lm-wallet {display:none;}
#forgot-details  {display:none;}
}




.student-discount-description {
    color: #444;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 200%;
    font-style: italic;
    padding: 0 20px;
    margin-bottom: 50px
}

.student-discount-shop-btn {
    width: 80%;
    max-width: 280px;
    padding: 10px 0 6px;
    border-radius: 3px;
    background: #c18821;
    color: #fff;
    margin: 0 auto;
    opacity: .8;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -ms-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms
}


.student-discount-events-container {
    display: table-cell;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%
}

.student-discount-event {
    box-sizing: border-box;
    padding: 10px 10px 20px 10px;
    width: 16.6667%;
    float: left; 
   
       
}

.student-discount-event2 {
    box-sizing: border-box;
    padding: 50px 10px 20px 30px;
    width: 33%;
    float: left;
   
}


.student-discount-event2-wrapper {
 
  
   width:100%;
    
   

   
}       
       
.student-discount-event a, .student-discount-event img {
    display: block
}

.student-discount-event a:hover {
    text-decoration:none;
}

.student-discount-event img {
    width: 100%
}

.student-discount-event-title {
    color: #444;
    font-size: 118%;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    font-weight: 200;
    padding: 5px 0px 5px 15px;
    background-color:#ffffff;
}

.student-discount-event-subtitle {
    color: #c18821;
    font-size: 155%;

    background-color:#ffffff;
    text-align:center;
}

.student-discount-event a:hover .student-discount-event-title, .student-discount-event a:hover .student-discount-event-subtitle {
    text-decoration: underline
}


@media screen and (max-width:1700px) {

.student-discount-event {
    width: 20%;
}
.student-discount-event-title {
        font-size: 110%;
}
}

@media screen and (max-width:1366px) {

.student-discount-event {
    width: 25%;
   
}

.student-discount-event-title {
        font-size: 110%;
    }

    .student-discount-event-subtitle {
        font-size: 130%;
        text-align: center;
        padding:5px;
        
    }
}



@media screen and (max-width:1220px) {
    
.student-discount-event-title {
        font-size: 110%;
        padding:5px;
    }

    .student-discount-event-subtitle {
        font-size: 120%;
        text-align: center;
        padding:5px;
        
    }
}


@media screen and (max-width:1220px) {
    .student-discount-event2-title {
        font-size: 70%
    }

    .student-discount-event2-subtitle {
        font-size: 70%
    }
}

@media screen and (max-width:1024px) {

.student-discount-event {
    width: 33%;
}
}


@media screen and (max-width:768px) {

.student-discount-event {
    width: 50%;
}
}


@media screen and (max-width:768px) {
    
.student-discount-event-title {
        font-size: 90%
      
}
}

@media screen and (max-width:1229px) {
    .hp-btn, .hp-btn-trans {
        font-size: 14px;
        width: 100px
    }

    .hp-btn.hp-btn-override {
        width: 150px;
        bottom: 40px
    }

    .hp-btn-trans {
        height: 30px;
        line-height: 30px
    }

    .hp-btn {
        height: 30px;
        line-height: 32px
    }

    .hp-heading {
        font-size: 23px
    }

    .hp-text {
        font-size: 16px
    }

}
@media screen and (max-width:1000px) {    

.student-discount-event2 {
    box-sizing: border-box;
    padding: 5px;
    width: 25%;
}


.student-discount-event2-wrapper {
 
    height: 100px;
    width:100%;
    font-size: 70%;
} 

}
@media screen and (max-width:789px) {    

.student-discount-event2 {
    box-sizing: border-box;
    padding: 5px;
    width: 50%;

}

.student-discount-event-title {

    padding-left: 25px;
    font-size: 120%;


}
.student-discount-event-subtitle {
    color: #c18821;
    text-align:center;
    font-size: 140%;
    padding:20px;

}


.student-discount-event2-wrapper {
 
    height: 100px;
    
    font-size: 60%;
} 
   
}

@media screen and (max-width:480px) {    

.student-discount-event {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;

}


.student-discount-event2 {
    box-sizing: border-box;
    padding: 5px;
    width: 50%;
}
.student-discount-event-subtitle {
    color: #c18821;
    font-size: 150%;
    text-align:center;
    padding-top: 20px;

}

.student-discount-event-title {

    padding-left: 25px;
    font-size: 120%;


}

}
@media screen and (max-width:400px) {    

.student-discount-event {
    box-sizing: border-box;
    padding: 20px;
    width:100%;
    height:400px;
}

.student-discount-event2 {
    box-sizing: border-box;
    padding: 20px;
    width: 100%;

}

.student-discount-event2-wrapper {
 
    height: 100%;
    font-size: 100%;
}
}


#front-page-panels {
    border-top: 0px #fff solid;
    color: #fff
}

.front-page-panel {
    float: left;
    overflow: hidden;
    position: relative;
    width: 50%;
    
    
}

.front-page-panel img {
    width: 100%
}

.front-page-panel .container-outer {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: top 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: top 1s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: top 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 1s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: top 1s cubic-bezier(0.23, 1, 0.32, 1);
    width: 100%
}

.front-page-panel .container-outer:nth-child(3) {
    
    top: 100%
}

.front-page-panel .container-outer:nth-child(3) p {
    margin: 0 auto;
    max-width: 375px
}

.front-page-panel .container-outer:nth-child(3) p+a.button, .front-page-panel .container-outer:nth-child(3) p+a.button+a.button {
    margin-top: 30px
}

.download-the-app-panel.front-page-panel .container-outer:nth-child(3) a.button {
    background: 0;
    font-size: 20px !important;
   
}

html.mobile .front-page-panel .container-outer:nth-child(2):not(:last-child), .front-page-panel:hover .container-outer:nth-child(2):not(:last-child) {
    top: -100%
}

html.mobile .front-page-panel .container-outer:nth-child(3), .front-page-panel:hover .container-outer:nth-child(3) {
    top: 0
}

.front-page-panel .container-middle {
    
    display: table;
    height: 100%;
    width: 100%
}

.front-page-panel .container-inner {
    display: table-cell;
    padding: 0 40px;
    
    font-size: 22px;
    color: white;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.front-page-panel h3 {
    font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
    font-weight: normal
}

.front-page-panel h3 img {
    margin-left: 5px;
    position: relative;
    top: 3px;
    width: 30px
}

@media(max-width:1091px) {
    .front-page-panel {
        float: none;
        width: 100%
    }

    .front-page-panel .container-outer:nth-child(2):not(:last-child) {
        top: -100%
    }

    .front-page-panel .container-outer:nth-child(3) {
        top: 0
    }

    .current.food-item {
        min-height: 520px
    }
}




.hero .hero-text {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 33%;
    max-width: 900px;
    width: 100%;
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%)
}

@media only screen and (max-width:991px) {
    .hero .hero-text {
        padding: 0 0%
    }
}

@media only screen and (max-width:767px) {
    .hero .hero-text {
        padding: 30px 0px;
        position: relative;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
}

.hero .hero-text h1, .hero .hero-text h2, .hero .hero-text h3, .hero .hero-text h4,
.hero .hero-text h5, .hero .hero-text h6, .hero .hero-text p, .hero .hero-text a,
.hero .hero-text ul, .hero .hero-text ol, .hero .hero-text dl, .hero .hero-text span,
.hero .hero-text div, .hero .hero-text label, .hero .hero-text blockquote {
    color: #fff
}

@media only screen and (max-width:767px) {
    h1 {
        font-size: 1.5em
}

}



.hero .hero-text p {
    color: #fff;
    font-size: 1.5em;
    font-weight: 300
}

@media only screen and (max-width:991px) {
    .hero .hero-text p {
        font-size: 1em
    }
}

#no-hero p {
    font-size: 1.5em
}

@media only screen and (max-width:991px) {
    #no-hero p {
        font-size: 1.25em
    }
}


.hero {
    position: relative;
    height: 400px;
    text-align: center;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin-top: 0px
}

@media only screen and (min-width:768px)and (max-width:991px) {
    .hero {
        height: 350px;
        margin-top: 1px
    }
}

@media only screen and (max-width:767px) {
    .hero {
        height: auto;
        margin-top: 0px
    }
}

.semi-transparent-background {
    display: none;
    background: #000;
    background: rgba(0, 0, 0, .5)
}

#no-hero {
    text-align: center;
    margin: 120px 0 0
}

#no-hero .date {
    font-family: "adobe-garamond-pro", serif;
    font-size: 1.8em;
    color: #9d9da4
}

@media only screen and (max-width:991px) {
    #no-hero .date {
        font-size: 1em
    }
}

@media only screen and (max-width:991px) {
    #no-hero {
        margin-top: 80px
    }
}



@media only screen and (max-width:991px) {
    #no-hero .date {
        font-size: 1em
}
}

@media only screen and (max-width:991px) {
    #no-hero {
        margin-top: 80px
}
}

.GetBusy {
width:477px;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
font-weight: 400;

}
}



/* Responsive iPhone 5 landscape*/

@media only screen and (min-device-width: 320px) and (max-device-height: 800px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.left-menu {
        float: left;
        width: 150%;
        height: 100%;
        position: absolute;
        top: 138px;
        overflow: scroll;
        z-index: 99;
        border-top: 5px solid white;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.left-menu .lm-imdiscounts {width:568px;
}
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.left-menu .lm-rewards { 
        width:568px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.left-menu .lm-newsfeed { 
        width:568px;}


}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.left-menu .lm-wallet { 
        width:568px;
}
}




@media only screen and (min-device-width: 320px) and (max-device-height: 800px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.left-menu .item {
        width: 100%;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .content {
        overflow:auto;
        width: 556px;
        -moz-border-radius: 1px;
        border: 3px solid black;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .photo {
        float: left;
        margin-right: 3px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .content .top {
        overflow: auto;
        background-color: white;
        border-bottom: 3px solid #d7d7db;
		height: auto;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .line1 {
        margin-top: 2px;
        font-size: 22px;
        font-weight: 400;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .line2 {
        font-size: 16px;
        font-weight: 400;
        color: #999;
        margin-bottom: 5px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .line3 {
        font-size: 16px;
        margin-bottom: 2px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .line4 {
        font-size: 15px;
        font-weight: 100;
        color: red;
        margin-bottom: 2px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .line5 {
        font-size: 12px;
        color: #999;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .line5 img {
        vertical-align: bottom;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .bottom {
        background-color: #efeff4;
        overflow: auto;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .bottom .title {
        padding-top: 6px;
        font-size: 18px;
        padding-bottom: 4px;
        text-align: center;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .bottom img {
        float: left;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .bottom .pack {
        float: left;
        width: 169px;
        text-align: center;
        font-size: 13px;
        font-weight: 200;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .bottom .pack .subtitle {
        font-size: 10px;
        color: #999;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.reward-view {
        width: 568px;
        position: fixed;
        top: 50%;
        margin-left: -240px;
        margin-top: -460px;
        left: 50%;
        z-index: 101;
}
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.bizd { 
        margin-left: 122px;
}
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
#lm-rewards .bottom .title {
        color: white;
        background-color: #52b118;
        height: 30px;

}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.transparent {
        opacity: 0.99999;
}
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.WeekList-wraper {
  width: 290px;
  margin: 0px;
  margin-right: 0px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.WeekList {
  background-color: white;
  padding: 0px;
  width: 470px;
  text-align: center;
}
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .view-weekly-button {
        width: 80%;
        height: 30px;
        line-height: 30px;
        margin-top: 20px;
        color: white;
        font-size: 16px;
        text-align: center;

        border: 1px solid white;
        -moz-border-radius: 6px;
        border-radius: 6px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .phone {
       margin-left:10px;


}
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.item .tag img {
        margin-left:10px;
}
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.WeekList-wraper {
  width: 460px;
  margin: 0px;
  margin-right: 0px;
  border: 0px solid #ccc;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.WeekList {
  padding: 0px;
  width: 460px;
  text-align: center;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.WeekList .title {
  margin-top: 10px;
  font-size:13px; 
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.WeekList .line1 {
  font-size: 10px;
  margin-bottom: 3px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.WeekList .line2 {
  font-size:10px; 
}

}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.WeekList .line3 {
  padding-bottom: 10px;
  font-size: 10px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.WeekList .line3 img {
  vertical-align: bottom;
  margin-left: 0px;
  margin-right: 0px;
}
}



@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.weekly-view .content {
        -moz-box-shadow:    0px 0px 0px black;
        box-shadow:         0px 0px 0px 0px;




}
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.weekly-view .item .content {
        border: 0px solid #FFF;
        -moz-border-radius: 1px;
        border-radius: 1px;
}
}
        

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.wrapperse {
	
	width:568px;
        padding:9px;

}
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.wrapperse2 {
	
	width:568px;

  
}
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2)
.item .dark-overlay {
      
        width: 568px;

      
}
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2)
.item transparent { 
       width:568px;
}
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2)
.holder{
    
        width:568px
}
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){
.categories {
        
        width: 100px;
        left: 2px;      
}
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){
.categories select {
                width: 100px;                
}
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){
.search {
        width: 80px;
        margin:8px;
        padding-left: 2px;


}
}
.our-food-panel {
    color: #fff;
    float: left;
    position: relative;
    text-align: center;
    width: 25%
}

.our-food-panel>img {
    width: 100%
}

.our-food-panel .container-outer {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.our-food-panel .container-middle {
    display: table;
    height: 100%;
    transition: background .4s;
    -moz-transition: background .4s;
    -ms-transition: background .4s;
    -o-transition: background .4s;
    -webkit-transition: background .4s;
    width: 100%
}

.our-food-panel:hover .container-middle {
    background: rgba(87, 154, 71, 0.85)
}

html.mobile .our-food-panel .container-middle {
    background: rgba(87, 154, 71, 0.70)
}

.our-food-panel .container-inner {
    display: table-cell;
    padding: 0 40px;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.our-food-panel h3 {
    font-size: 36px
}


.our-food-panel-details {
    display: none
}




/*Responsive iPhone 4,5 & 6, 6+, androids Portrait*/

@media only screen and (max-width:600px){ 
 .our-food-panel {
        float: none;
        width: 100%
}
}


@media only screen and (max-width:414px) {
.left-menu .lm-imdiscounts {

         width:100%;
}
}


@media only screen and (max-width:414px) {
.left-menu .lm-rewards { 
        width:320px;
}
}

@media only screen and (max-width:414px) {
.left-menu .lm-newsfeed 

{ 
        width:320px;
}
}

@media only screen and (max-width:414px) {
.left-menu .lm-wallet { 
        width:320px;
}
}


@media only screen and (max-width:414px) {
.item {
        width: 320px;
       
}
}


@media only screen and (max-width:414px) {
.left-menu .item {
        width: 100%;
}
}

@media only screen and (max-width:414px) {
.item .content {
        overflow:auto;
        width: 96%;
        -moz-border-radius: 1px;
        border: 3px solid black;
}
}

@media only screen and (max-width:414px) {
.item .photo {
        float: left;
        margin-right: 3px;
}
}

@media only screen and (max-width:414px) {
.item .content .top {
        overflow: auto;
        background-color: white;
        border-bottom: 3px solid #d7d7db;
		height: auto;
}
}

@media only screen and (max-width:414px) {
.item .line1 {
        margin-top: 2px;
        font-size: 13.9px;
        font-weight: 400;
}
}

@media only screen and (max-width:414px) {
.item .line2 {
        font-size: 10px;
        font-weight: 400;
        color: #999;
        margin-bottom: 5px;
}
}

@media only screen and (max-width:414px) {
.item .line3 {
        font-size: 10px;
        margin-bottom: 2px;
}
}

@media only screen and (max-width:414px) {
.item .line4 {
        font-size: 11px;
        font-weight: 100;
        color: red;
        margin-bottom: 2px;
}
}

@media only screen and (max-width:414px) {
.item .line5 {
        font-size: 10px;
        color: #999;
}
}

@media only screen and (max-width:414px) {
.item .line5 img {
        vertical-align: bottom;
}
}

@media only screen and (max-width:414px) {
.item .bottom {
        background-color: #efeff4;
        overflow: auto;
}
}

@media only screen and (max-width:414px) {
.item .bottom .title {
        padding-top: 6px;
        font-size: 12px;
        padding-bottom: 4px;
        text-align: center;
}
}

@media only screen and (max-width:414px) {
.item .bottom img {
        float: left;
}
}

@media only screen and (max-width:414px) {
.item .bottom .pack {

        float: left;
        width: 98px;
        text-align: center;
        font-size: 12px;
        font-weight: 200;
}
}

@media only screen and (max-width:414px) {
.item .bottom .pack .subtitle {
        font-size: 10px;
        color: #999;
}
}

@media only screen and (max-width:414px) {
.reward-view {
        width: 310px;
        position: fixed;
        top: 50%;
        margin-left: -240px;
        margin-top: -300px;
        left: 50%;
        z-index: 101;
}
}


@media only screen and (max-width:414px) {
.bizd { 

        margin-left: 122px;
}
}


@media only screen and (max-width:414px) {
#lm-rewards .bottom .title {
        color: white;
        background-color: #52b118;
        height: 30px;

}
}

@media only screen and (max-width:414px) {
.transparent {
        opacity: 0.99999;
}
}

@media only screen and (max-width:414px) {
.WeekList-wraper {

  width: 290px;
  margin: 0px;
  margin-right: 0px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
}

@media only screen and (max-width:414px) {
.WeekList {
  background-color: white;
  padding: 0px;
  width: 310px;
  text-align: center;
}
}

@media only screen and (max-width:414px) {
.item .view-weekly-button {
        width: 80%;
        height: 30px;
        line-height: 30px;
        margin-top: 20px;
        color: white;
        font-size: 16px;
        text-align: center;
        border: 1px solid white;
        -moz-border-radius: 6px;
        border-radius: 6px;
}
}

@media only screen and (max-width:414px) {
.item .phone {
       margin-left:10px;


}
}


@media only screen and (max-width:414px) {
.item .tag img {
        margin-left:10px;
}
}

@media only screen and (max-width:414px) {
.WeekList-wraper {
  width: 300px;
  margin: 0px;
  margin-right: 0px;
  border: 0px solid #ccc;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
}


@media only screen and (max-width:414px) {
.WeekList {
  padding: 0px;
  width: 300px;
  text-align: center;
}
}

@media only screen and (max-width:414px) {
.WeekList .title {
  margin-top: 10px;
  font-size:13px; 
}
}

@media only screen and (max-width:414px) {
.WeekList .line1 {
  font-size: 10px;
  margin-bottom: 3px;
}
}

@media only screen and (max-width:414px) {
.WeekList .line2 {
  font-size:10px; 
}
}

@media only screen and (max-width:414px) {
.WeekList .line3 {
  padding-bottom: 10px;
  font-size: 10px;

}
}

@media only screen and (max-width:414px) {
.WeekList .line3 img {
  vertical-align: bottom;
  margin-left: 0px;
  margin-right: 0px;
}
}



@media only screen and (max-width:414px) {
.weekly-view .content {
        -moz-box-shadow:    0px 0px 0px black;
        box-shadow:         0px 0px 0px 0px;

}
}


@media only screen and (max-width:414px) {
.weekly-view .item .content {
        border: 0px solid #FFF;
        -moz-border-radius: 1px;
        border-radius: 1px;
}
}        


@media only screen and (max-width:414px) {
.GetBusy {
width:300px;
}
}

@media only screen and (max-width:414px) {
.wrapperse {
	
	width:95%;
        padding:2px;
margin-top:0px;
margin-bottom:20px;

}
}

@media only screen and (max-width:414px) {
.wrapperse2 {
	
	width:95%;
}
}
@media only screen and (max-width:414px){
.item .dark-overlay {
      
        width: 100%;

      
}
}
@media only screen and (max-width:414px){
.item transparent { 

       width:100%;
}
}


@media only screen and (max-width:414px){
.holder {
    
        width:100%
}
}

@media only screen and (max-width:414px){
.categories {
        
        width: 60px;
        left: 1px;      
}
}

@media only screen and (max-width:414px){
.categories select {
        width: 60px;                
}
}



@media only screen and (max-width:414px) {
.left-menu{

        width: 98%;
        height: 100%;
        position: absolute;
        top:58px;
}
}



@media only screen and (max-width:320px) {
.left-menu{

        width: 98%;
        height: 100%;
        position: absolute;
        top: 58px;
}
}




@media only screen and (min-width:1700px){
.hero {
    position: relative;
    height: 600px;
}
}

@media only screen and (max-width:300px), (max-width:320px),(max-width:400px), (max-width:450px), (max-width:500px){
#footer-newsletter1{
    display:none;
}
}


@media only screen and (min-width:415px) {
.hungry{
display:none;
}
}
@media only screen and (max-width:415px) {
.hungrier{
display:none;
}
}


@media only screen and (min-width:415px) {
.nav-resp{
display:none;
}
}
@media only screen and (max-width:415px) {
.nav{
display:none;
}
}
.buttonup {
        cursor:pointer;
        margin-top: 20px;      
        background: #23609f;
        display: inline-block;
        width: 188px;
        height: auto;
        line-height: auto;
        color: #f7f2f2;
        text-align: center;
        vertical-align: middle;
        font-family: ProximaNova, Arial, Helvetica;
        font-size: 15px;
        font-weight: normal;
        margin-left: 22px;
        margin-right: 22px;
        border: .5px solid black;
        -moz-border-radius: 15px;
        border-radius: 15px;
        padding:10px;
}


@media(max-width:1100px) {
     .buttonup{
    
 
        font-size: 16px;
        font-weight: normal;
        margin-left: 10px;
        margin-right: 10px;
        padding:10px;
       
      
}
}
@media(max-width:800px) {
     .buttonup{
    
 
        font-size: 15px;
        font-weight: normal;
        margin-top:8px;
        margin-bottom: 8px;
        margin-left: 5px;
        margin-right: 5px;
        padding:5px;
        width: 33%;

      
}
}
@media(max-width:600px) {
     .buttonup{
    
 
        font-size: 11.5px;
        font-weight: normal;
        margin-top:9px;
        margin-bottom: 1px;
        margin-left: 1px;
        margin-right: 1px;
        padding:5px;
        width:65%;
      
}
}
@media screen and (max-width: 800px) {
    
    .we-help {
        display: none;
}
}
@media screen and (max-width: 800px) {
    
    .desktop {
        display: none;
}
}
       #fun-container {
       
       margin-top:0px;
       min-height:398px;
       background-color:#ffffff;"> 

}

@media screen and (max-width: 800px) 

{
     #fun-container {
     margin-top:68px;    
     padding:20px;
}
}

#container-main-left {
     float:left; 
     width:188px;
     padding:4px;
     background-color:#52b2a0;
     min-height:392px;
}


@media screen and (max-width: 1024px) 

{
#container-main-left {

       width:100%;
       padding:4px;
       background-color:#52b2a0;
       min-height:392px;
}
}


@media screen and (min-width: 1366px) 

{
#container-main-left {

       width:280px;

}
}
@media screen and (min-width: 1600px) 
{
#container-main-left {

       width:428px;


}
}
@media screen and (min-width: 1920px) 
{
#container-main-left {

        width:628px;
        font-size:140%;
}
}

#nice-box{
      background-color:#ffffff;   
      max-width:256px; 
      padding:6px;

}


@media screen and (max-width: 1100px) 
{
       #nice-box{
       width:100%;
}
}


@media screen and (min-width: 1440px) 
{
       #nice-box{
       margin-right: 10px;

}
}

@media screen and (min-width: 1600px) 
{
       #nice-box{
       margin-right: 12px;

}
}

@media screen and (min-width: 1680px) 
{
       #nice-box{
       margin-right: 20px;

}
}

@media screen and (min-width: 1900px) 
{
       #nice-box{
       margin-right: 40px;

}
}
#happy-box {

       background-color:white; 
       width: 36%;
       margin-left:32%;
       opacity:.78;
       padding:1px; 
       margin-top:-20px;
}

#TUN-helps-students {
margin-top:-16%;
}

@media screen and (min-width:1260px) 
{
     
       #TUN-helps-students {
       margin-top:-110px;

}
}



@media screen and (min-width: 1366px) 
{
     
       #TUN-helps-students {
       margin-top:-25px;

}
}


@media screen and (min-width: 1440px) 
{
       #TUN-helps-students {
       margin-top:-25px;

}
}


@media screen and (min-width: 1440px) 
{
     
       #happy-box {
       margin-top:50px;

}
}




@media screen and (min-width: 1600px) 
{
       #TUN-helps-students {
       margin-top:95px;

}
}




@media screen and (min-width: 1680px) 
{
       #TUN-helps-students {
       margin-top: 94px;

}
}

@media screen and (min-width: 1680px) 
{
     
       #happy-box {
       margin-top:50px;
       width: 26%;
       margin-left:42%;
}
}



@media screen and (min-width: 1900px) 
{
       #TUN-helps-students {
       margin-top: 160px;

}
}

@media screen and (min-width: 1900px) 
{
     
       #happy-box {
       margin-top:50px;
       width: 26%;
       margin-left:37%;
}
}

@media screen and (max-width: 600px) 
{
     
       #happy-box {
       margin-top:-10px;
       width: 90%;
       margin-left:5%;
       margin-bottom:30px;
       padding:1px;

 

}
}

@media screen and (max-width: 320px) 
{
       #TUN-helps-students {
       margin-bottom: 20px;
       width:98%;
       margin-left:1%;
       margin-top:-15px;


}
}






#bottom-arrow{
       text-align:center; 
       margin-top:88px; 
       color:white;

}


@media screen and (max-width: 600px) 
{
     
     #bottom-arrow{
       display:none; 
 

}
}





@media screen and (max-width: 600px) 
{#fun-container
{
       display:none; 
 

}
}
@media screen and (max-width: 1024px) 
{
     
       #happy-box {
       margin-top:-80px;
       width: 50%;
       margin-left:25%;
       margin-bottom:30px;
       padding:1px;
      

 

}
}


@media screen and (max-width: 768px) 
{
     
       #happy-box {
       margin-top:30px;
       width: 90%;
       margin-left:5%;
       margin-bottom:30px;
       padding:1px;
       font-size:60%;

 

}
}
@media screen and (max-width: 1024px) 
{
       #TUN-helps-students {
       margin-bottom: 20px;
       width:98%;
       margin-left:1%;
       margin-top:-45px;
font-size:90%;


}
}
@media screen and (max-width: 320px) 
{
       #TUN-helps-students {
       margin-bottom: 20px;
       width:98%;
       margin-left:1%;
       margin-top:-45px;
       font-size:50%;


}
}






#bottom-arrow{
       text-align:center; 
       margin-top:88px; 
       color:white;

}


@media screen and (max-width: 768px) 
{
     
     #bottom-arrow{
       display:none; 
 

}
}





@media screen and (max-width: 1024px) 
{#fun-container
{
       display:none; 
 

}
}

@media only screen and (max-width:800px) {
.left-menu{

margin-top:88px;
z-index: -1;


}
}
@media only screen and (max-width:600px) {
.wrapperse{
display:none;

}
}