html { font-size: 18px; }

body { background-color: #fff; color: #4d4d4d; font-family: "Roboto", sans-serif; font-size: 1rem; overflow-y: visible !important; padding: 0 !important; }

button:focus { outline: none; }

header nav { background-color: #fff; }
header nav .navbar-header .navbar-toggle { font-size: 1.388888888888889rem; color: #97cb50; padding-top: 15px; }
header nav .navbar-nav { padding: 25px 0; float: right; }
header nav .navbar-nav > li:first-child a { color: #97cb50; font-size: 1rem; border: 2px solid transparent; }
header nav .navbar-nav > li:first-child a:hover { border: 2px solid transparent; color: #2e2e2e; }
header nav .navbar-nav > li:first-child .active { color: #2e2e2e; }
header nav .navbar-nav a { font-size: 0.7777777777777778rem; text-transform: uppercase; color: #202020; border-top: 2px solid transparent; padding:10px}
header nav .navbar-nav a:hover { background-color: #fff; border-top: 2px solid #66564b; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
header nav .navbar-nav .active { background-color: #fff; border-top: 2px solid #66564b; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
header .header-main { margin-top: 100px; position: relative; background: url(/new_sites/images/header.jpg) right top no-repeat; background-size: cover; }
header .header-main .main-info { margin: 15px 0; background-color: rgba(63, 46, 38, 0.8); padding: 15px 34px; border-radius: 2px; }
header .header-main .main-info .top h1 { font-weight: 400; font-size: 4rem; color: #97cb50; text-transform: uppercase; margin-bottom: 0; }
header .header-main .main-info .top h1 .sub { display: block; font-size: 3rem; }
header .header-main .main-info .top p { color: #fff; font-weight: 300; font-size: 1.555555555555556rem; margin-bottom: 15px; }
header .header-main .main-info .top button { font-size: 1.666666666666667rem; font-weight: 500; color: #fff; background-color: #97cb50; border: none; border-radius: 2px; padding: 10px 47px; margin-bottom: 23px; }
header .header-main .main-info .bottom h4 { color: #fff; font-size: 1.666666666666667rem; text-transform: uppercase; margin-bottom: 20px; }
header .header-main .main-info .bottom .contact { font-weight: 500; font-size: 1.3rem; margin-bottom: 30px; }
header .header-main .main-info .bottom .contact .info { display: inline; }
header .header-main .main-info .bottom .contact .info a, header .header-main .main-info .bottom .contact .info span { color: #fff; margin: 0 25px 0 10px; }
header .header-main .main-info .bottom .contact .info i { color: #8dc63f; }
header .header-main .main-info .bottom .contact .info1 { display: block; }

.save-section { padding: 40px 0; }
.save-section .heading { border-bottom: 1px solid #e5e5e5; margin-bottom: 25px; }
.save-section .heading h2 { margin-bottom: 26px; }
.save-section .heading h2 span { display: inline-block; }
.save-section .heading h2 .icon { color: #8dc63f; font-size: 3.333333333333333rem; padding-right: 20px; }
.save-section .heading h2 .text { color: #202020; font-weight: 400; font-size: 1.666666666666667rem; text-transform: uppercase; }
.save-section .heading h2 .text .break { display: block; }
.save-section .description { font-weight: 300; color: #4d4d4d; }

.video { margin-bottom: -7px; position: relative; }
.video .video-overlay { position: absolute; width: 100%; background: url(/new_sites/images/video.jpg); background-size: cover; height: 400px; color: #fff; text-transform: uppercase; font-size: 2.351111111111111rem; cursor: pointer; }
.video .video-overlay p { margin-top: 10%; }
.video .video-overlay p .fa { font-size: 7.222222222222222rem; }

.setup .setup-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.setup .setup-wrapper .half-width { width: 50%; }
.setup .setup-wrapper .image { background: url(/new_sites/images/kitchen-dark.jpg) 50% 50%; background-size: cover; }
.setup .setup-wrapper .text { background-color: #8dc63f; color: #fff; padding: 100px 10px 150px 70px; }
.setup .setup-wrapper .text h3 { font-size: 2.123333333333333rem; font-weight: 400; margin-bottom: 40px; }
.setup .setup-wrapper .text p { width: 55%; font-size: 1.666666666666667rem; }

.benefits { padding: 80px 0 50px; }
.benefits .benefit-text { margin-bottom: 30px; }
.benefits .benefit-text h2 { font-size: 1.666666666666667rem; font-weight: 400; color: #8dc63f; margin-bottom: 30px; margin-top: 10px; }
.benefits .benefit-text h2 span { display: block; }
.benefits .benefit-text .brown { color: #66564b; }
.benefits .benefit-text p { margin-bottom: 35px; }
.benefits .benefit-text a { display: inline-block; color: #4a4a4a; border: 2px solid #4a4a4a; padding: 10px 22px; border-radius: 3px; text-transform: uppercase; }
.benefits .benefit-text a:hover { text-decoration: none; color: #ff8400; border-color: #ff8400; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.benefits .benefit-text .green:hover { color: #8dc63f; border-color: #8dc63f; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.discover { position: relative; }
.discover .background { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 400px; position: absolute; top: -30px; width: 100%; z-index: 0; }
.discover .background .half-width { width: 50%; min-height: 400px; }
.discover .background .color { background-color: #ff8400; }
.discover .background .image { background: #f0f0f0 url(/new_sites/images/veggies.jpg) 50% 50% no-repeat; background-size: cover; }
.discover .text { position: relative; z-index: 1; color: #fff; margin-bottom: 70px; }
.discover .text h3 { font-size: 2.123333333333333rem; font-weight: 400; margin: 60px 0 30px; }
.discover .text p { font-size: 1.18rem; margin-bottom: 30px; }
.discover .text a { display: inline-block; color: #fff; border: 2px solid #fff; padding: 10px 22px; border-radius: 3px; text-transform: uppercase; }
.discover .text a:hover { border-color: #66564b; color: #66564b; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

footer { padding: 70px 0 0; }
footer a { color: #4d4d4d; }
footer a:hover { color: #242424; }
footer ul { list-style: none; padding-left: 0; }
footer ul li { margin-bottom: 10px; }
footer h3 { margin-top: 10px; margin-bottom: 50px; color: #97cb50; text-transform: uppercase; font-size: 1.333333333333333rem; font-weight: 500; }
footer .footer-navigation { padding-bottom: 50px; border-bottom: 1px solid #dedede; }
footer .footer-navigation .logo-social .footer-logo { margin-bottom: 75px; }
footer .footer-navigation .logo-social li { float: left; }
footer .footer-navigation .logo-social li i { width: 50px; height: 50px; border-radius: 50%; background-color: #97cb50; border: 2px solid #97cb50; padding: 10px 13px; margin-right: 10px; font-size: 24px; }
footer .footer-navigation .logo-social li i:hover { background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
footer .footer-navigation .logo-social li a { color: #fff; }
footer .footer-navigation .logo-social li a:hover { color: #97cb50; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
footer .footer-navigation .form-description { font-weight: 300; margin-bottom: 30px; }
footer .footer-navigation .form-inline .form-group { width: 100%; }
footer .footer-navigation .form-inline .form-group input { width: 60%; padding: 24px 15px; border-radius: 3px; }
footer .footer-navigation .form-inline .form-group input:focus { border-color: #66564b; outline: 0; box-shadow: none; }
footer .footer-navigation .form-inline .form-group button { width: 40%; padding: 13px 15px; background-color: #66564b; color: #fff; margin-left: -6px; border-radius: 0; font-size: 0.8888888888888889rem; }
footer .copyright { padding: 10px 0 0; }
footer .copyright .container { position: relative; padding-bottom: 20px; }
footer .copyright .container p { font-size: 0.8888888888888889rem; }
footer .copyright .container button { background-color: #97cb50; color: #fff; text-transform: uppercase; font-size: 1.333333333333333rem; font-weight: 500; border: none; padding: 15px 40px; border-radius: 2px; position: absolute; right: 0; bottom: 0; }
footer .copyright .container button i { margin-left: 10px; }
footer .copyright .container .livezilla { position: fixed; left: 10px; bottom: 10px; }

/*About Page*/
header .about { background: url(/new_sites/images/img7.jpg) 50% 50% no-repeat; background-size: cover; }
header .about .main-info { width: 100%; position: static; margin: 15px 0; }
header .about .main-info .top h1 { font-size: 2.222222222222222rem; }

.testimonials { padding: 60px 0; }
.testimonials h2 { margin-bottom: 40px; }
.testimonials .heading { border-bottom: 1px solid #e5e5e5; margin-bottom: 25px; }
.testimonials .heading img { margin-bottom: 20px; }
.testimonials .description { font-weight: 300; color: #4d4d4d; }

.comparison .comparison-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.comparison .comparison-wrapper .half-width { width: 50%; }
.comparison .comparison-wrapper .image { background: #f0f0f0 url(/new_sites/images/sweet-pepper.jpg) 50% 50% no-repeat; background-size: cover; }
.comparison .comparison-wrapper .text { background-color: #8dc63f; color: #fff; padding: 40px 10px 60px 70px; }
.comparison .comparison-wrapper .text h3 { font-size: 2.123333333333333rem; font-weight: 400; margin-bottom: 40px; }
.comparison .comparison-wrapper .text p { font-size: 1.5rem; }

.save { padding: 50px 0 80px; color: #66564b; }
.save h3 { font-size: 2.123333333333333rem; font-weight: 400; margin-bottom: 40px; }
.save .description { font-size: 1.5rem; width: 70%; margin: 10px auto; text-align: justify; }
.save .icon { font-size: 6rem; color: #ff8400; }

.tracking { position: relative; z-index: 0; }
.tracking .background { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 400px; position: absolute; top: -30px; width: 100%; z-index: 0; }
.tracking .background .half-width { width: 50%; min-height: 400px; }
.tracking .background .color { background-color: #ff8400; }
.tracking .background .image { background: #f0f0f0 url(/new_sites/images/bread1.jpg) 50% 50% no-repeat; background-size: cover; }
.tracking .text { position: relative; z-index: 1; color: #fff; margin-bottom: 70px; }
.tracking .text h3 { font-size: 2.123333333333333rem; font-weight: 400; margin: 60px 0 30px; }
.tracking .text p { font-size: 1.5rem; margin-bottom: 30px; }

/*For restaurants Page*/
header .for-restaurants { background: url(/new_sites/images/order1.jpg) 50% 50% no-repeat; background-size: cover; }
header .for-restaurants .main-info { width: 100%; position: static; margin: 15px 0; }
header .for-restaurants .main-info .top h1 { font-size: 2rem; }
header .for-restaurants .main-info .top h1 .lowercase { display: block; margin-top: 10px; text-transform: none; }

#save-time, #save-money, #discover-new { padding: 40px 0; }
#save-time .icon-hidden, #save-money .icon-hidden, #discover-new .icon-hidden { margin-right: 15px; display: none; }
#save-time .row, #save-money .row, #discover-new .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
#save-time .row .text h2, #save-money .row .text h2, #discover-new .row .text h2 { font-size: 2.123333333333333rem; font-weight: 400; margin-bottom: 40px; }
#save-time .row .text p, #save-money .row .text p, #discover-new .row .text p { font-size: 1.5rem; }
#save-time .row .icon, #save-money .row .icon, #discover-new .row .icon { font-size: 7.777777777777778rem; line-height: 1.557142857142857; }

#save-time { background-color: #97cb50; color: #fff; }

#save-money { background-color: #fff; color: #66564b; }

#discover-new { background-color: #ff8400; color: #fff; }

.video1 { position: relative; }
.video1 .video-overlay1 { position: absolute; width: 100%; background: url(/new_sites/images/fruits-veggies.jpg) center center no-repeat; background-size: cover; height: 400px; color: #fff; text-transform: uppercase; font-size: 2.351111111111111rem; cursor: pointer; }
.video1 .video-overlay1 p { margin-top: 10%; }
.video1 .video-overlay1 p .fa { font-size: 7.222222222222222rem; }

/*For Vendors Page*/
header .vendors { background: url(/new_sites/images/chef.jpg) 50% 50% no-repeat; background-size: cover; }
header .vendors .main-info { width: 100%; position: static; margin: 15px 0; }
header .vendors .main-info .top h1 { font-size: 2.222222222222222rem; }

.clientele .clientele-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.clientele .clientele-wrapper .half-width { width: 50%; }
.clientele .clientele-wrapper .image { background: #f0f0f0 url(/new_sites/images/tomatoes.jpg) 50% 50% no-repeat; background-size: cover; }
.clientele .clientele-wrapper .text { background-color: #8dc63f; color: #fff; padding: 40px 10px 60px 70px; }
.clientele .clientele-wrapper .text h3 { width: 60%; font-size: 2.123333333333333rem; font-weight: 400; margin-bottom: 40px; }
.clientele .clientele-wrapper .text p { font-size: 1.5rem; width: 60%; }

.employee { padding: 50px 0 80px; color: #66564b; }
.employee h3 { font-size: 2.123333333333333rem; font-weight: 400; margin-bottom: 40px; }
.employee .description { font-size: 1.5rem; width: 70%; margin: 10px auto; text-align: justify; }
.employee .icon { font-size: 6rem; color: #ff8400; }

.champion { position: relative; }
.champion .background { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 370px; position: absolute; top: -20px; width: 100%; z-index: 0; }
.champion .background .half-width { width: 50%; min-height: 370px; }
.champion .background .color { background-color: #ff8400; }
.champion .background .image { background: #f0f0f0 url(/new_sites/images/bread.jpg) 50% 50% no-repeat; background-size: cover; }
.champion .text { position: relative; z-index: 1; color: #fff; margin-bottom: 70px; }
.champion .text h3 { font-size: 2.123333333333333rem; font-weight: 400; margin: 60px 0 30px; }
.champion .text p { font-size: 1.5rem; margin-bottom: 30px; }

/*Pricing Page*/
header .pricing { background: url(/new_sites/images/meat.jpg) 50% 50% no-repeat; background-size: cover; }
header .pricing .main-info { width: 100%; position: static; margin: 15px 0; }
header .pricing .main-info .top h1 { font-size: 2.222222222222222rem; }

#plans { padding: 220px 0 40px; }
#plans .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
#plans .row .subscription-plan { border: 2px solid #97cb50; padding: 20px; width: 50%; border-radius: 3px; position: relative; }
#plans .row .subscription-plan:hover { background-color: #97cb50; color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#plans .row .subscription-plan:hover .call2action button { color: #66564b; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#plans .row .subscription-plan h2 { text-transform: uppercase; text-align: center; font-size: 2.2rem; font-weight: 400; margin-bottom: 15px; }
#plans .row .subscription-plan .plan-price { margin-bottom: 30px; }
#plans .row .subscription-plan .call2action button { width: 100%; text-align: center; text-transform: uppercase; padding: 12px 0; margin-bottom: 30px; background-color: #97cb50; color: #fff; border: none; border-radius: 2px; }
#plans .row .subscription-plan .call2action button:hover { box-shadow: 0 0 20px #acacac; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#plans .row .subscription-plan .features ul { list-style-type: none; padding-left: 0; }
#plans .row .subscription-plan .features ul li { margin-bottom: 10px; }
#plans .row .subscription-plan .features ul li i { margin-right: 10px; }
#plans .row #premium { background-color: #97cb50; color: #fff; box-shadow: 0 0 30px #acacac; margin-top: -30px; z-index: 2; }
#plans .row #premium h2 { margin-top: 95px; }
#plans .row #premium .call2action button { color: #66564b; background-color: #fff; font-weight: 500; }
#plans .row #premium .ribbon { color: #97cb50; display: block; position: absolute; top: -11px; left: 50%; width: 0; height: 90px; border: 30px solid #fff; border-top: 0 solid; border-bottom: 25px solid transparent; margin-left: -20px; }
#plans .row #premium .ribbon .star { text-align: center; font-size: 2rem; margin: 10px 0 0 -15px; }
#plans .row #premium:hover { background-color: #fff; color: #66564b; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#plans .row #premium:hover .call2action button { color: #fff; background-color: #97cb50; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#plans .row #premium:hover .ribbon { border-color: #97cb50; border-bottom-color: transparent; color: #fff; }
#plans .row #basic { margin-right: -5px; z-index: 0; }
#plans .row #plus { margin-left: -5px; z-index: 0; }

/*FAQ Page*/
header .faq { background: url(/new_sites/images/cook.jpg) 50% 85% no-repeat; background-size: cover; }
header .faq .main-info { width: 100%; position: static; margin: 15px 0; }
header .faq .main-info .top h1 { font-size: 2.222222222222222rem; }

.essential-q .essential-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.essential-q .essential-wrapper .half-width { width: 50%; }
.essential-q .essential-wrapper .image { background: #f0f0f0 url(/new_sites/images/food.jpg) 50% 50% no-repeat; background-size: cover; }
.essential-q .essential-wrapper .text { background-color: #8dc63f; color: #fff; padding: 20px 20px 30px 50px; }
.essential-q .essential-wrapper .text h3 { font-size: 1.8rem; font-weight: 400; margin-bottom: 40px; }
.essential-q .essential-wrapper .text .subheading { font-weight: 500; font-size: 1.2rem; }
.essential-q .essential-wrapper .text p { font-size: 1rem; width: 60%; text-align: justify; }

.logical-q { padding: 20px 0 55px; color: #66564b; border-bottom: 5px solid #97cb50; }
.logical-q h3 { font-size: 2.123333333333333rem; font-weight: 400; margin-bottom: 40px; }
.logical-q .description { font-size: 1rem; width: 70%; margin: 10px auto; text-align: justify; }
.logical-q .icon { font-size: 6rem; color: #ff8400; }
.logical-q .subheading { font-weight: 500; font-size: 1.2rem; }

.more-q { padding: 20px 0 40px; border-bottom: 1px solid #c7c7c7; }
.more-q h2 { text-transform: uppercase; margin-bottom: 30px; }
.more-q .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.more-q .row .left { border-right: 5px solid #ff8400; }
.more-q .row .left .question h4 a i { color: #ff8400; }
.more-q .row .question { margin-bottom: 20px; }
.more-q .row .question h4 a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #66564b; font-size: 1rem; line-height: 1.1; }
.more-q .row .question h4 a:hover, .more-q .row .question h4 a:active, .more-q .row .question h4 a:focus { text-decoration: none; }
.more-q .row .question h4 a i { margin: 0 13px 0 0; color: #8dc63f; display: block; width: 3%; }
.more-q .row .question h4 a span { display: block; width: 97%; }
.more-q .row .question p { text-align: justify; }

/*Blog Page*/
header .blog { background: url(/new_sites/images/menu-executivo.jpg) 50% 50% no-repeat; background-size: cover; }
header .blog .main-info { margin: 15px 0; padding: 5px 34px; }
header .blog .main-info .top h1 { font-size: 2.222222222222222rem; }

.blog-wrapper { padding: 60px 80px 20px; }
.blog-wrapper .posts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
.blog-wrapper .post-wrapper { width: 400px; min-width: 300px; padding: 10px; margin: 5px; border: 7px solid #8dc63f;position: relative;}
.blog-wrapper .post-wrapper h3 { min-height: 60px; margin-top: 0; }
.blog-wrapper .post-wrapper img { margin-bottom: 20px; margin-left: auto; margin-right: auto; }
.blog-wrapper .post-wrapper .more-button { text-transform: uppercase; display: inline-block; margin-top: 5px; color: #66564b; border: 2px solid #66564b; padding: 10px 22px; border-radius: 3px; text-transform: uppercase; }
.blog-wrapper .post-wrapper .more-button:hover { text-decoration: none; }

.blog-wrapper .post-wrapper .post-prewiew { margin-bottom: 65px; }
.blog-wrapper .post-wrapper .read-more { position: absolute; bottom: 0; left: 30%; }
.blog-wrapper .post-wrapper .read-more .more-button { text-transform: uppercase; display: inline-block; margin-top: 5px; color: #66564b; border: 2px solid #66564b; padding: 10px 22px; border-radius: 3px; text-transform: uppercase; }
.blog-wrapper .post-wrapper .read-more .more-button:hover { text-decoration: none; }

.blog-wrapper .post-wrapper:nth-child(odd) { border-color: #ff8400; }
.blog-wrapper .post-wrapper:nth-child(odd) .more-button:hover { color: #ff8400; border: 2px solid #ff8400; padding: 10px 22px; border-radius: 3px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.blog-wrapper .post-wrapper:nth-child(even) .more-button:hover { color: #8dc63f; border: 2px solid #8dc63f; padding: 10px 22px; border-radius: 3px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

header .blog-page { background: url(/new_sites/images/full.jpg) 50% 50% no-repeat; background-size: cover; }
header .blog-page .main-info { margin: 15px 0; }
header .blog-page .main-info .top h1 { font-size: 2.222222222222222rem; }

.single-post { padding: 50px 0; text-align: justify; border-bottom: 5px solid #ff8400; }
.single-post .illustration { float: left; margin: 20px 20px 7px 0; }
.single-post .text h2 { color: #8dc63f; font-weight: 400; }

/*Contact Page*/
header .contact-header { background: url(/new_sites/images/farmers.jpg) 50% 50% no-repeat; background-size: cover; }
header .contact-header .main-info { width: 100%; position: static; margin: 50px 0; }
header .contact-header .main-info .top h1 { font-size: 2.222222222222222rem; }
header .contact-header .main-info .bottom { color: #fff; }

.map { border-top: 5px solid #ff8400; border-bottom: 5px solid #ff8400; }
.map iframe { margin-bottom: -7px; }

.contact-form { padding: 60px 0; }
.contact-form h2 { text-transform: uppercase; font-weight: 400; margin-bottom: 30px; }
.contact-form form { padding: 0 15px; }
.contact-form form .form-control { margin-bottom: 15px; height: 40px; }
.contact-form form .form-control:focus { border: 1px solid #8dc63f; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(151, 203, 80, 0.6); }
.contact-form form .form-control.message { height: 70px; resize: vertical; }
.contact-form form .send-button { background-color: #97cb50; color: #fff; font-size: 1rem; padding: 6px 30px; }

/*Login Page*/
.login-wrapper, .forgot-wrapper { background-color: #fff; height: 100vh; position: relative; }
.login-wrapper .white, .login-wrapper .green, .login-wrapper .orange, .forgot-wrapper .white, .forgot-wrapper .green, .forgot-wrapper .orange { position: absolute; margin-left: -175px; margin-top: -170px; width: 310px; height: 330px; box-shadow: 0 0 30px #bfbfbf; }
.login-wrapper .green, .forgot-wrapper .green { background-color: #97cb50; -webkit-transform: rotateZ(-4deg); transform: rotateZ(-4deg); z-index: 0; top: 50%; left: 49%; }
.login-wrapper .orange, .forgot-wrapper .orange { background-color: #ff8400; -webkit-transform: rotateZ(6deg); transform: rotateZ(6deg); z-index: 1; top: 51%; left: 50%; }
.login-wrapper .white, .forgot-wrapper .white { background-color: #fff; z-index: 2; top: 50%; left: 50%; padding: 25px 20px; }
.login-wrapper .white .form-group, .forgot-wrapper .white .form-group { margin-bottom: 7px; }
.login-wrapper .white .form-group input:focus, .forgot-wrapper .white .form-group input:focus { border: 1px solid #8dc63f; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(151, 203, 80, 0.6); }
.login-wrapper .white .form-group label i, .forgot-wrapper .white .form-group label i { font-size: 1.1rem; color: #8dc63f; margin-right: 10px; }
.login-wrapper .white .check, .forgot-wrapper .white .check { margin-bottom: 0; }
.login-wrapper .white .check p, .forgot-wrapper .white .check p { display: inline-block; padding-left: 10px; font-size: 0.9rem; }
.login-wrapper .white .forgot-pass, .forgot-wrapper .white .forgot-pass { margin-bottom: 5px; }
.login-wrapper .white .forgot-pass a, .forgot-wrapper .white .forgot-pass a { color: #66564b; font-size: 0.9rem; }
.login-wrapper .white .login-button, .forgot-wrapper .white .login-button { width: 45%; display: block; margin: 0 auto; background-color: #97cb50; color: #fff; font-size: 1.111111111111111rem; }
.login-wrapper .white .login-button i, .forgot-wrapper .white .login-button i { margin-right: 10px; }

.forgot-wrapper .white .form-group { margin-bottom: 15px; }
.forgot-wrapper .white .login-button { width: 100%; }

/*Responsive*/
@media screen and (max-width: 1400px) { header .header-main .main-info, header .about .main-info, header .for-restaurants .main-info, header .vendors .main-info, header .faq .main-info, header .blog .main-info, header .blog-page .main-info, header .contact-header .main-info { padding: 5px 34px; }
  header .header-main .main-info .top h1, header .about .main-info .top h1, header .for-restaurants .main-info .top h1, header .vendors .main-info .top h1, header .faq .main-info .top h1, header .blog .main-info .top h1, header .blog-page .main-info .top h1, header .contact-header .main-info .top h1 { font-size: 2.7rem; }
  header .header-main .main-info .top h1 .sub, header .about .main-info .top h1 .sub, header .for-restaurants .main-info .top h1 .sub, header .vendors .main-info .top h1 .sub, header .faq .main-info .top h1 .sub, header .blog .main-info .top h1 .sub, header .blog-page .main-info .top h1 .sub, header .contact-header .main-info .top h1 .sub { display: inline; font-size: 2.7rem; }
  header .header-main .main-info .top p, header .about .main-info .top p, header .for-restaurants .main-info .top p, header .vendors .main-info .top p, header .faq .main-info .top p, header .blog .main-info .top p, header .blog-page .main-info .top p, header .contact-header .main-info .top p { font-size: 1.3rem; }
  header .header-main .main-info .top button, header .about .main-info .top button, header .for-restaurants .main-info .top button, header .vendors .main-info .top button, header .faq .main-info .top button, header .blog .main-info .top button, header .blog-page .main-info .top button, header .contact-header .main-info .top button { font-size: 1.4rem; margin-bottom: 10px; }
  .save-section { padding: 20px 0; } }
@media screen and (max-width: 1200px) { header .header-main .main-info .top h1 { font-size: 2rem; margin-bottom: 2px; }
  header .header-main .main-info .top h1 .sub { font-size: 2rem; }
  .setup .setup-wrapper .text, .setup .clientele-wrapper .text, .setup .essential-wrapper .text, .setup .comparison-wrapper .text, .clientele .setup-wrapper .text, .clientele .clientele-wrapper .text, .clientele .essential-wrapper .text, .clientele .comparison-wrapper .text, .essential-q .setup-wrapper .text, .essential-q .clientele-wrapper .text, .essential-q .essential-wrapper .text, .essential-q .comparison-wrapper .text, .comparison .setup-wrapper .text, .comparison .clientele-wrapper .text, .comparison .essential-wrapper .text, .comparison .comparison-wrapper .text { padding: 50px 10px 70px 35px; }
  .setup .setup-wrapper .text p, .setup .clientele-wrapper .text p, .setup .essential-wrapper .text p, .setup .comparison-wrapper .text p, .clientele .setup-wrapper .text p, .clientele .clientele-wrapper .text p, .clientele .essential-wrapper .text p, .clientele .comparison-wrapper .text p, .essential-q .setup-wrapper .text p, .essential-q .clientele-wrapper .text p, .essential-q .essential-wrapper .text p, .essential-q .comparison-wrapper .text p, .comparison .setup-wrapper .text p, .comparison .clientele-wrapper .text p, .comparison .essential-wrapper .text p, .comparison .comparison-wrapper .text p { width: 100%; font-size: 1.18rem; }
  .setup .setup-wrapper .text h3, .setup .clientele-wrapper .text h3, .setup .essential-wrapper .text h3, .setup .comparison-wrapper .text h3, .clientele .setup-wrapper .text h3, .clientele .clientele-wrapper .text h3, .clientele .essential-wrapper .text h3, .clientele .comparison-wrapper .text h3, .essential-q .setup-wrapper .text h3, .essential-q .clientele-wrapper .text h3, .essential-q .essential-wrapper .text h3, .essential-q .comparison-wrapper .text h3, .comparison .setup-wrapper .text h3, .comparison .clientele-wrapper .text h3, .comparison .essential-wrapper .text h3, .comparison .comparison-wrapper .text h3 { width: 100%; }
  .discover .background, .tracking .background, .champion .background { min-height: 310px; top: 0; }
  .discover .background .half-width, .tracking .background .half-width, .champion .background .half-width { min-height: 310px; }
  .discover .text, .tracking .text, .champion .text { margin-bottom: 0; }
  .discover .text p, .tracking .text p, .champion .text p { font-size: 1.18rem; }
  .save { padding: 30px 0 40px; }
  .save .description { font-size: 1.18rem; }
  .save .icon { font-size: 4rem; }
  #plans #premium .ribbon { left: 47%; }
  .logical-q .icon { font-size: 5rem; margin: 0; }
  .logical-q h3 { font-size: 2rem; margin: 0 0 20px; }
  footer .footer-block { margin-bottom: 20px; }
  footer .footer-block h3 { margin-bottom: 15px; } }
@media screen and (max-width: 979px) { .blog-wrapper { padding: 60px 30px 20px; }
  .blog-wrapper .post-wrapper { width: 45%; } }
@media screen and (min-width: 768px) and (max-width: 1199px) { header .navbar .container .navbar-header { margin-left: 40%; margin-bottom: 30px; }
  header .navbar .container .navbar-nav { padding-bottom: 0; }
  header .header-main { margin-top: 148px; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { header .navbar .container .navbar-nav { float: left; margin-left: 9%; } }
/*@media screen and (max-width: 879px) { .blog-wrapper { .post-wrapper { width: 350px; } }
}*/
@media screen and (min-width: 768px) and (max-width: 991px) { header .navbar .navbar-nav li a { font-size: 0.6666666666666667rem; }
  header .header-main .main-info { top: 14%; left: 14%; } }
@media screen and (max-width: 991px) { .save-section { text-align: center; }
  .save-section .heading h2 span { display: block; }
  .save-section .heading h2 .icon { padding-right: 0; }
  .save-section .heading h2 .text { font-size: 1.3rem; }
  .video .video-overlay p { margin-top: 15%; }
  .setup .setup-wrapper .text p { font-size: 1.18rem; }
  .benefits .benefit-image img { margin: 0 auto 10px; }
  .benefits .benefit-text h2 { text-align: center; }
  .benefits .benefit-text h2 span { display: inline; }
  .benefits .benefit-text p { text-align: center; }
  .benefits .benefit-text a { display: block; text-align: center; margin: 0 auto; }
  .comparison .comparison-wrapper .text, .comparison .clientele-wrapper .text, .clientele .comparison-wrapper .text, .clientele .clientele-wrapper .text { padding: 20px 25px; }
  .comparison .comparison-wrapper .text h3, .comparison .clientele-wrapper .text h3, .clientele .comparison-wrapper .text h3, .clientele .clientele-wrapper .text h3 { font-size: 2rem; margin-bottom: 20px; }
  .comparison .comparison-wrapper .text p, .comparison .clientele-wrapper .text p, .clientele .comparison-wrapper .text p, .clientele .clientele-wrapper .text p { font-size: 1.3rem; }
  .champion .text { padding: 20px 0; margin-bottom: 0; }
  .champion .text h3 { font-size: 2rem; margin: 20px 0; }
  .champion .text p { font-size: 1.3rem; }
  .champion .background { top: 0; min-height: 330px; }
  .champion .background .half-width { min-height: 330px; }
  .save { padding: 30px 0 40px; color: #66564b; }
  .save h3 { font-size: 2rem; margin-bottom: 20px; }
  .save .description { font-size: 1.3rem; width: 90%; }
  .save .icon { font-size: 3rem; }
  .tracking .background { top: 0; }
  .tracking .text h3 { font-size: 2rem; margin: 60px 0 30px; }
  .tracking .text p { font-size: 1.3rem; margin-bottom: 32px; }
  .logical-q .description { width: 95%; }
  .single-post .illustration { float: none; margin: 15px 0; }
  .single-post .illustration img { margin: 0 auto; }
  footer { padding-top: 80px; }
  footer .footer-navigation .logo-social .footer-logo { margin-bottom: 25px; }
  footer .copyright .container button { padding: 10px 30px; } }
@media screen and (min-width: 768px) { #post-signup .modal-dialog { margin: 12% auto; } }
@media screen and (max-width: 767px) { header .navbar .navbar-header img { width: 75%; }
  header .navbar .navbar-collapse { border-top: 3px solid #97cb50; }
  header .navbar .navbar-collapse .navbar-nav { float: none; padding: 0 30px; margin-top: 0; }
  header .navbar .navbar-collapse .navbar-nav li a { padding-top: 3px; padding-bottom: 2px; }
  header .header-main { margin-top: 75px; }
  header .header-main .main-info .top h1 { font-size: 2rem; }
  header .header-main .main-info .top h1 .sub { font-size: 2rem; }
  header .header-main .main-info .top p { font-size: 1rem; }
  .setup .setup-wrapper .half-width, .setup .comparison-wrapper .half-width, .setup .clientele-wrapper .half-width, .setup .essential-wrapper .half-width, .comparison .setup-wrapper .half-width, .comparison .comparison-wrapper .half-width, .comparison .clientele-wrapper .half-width, .comparison .essential-wrapper .half-width, .clientele .setup-wrapper .half-width, .clientele .comparison-wrapper .half-width, .clientele .clientele-wrapper .half-width, .clientele .essential-wrapper .half-width, .essential-q .setup-wrapper .half-width, .essential-q .comparison-wrapper .half-width, .essential-q .clientele-wrapper .half-width, .essential-q .essential-wrapper .half-width { width: 100%; }
  .setup .setup-wrapper .image, .setup .comparison-wrapper .image, .setup .clientele-wrapper .image, .setup .essential-wrapper .image, .comparison .setup-wrapper .image, .comparison .comparison-wrapper .image, .comparison .clientele-wrapper .image, .comparison .essential-wrapper .image, .clientele .setup-wrapper .image, .clientele .comparison-wrapper .image, .clientele .clientele-wrapper .image, .clientele .essential-wrapper .image, .essential-q .setup-wrapper .image, .essential-q .comparison-wrapper .image, .essential-q .clientele-wrapper .image, .essential-q .essential-wrapper .image { display: none; }
  .setup .setup-wrapper .text, .setup .comparison-wrapper .text, .setup .clientele-wrapper .text, .setup .essential-wrapper .text, .comparison .setup-wrapper .text, .comparison .comparison-wrapper .text, .comparison .clientele-wrapper .text, .comparison .essential-wrapper .text, .clientele .setup-wrapper .text, .clientele .comparison-wrapper .text, .clientele .clientele-wrapper .text, .clientele .essential-wrapper .text, .essential-q .setup-wrapper .text, .essential-q .comparison-wrapper .text, .essential-q .clientele-wrapper .text, .essential-q .essential-wrapper .text { padding: 25px 25px 30px; }
  .discover .background, .tracking .background, .champion .background { display: none; }
  .discover .text, .tracking .text, .champion .text { background-color: #ff8400; padding-bottom: 10px; margin-bottom: 0; }
  #save-time .row .icon-wrap, #save-money .row .icon-wrap, #discover-new .row .icon-wrap { display: none; }
  #save-time .row .text h2, #save-money .row .text h2, #discover-new .row .text h2 { font-size: 2rem; margin-bottom: 20px; }
  #save-time .row .text h2 .icon-hidden, #save-money .row .text h2 .icon-hidden, #discover-new .row .text h2 .icon-hidden { display: inline; }
  #save-time .row .text p, #save-money .row .text p, #discover-new .row .text p { font-size: 1.3rem; }
  #plans { padding: 89px 0 0; }
  #plans .row { display: block; }
  #plans .row .subscription-plan { width: 95%; margin: 10px auto; }
  #plans .row #basic, #plans .row #premium, #plans .row #plus { margin: 20px auto; }
  .more-q .row { display: block; }
  .more-q .row .left { border: none; }
  .more-q .row .left .question h4 a i { color: #8dc63f; }
  .more-q .row .question:nth-child(even) h4 a i { color: #ff8400; }
  .blog-wrapper .post-wrapper { width: 95%; }
  .blog-wrapper .post-wrapper .read-more { left: 39%; }
  footer { padding: 30px 0 10px; }
  footer .logo-social .footer-logo { margin-top: 20px; }
  footer form .form-control { display: inline-block; }
  footer .copyright .container button { bottom: 68px; right: -64px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: fixed; padding: 5px 20px; border: 2px solid #fff; z-index: 3; } }
@media screen and (min-width: 502px) and (max-width: 767px) { footer .footer-navigation .col-xs-12 { width: 50%; float: left; }
  footer .footer-navigation .col-xs-12 .logo-social .footer-logo { margin-top: 0; } }
@media screen and (max-width: 615px) { html { font-size: 16px; }
  header .header-main .main-info { padding: 15px; }
  header .header-main .main-info .bottom .contact .info { font-size: 0.9rem; }
  header .header-main .main-info .bottom .contact .info a { margin-left: 3px; margin-right: 10px; }
  .save-section .row > div, .testimonials .row > div { width: 100%; float: none; }
  .save-section .row > div .heading, .testimonials .row > div .heading { margin-bottom: 10px; }
  .save-section .row > div .heading h2, .testimonials .row > div .heading h2 { margin-bottom: 10px; }
  .save-section .row > div .heading img, .testimonials .row > div .heading img { margin-bottom: 10px; }
  .save-section .row > div .description, .testimonials .row > div .description { margin-bottom: 30px; }
  .save-section .heading h2 .text .break { display: inline; }
  .video .video-overlay p { margin-top: 20%; }
  .login-wrapper .white, .login-wrapper .orange, .forgot-wrapper .white, .forgot-wrapper .orange { left: 53%; }
  .login-wrapper .green, .forgot-wrapper .green { left: 52%; }
  .login-wrapper .white, .login-wrapper .green, .forgot-wrapper .white, .forgot-wrapper .green { top: 40%; }
  .login-wrapper .orange, .forgot-wrapper .orange { top: 41%; } }
@media screen and (max-width: 500px) { header .header-main .main-info .top h1 { font-size: 1.8rem; }
  header .header-main .main-info .top h1 .sub { font-size: 1.8rem; }
  header .header-main .main-info .top p { font-size: 1.3rem; }
  header .header-main .main-info .top button { font-size: 1.3rem; }
  header .header-main .main-info .bottom h4 { font-size: 1.5rem; }
  .blog-wrapper .post-wrapper .read-more { left: 30%; }
  .video .video-overlay p { margin-top: 25%; }
  .copyright .container button { display: none; } }
@media screen and (max-width: 430px) { .login-wrapper .white, .login-wrapper .orange, .forgot-wrapper .white, .forgot-wrapper .orange { left: 55%; }
  .login-wrapper .green, .forgot-wrapper .green { left: 54%; } }
@media screen and (max-width: 375px) { header .header-main .main-info .top h1, header .about .main-info .top h1, header .for-restaurants .main-info .top h1 { font-size: 1.8rem; }
  header .header-main .main-info .bottom .contact .info, header .about .main-info .bottom .contact .info, header .for-restaurants .main-info .bottom .contact .info { display: block; }
  header .header-main .main-info .bottom .contact .info a, header .about .main-info .bottom .contact .info a, header .for-restaurants .main-info .bottom .contact .info a { margin-right: 0; } 
  .blog-wrapper .post-wrapper .read-more { left: 25%; } }
@media screen and (max-width: 350px) { .login-wrapper .white, .forgot-wrapper .white { position: static; width: 98%; margin: 20px auto; border: 5px solid #ff8400; }
  .login-wrapper .green, .login-wrapper .orange, .forgot-wrapper .green, .forgot-wrapper .orange { display: none; } }
/*Registration Wizard*/
#signup .modal-content,#signup_new .modal-content, #post-signup .modal-content { border-radius: 3px; }
#signup .modal-content .modal-header,#signup_new .modal-content .modal-header, #post-signup .modal-content .modal-header { border: none; }
#signup .modal-content .modal-header .modal-logo,#signup_new .modal-content .modal-header .modal-logo, #post-signup .modal-content .modal-header .modal-logo { width: 20%; margin: 0 auto; }
#signup form .step,#signup_new form .step, #post-signup form .step { display: none; }
#signup form .step,#signup_new form .step, #signup form .step1, #post-signup form .step, #post-signup form .step1 { margin-bottom: 20px; }
#signup form .step .step-header,#signup_new form .step .step-header, #signup form .step1 .step-header, #post-signup form .step .step-header, #post-signup form .step1 .step-header { font-size: 1.3rem; text-align: center; text-transform: uppercase; margin-bottom: 20px; }
#signup form .step label, #signup form .step1 label,#signup_new form .step label, #signup_new form .step1 label, #post-signup form .step label, #post-signup form .step1 label { display: block; font-weight: 400; }
#signup form .step label i, #signup form .step1 label i,#signup_new form .step label i, #signup_new form .step1 label i, #post-signup form .step label i, #post-signup form .step1 label i { color: #8dc63f; margin-right: 10px; min-width: 18px; text-align: center; }
#signup form .step input, #signup form .step select, #signup form .step1 input, #signup form .step1 select,#signup_new form .step input, #signup_new form .step select, #signup_new form .step1 input, #signup_new form .step1 select, #post-signup form .step input, #post-signup form .step select, #post-signup form .step1 input, #post-signup form .step1 select { margin-bottom: 10px; width: 100%; border: 1px solid #ccc; }
#signup form .step input:focus, #signup form .step select:focus, #signup form .step1 input:focus, #signup form .step1 select:focus,#signup_new form .step input:focus, #signup_new form .step select:focus, #signup_new form .step1 input:focus, #signup_new form .step1 select:focus, #post-signup form .step input:focus, #post-signup form .step select:focus, #post-signup form .step1 input:focus, #post-signup form .step1 select:focus { outline: none; border: 1px solid #8dc63f; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(151, 203, 80, 0.6); }
#signup form .submit,#signup_new form .submit, #post-signup form .submit { text-align: center; }
#signup form .submit .next, #signup form .submit .back, #signup form .submit .register,#signup_new form .submit .next, #signup_new form .submit .back, #signup_new form .submit .register, #post-signup form .submit .next, #post-signup form .submit .back, #post-signup form .submit .register { border: none; padding: 9px 20px; background-color: #ff8400; color: #fff; border-radius: 2px; text-transform: uppercase; font-size: 1.1rem; }
#signup form .submit .next:hover, #signup form .submit .next:active, #signup form .submit .next:focus, #signup form .submit .back:hover, #signup form .submit .back:active, #signup form .submit .back:focus, #signup form .submit .register:hover, #signup form .submit .register:active, #signup form .submit .register:focus,#signup_new form .submit .next:hover, #signup_new form .submit .next:active, #signup_new form .submit .next:focus, #signup_new form .submit .back:hover, #signup_new form .submit .back:active, #signup_new form .submit .back:focus, #signup_new form .submit .register:hover, #signup_new form .submit .register:active, #signup_new form .submit .register:focus, #post-signup form .submit .next:hover, #post-signup form .submit .next:active, #post-signup form .submit .next:focus, #post-signup form .submit .back:hover, #post-signup form .submit .back:active, #post-signup form .submit .back:focus, #post-signup form .submit .register:hover, #post-signup form .submit .register:active, #post-signup form .submit .register:focus { text-decoration: none; }
#signup form .submit .submit-button,#signup_new form .submit .submit-button, #post-signup form .submit .submit-button { border-radius: 2px; display: none; margin: -4px auto 0; text-transform: uppercase; background-color: #97cb50; color: #fff; padding-left: 53px; padding-right: 53px; font-size: 1.111111111111111rem; }
#signup form .submit .submit-button i,#signup_new form .submit .submit-button i, #post-signup form .submit .submit-button i { margin-right: 10px; }
#signup form .submit .response,#signup_new form .submit .response, #post-signup form .submit .response { padding: 10px 0; text-align: center; display: none; }

@media screen and (max-width: 425px) { #post-signup form .submit .submit-button { margin-top: 20px; } }

div.outer{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 50%;
  overflow: hidden;
  background-color: rgba(230, 109, 45, 0.98);
  padding: 17px;
  margin: auto;
  margin-bottom: 50px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

div.outer .top{
  margin: 0px -20px;
  padding: 0px 20px;
  color: rgb(255, 255, 255);
  color: #393737; 
  font-family: "Roboto", sans-serif; 
  font-size: 1.35rem; 
  overflow-y: visible; 
  font-weight: 500;
  text-align: center;

}
/*# sourceMappingURL=style.css.map */
.white-premium { background-color: #fff !important; color: #4d4d4d !important; box-shadow: 0 0 30px #acacac !important; margin-top: -30px !important; z-index: 2 !important; }
.white-premium h2 { margin-top: 95px !important; }
.white-premium .call2action button { color: #fff !important; background-color: #97cb50 !important; font-weight: 500 !important; }
.white-premium .ribbon { color: #fff !important; display: block !important; position: absolute !important; top: -11px !important; left: 50% !important; width: 0 !important; height: 90px !important; border: 30px solid #97cb50 !important; border-top: 0 solid !important; border-bottom: 25px solid transparent !important; margin-left: -20px !important; }
.white-premium .ribbon .star { text-align: center !important; font-size: 2rem !important; margin: 10px 0 0 -15px !important; }
.white-premium:hover { background-color: #97cb50 !important; color: #fff !important; -webkit-transition: all 0.3s ease-in-out !important; transition: all 0.3s ease-in-out !important; }
.white-premium:hover .call2action button { color: #66564b !important; background-color: #fff !important; -webkit-transition: all 0.3s ease-in-out !important; transition: all 0.3s ease-in-out !important; }
.white-premium:hover .ribbon { border-color: #fff !important; border-bottom-color: transparent !important; color: #97cb50 !important; }

.tutorial {
  padding: 20px 0;
}
@media (min-width: 1200px) {
  .navbar-fixed-top .container {
    width: 1200px;
  }
}