@charset "utf-8";
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/*@font-face {
font-family: 'latobold';
src: url('../fonts/lato-bold-webfont.eot');
src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/lato-bold-webfont.woff2') format('woff2'),
     url('../fonts/lato-bold-webfont.woff') format('woff'),
     url('../fonts/lato-bold-webfont.ttf') format('truetype'),
     url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
font-weight: normal;
font-style: normal;
}*/
@font-face {
font-family: 'latosemibold';
src: url('../fonts/lato-semibold-webfont.eot');
src: url('../fonts/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/lato-semibold-webfont.woff2') format('woff2'),
     url('../fonts/lato-semibold-webfont.woff') format('woff'),
     url('../fonts/lato-semibold-webfont.ttf') format('truetype'),
     url('../fonts/lato-semibold-webfont.svg#latosemibold') format('svg');
font-weight: normal;
font-style: normal;
}

/* Basic Styles */
html,body{height:100%;font-size:14px}
body{line-height:1;background:#a59264;color:#000;font-family:"Merriweather",Arial, sans-serif;font-weight:normal;letter-spacing:0.05rem}
.spacer{clear:both!important}.nospacer{clear:none!important}
a{text-decoration:none;color:/*#00aeff;*/#000;}a:hover{text-decoration:none;}
p{padding:0 0 2.857142857142857rem;line-height:1.5em}
.fleft{float:left!important;}.fright{float:right!important;}
.hide{display:none}.show{display:block}
.txtright{text-align:right!important}.txtleft{text-align:left!important}.txtcenter{text-align:center!important}
h1,h2,h3,h4,h5,h6{padding:0 0 1.0714285714285714rem;font:normal 1.7142857142857142rem 'latosemibold',Arial, sans-serif;display:inline-block;color:#000;float:left;width:100%;clear:both;text-shadow:0.0625rem 0.0625rem 0.0625rem rgba(255,255,255,0.3);letter-spacing:0.13rem}
h3,h4,h5,h6{font-size:1.42857142857142855rem}

ul, ol { margin-bottom: 2.142857142857143rem;clear:both }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 2.142857142857143rem; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 0.2857142857142857rem 0 0.35714285714285715rem 2.142857142857143rem; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 10.42857142857142855rem; }
li { margin-bottom: 0.5714285714285714rem; }

.padding-left-0{padding-left:0!important}
.padding-right-0{padding-right:0!important}
.padding-top-0{padding-top:0!important}
.padding-bottom-0{padding-bottom:0!important}
.padding-left-20{padding-left:1.4285714285714286rem!important}
.padding-right-20{padding-right:1.4285714285714286rem!important}
.padding-top-20{padding-top:1.4285714285714286rem!important}
.padding-bottom-20{padding-bottom:1.4285714285714286rem!important}

.margin-left-0{margin-left:0!important}
.margin-right-0{margin-right:0!important}
.margin-top-0{margin-top:0!important}
.margin-bottom-0{margin-bottom:0!important}
.margin-left-10{margin-left:0.7142857142857143rem!important}
.margin-right-10{margin-right:0.7142857142857143rem!important}
.margin-top-10{margin-top:0.7142857142857143rem!important}
.margin-bottom-10{margin-bottom:0.7142857142857143rem!important}
.margin-left-20{margin-left:1.4285714285714286rem!important}
.margin-right-20{margin-right:1.4285714285714286rem!important}
.margin-top-20{margin-top:1.4285714285714286rem!important}
.margin-bottom-20{margin-bottom:1.4285714285714286rem!important}
.margin-left-35{margin-left:2.5rem!important}
.margin-right-35{margin-right:2.5rem!important}

/* Layout Styles */
.container_wrapper{position: relative;height: 100%;width:100%}
.checker{display:none;position:absolute}

.app_landing_half{float:left;width:50%;text-align:center}
.app_landing_half .app_content{position:relative;z-index:99;height:100vh;overflow:hidden}
.phone_mockup{width:100%;height:600px;display:block;float:left;clear:both;margin:2.857142857142857rem 0 0}
.app_desc{text-shadow:0.0625rem 0.0625rem 0.0625rem rgba(255,255,255,0.3);color:#333;font-size:1rem;float:left;text-align:center;margin:7rem 0 0;padding:0 5rem}
.app_desc p{float:left;clear:both;width:100%;display:block;text-align:justify}
.app_desc .buttons_area{float:none;display:inline-block;clear:both;text-align:center;width:auto;margin:0 auto;overflow:hidden;vertical-align:top}
.app_desc .button_itunes{width:149px;height:44px;display:inline-block;background:url(../images/appstore.png) no-repeat center top;text-indent:-9999px;text-transform:capitalize;margin:0.178571428571429rem 0 0.3571rem 0.178571428571429rem;clear:none;font:normal 0.7857rem 'latosemibold',Arial, sans-serif}
.app_desc .button_play{width:149px;height:44px;display:inline-block;background:url(../images/googleplay.png) no-repeat center top;text-indent:-9999px;text-transform:capitalize;margin:0.178571428571429rem 0 0.3571rem 0.178571428571429rem;clear:none;font:normal 0.7857rem 'latosemibold',Arial, sans-serif}
.app_desc .button_generic{width:149px;height:44px;display:inline-block;margin:0.178571428571429rem 0 0.3571rem 0.178571428571429rem;text-align:center;font:normal 0.7857rem 'latosemibold',Arial, sans-serif;text-transform:uppercase;background:url(../images/blackbtn.png) no-repeat center top;background-size:149px 44px;color:#fff;clear:none}
.app_desc .button_website{width:101px;height:44px;display:inline-block;margin:0.178571428571429rem 0 0.3571rem 0.178571428571429rem;text-align:left;font:normal 0.7857rem 'latosemibold',Arial, sans-serif;text-transform:uppercase;background:url(../images/webbtn.png) no-repeat center top;background-size:149px 44px;color:#fff;clear:none;padding-left:48px}
.app_desc .button_facebook{width:109px;height:44px;display:inline-block;margin:0.178571428571429rem 0 0.3571rem 0.178571428571429rem;text-align:left;font:normal 0.7857rem 'latosemibold',Arial, sans-serif;text-transform:uppercase;background:url(../images/facebookbtn.png) no-repeat center top;background-size:149px 44px;color:#fff;clear:none;padding-left:40px}
.app_desc .button_youtube{width:109px;height:44px;display:inline-block;margin:0.178571428571429rem 0 0.3571rem 0.178571428571429rem;text-align:left;font:normal 0.7857rem 'latosemibold',Arial, sans-serif;text-transform:uppercase;background:url(../images/youtubebtn.png) no-repeat center top;background-size:149px 44px;color:#fff;clear:none;padding-left:40px}
.app_desc .button_itunes i,.app_desc .button_play i,.app_desc .button_generic i,.app_desc .button_website i,.app_desc .button_facebook i,.app_desc .button_website i,.app_desc .button_youtube i{display:block;font-style:normal;padding:0.3571rem 0 0}
.app_desc .button_itunes span,.app_desc .button_play span,.app_desc .button_generic span,.app_desc .button_website span,.app_desc .button_facebook span,.app_desc .button_youtube span{display:block;font-size:1.143rem;letter-spacing:0.1429rem}
.app_desc .button_itunes i,.app_desc .button_play i,.app_desc .button_itunes span,.app_desc .button_play span{visibility:hidden}

.app_landing_food{position:relative;background:white}
.app_landing_food:before{content:'';display:block;width:100%;height:100%;position:absolute;z-index:1;background:url(../images/beans-bg.jpg) no-repeat center center;background-size:cover;opacity:.3;top:0;left:0}
.app_landing_food:after{content:'';display:block;width:100%;height:100%;position:absolute;z-index:2;background:rgba(255,255,255,.85);top:0;left:0}
.app_landing_food .phone_mockup{background:url(../images/iphone-food-black.png) no-repeat center top}
.app_landing_food .app_content h1{background:url(../images/logo-food.png) no-repeat center center;background-size:contain;display:inline-block;width:100%;height:100px;text-indent:-9999px;text-transform:capitalize;padding:0;margin:0 0 2.857142857142857rem}

.app_landing_gifts{position:relative;background:rgba(165,146,100,1);color:#fff}
.app_landing_gifts:before{content:'';display:block;width:100%;height:100%;position:absolute;z-index:1;background:url(../images/gifts-bg.jpg) no-repeat center bottom;background-size:cover;opacity:.4;top:0;left:0}
.app_landing_gifts:after{content:'';display:block;width:100%;height:100%;position:absolute;z-index:2;background:rgba(165,146,100,.8);top:0;left:0}
.app_landing_gifts .phone_mockup{background:url(../images/iphone.png) no-repeat center top}
.app_landing_gifts .app_content h1{background:url(../images/logo.png) no-repeat center center;background-size:contain;display:inline-block;width:100%;height:100px;text-indent:-9999px;text-transform:capitalize;padding:0;margin:0 0 2.857142857142857rem}
.app_landing_gifts .app_desc{color:#fff;text-shadow:none}

.topmenu{position:absolute;top:0;left:0;float:left;width:100%;text-align:center;z-index:999}
.topmenu .link{display:inline-block;padding:5px 10px;border-radius:5px;background:#000;background:rgba(0,0,0,.8);color:#fff;margin:15px 0 0;cursor:pointer;line-height:1em;font:normal 0.7857rem 'latosemibold',Arial, sans-serif;letter-spacing: 0.1429rem;text-transform:uppercase}

.bottommenu{position:absolute;bottom:0;left:0;float:left;width:100%;text-align:center;z-index:999}
.bottommenu .link{display:inline-block;padding:5px 10px;border-radius:5px;background:transparent;color:#000;color:rgba(0,0,0,.6);margin:0 0 15px;cursor:pointer;line-height:1em;font:normal 0.7857rem 'latosemibold',Arial, sans-serif;text-transform:uppercase}

.generic{float:left;clear:both;margin:0;width:100%;text-align:center;padding:7rem 5rem 1rem}
.generic,.generic *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.generic .inner{background:#fff;background:rgba(255,255,255,.9);text-shadow:0.0625rem 0.0625rem 0.0625rem rgba(255,255,255,0.3);color:#333;font-size:1rem;float:left;text-align:justify;width:100%;padding:3rem 4rem}
.generic .inner p{padding:1rem 0;clear:both}
.generic .inner h3{padding-top:1rem}
.generic .inner li{line-height:1.5em}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.app_desc .button_itunes{background:url(../images/appstore@2x.png) no-repeat center top;background-size:149px 44px}
.app_desc .button_play{background:url(../images/googleplay@2x.png) no-repeat center top;background-size:149px 44px}
.app_desc .button_facebook{background:url(../images/facebookbtn@2x.png) no-repeat center top;background-size:149px 44px}
.app_desc .button_youtube{background:url(../images/youtubebtn@2x.png) no-repeat center top;background-size:149px 44px}
.app_desc .button_website{background:url(../images/webbtn@2x.png) no-repeat center top;background-size:149px 44px}
.app_desc .button_generic{background:url(../images/blackbtn@2x.png) no-repeat center top;background-size:149px 44px}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
body{overflow-x:hidden}
.checker{display:inline-block}
.app_desc{padding:0 2rem}
.app_landing_half .app_content{height:auto}

.bottommenu{position:static;float:left;display:block;width:100%;padding:15px 0 0;text-align:center}
.bottommenu .link{color:#fff;color:rgba(255,255,255,.8)}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.checker{display:block}

.generic{padding:5rem 3rem 1rem}
.generic .inner{padding:1rem 2rem;text-align:center}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body{overflow-x:hidden}
p{padding:0 0 2rem}
.app_landing_half{width:100%}
.app_landing_half .app_content{position:relative;z-index:99;height:auto;overflow:hidden}
.app_desc{margin-top:4rem;padding:0 2rem}
.app_landing_gifts .app_content h1{margin-bottom:2rem}

.bottommenu{position:static;float:left;display:block;width:100%;padding:15px 0 0;text-align:center}
.bottommenu .link{color:#fff;color:rgba(255,255,255,.8)}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
body{overflow-x:hidden}
p{padding:0 0 2rem}
.app_landing_half{width:100%}
.app_landing_half .app_content{position:relative;z-index:99;height:auto;overflow:hidden}
.app_desc{margin-top:4rem;padding:0 2rem}
.app_landing_gifts .app_content h1{margin-bottom:2rem}

.bottommenu{position:static;float:left;display:block;width:100%;padding:15px 0 0;text-align:center}
.bottommenu .link{color:#fff;color:rgba(255,255,255,.8)}
}