/*!
 * Start Bootstrap - Shop Homepage HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body{padding-top:60px; font-family:'Open Sans', sans-serif; font-size:13px; color:#000;}
a, button{outline:none;}
Ul, li{list-style:none; padding:0; margin:0;}
.navbar-header{padding-left:15px;}
.navbar-brand{height:auto; padding:15px 15px 30px; width:185px; background:url(../images/logo-bg.png) no-repeat center bottom;}
.navbar-brand>img{margin:auto;}
.navbar-default{background-color:#fff; border:0; height:60px;}
.navbar-default .navbar-nav>li>a{padding:20px; color:#1e1e1e;}
.navbar-default .navbar-nav>li>a .icon-angle-down{background-color:#ff6f15; width:14px; height:14px; color:#fff; display:inline-block; text-align:center; margin-left:5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.navbar-default .navbar-nav>li.apple-icon>a, .navbar-default .navbar-nav>li.android-icon>a{padding:15px 10px; font-size:30px;}
.navbar-default .navbar-nav>li.apple-icon{margin-left:30px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height:none;}
.navbar-nav{margin-top:0; margin-bottom:0;}

#banner{background:#00a089 url(../images/banner-bg.png) no-repeat center bottom; padding-top:70px; padding-bottom:135px; color:#fff;}
#banner .container{position:relative;}
#banner h1{font-size:48px; font-weight:bold; padding-bottom:15px;}
#banner h1 span{font-size:22px; font-weight:normal; display:block; margin-top:5px;}
#banner form{max-width:100%; margin:30px auto;}
#banner .form-group{display:table; width:100%; vertical-align:middle; background-color:#68d4ca; margin-bottom:2px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0px 0px 6px rgba(0,0,0,.3); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,.3); box-shadow:0px 0px 6px rgba(0,0,0,.3);}
#banner .form-group label, #banner .form-group .form-control{display:table-cell; vertical-align:middle; width:100%; text-align:left; background-color:transparent; border:0; -moz-box-shadow:inset 0 1px 1px rgba(255,255,255,.5); -webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,.5); box-shadow:inset 0 1px 1px rgba(255,255,255,.5);}
#banner .form-group label{width:150px; background-color:#bbebe7; color:#000; font-size:14px; padding-left:20px; padding-right:20px; font-weight:normal; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0px 0px 6px rgba(0,0,0,.3); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,.3); box-shadow:0px 0px 6px rgba(0,0,0,.3);}
#banner .btn{font-size:15px; color:#fff; padding:11px 25px; border:0; width:100%; -moz-border-radius:47px; -webkit-border-radius:47px; border-radius:47px;}
#banner .btn span{float:left;}
#banner .btn-yellow{color:#252525;}
.s-menu{position:fixed; z-index:9; right:0; top:25%; width:45px; height:auto; background:rgba(255, 255, 255, .3); padding:15px 0; -moz-box-shadow:inset 0 0 3px rgba(255,255,255,.5); -webkit-box-shadow:inset 0 0 3px rgba(255,255,255,.5); box-shadow:inset 0 0 3px rgba(255,255,255,.5); -moz-border-radius:15px 0 0 15px; -webkit-border-radius:15px 0 0 15px; border-radius:15px 0 0 15px;}
.s-menu a{background:url(../images/s-menu-icons.png) no-repeat 0 0; display:block; text-indent:-200px; overflow:hidden; padding:13px 0 14px; border-bottom:1px solid rgba(0,0,0,.15); -moz-box-shadow:1px 1px 1px rgba(255, 255, 255, .15); -webkit-box-shadow:1px 1px 1px rgba(255, 255, 255, .15); box-shadow:1px 1px 1px rgba(255, 255, 255, .15);}
.s-menu li:last-child a{border-bottom:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.s-menu .home a{background-position:0 0;}
.s-menu .stairs a{background-position:0 -65px;}
.s-menu .runner a{background-position:0 -130px;}
.s-menu .app a{background-position:0 -195px;}
.s-menu .mobile a{background-position:0 bottom;}
.btn-orange{background-color:#ff7015; color:#fff;}
.btn-orange:hover{background-color:#f76203; color:#fff;}
.btn-yellow{background-color:#fedf65;}
.btn-yellow:hover{background-color:#fcd53b;}
.btn-green{background-color:#00a089; color:#fff;}
.btn-green:hover{background-color:#02907c; color:#fff;}
.form-actions{margin-top:15px; margin-bottom:15px;}
.form-actions .btn{margin:15px 0;}
#pick-deliver{background:url(../images/pick-deliver-route.png) no-repeat center, #fff url(../images/gmap.png) no-repeat left top; background-size:100% auto, auto auto;}
#buy-deliver{background:url(../images/buy-deliver-route.png) no-repeat center, #ffec9f url(../images/gmap.png) no-repeat left top; background-size:100% auto, auto auto;}
#pick-deliver .container, #buy-deliver .container{min-height:525px; position:relative; padding-top:20px; padding-bottom:20px;}
section h2{font-size:36px; color:#000; text-transform:uppercase;}
section h2 span{text-transform:capitalize; font-size:18px; display:block; padding-top:5px;}
#pick-deliver .actions, #buy-deliver .actions{position:absolute; width:100%; display:block; bottom:20px; left:0; right:0;}
#pick-deliver .actions .btn, #buy-deliver .actions .btn{font-size:21px; font-weight:bold; text-transform:uppercase; padding:12px 35px;}
#pick-deliver .actions small, #buy-deliver .actions small{font-size:17px; font-weight:normal; margin-top:10px; display:block;}
#buy-deliver .actions .btn-orange{color:#00a089;}

#book-thru-app{background:url(../images/book-thru-bg.png);}
#book-thru-app .container{padding-top:60px; padding-bottom:60px;}
#book-thru-app ul{display:table; width:100%;}
#book-thru-app ul li{display:table-cell; vertical-align:bottom; width:20%; position:relative; background:url(../images/mobile-screens/black-shadow.png) no-repeat center bottom; padding-bottom:23px;}
#book-thru-app h3{font-size:15px; font-weight:normal; width:100%; display:inline-block; vertical-align:middle; margin-bottom:25px;}
#book-thru-app .m-frame{background:url(../images/mobile-screens/mobile-frame.png) no-repeat center bottom; padding:32px 0 8px 1px; text-align:center; position:relative;}
#book-thru-app .m-frame img{margin:auto;}
#book-thru-app .m-frame .b-arrow{background:url(../images/mobile-screens/b-arrow.png) no-repeat right center; position:absolute; right:-14px; top:0; bottom:0; width:29px;}
#app-download{background:url(../images/app-download-block-bg.png) no-repeat center; color:#000; padding:30px 0;}
#app-download ul, #app-download ul li{margin:0; padding:0; list-style:none;}
#app-download ul li{display:inline-block; margin-right:55px; text-align:center;}
#app-download ul li a{display:block; margin-top:15px;}
#app-download h2{font-size:88px; text-transform:capitalize; margin:75px 0 0; position:relative; font-weight:bold; color:#fff; -moz-text-shadow:0px -2px 2px rgba(0,0,0,.45); -webkit-text-shadow:0px -2px 2px rgba(0,0,0,.45); text-shadow:0px -2px 2px rgba(0,0,0,.45);}
#app-download h2 b{font-size:46px; display:inline-block; position:relative; top:20px; right:15px; text-transform:uppercase; -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform: rotate(-90deg); -moz-text-shadow:2px 0px 2px rgba(0,0,0,.45); -webkit-text-shadow:2px 0px 2px rgba(0,0,0,.45); text-shadow:2px 0px 2px rgba(0,0,0,.45);}
#app-download h2 span{font-size:37px; font-weight:normal; color:#000; -moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none;}
#app-download h3{color:#fff; font-size:25px; margin:0 0 15px;}
.coupon-code{font-size:30px; margin-top:35px;}
.coupon-code .badge{background-color:#f6f6f6; margin-left:35px; color:#1f1f1f; padding:16px 30px; font-size:28px; text-transform:uppercase; font-weight:bold; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}

#contact{background-color:#f1f1f1;}
#contact h2{font-size:22px; color:#1e272e; text-transform:uppercase; font-weight:bold; margin-top:90px;}
#contact p{margin-bottom:55px;}
#contact .form-control, #contact .input-group-addon{border-color:#a0a0a0; background-color:#fff; vertical-align:top; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
#contact .form-control{border-left:0; padding-left:0;}
#contact .input-group-addon i{color:#fff; -moz-text-shadow:0px 0px 2px #025a4d; -webkit-text-shadow:0px 0px 2px #025a4d; text-shadow:0px 0px 2px #025a4d;}
#contact .form-group{margin-bottom:10px;}
#contact .form-actions, #contact .form-actions .btn{margin-top:0;}
#contact .btn{font-size:15px; font-weight:bold; width:100%; padding:8px 12px;}
.map-wrapper{position:relative;}
.map-wrapper
.map-overlay{position:absolute; right:0; top:0; bottom:0; width:40%; display:block; background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}
footer{background-color:#0a0a0a; font-size:12px; color:#878787; padding:30px 0;}
footer .col-sm-6{margin:5px 0;}
footer a{color:#878787;}
footer a:hover{color:#fff; text-decoration:none;}

@media (max-width: 768px) {
    .navbar-collapse.collapse{display: none !important;}
    .navbar-collapse.collapse.in{display:block !important; background-color:#fff;}
    .navbar-header .collapse, .navbar-toggle{display:block !important;}
    .navbar-header{float:none;}
	.navbar-default .navbar-nav>li>a{padding:10px 15px;}
	.navbar-default .navbar-nav>li.apple-icon{margin-left:0;}
	.navbar-default .navbar-nav>li.apple-icon>a, .navbar-default .navbar-nav>li.android-icon>a{padding:10px 15px;}
}
@media (min-width: 480px){
	#banner form{max-width:530px;}
}
@media (min-width: 768px){
	.container{width:100%;}
}
@media (min-width: 992px){
	.container{width:100%;}
}
@media (min-width: 1200px){
	.container{width:1170px;}
}

@media (max-width: 1200px){
	
}

@media (max-width: 992px){
	
}

@media (max-width: 800px){
	
}

@media (max-width:800px){
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background-color:#fff; color:#ff7015;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color:#fff; color:#ff7015;}
	.navbar-nav .open .dropdown-menu{background-color:#fff; border-bottom:1px solid #ccc; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
	#book-thru-app ul li{padding-left:15px; padding-right:15px; background-size:100% auto; padding-bottom:13px;}
	#book-thru-app .m-frame{background-size:100% auto; padding-right:3px; padding-bottom:0;}
	#book-thru-app .m-frame .b-arrow{right:-31px;}
	#app-download{text-align:center; background-size:cover;}
	#app-download h2{margin-top:50px; text-align:left; font-size:62px;}
	#app-download h2 span{font-size:25px;}
	#app-download h2 b{font-size:38px;}
	.coupon-code{text-align:left; margin-bottom:30px; font-size:23px;}
	.coupon-code .badge{font-size:18px;}
	#app-download h3{font-size:20px;}
	#app-download ul li{width:42%; margin-right:7%;}
	#app-download ul li img{display:inline-block; margin:auto;}
	footer{text-align:center; padding:15px 0;}
}

@media (max-width: 768px){
	.navbar-toggle{margin-bottom:12px; margin-top:12px;}
}

@media (max-width: 640px){
	
}

@media (max-width: 480px){
	.navbar-brand{background:none; width:auto; padding:5px 15px;}
	#banner h1{font-size:26px;}
	#banner h1 span{font-size:16px;}
	#banner{padding-top:10px;}
	#banner .form-group, #banner .btn{margin:auto; width:80%;}
	#banner .btn{margin:15px auto;}
	#contact h2{margin-top:10px;}
	#contact p{margin-bottom:15px;}
	#book-thru-app ul li{display:inline-block; width:49%;}
	#book-thru-app .container{padding-top:15px; padding-bottom:15px;}
	#app-download h2{margin-top:15px;}
	#buy-deliver, #pick-deliver{background-size:170% auto, auto auto;}
}

@media (max-width: 320px){
	#banner h1{font-size:20px;}
	#banner h1 span{font-size:12px;}
	section h2{font-size:30px;}
	section h2 span{font-size:16px;}
	.s-menu{display:none;}
	#pick-deliver .container, #buy-deliver .container{min-height:507px;}
	#app-download h2{font-size:44px;}
	#app-download h2 span{font-size:18px;}
	#app-download h2 b{font-size:22px; top:11px; right:5px;}
	.coupon-code{font-size:18px;}
	.coupon-code .badge{font-size:14px; padding:10px 15px; margin-left:20px;}
}