@import url(https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700);

body{ font-family: 'Poppins', sans-serif; color: #4c585d; background: #fff;}
a{ transition: all ease-in-out 0.3s;}
a:hover, a:focus{ text-decoration: none; outline: none;}
h1, h2, h3, h4, h5, h6 { color: #3c4548; letter-spacing: 0.5px;}
p{ font-weight: 100; letter-spacing: 0.5px;}
ul{ margin-bottom: 0;}
strong{ font-weight: 500;}

.header-top{ background: #fff; border-bottom: #D9D9D9 1px solid; }
.top-links{ padding-top: 16px;}
.top-links a{ font-size: 14px; color: #4c585d; font-weight: 100; margin-right: 0; padding: 3px 15px; border: transparent 1px solid;}
.top-links a:hover{ color: #69bd44; border: #69bd44 1px solid; border-radius: 2px; }
.logo{ text-align: center; display: inline-block; position: absolute; top: 14px; left: 40%; z-index: 9999;}
.top-sec{ position: relative; width: 100%; padding: 14px 0 25px; }
.top-nav2 .top-links a{ border: none; padding: 0; margin-right: 20px;}
.top-nav2 .top-links a:last-child{ margin-right: 0;}
.top-nav2 .top-links a:hover{ border:none;} 


.banner-sec, .feed-more-sec, .about-bannr{ background: url('../img/banner-bg.jpg') no-repeat center; background-size: cover; background-attachment: fixed; position: relative; padding: 165px 0;}
.banner-ovrly{ background: rgba(0,0,0,0.3); width: 100%; position: absolute; top: 0; left: 0; height: 100%;}
.banner-contnt{ background: #fff; width: 510px; margin: auto; padding: 45px 40px 30px; position: relative; z-index: 999; text-align: center;}
.banner-contnt p{ font-size: 18px; font-weight: 100; letter-spacing: 0.5px;}
.banner-contnt h1{ font-size: 60px; line-height: 60px; font-weight: 500; color: #69bd44; margin-bottom: 0; text-transform: uppercase; margin-top: 0;}
.banner-contnt span{ text-align: center; }
.arrow-wrap { z-index:1; display:block; text-align: center; color: #fff;  margin: 20px 0 0; position: relative; bottom: 5px; left: 0; width: 100%; text-align: center; top: 0;}
.d-arrow { position:relative; top: 0; transition: ease-in-out 0.4s;}
.arrow-wrap:hover .d-arrow{ top: 5px;}
.apply-form{ margin-top: 20px;}


.content-sec h1, .faq-sec h1{  font-size: 30px; color:#3c4548; font-weight: 500; }
.content-sec p{ font-size: 14px; font-weight: 100; }
.sec-1{ padding: 40px 0; text-align: center;}
.food-info p{ color: #3c4548; margin-bottom: 0;}
.food-info span{ width: 35px; height: 35px; text-align: center; line-height: 37px; background:#69bd44; color: #fff; font-size: 14px; border-radius: 50%; display: inline-block; margin-bottom: 20px; position: relative; top: 0; transition: ease-in-out 0.5s; }
.food-info:hover span{ top: -10px;}
.food-info{ cursor: default;}

.sec-2{ padding: 0 48px;}
.membrshp-sec{ border: #cecece 1px solid; border-left: none; border-right: none; display: inline-block; width: 100%; }
.mmbr-outr{ border-right: #cecece 1px solid; width: 50%; float: left;}
.membrshp-innr{  padding: 60px 50px 60px 0; }
.membrshp-innr h1{ margin-top: 0; text-transform: uppercase;  }
.membrshp-innr a{ font-size: 14px; color:#69bd44; }
.membrshp-innr a:hover{ color:#4c585d; }
.post-info{ margin-top: 35px;}
.post-info h5{ font-size: 18px; color: #3c4548; font-weight: 500px; margin:25px 0 8px;}
.post-info p{ margin-bottom: 0; font-weight: 100;}
.menu-btn a{ background:#69bd44; height: 35px; line-height: 35px; text-align: center; color: #fff; padding: 0 36px;  display: inline-block; margin-top: 25px; border-radius: 2px;}
.menu-btn a:hover{ background:#52a12f; color: #fff;}
.dinr-kit{ padding-right: 0; width: 88%;}

.sec-3{ padding: 60px 0;}
.availblty-sec{ width: 46%; margin: auto; text-align: center;}
.area-input, .submit-btn{ height: 62px; line-height: 62px; width: 100%; border:#bfbfbf 1px solid; font-size: 18px; padding: 0 60px 0 22px; font-weight: 100; color:#3c4548; border-radius: 3px; margin-bottom: 10px;}
.check-area ul{ padding-left: 0; list-style: none;}
.check-area li{ position: relative; }
.check-area span{ position: absolute; top: 20px; right: 20px; color: #b3b3b3; font-size: 24px; font-weight: 100; line-height: 0px; width: 30px;}
.check-area span i{ line-height: 18px;}
.submit-btn{ background:#69bd44; color: #fff; border: none; transition: all ease-in-out 0.5s; }
.submit-btn:hover{ background:#52a12f;}

.feed-more-sec{ background: url('../img/banner-bottm.jpg') no-repeat center; background-size: cover; background-attachment: fixed;}
.feed-more-cont{ width: 530px; padding: 45px 30px 30px;}
.feed-more-cont h1{  color: #3c4548;}

.faq-sec{ padding: 70px 0; background: #f4f8fb;}
.faq-sec h1{ text-align: center; text-transform: uppercase; margin: 0;}
.faq-content{ margin-top: 82px;}
.faq-content ul{ padding-left: 0; list-style: none; margin-bottom: 0;}
.faq-content li{ width: 50%; float: left; margin-bottom: 25px; padding-left: 35px;}
.faq-content li span{ width: 25px; display: inline-block; vertical-align: top;font-weight: 500; font-size: 18px;}
.faq-content h5{ display: inline-block;  font-weight: 500; font-size: 18px; margin: 4px 0 8px;}
.faq-txt{ width: 88%; display: inline-block;}
.faq-txt p{ margin-bottom: 0; font-weight: 100;}

/*Footer*/
.footer-sec{ border-top: #d0d4d7 1px solid; padding: 45px 0;}
.ft-links{ font-weight: 100;}
.footer-sec h5{ text-transform: uppercase; font-size: 18px; font-weight: 500; margin: 0 0 20px;}
.ft-links ul{ list-style: none; padding-left: 0; margin-bottom: 0;}
.ft-links li a{ font-size: 14px; font-weight: 100; color: #3c4548; line-height: 30px;}
.ft-links li a:hover{ color: #58a934; text-decoration: underline;}
.ft-info span, .ft-info a{ display: block; font-weight: 500; line-height: 24px;}
.ft-info a{ color: #69bd44;}
.ft-info a:hover{color: #52a12f; text-decoration: underline;}
.ft-social{ margin-top: 20px;}
.ft-social img{ margin-bottom: 12px;}
.social-icn{ margin-top: 5px;}
.icns { display: inline-block;}
.icns a{ font-size: 18px; color: #62686a; display: inline-block; margin: 0 6px;}
.ft-la img{ margin-bottom: 0;}
.ft-la{ vertical-align: middle; margin-top: 10px;}

/*About Page*/
.about-bannr{ background: url('../about/img/banner-bg2.jpg') no-repeat center top; background-size: cover; background-attachment: fixed;}
.about-sec-1{ padding: 0;}
.about-sec-1 h1{ text-transform: uppercase; margin-top: 0; text-align: center;}
.story-sec{ padding: 80px 0 96px;}
.story-outr{ margin: 60px auto 65px; width: 61%;}
.story-box{ background: #69bd44; padding: 33px 20px; color: #fff; width: 215px; margin-right: 25px; float: left; transition: ease 0.5s;} 
.story-box h4{ text-transform: uppercase; color: #fff; font-weight: 500; margin: 0;}
.story-box span{ margin-bottom: 25px; display: block; min-height: 50px; transition: ease 0.5s; position: relative; top: 0;}
.story-box:hover{ background: #52a12f;}
.story-box:hover span{ top: -5px;}
.story-info{ padding: 0 32px;}
.story-info h3{ margin-top: 15px;}

.team-eat{ padding: 80px 0 96px; background: #ededed; position: relative; z-index: 999; }
.team-gallery{ margin-top: 60px;}
.gallery-box{ margin:0 1%; width: 22.5%; float: left;}
.gallery-img{ margin-bottom: 10%; transition: ease 0.5s;}
.gallery-img:hover{ transform: scale(1.1)}
.gallery-box .gallery-img:last-child{ margin-bottom: 0;}

.team-mmbr{ padding: 100px 0 70px; text-align: center;}
.mmbr-info{ margin-top: 60px;}
.mmbr-img{ margin-bottom: 30px;}
.mmbr-img img{ width: 100%;}

/*Service Area*/
.service-sec{ padding-bottom: 10px;}
.service-banner{ background: url('../service-area/img/banner-bg3.jpg') no-repeat center top; background-size:  140%; background-attachment: fixed; padding: 65px 0; }
.zip-box{ position: relative; width: 385px; margin: auto;}
.zip-field{ height: 46px; line-height: 46px; border: #c2c2c2 1px solid; border-radius: 3px; padding: 0 38px 0 22px; width: 55%; font-size: 18px;}
.zip-bttn{ background: #69bd44; color: #fff; padding: 0 25px; position: absolute; top: 0; right: 0; border: none; display: inline-block; font-size: 18px; height: 100%; font-weight: 100; border-radius: 0 3px 3px 0; transition: ease 0.5s;}
.zip-bttn:hover, .apply-bttn:hover{ background: #52a12f;}

.states-sec{ padding: 82px 0;}
.state-bx-outer{ background: rgba(105,189,68,0.17); width: 80%; margin:35px auto 0;}
.state-bx{ width: 25%; float: left; border: rgba(190,190,190,0.3) solid; border-width: 0 1px 1px 0; padding: 45px 0 0 58px; min-height: 128px;}
.state-bx:nth-child(4n+4){ border-right: none;}
.state-bx h3{ margin: 0 0 3px; font-size: 18px; }
.last-row .state-bx{ border-bottom: none;}


/*Become a Driver*/
.drive-banner{ background: url('../become_a_driver/img/banner-bg7.jpg') no-repeat center top; background-size: cover;background-attachment: fixed; padding: 92px 0; }
.apply-form ul{ list-style: none; padding-left: 0;}
.apply-form .aply-input{ height: 42px; line-height: 42px; border: #b7b7b7 1px solid; border-radius: 2px; padding: 0 22px; width: 100%; margin-bottom: 12px; font-weight: 100;} 
.apply-form option{ border: none;}
.full-bx{ width: 98%; margin: auto;}
.smal-bx{ width: 48%; float: left; margin: 0 1%;}
.selct-bx{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url('../img/drop-dwn.png') no-repeat right top/10px; background-position: 92% 50%; color: #9fa9ae; padding: 0 18px !important;}
.selct-bx2{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url('../img/num-icn.png') no-repeat right top/8px; background-position: 92% 50%; color: #9fa9ae; padding: 0 18px !important;}
.aply-btn{ text-align: center; margin-top: 20px; display: inline-block;}
.apply-bttn, .cart-btn{ border-radius: 3px; background: #69bd44; color: #fff; padding: 0 70px; border: none; display: inline-block; font-size: 18px; height: 42px; line-height: 42px; transition: ease 0.5s; font-weight: 100;}

.video-block{ text-align: center; margin-top: 20px;}
.video-pc{ position: relative; /*background: url('../become_a_driver/img/desktop-bg.png') no-repeat center top;*/ padding: 0;}
.video-frame{width: 486px; position: relative; margin: auto; }
.video-frame img{ margin: -20px -25px;}
.video-box{ position: absolute; top: 0; left: 0;height: 273px;}
.video-block p{ margin-bottom: 0;}
.video-txt{ padding: 50px 0;}
.access-block{ background: #eaeaea; padding: 80px 0;}
.access-bx-outr{ margin-top: 95px;}
.access-bx{ text-align: center;}
.access-bx span{ background: #69bd44; width: 70px; height: 70px; line-height: 70px; display: inline-block; border-radius: 50%; margin-bottom: 15px; position: relative; top: 0; transition: ease 0.5s; }
.access-bx h4{ font-size:16px; font-weight: 500; text-transform: uppercase;}
.access-bx:hover span{ top: -10px;}

.join-team{ padding: 82px 0; text-align: center; position: relative; z-index: 999; background: #fff;}
.join-form{ width: 50%; margin: auto;}
.join-form h1{ color: #69bd44; font-weight: 500; text-transform: uppercase; font-size: 40px; margin-bottom: 20px}

.banner-lrg{ width: 80%; padding: 42px 0 45px;}
.banner-lrg h1{ margin: 10px 0;}
.banner-lrg p{ margin-bottom: 0;}
.banner-md{ width: 50%;}
.banner-md h1{ margin: 10px 0; font-size: 40px; line-height: 40px;}


/*Shipping */
.min-sec{ background: url('../shipped_dinner-kits/img/shipped-bg.png') no-repeat left top; position: relative;}
.min-content{ text-align: center; padding: 85px 0 90px; background:  url('../shipped_dinner-kits/img/chef-img.png') no-repeat right 40px;}
.min-content h1{ color: #69bd44; font-size: 50px; font-weight: bold; text-transform: uppercase; margin: 0;}
.min-content h4{ margin: 5px 0;}
.min-bx{ margin-top: 45px; }
.min-bx span{ width: 35px; height: 35px; line-height: 35px;background: #69bd44; color: #fff; font-size: 18px; border-radius: 50%; display: inline-block; margin-bottom: 15px;}

.upcoming-sec{ padding: 82px 0; background: #fff; position: relative; z-index: 9999;}
.meal-block{ margin-top: 50px; text-align: center;}
.meal-box{ background: #fff; box-shadow: rgba(0,0,0,0.24) 0 0 3px; padding: 15px;}
.meal-block p{ margin: 10px 0 0;  color: #3c4548;}
.meal-box:hover img{ transform: scale(0.9)}
.meal-box img{  transition: ease 0.3s; width: 100%;}
.meal-outr{ margin-bottom: 30px; display: block;}


/*At Work*/
.office-food{ padding-bottom: 96px;}
.food-head{ text-align: center;}
.food-head h1{ margin-bottom: 20px;}
.food-box-outr{ padding: 55px 0; }
.food-box{ width: 50%; float: left;}
.contact-btn{ margin-top: 0;}
.food-bx-innr{ max-height: 494px; overflow: hidden; background: #efefef;}
.food-box-rt{  padding: 90px 45px 0; min-height: 494px;}
.food-box-rt h3{ margin-top: 0; text-transform: uppercase;}
.food-box ul{ list-style: none; padding-left: 0; margin-top: 20px;}
.food-box li, .jobs-txt li{ background: url('../img/list-arrow.png') no-repeat left top 6px/8px; padding-left: 15px; margin-bottom: 20px; font-weight: 100; letter-spacing: 0.5px; }
.credit-point{ text-align: center;}
.credit-box{ padding: 0 40px;}
.credit-box span{ background: #69bd44; width: 70px; height: 70px; line-height: 70px; display: inline-block; border-radius: 50%; margin-bottom: 10px;}
.credit-box h4{ font-size: 16px; text-transform: uppercase;}
.signup-form{ width: 50%;}
.signup-form h1{ text-transform: uppercase; color: #69bd44;}
.signup-form h4{ font-weight: 100; margin-top: 25px; }
.signup-form a{ color: #69bd44;}

/*Press*/
.blank-banner{ text-align: center; background: #EAEAEA; padding: 40px 0;}
.banner-innr h1{ font-size: 40px; margin-top: 0; text-transform: uppercase;}
.press-sec{ padding: 60px 0 40px;}
.press-contnt{ padding-right: 80px;}
.press-contnt h1{ font-size: 24px; margin-top: 0; }
.press-contnt p{ color: #3c4548;}
.press-contnt h4{ font-size: 16px;}
.press-txt{ margin: 20px 0 30px;}
.press-txt a{ color: #69bd44;}
.press-txt a:hover, .post-content a:hover{ color: #52a12f;}
.recipe-list{ }
.recipe-list ul{ list-style: none; padding-left: 0; width: 45%; float: left;}
.recipe-list li{ margin-bottom: 20px;}

/*Privacy-Terms*/
.sidebar-nav{ width: 25%; float: left; border-bottom: none; }
.term-sec{ padding-bottom: 20px; display: inline-block;}
.privacy-contnt{ width: 70%; float: left; border-left: #cecece 1px solid; padding-left: 40px;}
.sidebar-nav > li.active > a, .sidebar-nav > li.active > a:focus, .sidebar-nav > li.active > a:hover{ border: transparent 1px solid; color: #69bd44; background: none;}
.sidebar-nav li{ background: none; width: 100%; display: block;}
.sidebar-nav li a{ color: #3c4548; font-size: 16px; font-weight: 500; border: transparent 1px solid;}
.sidebar-nav li a:hover, .sidebar-nav li a:focus{ background: none; border: transparent 1px solid;}
.privacy-contnt h3{ margin-top: 0;}

/*JOBS*/
.tech-head{ padding-bottom:50px; text-align: center;}
.jobs-box{ width: 50%; float: left;}
.jobs-img{ position: relative; margin-bottom: 30px;}
.jobs-img-title{ background: #69bd44; height: 70px; line-height: 70px; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; display: inline-block; vertical-align: middle; }
.jobs-img-title h4{ margin: 0; color: #fff; font-size: 16px; font-weight: 500; display: inline-block; }
.jobs-txt{ padding: 0 50px; margin-bottom: 40px;}
.jobs-txt h3{ margin-top: 0; width: 80%;}
.jobs-txt ul{ list-style: none; padding-left: 0; margin-top: 20px;}

.positon-sec{ padding: 80px 0;}
.pos-innr h1{ margin: 0 0 20px; text-align: center;}
.position-box{ background:#E4F3DC; border: #EBEBEB 1px solid; padding: 20px; border-radius: 3px; margin-top: 30px; }
.position-box h4{ margin-top: 0;}
.pos-title{ font-weight: 400 !important;}
.pos-loc{ width: 35%; float: right; font-weight: 100;}
.blank-bx{ background: #E5E5E5; color: #B2B2B2; }
.blank-bx h4{ color: #B2B2B2; }


/*BLOG*/

.blog-post{ border: #E1E1E1 1px solid; border-radius:5px 5px 0 0; margin-bottom: 30px; cursor: default; }
.post-thumb{ position: relative; text-align: center;}
.post-thumb img{ border-radius:5px 5px 0 0; width: 100%;max-width: 100%; height: auto; }
.date{ background: #69bd44; width: 80px; height: 70px; line-height: 20px; color: #fff; font-size: 16px; display: inline-block; position: absolute; left: 0; bottom: 0; text-transform: uppercase; padding: 15px;}
.date strong{ font-size: 30px; font-weight: 500;}
.post-content{ padding: 20px;}
.post-content .post-title{ font-size: 24px; line-height: 28px; color: #3c4548; letter-spacing: 0.5px; font-weight: 500; margin: 0 0 10px; display: block;}
.post-content a{ color: #69bd44;}
#pinBoot { position: relative; width: 100%;}
.white-panel { position: absolute;}
.blog-post:hover .post-title{ color: #69bd44;}
#pinBoot{ margin-left: 15px;}


/*Daily Menu*/
.menu-filter{ padding: 20px 0;}
.menu-filter ul{ list-style: none; padding-left: 0;}
.menu-filter li{ float: left; margin-right: 2%;}
.menu-select{ background: #fff url('../img/drop-dwn.png') no-repeat right top / 10px; border: #E1E1E1 1px solid; height: 60px; background-position: 92% 50%; line-height: 60px; -webkit-appearance:none; -moz-appearance:none; appearance:none;  width: 32%;}
.md-box{ background-size: 10px!important;}
.menu-select a{ display: inline-block; color: #3c4548; font-size: 18px; font-weight: 100; width: 100%; padding: 0 20px;}
.filter-d-dwn{ background: #fff; box-shadow: none; width: 100%; border-radius: 0; border: #E1E1E1 1px solid;margin: 0;}
.zip-code{ padding: 40px; text-align: center;}
.zip-code p{ line-height: 20px;}
.zip-change{ width: 100%; text-align: left; height: 40px; line-height: 40px; margin-bottom: 10px;}
.zip-change .zip-field{ font-size: 14px; padding: 0 15px; height: 40px;}
.zip-change .zip-bttn{ font-size: 14px;}

.date-bx{ padding: 0 20px; position: relative; }
.date-bx span{ position: absolute; top: 0; left: 20px;}
.date-field{ border: none; line-height: 40px; padding: 0 20px; width: 90%; cursor: default;}
.ui-datepicker{ width: 100%; left: 0 !important; text-align: center; background: #fff; opacity: 0; transition: ease 0.3s; border: #E1E1E1 1px solid;}
.ui-datepicker-calendar{ text-align: center; width: 100%;}
.md-box{ width: 22.8%;}
.filter-item ul{ list-style: none; padding-left: 30px;}
.filter-item li{ width: 100%; display: block;}
.filter-item li{ font-size: 16px; color: #3c4548; background: url('../img/list-item.png') no-repeat left top 50% / 3.5%;}
.filter-item li a{ line-height: 50px;}
.filter-item li a:hover{ color:#69bd44;}

.cart-main{ border: #E1E1E1 1px solid; height: 60px; line-height: 60px; width: 80px; float: right; text-align: center;}

.menu-slider{ position: relative;}
.menu-cont{ position: absolute; left: 40px; bottom: 40px; background: rgba(255,255,255, 0.5); width: 50%; padding: 20px;}
.menu-cont h1{ color: #3c4548; font-weight: bold; margin:0 0 3px;}
.menu-cont p{ margin-bottom: 0;}
.menu-cont span{ color: #69bd44;}
.carousel-indicators li{ background: #9A9DA2; border: none; margin: 0 2px;}
.carousel-indicators .active{ background:#69bd44; width: 10px; height: 10px; }
.carousel-indicators{ bottom: 10px; right: 20px; left: 0; margin-left: 0; width: 97%; text-align: right;}

.main-dish{ text-align: center; padding:60px 0 40px; border-bottom: #E1E1E1 1px solid }
.menu-headng{ margin-bottom: 0; text-align: center;}
.dish-outer{ margin-top: 30px;}
.dish-info{ margin-top: 15px;}
.dish-info h4{ color: #69bd44; font-size: 24px; margin-bottom: 0; font-weight: 500;}
.dish-info p{ color: #3c4548; margin-bottom: 5px; font-size: 16px;}
.add-cart{ background: #69bd44; color: #fff; padding: 5px 15px; border-radius: 3px; display: inline-block; border: none;}
.add-cart:hover{ background: #52a12f; color: #fff;}
.dish-box{ margin-bottom: 40px;}
.dish-thumb{ transition: ease 0.5s; position: relative;}
.dish-box:hover .dish-thumb{ transform: scale(1.1);}
.sold{ background: rgba(255,255,255,0.8); position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.sold h3{  color: #3c4548; font-size: 24px; margin: 0; top: 45%; position: relative; }

/*Menu-Detail*/
.back-menu{ color: #69bd44; display: inline-block; margin-top: 20px; }
.back-menu:hover{ color:#52a12f; }
.menu-descp{ background: #F1F1F1; padding: 40px 0;}
.dish-detail{ padding: 0 10px;}
.dish-detail h2{ margin: 10px 0 5px;}
.add-crt{ margin-top: 15px; display: block;}
.cart-btn{ padding: 0 20px;}
.cart-btn span{ margin-right: 10px;}
.cart-btn:hover{ color: #fff; background: #52a12f;}
.remove-btn{ background: #4D585E; margin-left: 10px;}
.remove-btn:hover{ background: #3c474d; color: #fff;}
.decp-tabs{ margin-top: 20px; background: #DADADA;}
.tab-head{ padding: 10px 10px 0 10px;}
.tab-head li > a{ border-radius: 0; padding: 10px 30px; color: #3c4548; font-size: 16px;}
.tab-infor{ background: #fff; padding: 30px 20px; min-height: 260px; max-height: 260px; overflow-y: auto;}
.tab-infor h4{ margin-top: 0;}
.tab-infor span{ color: #69bd44;}
.chef-detail span{ display: inline-block; margin-right: 10px; padding: 20px 0 0;}
.chef-info{ display: inline-block; vertical-align: middle}
.chef-info h4{ margin-bottom: 5px;}
.relat-box{ padding: 30px 0;}

.review-sec{ padding-top: 20px;}
.reviews{ margin-top: 30px;}
.reviews strong{ font-weight: 500;}
.rating{ margin-bottom: 5px;}
.rating span{ color: #D3D3D3;}
.rating i{ color: #6ABE45; margin: 0;}
.load-btn{ text-align: center; margin: 40px 0 30px;}

/*Payment*/
.payment-sec{ padding: 80px 0;}
.payment-inner{ background: #fff; padding: 40px 40px 30px; border: #E1E1E1 1px solid; border-radius: 2px;}
.payment-inner h3{ text-transform: uppercase; margin: 0;}
.selct-time{  text-align: center; margin-top: 20px;}
.selct-time ul{ list-style: none; padding-left: 0;}
.selct-time li{ background: #EAEAEA; border: #D7D7D7 1px solid; border-bottom: none; border-right: none; float: left; width: 20%; height: 60px; line-height: 60px; cursor: pointer;}
.selct-time li a{ color: #3c4548;}
.selct-time li:first-child{ border-radius: 3px 0 0 0;}
.selct-time li:last-child{ border-radius: 0 3px 0 0; border-right: #D7D7D7 1px solid;}
.selct-time li.highlight{ border-bottom: #6ABE45 4px solid; color: #3c4548; }
.cart-prodt{ margin: 30px 0; position: relative;}
.prod-thumb{ display: inline-block; margin-right: 20px;}
.prod-detail{ vertical-align: middle; display: inline-block;}
.prod-detail h4{ margin-bottom: 5px;}
.qty-bx{ width:32%; float: right;font-weight: 100; padding-top: 10px; position: absolute; top: 0; right: 0;}
.qty-bx p{ display: inline-block;}
.qty-num{ border: #E1E1E1 1px solid; height: 40px; line-height: 40px; width: 70px; text-align: center; font-size: 18px; margin: 0 15px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url('../img/num-icn.png') no-repeat right; background-position: 92% 10px; font-weight: 100; cursor: pointer;}
.qty-num select option{ text-align: center;}
.qty-bx span{ font-size: 18px;}
.qty-bx a{ font-size:16px; color: #E01C1D;}

.addres-sec{ padding: 10px 0 20px;}
.addrs-form ul{ list-style: none; padding-left: 0;}
.addrs-form li{ margin-top:20px; margin-right: 2.5%; display: inline-block; width: 100%; }
.addrs-form li label, .checkbox label{ display: block; font-size: 14px; font-weight: 100; margin-bottom: 5px}
.addr-field{ border: #E1E1E1 1px solid; height: 40px; line-height: 40px; padding: 0 15px; border-radius: 2px; letter-spacing: 0.5px; width: 100%; font-weight: 100; position: relative;}
.field-lg{ width: 71% !important;}
.field-sm{ width: 25.5% !important;}
.field-md{ width: 42.5% !important;}
.field-xs{ width: 22% !important; display: inline-block; margin-left: 3%;}
.field-name{ width: 31.2% !important;}
.addres-btn{ padding: 0 20px; font-size: 16px;}
.card-detail{ width: 54% !important; margin-right: 0 !important;}

.coupn-cd{ margin: 15px 0 0;}
.coupn-cd a{ color: #6ABE45; margin-bottom: 5px; display: block;}
.crd-exp{ width: 80px; margin: 0 0 0 3px;}
.cpn-input{ border: #e1e1e1 1px solid; height: 29px; border-radius: 2px; padding: 2px 5px;}
.cpn-form .aply{ font-size: 12px; height: 30px; line-height: 30px; padding: 0 15px}
.cpn-form{ display: none;}
.toggle-open .cpn-form{ display: block;}

.paymnt-sidebar h5{ font-size: 16px;}
.paymnt-sidebar a{ color: #6ABE45;}
.paymnt-sidebar a:hover{ text-decoration: underline;}
a.member-trial:hover{ text-decoration: none;}
.order-btn{ width: 100%; padding: 0; margin-top: 0;}
.ordr-sumry{ padding: 10px 0;}
.ordr-sumry p{ margin-bottom: 3px;}
.ordr-sumry span{ width: auto; float: right; text-align: right;}
.member-trial{ text-align: center; background: #6ABE45; padding: 20px; display: block; color: #fff;}
.member-trial h5{ color: #fff; margin: 0 0 10px;}
.member-trial p{ color: #fff;}
.member-trial:hover{ color: #fff;}
.trial-field{ width: 100%; margin: 20px 0 10px; text-align: left; padding: 0 10px; font-size: 14px; }
.term-txt{ margin-top: 20px;}

/**User Account**/
.account-sec{ padding: 80px 0; }
.acnt-head{ text-align: center;}
.acnt-head h2{ margin: 0; text-transform: uppercase;}
.main-accnt{ margin-top: 40px; padding: 0 80px;}
.profile-sidebar{ text-align: center;}
.profile-sidebar h4{ text-transform: uppercase; margin-top: 20px;}
.profile-sidebar a{ color: #6ABE45;}
.user-img img{ width: 100%; }
.credit-info{ text-align: left; width: 100%; margin-top: 40px;}
.credit-info p{ width: 100%;}
.credit-info span{ width: auto; text-align: right !important; float: right; font-weight: 500;}
.logout-btn{ color: #fff !important;}
.invite-sec{ box-shadow: #ccc 0 0 3px; padding: 60px 60px 80px; text-align: center;}
.invite-sec h4{ font-weight: 100;}
.invite-code{ position: relative; width: 70%; margin: auto; letter-spacing: 0.5px;}
.invite-field{ border: #ccc 1px solid; height: 44px; padding: 0 20px; width: 100%; border-radius: 2px; letter-spacing: 0.5px;}
.invite-code a{ position: absolute; top: 10px; right: 20px; color: #6ABE45;}
.share-btn{ float: left; width: 100%; margin-top: 20px;}
.share-btn a, .fb-login a{ width:32%; float: left; margin-left: 2%; height: 44px; line-height: 44px; color: #fff !important; padding: 0 15px; border-radius: 2px;}
.share-btn span{ margin-right: 10px;}
.share-btn a:first-child{ margin-left: 0;}
.email-share{ background: #525252;}
.email-share:hover{ background: #353535;}
.fb-share{ background: #3B5999;}
.fb-share:hover{ background: #2d4374;}
.tw-share{ background: #55ACEF;}
.tw-share:hover{ background: #4b99d5;}
.accnt-opt{ margin: 20px 0 0;}
.accnt-opt h4{ font-size: 18px; text-transform: uppercase;}
.accnt-set{ width: 60%; float: left;}
.accnt-set ul{ list-style: none; padding-left: 0; margin-bottom: 30px;}
.accnt-set li{ width: 50%; float: left;}
.accnt-set li a{ color: #666; line-height: 26px; font-weight: 100; letter-spacing: 0.5px;}
.accnt-set li a:hover{ color:#3c4548; }
.dload-app h4{ text-align: center;}
.breadcrumb{ background: none; text-align: left; padding: 0; margin-bottom: 30px;}
.breadcrumb a{ color: #6ABE45; font-weight: 100;}
.breadcrumb a.active{ color: #3c4548;}
.breadcrumb > li + li::before{ content: ">"; color:#3c4548; }
.accont-inner{ margin-top: 0;}
.profile-detail{ padding: 0 10px;}
.profile-detail h3{ font-size: 22px; text-transform: uppercase; margin: 0 0 20px;}
.profile-detail strong{ display: block; margin: 10px 0 8px; }
.change-field{ margin-bottom: 15px;}
.edit-profile{ width: 65%;}
.checkbox label{ padding-left: 0; margin-bottom: 20px;}
.email-pref{ margin-top: 40px;}
.email-pref p{ margin-bottom: 20px;}
.email-pref span{ font-weight: 500;}
.email-pref a{ color: #6ABE45; }
.email-pref a:hover{ color: #52a12f; }
.dark-btn{ background: #3c4548; margin-left: 10px;}
.dark-btn:hover{ background: rgba(48,48,48,1);}

.forgot-pass{ width: 50%; margin: auto; text-align: center;}
.forgot-frm{ margin-top: 30px;}

.paymnt-btn{background: #019CDE; font-weight: 600; margin-bottom: 20px;}
.add-pay li{ display: block;}
.cvv-bx{ width: 80px;}
.bill-bx{ width: 100px;}

/*Gift*/
.gift-bannr{ background: url('../img/gift-banner.jpg') no-repeat center top; background-size: cover;background-attachment: fixed; }
.gift-bannr h2{ color: #6ABE45; font-size: 40px; margin: 0; }
.gift-sec{ text-align: center;}
.gift-bx{ padding: 0 25px;}
.gift-bx h3{ margin: 30px 0 20px;}
.gift-bx span{ min-height: 96px; display: block;}
.card-outr{ padding: 20px; border: #D7D7D7 1px solid; border-radius: 2px; width: 70%;}
.card-bx{ background: #E2E2E2; width: 85px; height: 54px; margin: 0 8px; float: left;  border-radius: 3px; }
.buy-card{ margin-bottom: 20px;}
.gift-img{ padding-top: 10px;}

/**Give food get food(Invite)**/
.invite-bnnr{ padding: 45px 45px 70px; width: 60%;}
.invite-bx{ padding: 0; box-shadow: none;}
.full-width{ width: 100%;}
.invite-info{ display: inline-block;}
.invite-info p{ background:#6ABE45; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 2px;  padding: 0 20px; float: left; font-size: 16px; }
.dark-bg{ background: #3C4648 !important;}
.invite-table{ border: #E0E0E0 1px solid; text-align: left; border-radius: 2px;}
.t-head{ padding: 10px 20px; background: #ECECEC;}
.t-head th{ font-weight: 500; font-size: 16px; padding: 10px 5px; }
.invite-table td{ font-weight: 100; font-size: 16px; padding: 10px 0; }
.t-head th:first-child, .invite-table td:first-child{ padding: 0 20px;}
.th-1{ width: 40%;}
.th-2{ width: 11%;}
.th-3{ width: 25%;}
.th-4{ width: 24%;}
.th-3{ padding-left: 20px !important;}
.table-link a{ color: #3D4748; margin: 0 3px;}
.get-point{ margin-top: 30px;}
.get-point p{ margin-bottom: 15px;}

/**Login**/
.login-main h3{ margin-top: 10px; }
.login-frm a{ margin-bottom: 15px; color: #ABABAB; font-weight: 100;}
.login-frm a:hover{ text-decoration: underline;}
.login-frm p{ text-align:center; margin:30px 0; color: #ABABAB; position:relative; background:#fff; border-top:#ABABAB 1px solid;}
.login-frm p span{position:absolute; left:50%; top:50%; background:#fff; padding: 0 5px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.fb-login{ text-align: center;}
.fb-login span{ margin-right: 8px; }
.fb-login a{ width: 48.5%; margin-left: 3%; font-size: 15px; padding: 0 5px;}
.fb-login a:first-child{ margin-left: 0;}
.login-frm h5{ font-weight: 100;}
.login-frm h5 a{ color: #6ABE45;}
a.fb-share:hover, a.tw-share:hover{ text-decoration: none;}

/*Sign up*/
.signup-main{ width: 90%; margin: auto; text-align: center;}
.signup-btn{ width: 100%; float: left; text-align: left; margin:10px 5px 10px;}
.hv-code{ color: #ACACAC; margin-top: 10px;}
.hv-code:hover{ color: #ACACAC; text-decoration: underline;}
.signup-btn a{ display: inline-block; margin-left: 10px;}
.signup-info{ text-align: left;}
.signup-info h2{ font-weight: 100; font-size: 22px;}
.signup-bx {padding: 0 15px;}
.signup-list{ width: 100%; }
.signup-list ul{ margin-top: 0;}
.signup-list li{ margin-bottom: 5px;}
.login-txt{ margin-top: 20px; display: inline-block;}
.login-txt a{ color: #6ABE45;}
.login-txt a:hover{ text-decoration: underline;}

/*Membership*/
.mbrshp-bnnr p{ font-size: 14px;}
.mbrshp-sec{ padding: 80px 0;}
.mbrshp-opt li{ margin-bottom:  10px;}

.order-histry{ margin: 20px 0;}
.redeem-frm{ margin-top: 20px;}
.redeem-txt{ margin: 20px 0 0; font-size: 13px !important; color: #919191;}
.gift-bannr p{ margin-bottom: 0;}
.review-txt-bx{ width: 90%; height: 120px; resize: none; padding: 15px; margin-top: 20px; border: #D7D7D7 1px solid;}
.user-review{ width: 70%;}
.review span{ color: #BCBCBC;}
.review span i.active{ color: #6ABE45;}
.review{ margin-bottom: 20px;}

.home-main{ background: url('../img/home-banner.jpg') no-repeat center; background-size: cover;  position: relative; padding: 60px 0; width: 100%; height: 100%; position: absolute; }
.main-bnnr{ text-align: center; padding: 30px 45px;}
.main-bnnr p{ font-size: 14px;}
.main-bnnr .main-logo{ margin-bottom: 20px;}
.menu-btn1{ width: 40%;}
.menu-btn2{ width: 58%; margin-left: 1%; margin-top: 0 !important; height: 42px; line-height: 42px; background: #3B5999; display: inline-block; color: #fff; border-radius: 3px; }
.menu-btn2:hover{ color: #fff; background: #2d4374;}
.menu-btn2 span{ margin-right: 10px;}
.see-menu{ margin-top: 10px !important;}
.black-footer{background:#1c1b1a;position:fixed;bottom:0;width:100%;height:40px;line-height:40px;text-align:center; z-index: 9999;}
.black-footer a{width:10%; color:#fff; text-align:center; opacity:0.6; font-size:14px;}
.black-footer a:hover{opacity:1}
.black-footer a:not(:last-child){margin-right:30px}
.add-card{ font-weight:400; color: #3D4748;}
.addres-txt{ text-align: left;}

.expire, .expire label{ display: inline-block;}
input[type=text]:focus, textarea:focus, select:focus{ outline: none;}
input.check3radio[type=checkbox]:checked + label:before, input[type="radio"]:checked + label:before {
	content:"\2714";
	color:#fff;
	background-color: #8ea066;
    border:none;
	text-align:center;
}
input[type="radio"]:checked + label:before {
    content: "";
}

input.check3radio[type=checkbox] + label:before, input[type="radio"] + label:before {
	content: "";  
	display: inline-block;  
	width: 17px;  
	height: 17px;  
	vertical-align:middle;
	margin-right: 8px;  
	background-color: #fff; 
    border: 1px solid #b7b7b7;
    border-radius: 2px;
    margin-top: -3px;
    cursor: pointer;
}
input[type="radio"] + label:before {
    border-radius: 50%;
    width: 12px;
    height: 12px;
}
input[type="radio"], input[type="checkbox"]{ display: none;}

/**Food For children**/
.food-banner h1{ font-size: 30px;}
.food-nav{ border: #e1e1e1 1px solid; padding-bottom: 10px;}
.food-nav h1{ background: #7ec65e; height: 40px; line-height: 40px; display: inline-block; width: 100%; padding: 0 20px; color: #fff; font-size: 18px; margin: 0 0 10px;}
.food-nav li a{ font-size: 14px; font-weight: 100; line-height: 14px; padding: 13px 20px; }
.food-contnt{ border: #e1e1e1 1px solid; margin-left: 30px; background: #f8f8f8; padding: 30px 30px 45px;}
.food-contnt h4{ font-size: 22px; color: #7ec65e; text-align: center; margin: 0; font-weight: 400;}
.food-table{ background: #fff; border: #e1e1e1 1px solid; margin: 30px 0 0;}
.food-table ul{ padding-left: 0; list-style: none;}
.food-table li{ width: 33.33333333%; float: left; text-align: center; border: #e1e1e1 solid; border-width: 0 1px 0px 0; min-height: 292px; }
.food-table li:last-child{ border-right: none;}
.food-head{ padding: 20px 0 15px; border: #e1e1e1 solid; border-width: 0 0px 1px 0; display: inline-block; width: 100%;}
.food-head h5{ margin: 0 0 5px; font-size: 18px; font-weight: 400; }
.food-head p{ margin: 0; font-size: 12px; font-weight: 400;}
.food-txt{ padding: 30px 0;}
.food-txt p{ line-height: 26px; margin-bottom: 25px; }
.food-nav > li.active > a, .food-nav > li.active > a:focus, .food-nav > li.active > a:hover{ font-weight: 400;}

/**Delivery**/
.delivry-bannr{ background: url('../delivery/application/img/banner-bg6.jpg') no-repeat center; background-size: cover;}
.del-cont{ text-align: center; position: relative; z-index: 99999; }
.del-cont h1{ color: #fff; font-size: 52px; text-transform: uppercase; }
.del-cont p{ color: #fff; font-size: 20px; }
.delivry-inner{ width: 60%; margin: auto; }
.delivry-inner h3{ text-align: center; font-size: 18px;}
.half-bx{ width: 48.5% !important; float: left; margin-right: 0 !important;}
.adres-head{ position: relative; left: -20px;}
.adres-head h5{ padding-left: 20px; font-weight: 400; line-height: 22px;}
.adres-head span{ position: absolute; left: 0; top: 10px; line-height: 22px; color: #69bd44;}
.adres-input span{ position: absolute; top: 10px; left: 10px; color: #62686a;}
.adres-input{ position: relative;}
.adres-field{ padding: 0 30px;}
.adres-selct{ margin-top: 0;}
.adres-txt-area{ margin-top: 0; width: 100%;}
.radio-btn{ display: inline-block; margin-right: 10%; }
.selct-day li{ border: 1px solid #e1e1e1; border-radius: 2px; height: 40px; line-height: 40px; width: 48.5%; float: left; margin-right: 0; padding: 0 15px; cursor: pointer;}
.selct-day li:nth-child(2n){ float: right; }
.selct-day li a{ color: #666;}
.highlight2{ background: #69bd44; color: #fff; border: transparent 1px solid;}
.highlight2 a{ color: #fff !important;}
.appliction-btn{ margin-top: 60px; text-align: center; width: 100%;}


.show-date{ opacity: 1;}
.fademe{ opacity:0; position: relative; bottom: -50%; }
.mrgn-none{ margin: 0 !important;}
.no-border{border: none;}
.min-overly{ display: none; background: rgba(0,0,0,0.1); width: 100%; position: absolute; top: 0; left: 0; height: 100%;}
.nav.navbar-nav{ width: 100%;}
.navigation{ background: none; border: none; margin-bottom: 25px;}
.phone-cart{ display: none;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background: none;}
.invite-table table{ width: 100%;}
.hide-btn{ display: block;}


/*Support*/
.white-banner{ background: #fff; border-bottom: #e8ebe9 1px solid;}
.white-banner h1{ position: relative; padding-bottom: 15px;}
.white-banner h1:after{ width: 50px; height: 4px; background: #515252; text-align: center; content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.support-sec{ background: #f4f7f8; padding: 40px 0;}
.support-inner{ width: 66%; margin: auto;}
.white-sec{ background: #fff; padding: 40px; margin-bottom: 20px;}
.help-cntr{ margin: 15px 0 0; color: #fff !important;}
.support-txt{ margin: 0;}
.support-form{ margin-top: 40px;}
.support-form label{ display: block; font-weight: 500; font-size: 15px;}

.suport-sel{ border: 1px solid #d9d9d9; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url('../img/drop-dwn.svg') no-repeat 95% 50%; background-size: 10px; height: 36px; padding: 0 30px 0 10px; border-radius: 4px; width: 400px;}

/*#get-start{ display: none;}*/
.support-txt h4{ font-size: 15px; margin: 0 0 20px;}

.option-contnt{ display: block; margin-top: 10px;}
.hidden-box-contnt{}
.need-hlp{ background: none; color: #515252 !important; border: 1px solid #b9b9af; font-weight: 500; margin-top: 30px; height: 36px; line-height: 36px; text-align: center; display: inline-block; border-radius: 4px; padding: 0 20px; font-size: 15px;}
.need-hlp:hover{ background: #69bd44; color: #fff !important; border: 1px solid #69bd44}

.hidden-box{ display: none;}
.active-ans{ display: block;}
.ques{ padding-left: 0; list-style: none;}
.hidden-box-contnt.active{ display: block;}
.ans-content { border-top: #e8ebe9 1px solid;  margin-top: 40px; padding-top: 40px;}
.breadcrumb-sec{ margin-bottom: 25px;}
.breadcrumb-sec span{ display: block; text-transform: uppercase; font-size: 12px;}
.breadcrumb-sec .active-link{ display: inline-block; text-transform: none; font-size: 14px;}

.contact-form label{ font-weight: 400; text-transform: uppercase;}
.contact-form{ margin: 0 -10px;}
.contct-field{ border: #d9d9d9 1px solid; border-radius: 3px;width: 100%; height: 36px; padding: 0 10px; }
.contact-form .form-group{ width: 47%; margin: 0 10px 20px; float: left;}
.contact-form .full-field{ width: 97%; margin: 0 10px;}
.con-txtarea{ height: 72px; padding: 10px;}
.char-limit{ color: #b9b9af; font-size: 12px;  margin-top: 8px; text-align: right;}
.contact-form .form-group p{ margin-bottom: 0;}
.support-opt p{ width: 50%; float: left;}
.support-opt span{ font-size: 13px;}
.secondry{ color: #79776b;}
.secondry .day{ margin-right: 20px;}