/*CSS document*/

/* =========================================*/
/* == MOBILE DEVICES == (750px and below) ==*/
/* =========================================*/
	/*** BODY ***/
	body {
		font-family: 'glober_regular', helvetica, arial, sans-serif;	
		letter-spacing: 0.03em;
	}
	section {
		position: relative;
		z-index: 10;
	}
	.full-width {
		padding-bottom: 100px;
	}
	.clearfix {
		clear: both;	
	}
	footer {
		background-color: #17182A;
		min-height: 200px;	
		color: #fff;
		border-top: 3px solid #00D9B7;
		clear: both;
		position: relative;
		z-index: 999;
	}
	/*** LINKS ***/
	a, a:visited, a:focus {
		text-decoration: none;
		color: #222;
	}
	/* a:hover, a:hover > *, a:hover > * > *, a:hover > * > * > * {
		text-decoration: none;	 
		color: #222;
	 }*/
	 .body-link {
		text-decoration: none;	 
		color: #222;
		-moz-transition: color 0.3s linear;
		-webkit-transition: color 0.3s linear;
		transition: color 0.3s linear;
	 }
	 .body-link:hover {
		color: #00D9B7;	 
		-moz-transition: color 0.3s linear;
		-webkit-transition: color 0.3s linear;
		transition: color 0.3s linear;
	 }
	.mobile-lines {
		width: 100%;
		border-top: 1px solid #bbb;
		position: absolute;
		left: 0;
		margin-top: 1em;	
	}
	input:focus {
		outline: none;	
	}
	textarea:focus {
		outline: none;
	}	
	/*** TYPOGRAPHY ***/
	h1,h2,h3,h4,h5,h6 {
		font-family: globerlight, helvetica, sans-serif;	
	}
	.bold {
		font-family: glober_heavy, helvetica, sans-serif;
		font-weight: bold;	
	}
	b {
		font-family: glober_heavy, helvetica, sans-serif;	
	}
	.text-underline {
		text-decoration: underline;	
	}
	.text-ul {
		padding: 1em;
		list-style-type: none;
	}
	.text-li {
		padding: 0.5em;	
	}
	.text-sub-ul {
		
	}
	.text-sub-li {
		padding: 0.5em;
	}
	.dotted {
		list-style-type:circle;	
	}
	.checkout-h4 {
		padding-bottom: 1em;	
		text-align: center;
	}
	.checkout-h5 {
		font-family: glober_regular, helvetica, sans-serif;	
		text-align: center;
	}
	footer h5 {
		margin: 0;
		font-family: glober_regular, helvetica sans-serif;
		font-weight: normal;	
		text-transform: uppercase;
		font-size: 1em;
		letter-spacing: 0.05em;
	}
	footer p .fa {
		font-size: 3em;
		margin-right: 3px;
	}
	footer p .fa:hover {
		color: #00D9B7;
		-moz-transition: color 0.5s linear;	
		-webkit-transition: color 0.5s linear;	
		transition: color 0.5s linear;
	}
	.pp-h4 {
		text-transform: uppercase;	
		font-family: 'glober_regular', helvetica, sans-serif;
	}
	/*** HEADER ***/
	header {
		margin: 0 auto;
		text-align: center;
		padding: 20px 0 20px 0;
		border-bottom: 1px solid #bbb;
	}
	.header-home {
		position: relative;
		z-index: 15;
		margin: 0 auto;
		text-align: center;
		padding: 20px 0 10px 0;
		border-bottom: none;
	}
	.logo-home {
		display: inline-block;
		background-image: url(../_images/svg/logo/white/HUC_branding-logo-white-07.svg);
		background-size: cover;
		height: 55px;
		width: 55px;
		margin: 0 auto; /*Comment this line when no longer needed logo centered. */
		
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	
	.logo {
		background-image: url(../_images/svg/logo-white.svg);
		background-size: cover;
		height: 40px;
		width: 40px;
		margin: 0 auto; /*Comment this line when no longer needed logo centered. */
		
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	.logo.mobile {
		display: inline-block;	
	}
	.logo-type.mobile {
		display: inline-block;	
		height: 40px;
		background-position: 0px -2px;
	}
	.logo-type {
		display: inline-block;
		position: relative;
		background-image: url(../_images/svg/logo/white/HUC_branding-logo-white-06.svg);
		background-size: cover;
		width: 112px;
		height: 40px;
		margin: 0 auto;
		top: -15px;
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;	
	}
	.heading-large {
		width: 75%;
		margin: 0 auto;
		text-align: center;
		font-family: globerlight, helvetica, sans-serif;
		font-weight: 100;
		font-size: 2em;
		padding-top: 1em;
		text-transform: uppercase;
	}
	/*** FOOTER ***/
	footer .footer-cell {
		margin-top: 1em;
	}
	footer .footer-cell a {
		display: block;
		color: #fff;
		font-family: globerlight, helvetica, sans-serif;	
		
		-moz-transition: color 0.5s linear;
		-webkit-transition: color 0.5s linear;
		transition: color 0.5s linear;
	}
	footer .footer-cell a:hover {
		color: #00D9B7;	
		-moz-transition: color 0.5s linear;
		-webkit-transition: color 0.5s linear;
		transition: color 0.5s linear;
	}
	footer p .social-link {
		display: inline-block;	
		color: #fff;
	}
	footer p .social-link:hover {
		color: #00D9B7;	
	}
	footer p .social-link:hover > * > *, footer p .social-link:hover > * > * > * {
		color: #00D9B7;	
	}
	footer p .social-link:focus {
		color: #00D9B7;
	}
	#footer-newsletter-subscribe input {
		background: transparent;
		border: 2px solid #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		height: 2.2em;
		width: 65%;
		margin-top: 19px;	
		padding-left: 0.5em;
	}
	#footer-information {
		
	}
	/*** SIDEBAR ***/
	.out-content ul li {
		list-style: none;
	}
	
	/*** HOMEPAGE ***/
	.front-image {
		background-image: url(../_images/_backgrounds/home.jpg);
		background-size: cover;
		background-position: center;
		position: absolute;
		height: 315px;
		width: 100%;
		top: 0;
		z-index: 5;
		-moz-transition: height 1s ease;
		-webkit-transition: height 1s ease;
		transition: height 1s ease;
	}
	.gallery {
		background-image: url(../_images/CCD_alleyway_01.2gray-edit.jpg);	
		background-size: cover;
		background-position: 50% 80%;
		height: 160px;
		
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	.gallery.purple {
		background-image: url(../_images/CCD_alleyway_02purple-edit.jpg);	
		background-size: cover;
		background-position: 50% 80%;
		height: 160px;
		
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	.white-line {
		background-color: #fff;
		height: 3px;
		width: 170px;
		margin: 0 auto;
		margin-bottom: 20px;	
	}
	#home-line-bottom {
		margin-top: 30px;
	}
	.sub-content-button {
		min-height: 200px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		text-align: center;
		margin-top: 30px;
		font-family: globerlight, helvetica, sans-serif;
		color: #fff;
		padding-bottom: 25px;
	}
	.sub-content-button h3 {
		font-size: 2.5em;
		text-transform: uppercase;
		padding: 0.5em;	
		font-weight: normal;
	}
	#restaurants-wanted {
		
		background: url(../_images/_buttons/restaurant.jpg) no-repeat;
		background-size: cover;
		background-position: bottom right;
		
	}
	
	#riders-wanted {
		background: url(../_images/_buttons/riders.jpg) no-repeat;
		background-size: cover;
		background-position: bottom;
		
	}
	.join {
		background: #FFD400;
		border: none;
		border-radius: 5px;
		padding: 0.5em;
		width: 100px;
		font-family: glober_regular;
		text-transform: uppercase;
	}
	/*** CONTENT ***/
	.home-content {
		margin: 0 auto;	
		padding: 20px 0 20px 0;
		text-align: center;
	}
	
	.main-content {
		margin: 0 auto;	
		padding: 20px 0 20px 0;
		text-align: center;
	}
	.footer-content {
		margin: 0 auto;	
	}
	.main-bar {
		background: url(../_images/_backgrounds/home.jpg);
		background-position: center;
		background-size: cover;	
		position: fixed;
		width: 100%;
		z-index: 99;
		margin-top: -81px;
	}
	.main-bar-main {
		margin-top: 101px;	
		padding-top: 0;
	}
	.sub-content {
		padding: 20px;	
	}
	.main-content.search  {
		padding: 0;	
	}
	.main-content-header {
		position: relative;
		/*color: #333;*/
		background: url(../_images/_backgrounds/heading-bg-3.jpg);
		background-size: cover;
		background-position: center;
		color: #fff;
		width: 100%;
		padding: 5px;
		border-bottom: 1px solid #bbb;
		margin-top: -20px;
	}
	.main-content-header.header-top-line {
		border-top: 1px solid #bbb;	
	}
	
	.main-content-header h2 {
		text-transform: uppercase;	
		font-size: 1.4em;
	}
	.out-content {
		display: block;
		position: relative;	
		border-top: 1px solid #bbb;
		z-index: 99;
	}
	.main-content-info {
		padding: 25px;	
	}
	.block-text {
		display: block;	
	}
	.inline-text {
		display: inline-block;	
	}
	.ref-number {
		display: inline-block;
		font-family: glober_heavy, helvetica, sans-serif;	
	}
	/*** LOADERS ***/
	.loader {
		background: url(../_images/loaders/ring-alt.gif);
		background-size: contain;
		height: 28px;
		width: 28px;	
		display: none;
		margin-top: 17px;
	}
	#rest-order-loader {
		float: right;	
	}
	/* Class triggered by javascript */
	.loading {
		display: block;	
	}
	
	/*** SEARCH RESULTS PAGE***/
	.search-header {
		width: 100%;
		background-size: 100%;
		background-position: center;
		background-image: url(../_images/_backgrounds/CCD_alleyway_home.jpg);
		margin-top: -128px;
	}
	.search-content {
		margin-top: 128px;
	}
	#results-list {
		margin: 0;	
		padding: 0;
	}
	
	#results-list .list {
		/*height: auto;*/
		border-bottom: 1px solid #333;
		list-style: none;
		overflow: hidden;
		
	}
	.list .list-image {
		float: left;
		width: 110px;
		min-height: 110px;
		height: 100%;
		background: url(../_images/image-placeholder.jpg);
		background-size: contain;
		margin-right: 1em;
	}
	
	.list .list-title {
		font-size: 1.4em;
		padding-top: 0.2em;	
		margin: 0;
	}
	
	.list .list-city {
		
	}
	
	.list .list-dash {
		display: inline-block;
		margin: 0;
		padding: 0 0.5em;
		font-size: 1.2em;
		
	}
	
	.list .list-postcode {
		
	}
	.search-form {
		font-family: globerlight, helvetica, sans-serif;	
		font-size: 1.2em;
		padding: 0.5em;
	}
	.search-form input {
		background: transparent;
		border: none;	
	}
	.search-form-container {
		min-height: 40px;
		background: #fff;
		z-index: 25;
		margin: -25px;
		margin-top: 28px;
		border-bottom: 1px solid #bbb;
	}
	.search-ul {
		padding: 0;	
	}
	.search-list {
		text-align: center;
		border-bottom: 1px solid #bbb;
		list-style: none;
	}
	.search-list-img {
		display: none;
	}
	.search-list a {
		display: block;
		height: 100%;	
		padding: 1em;
		
		-moz-transition: background 1s ease;
		-webkit-transition: background 1s ease;
		transition: background 1s ease;
	}
	.search-list a:hover {
		background: #ddd;
		
		-moz-transition: background 1s ease;
		-webkit-transition: background 1s ease;
		transition: background 1s ease;
	}
	.search-list-order {
		display: block;
		text-transform: uppercase;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: #fff;
		border: 1px solid #333;
		margin: 0 auto;
		padding: 3px 24px;
		font-size: 1.2em;
	}
	.s-icon {
		background: url(../_images/svg/search/search.svg) no-repeat;
		background-size: cover;
		height: 1.2em;
		width: 1.2em;
		display: inline-block;
		margin-right: 10px;
		position: relative;
		top: 4px;
		
	}
	.search-list-order:hover {
		background-color: #333;
		color: #fff;
		
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;	
	}
	
	/*** RESTAURANT LISTING ***/
	.rest {
		display: block;	
	}
	.rest-bio {
		text-align: center;	
		padding-bottom: 1em;
		float: none;
	}
	
	.rest-bio h2 {
		margin-top: 0px;
		margin-bottom: 0.5em;
		text-transform: uppercase;
		background-color: #ddd;
		background: url(../_images/_backgrounds/heading-bg-3.jpg);
		background-size: cover;
		background-position: center;
		padding: 1em;
		width: 100%;
		position: absolute;
		left: 0;
		border-bottom: 1px solid #bbb;
		font-size: 20px;
		color: #fff;
	}
	
	.rest-bio .rest-img{
		width: 90%;	
		border: 1px solid #bbb;
		padding: 1em;
		margin: 0 auto;
	}
	.rest-bio .rest-img img {
		width: 100%;	
	}
	.rest-text {
		width: 80%;
		margin: 0 auto;	
		padding-bottom: 1em;
		padding-top: 105px;
	}
	
	.out-content-inner {
		text-align: center;	
		margin: 1em 0;
		padding: 1em 0;
		float: none;
		height: 100%;
	}
	
	.out-header h2 {
		margin: 0;
		
		text-transform: uppercase;
		font-size: 20px;
		padding: 1em;
	}
	
	.out-content-inner label {
		display: block;	
		font-weight: normal;
		font-family: glober_heavy, helvetica, sans-serif;
	}
	
	.out-content-inner select {
		margin-bottom: 40px;	
	}
	
	.out-content-inner .list-order {
		
		text-transform: uppercase;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: #fff;
		border: 1px solid #333;
		
		padding: 3px 24px;
	}
	.order-main .order-main-submit {
		font-size: 1.2em;
		background-color: #ddd;
		color: #333;
		outline: none;
		margin-top: 1em;
	}
	.list-description {
		text-align: left;	
		display: table-cell;
		width: 70%;
	}
	.list-price {
		display: table-cell;
		width: 20%;
		vertical-align: middle;
	}
	.list-add {
		display: table-cell;
		width: 10%;
		vertical-align: middle;
	}
	.list-add button {
		-webkit-appearance: none;
		-moz-appearance: none;
		background: url(../_images/svg/select/select-add-outline-graysprite.svg) no-repeat right;
		width: 30px;
		height: 30px;
		border: none;
		background-color: #fff;
		background-size: 200%;
		background-position: 0% 0%;
		-webkit-transition: background-position 0.3s ease;
		-moz-transition: background-position 0.3s ease;
		transition: background-position 0.3s ease;	
	}
	.rest-menu .list-add button:hover {
		background-position: 100% 0%;	
		
		-webkit-transition: background-position 0.3s ease;
		-moz-transition: background-position 0.3s ease;
		transition: background-position 0.3s ease;
	}
	.rest-menu {
		text-align: center;
		margin-top: 2em;
	}
	
	.rest-menu h2 {
		font-family: globerlight, helvetica, sans-serif;	
		margin: 0;
		margin-bottom: 0.5em;
		font-size: 20px;
	}
	
	.rest-menu ul li {
		list-style: none;
		border-bottom: 1px solid #333;
		
		padding: 1.5em 0 1em 0;
		display: table;
		width: 100%;
		
		-webkit-transition: background 0.3s ease;
		transition: background 0.3s ease;
	}
	.rest-menu ul li.rest-menu-heading {
		font-family: glober_regular, helvetica, sans-serif;
		font-size: 1.2em;
		background: #05BBAB;
		padding: 1.5em;	
		color: #fff;
		text-transform: uppercase;
	}
	.rest-menu ul li:hover {
		background: #ddd;	
		-webkit-transition: background 0.3s ease;
		transition: background 0.3s ease;
	}
	.rest ul {
		list-style: none;
		padding: 0;
		width: 90%;	
		margin: 0 auto;
	}
	.rest-menu ul li.rest-menu-heading:hover {
		background: #05BBAB;
	}
	/*** FORM ***/
	#huckstart {
		width: 80%;	
		margin: 0 auto;
		text-align: center;
		padding: 20px 0 20px 0;
		font-family: globerlight, helvetica, sans-serif;
		font-size: 1em;
	}
	#huckstart input {
		width: 90%;
		height: 2.5em;
		padding: 0 0.5em;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: none;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-transition: width 0.8s ease;
		-webkit-transition: width 0.8s ease;
		transition: width 0.8s ease;
	}
	
	#huckstart input:focus {
		outline: none;	
	}
	
	#huckstart a {
		display: block;
		margin: 0 auto;
		width: 60%;
		height: 2.5em;
		padding: 0.5em;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 2px solid #fff;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 15px;
		background-color: transparent;
		text-transform: uppercase;
		color: #fff;
		-moz-transition: width 0.5s ease;
		-webkit-transition: width 0.5s ease;
		transition: width 0.5s ease;
	}
	
	#huckstart a:hover {
		background-color: #fff;
		color: #222;
		font-weight: bold;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;	
	}
	/* SEARCH RESULTS */
	#search-results {
		height: 70px;
		background: url(../_images/CCD_alleyway_01gray-edit.jpg);
		background-position: center;	
		background-size: 100%;
		text-align: center;
	}
	#search-results input {
		width: 75%;
		height: 2em;
		position: relative;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		text-align: center;
		margin-top: 16px;
		border: none;
	}
	.list-order:hover {
		background-color: #333;
		color: #fff;
		
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;	
	}
	#list-01 .list-image {
		background: url(../_images/_fonda/MENU-2.jpg);
		background-size: cover;
	}
	.order-main table tr {
		min-height: 4em;	
	}
	.order-main table tfoot tr {
		
	}
	.order-item-hover {
		display: none;	
	}
	.order-item-quantity {
		width: 12%;	
	}
	.order-item-description {
		width: 75%;
			
	}
	/*** CHECKOUT PAGE ***/
	.out-content-inner {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.out-header {
		border-bottom: 1px solid #bbb;
		background: url(../_images/_backgrounds/heading-bg-3.jpg);
		background-size: cover;
		background-position: center;
		color: #fff;
		padding-top: 1em;
		margin: 0;
		position: relative;
		width: 100%;
		left: 0;
		clear: both;
		top: 0;
	}
	.order-main {
		position: relative;
		padding-bottom: 4em;
		width: 88%;
		margin: 0 auto;
		margin-top: 40px;
	}
	
	.checkout-input {
		height: 4em;	
		width: 100%;
		padding: 1em;
		margin: 0 auto;
		text-align: center;
		margin-top: 25px;
		display: block;
		border: 1px solid #bbb;
		-webkit-appearance: none;
		-moz-appearance: none;
		
	}
	.checkout-input:focus {
		border: 1px solid #000;	
	}
	.small-input {
		
	}
	.middle-input {
		
	}
	.large-input {
		
	}
	.end-margin {
		margin: 0;
	}
	.checkout-input.end-margin {
		margin-left:0;	
		margin-top: 25px;
	}
	.delivery-instructions {
		width: 80%;
		height: 10em;
		padding: 1em;
		margin-top: 2em;
		border: 1px solid #bbb;
		resize: none;	
		
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	.delivery-instructions:focus {
		border: 1px solid #000;	
	}
	.checkout-continue-btn {
		color: #333;
		text-transform: uppercase;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: #fff;
		border: 1px solid #333;
		padding: 3px 24px;
		clear: both;
		height: 3em;
   		margin-top: 2em;
		
		-moz-transition: all 1s ease;	
		-webkit-transition: all 1s ease;	
		transition: all 1s ease;	
	}
	.checkout-continue-btn:hover {
		background-color: #333;
		color: #fff;
		
		-moz-transition: all 1s ease;	
		-webkit-transition: all 1s ease;	
		transition: all 1s ease;	
	}
	.checkout-continue-btn {
		outline: none;	
	}
	.form-section {
		border-top: 1px solid #bbb;	
	}
	.select-order {
		border: 1px solid #bbb;
		font-size: 1em;
		background-color: #fff;
		background: url(../_images/svg/select/select-arrow-gray.svg) no-repeat right;
		min-width: 140px;
		-webkit-appearance: none;
		-moz-appearance: none;
		padding: 5px 50px 5px 5px;
		margin: 0 auto;
		display: block;
		margin-bottom: 2em;
	}
	.select-order:focus {
		outline: none;	
	}
	.checkout-btn {
		height: 100px;
		width: 200px;
		border: 1px solid #bbb;	
		display: block;	
		text-align: center;
		padding: 1em;
		margin: 0 auto;
		margin-bottom: 2em;
	}
	.checkout-btn:hover {
		border: 1px solid #333;
		cursor: pointer;
		
		-moz-transition: border 0.5s ease;	
		-webkit-transition: border 0.5s ease;	
		transition: border 0.5s ease;	
	}
	
	.checkout-btn i {
		font-size: 2em;
		display: block;	
	}
	.checkout-btn p {
		margin-top: 1em;	
	}
	.checkout-btn.end-margin i {
		float: left;
		margin-left: 15px;	
	}
	.section-line {
		margin-top: 2em;
		border-top: 1px solid #bbb;	
	}
	#step-one {
		padding-bottom: 2em;
	}
	#step-two {
		
		padding-bottom: 2em;
		height: auto;
		max-height: 9999px;
	}
	#step-three {
		
		padding-bottom: 2em;
		height: auto;
		max-height: 9999px;
	}
	.unstep {
		display: none;
		max-height: 0px;	
	}
	.order-item-price {
		position: relative;	
	}
	.order-item-math {
		display: block;
		width: 6em;
		text-align: left;
	}
	.order-item-add {
		/*font-size: 1.6em;*/
		background: #ddd;
		/*padding: -3px;*/
		border-radius: 2px;
		margin: 4px;
		/*display: block;*/
		/*width: 16px;*/
		text-align: center;
		/*height: 16px;*/
		line-height: 12px;
		/*float: left;*/
		cursor: pointer;
		float: none;
		display: inline-block;
		font-size: 2em;
		height: 30px;
		width: 30px;
		padding-top: 8px;
	}
	.order-item-subtract {
		/*font-size: 1.6em;*/
		background: #ddd;
		/*padding: -3px;*/
		border-radius: 2px;
		margin: 4px;
		margin-top: 0;
		/*display: block;*/
		/*width: 16px;*/
		text-align: center;
		/*height: 16px;*/
		line-height: 12px;
		/*float: left;*/
		cursor: pointer;
		float: none;
		display: inline-block;
		font-size: 2em;
		height: 30px;
		width: 30px;
		padding-top: 8px;
		margin-left: 0px;
	}
	.order-item-delete {
		width: 20px;
		/*position: absolute;*/
		top: 18px;
		right: 8px;	
		/*display: none;*/
		cursor: pointer;
	}
	tfoot tr td:first-child {
		text-align: left;	
	}
	.order-main table tfoot tr:last-child {
		font-family: glober_heavy, helvetica, sans-serif;
		text-transform: uppercase;	
	}
	.order-main table tfoot {
		border-top: 1px solid #333;
	}
	.order-main table tfoot .dfee {
		color: #999;
	}
	.checkout-form a {
	
	}
	.checkout-form a:hover {
		color: #000000;
	}
	.form-row {
		position: relative;	
		clear: both;
	}
	.form-column {
		position: relative;	
		float: none;
	}
	.default-length {
		width: 80%;	
		margin: 0 auto;
	}
	.small-length {
		width: 80%;
		margin: 0 auto;	
	}
	.middle-length {
		width: 80%;
		margin: 0 auto;	
	}
	.large-length {
		width: 80%;
		margin: 0 auto;	
	}
	.error {
		display: block;
		clear: both;
		bottom: 0px;
		background-color: #FCC;
		color: #C30E0E;
		padding: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border: 1px solid #C30E0E;
		border-top: none;
	}
	.error .fa {
		margin-right: 0.4em;	
	}
	.error-order {
		border: none;
		margin-top: 0.4em;	
		background: #FFD400;
		color: #333;
		padding: 0.8em;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	.input-error {
		border: 1px solid #C30E0E;
	}
/* == TABLET DEVICES == (750px and ABOVE) ==*/
@media all and (min-width: 751px) and (max-width: 960px) {
	.main-content {
		min-height: 250px;	
	}
	/*** HEADER ***/
	.header-home {
		padding: 20px 0 20px 0;	
	}
	header {
		margin: 0 auto;
		text-align: center;
		padding: 20px 0 20px 0;
	}
	.logo-home {
		display: block;
		/* background-image: url(../_images/logo_109px.jpg); */
		background-size: cover;
		height: 150px;
		width: 150px;
		margin: 0 auto;
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	.logo {
		/*background-image: url(../_images/logo_109px.jpg);*/
		background-size: cover;
		height: 80px;
		width: 80px;
		margin: 0 auto;
		
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	
	.logo.mobile {
		display: block;	
		
	}
	
	.logo-type.mobile {
		display: block;	
		width: 85px;
		background-size: contain;
		background-position: center;
		height: 35px;
		
	}
	.logo-type {
		display: block;
		/* background-image: url(../_images/logotype_280px.jpg); */
		background-size: cover;
		width: 165px;
		height: 60px;
		margin: 0 auto;
		top: 0;
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;	
	}
	
	.heading-large {
		width: 75%;
		margin: 0 auto;
		text-align: center;
		font-family: globerlight, helvetica, sans-serif;
		font-weight: 100;
		font-size: 3em;
		padding-top: 85px;
		text-transform: uppercase;
	}
	.main-bar { 
		margin-top: -121px;
		min-height: 0;
	}
	.main-bar-main {
		padding: 0;
		margin-top: 121px;
	}
	/*** HOMEPAGE ***/
	.gallery {
		/*background-image: url(../_images/CCD_alleyway_01gray-edit.jpg);	*/
		background-size: cover;
		height: 400px;
		
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	.gallery.purple {
		background-size: cover;
		height: 400px;
		
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	.front-image {
		height: 580px;
	}	
	
	.white-line {
		width: 145px;
		margin-bottom: 30px;
	}
	#home-line-bottom {
    	margin-top: 50px;
	}
	.sub-content-button h3 {
		font-size: 2.8em;
		padding: 0.2em;	
	}
	#restaurants-wanted {
		min-height: 250px;
		width: 48%;
		float: left;
		text-align: center;
		margin-top: 40px;
	}
	
	#riders-wanted {
		min-height: 250px;
		width: 48%;
		float: left;
		text-align: center;
		margin-left: 2%;
		margin-top: 40px;
	
	}

	/*** FORM ***/
	
	#huckstart {
		padding: 30px 0 30px 0;	
		font-size: 1.4em;
	}
	
	#huckstart input {
		width: 85%;
		-webkit-transition: width 0.8s ease;
		transition: width 0.8s ease;
	}
	
	#huckstart a {
		width: 45%;
		-webkit-transition: width 0.8s ease;
		transition: width 0.8s ease;
	}
	
	#search-results {
		height: 100px;	
	}
	
	#search-results input {
		width: 65%;
		height: 2em;
		margin-top: 26px;
		font-size: 1.4em;
	}

	.list .list-image {
		width: 140px;
		min-height: 140px;	
	}
	
	.list .list-title {
		font-size: 1.4em;
		padding-top: 1.6em;	
	}
	
	.list .list-order {
		float: right;
		margin-right: 2em;	
		margin-top: -25px;
	}
	/*** SEARCH RESULTS PAGE ***/
	.search-header {
		margin-top: -184px;	
	}
	.search-content {
		margin-top: 184px;
	}
	#search-results {
		height: 100px;	
	}
	.search-form-container {
		min-height: 60px;
		border-bottom: 1px solid #bbb;	
	}
	#search-results input {
		width: 65%;
		height: 2em;
		margin-top: 26px;
		font-size: 1.4em;
	}
	.search-form {
		font-size: 1.4em;
		padding: 15px;	
	}
	.search-list {
			
	}
	.search-list a {
		display: table;
		width: 100%;	
	}
	.search-list-img {
		display: table-cell;
		width: 100px;
		height: 100px;
		background-size: cover;
	}
	.search-list-info {
		display: table-cell;
		width: 80%;	
		vertical-align: middle;
		padding-left: 5%;
	}
	.search-list-info-heading {
		display: table-cell;	
	}
	.list .list-image {
		width: 20%;
		min-height: 140px;	
	}
	
	.list .list-title {
		font-size: 1.4em;
		padding-top: 1.6em;	
	}
	
	.search-list-order {
		float: right;
		margin-right: 2em;	
		margin-top: -25px;
	}
	
	/*** RESTAURANT LISTINGS ***/
	
	.out-content-inner {
		width: 100%;
		margin: 0 auto;	
	}
	.out-header {
		position: relative;
	}
	.order-main {
		width: 80%;
		margin: 0 auto;
		margin-top: 40px;	
	}
	.rest-menu {
		margin-top: 2em;
	}
	
	.rest ul {
		width: 80%;
		margin: 0 auto;
		padding: 0;	
	}
	
	.list-description {
		text-align: left;	
		width: 80%;
	}
	.list-price { 
		width: 10%;
	}
	.rest-bio h2 {
		font-size: 30px;	
	}
	.rest-bio .rest-img{
		width: 80%;	
	}
	.rest-bio .rest-img img {
		width: 100%;	
	}
	.order-item-math {
		width: 6em;
		display: block;
		text-align: left;
	}
	.order-item-add {
		float: none;
		display: inline-block;
		font-size: 2em;
		height: 30px;
		width: 30px;
		padding-top: 8px;
	}
	.order-item-subtract {
		float: none;
		display: inline-block;
		font-size: 2em;
		height: 30px;
		width: 30px;
		padding-top: 8px;
	}
	.out-header h2 {
		font-size: 30px;	
	}
	/*** CHEKOUT PAGE ***/
	
	.flex-row {
		width: 80%;
		margin: 0 auto;	
	}
	.small-input {
		
	}
	.middle-input {
		
	}
	.middle-length {
		width: 49%;
		display: block;
		float: left;
	}
	.large-input {
		
	}
	.large-length {
		width: 80%;
		margin: 0 auto;	
	}
	.end-margin {
		margin-left: 2%;
	}
	.checkout-input.end-margin {
		margin-left:0;	
		margin-top: 25px;
	}
	.checkout-btn {
		display: inline-block;
	}
	.select-order {
		display: inline-block;
		margin-right: 2%;	
	}
	.order-main table {
		width: 100%;	
	}
	
	/*** FOOTER ***/
	#footer-newsletter-subscribe input {
		max-width: 50%;	
	}
}


/* == DESKTOP DEVICES == (960px and ABOVE) ==*/
@media all and (min-width: 960px) {
	/*** HEADER ***/
	.logo-home {
		display: block;
		background-size: cover;
		height: 180px;
		width: 180px;
		margin: 0 auto;
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	.logo-type {
		display: block;
		top: 0;
		background-size: cover;
		width: 195px;
		height: 70px;
		margin: 0 auto;
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
}	
	/*** CONTENT WIDTHS***/
	.main-bar {
		position: fixed;
		z-index: 999;
		
	}
	.home-content {
		margin: 0;
		width: 100%;
		padding: 25px;
		float: left;
		text-align: left;
		
	}
	.main-content {
		margin: 0;
		width: 75%;
		padding: 25px;
		float: left;
		text-align: left;
		
	}
	.footer-content {
		margin: 0 auto;
		float: none;
	}
	.sub-content {
		padding: 0;
		margin: 0 auto;
		float: none;
	}
	#home-main-content {
		float: none;
		text-align: inherit;	
		margin: 0 auto;
	}
	.hckstr-modal {
		margin: 0;
		float: left;
	}
	.main-content-info {
		padding: 25px;	
		min-height: 480px;
	}
	.out-content {
		display: block;
		width: 25%;
		position: fixed;
		padding: 0;
		margin: 0;
		right: 0;
		border-left: 1px solid #bbb;
		height: 100%;	
		border-top: none;
	}
	.container {
		width: 100%;	
	}
	.main-bar-main {
		padding: 0;
		margin-top: 111px;
	}
	.main-content-header {
		position: relative;
		width: 100%;
		padding: 25px;
		border-bottom: 1px solid #bbb;
		margin-top: 0px;
	}
	.main-content-header h2 {
		text-transform: uppercase;	
	}
	/*** HEADER ***/
	.header-home {
		margin: 0;
		padding: 60px 0 20px 0;
	
	}
	header {
		margin: 0;
		text-align: left;
		border-bottom: 1px solid #bbb;
		
	}
	.header-width {
		
	}
	.logo {
		/*background-image: url(../_images/logo_109px.jpg);*/
		background-size: cover;
		height: 60px;
		width: 60px;
		margin: 0;
		
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	.logo.mobile {
		display: block;	
		height: 140px;
		width: 140px;
	}
	.logo-type.mobile {
		display: block;	
		width: 160px;
		height: 55px;
	}
	.mobile-lines {
		display: none;	
	}
	.heading-large {
		font-size: 4em;	
	}
	
	/*** HOMEPAGE ***/
	.gallery {
		/*background-image: url(../_images/CCD_alleyway_01gray-edit.jpg);	*/
		background-size: cover;
		
		height: 460px;
		
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	.front-image {
		height: 630px;
	}
	.white-line {
		width: 170px;
		margin-bottom: 30px;
	}
	#home-line-bottom {
		margin-top: 50px;	
	}
	.sub-content-button h3 {
		margin: 0;
		font-size: 3em;
		padding: 1em 0.2em 0.4em 0.2em;
	}
	#restaurants-wanted {
		min-height: 300px;
		width: 48%;
		float: left;
		text-align: center;
		margin-top: 30px;
	}
	
	#riders-wanted {
		min-height: 300px;
		width: 48%;
		float: left;
		text-align: center;
		margin-left: 2%;
	
	}
	/*** FORM ***/
	
	#huckstart {
		width: 100%;
		padding: 20px 0 20px 0;
		font-size: 1.4em;
	}
	
	#huckstart input {
		width: 50%;
		text-align: left;
		height: 3em;
		padding-left: 1em;
		display: inline-block;
		
		-webkit-transition: width 0.8s ease;
		transition: width 0.8s ease;
	}
	
	#huckstart a {
		width: 40%;
		display: inline-block;
		/*margin-left: 1em;*/
		height: 3em;
		padding-top: 0.7em;
		
		-webkit-transition: width 0.8s ease;
		transition: width 0.8s ease;
	}
	
	#search-results {
		height: 148px;	
	}
	
	#search-results input {
		font-size: 1.8em;
		width: 45%;
		margin-top: 45px;	
	}
	
	#results-list {
		width: 80%;
		margin: 0 auto;
		padding: 3em;
	}
	
	#results-list .list:first-child {
		border-top: 1px solid #333;	
	}
	
	#results-list .list {
		border-bottom: 1px solid #333;
		border-left: 1px solid #333;
		border-right: 1px solid #333;	
	}
	
	.list .list-image {
		width: 150px;
		height: 150px;	
	}

	.list .list-title {
		font-size: 1.6em;
		padding-top: 1.6em;
	}
	
	.list .list-order {
		float: right;
		margin-right: 2em;
		margin-top: -25px;
	}
	
	/*** SEARCH RESULTS PAGE ***/
	.search-header {
		width: 100%;
	}
	.search-form {
		font-size: 1.4em;
		
		text-align: left;
		padding: 0.5em;
	}
	.search-form-container {
		min-height: 60px;	
	}
	.search-form input {
		margin-top: 5px;
		color: #222;
		min-width: 500px;	
	}
	.search-form input:focus {
		outline: none;
	}
	.search-form input::-webkit-input-placeholder {
	   color: #bbb;
	}
	
	.search-form input:-moz-placeholder { /* Firefox 18- */
	  color: #bbb;
	}
	
	.search-form input::-moz-placeholder {  /* Firefox 19+ */
	   color: #bbb;
	}
	
	.search-form input:-ms-input-placeholder {  
	   color: #bbb;
	}
	.search-form-container {
		border: none;	
		border-top: 1px solid #bbb;
	}
	#search-results {
		height: 148px;	
	}
	
	#search-results input {
		font-size: 1.8em;
		width: 45%;
		margin-top: 45px;	
	}
	
	#results-list {
		width: 80%;
		margin: 0 auto;
		padding: 3em;
	}
	
	#results-list .list:first-child {
		border-top: 1px solid #333;	
	}
	
	#results-list .list {
		border-bottom: 1px solid #333;
		border-left: 1px solid #333;
		border-right: 1px solid #333;	
	}
	
	.list .list-image {
		width: 150px;
		height: 150px;	
	}

	.list .list-title {
		font-size: 1.6em;
		padding-top: 1.6em;
	}
	
	
	
	.search {
		width: 100%;
		text-align: left;
		margin-top: 174px;
		position: absolute;
	}
	.search-ul {
		-webkit-padding-start: 0;
		-moz-padding-start: 0;
		-o-padding-start: 0;
		-ms-padding-start: 0;
		margin: 0;
		padding: 0;
	}
	.search-content {
		width: 100%;
	}
	.search-list {
		display: block;
		width: 25%;
		height: 320px;
		float: left;
		border: 1px solid #bbb;
		border-right: none;
		border-top: none;
		text-align: left;
	}
	.search-list-img {
		display: block;
		height: 180px;
		overflow: hidden;
		background-size: cover;
		background-position: center;
	}
	.search-list-img img {
		width: 100%;	
	}
	.search-list-info {
		
	}
	.search-list-info-heading {
		font-size: 2em;
	}
	.search-list-order {
		margin: 0;
		margin-right: 2em;
		margin-top: 1em;
	}
	
	/*** RESTAURANTS LISTINGS ***/
	
	
	.rest {
		display: flex;	
	}
	.rest-bio {
		text-align: left;
		padding: 0;
		position: relative;
		width: 100%;
	}
	
	.rest-info {
		position: absolute;
		width: 33%;
		/*color: #fff;
		background: rgba(0,0,0,0.85);*/
		padding: 25px;
		left: 0;
		height: 100%;
		border-right: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.rest-info h2 {
		position: relative;
		
		background-color: #ddd;
		margin-top: -1em;
		margin-left: -1em;
		width: 130%;
		padding: 1em;
		border-bottom: 1px solid #bbb;
		font-size: 30px;
	}
	.rest-bio .rest-img{
		width: 67.1%;	
		margin-left: 33%;
		border: none; /*clears styles from previous media query*/
		border-bottom: 1px solid #bbb;
		padding: 1em;
		min-height: 280px;
	}
	.rest-bio .rest-img img {
		width: 100%;	
	}
	.rest-text {
		text-align: left;
		margin: 0;	
		width: 100%;
		margin-top: 2em;
		padding-top: 0;
	}
	.out-content-inner {
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
		width: 100%;
		overflow: scroll;
		
	}
	
	.out-header {
		padding: 25px;
		height: 111px;
		text-align: left;
		border-bottom: 1px solid #bbb;
		margin-bottom: 25px;
		position: relative;
	}
	.order-main {
		text-align: left;
		margin-top: 0;
		margin: 25px;
	}
	.order-main ul {
		padding: 0;	
	}
	.order-main table {
		margin-bottom: 40px;
		border-collapse: collapse;
	}
	.order-main tbody {
			max-height: 220px;
		display: block;
		/* background: red; */
		overflow-y: scroll;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.order-main table tr {
		list-style: none;
		display: block;
		margin-bottom: 1px;
	}
	.order-main tr:nth-child(even) {
		/*background: #ddd;*/
	}
	.order-main table tr td {
		vertical-align: middle;
		padding: 5px;
		min-width: 40px;
		position: relative;
	}
	.order-item-hover {
		position: absolute;
		background: url(../_images/svg/quantity-background/quantity-bg-vert.svg) no-repeat;
		background-size: contain;
		width: 36px;
		height: 44px;
		display: none;
		cursor: pointer;
		
		margin: auto;
		top: 0; 
		left: 0; 
		bottom: 0; 
		right: 0;
		
		left: -70px;

	}
	.order-item-hover.show {
		display: block;	
	}
	.order-item-math {
		display: table-cell;
	}
	.order-item-subtract {
		font-size: 1.6em;
		background: #ddd;
		padding: -3px;
		border-radius: 2px;
		margin: 4px;
		margin-top: 0;
		display: block;
		width: 16px;
		text-align: center;
		height: 16px;
		line-height: 12px;
		float: left;
		padding: 0;
	}
	.order-item-add {
		font-size: 1.6em;
		background: #ddd;
		padding: -3px;
		border-radius: 2px;
		margin: 4px;
		display: block;
		width: 16px;
		text-align: center;
		height: 16px;
		line-height: 12px;
		float: left;
		padding: 0;
		
	}
	.order-item-subtract:hover {
		background: #333;
		color: #fff;	
	}
	.order-item-add:hover {
		background: #333;
		color: #fff;	
	}
	.order-item-delete {
		/*position: absolute;*/
		color: #777;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 25px;
		height: 25px;
		right: -40px;
		line-height: 24px;
		/*display: none;*/
		font-size: 1.2em;
	}
	.order-item-delete.show {
		display: block;	
	}
	.order-item-delete:hover {
		color: #FF0004;	
	}
	.order-item-quantity {
		width: 40px;
	}
	.order-item-description {
		width: 70%;
	}
	.order-item-price {
	}
	
	.order-main table tfoot tr {
		color: #333;
		min-height: 1.5em;
	}
	
	.order-main .order-main-submit {
		font-size: 1.2em;
		background-color: #ddd;
		color: #333;
		outline: none;
		margin-top: 0;
	}
	.order-main .order-main-submit:hover {
		background-color: #333;
		color: #fff;
		outline: none;	
	}
	.out-header h2 {
		line-height: 61px;	
		text-transform: uppercase;
		margin: 0;
		margin-top: -20px;
		font-size: 2em;
	}
	.rest-menu {
		display: block;
		margin: 0;
		text-align: left;
		padding: 1em;
	}
	.rest-menu li {
		display: table-row;	
	}
	.rest-menu .list-description {
		display: table-cell;
		width: 75%;
	}
	.rest-menu .list-price {
		display: table-cell;
		width: 8%;
	}
	.rest-menu .list-quantity {
		display: table-cell;
		width: 8%;
	}
	.rest-menu .list-add {
		display: table-cell;
		width: 8%;
		vertical-align: middle;
	}
	.rest-menu .list-add button {
		
	}
	
	.rest-menu .select-qty {
		padding: 5px;
		min-width: 61px;
		font-size: 1em;
	}
	.rest ul {
		width: 100%;
		text-align: left;
	}
	.rest-menu h2 {
		font-size: 30px;	
	}
	.select-order {
		border: 1px solid #bbb;
		font-size: 1em;
		background-color: #fff;
		background: url(../_images/svg/select/select-arrow-gray.svg) no-repeat right;
		min-width: 140px;
		-webkit-appearance: none;
		-moz-appearance: none;
		padding: 5px 50px 5px 5px;
		margin-right: 0;
	}
	.select-order:focus {
		outline: none;	
	}
	
	/*** CHECKOUT PAGE ***/
	.checkout-h4 {
		text-align: left;
	}
	.checkout-h5 {
		text-align: left;
		
	}
	.main-content-header {
		position: relative;
		width: 100%;
		padding: 25px;
		border-bottom: 1px solid #bbb;
	}
	.main-content-header h2 {
		text-transform: uppercase;	
		font-size: 2em;
	}
	.main-content-info-row {
		margin-bottom: 2em;	
		clear: both;
	}
	.confirm-order {
		height: 4em;
		width: 45%;	
	}
	.form-row {
		
	}
	.form-column {
		float: left;	
	}
	.checkout-input {
		height: 4em;	
		width: 100%;
		padding: 1em;
		margin-top: 25px;
		display: block;
		float: left;
		text-align: left;
	}
	.default-length {
		margin: 0;	
	}
	.small-input {
		
	}
	.small-length {
		width: 8%;
		margin: 0;
		margin-left: 2%;	
	}
	.first-small {
		margin-left: 0;
		margin-right: 2%;	
	}
	.middle-input {
		
	}
	.middle-length {
		width: 44%;	
		margin: 0;
	}
	.large-input {
		
	}
	.large-length {
		width: 90%;
		margin: 0;	
	}
	
	.end-margin {
		margin-left: 2%;	
	}
	.checkout-input.end-margin {
		margin-left: 0;
		
	}
	.delivery-instructions {
		width: 90%;
		height: 10em;
		padding: 1em;
		margin-top: 2em;
		border: 1px solid #bbb;
		resize: none;	
	}
	.select-order {
		display: inline-block;
		margin: 0;	
	}
	.main-content-info-row-confirm-button {
		width: 90%;
	}
	.checkout-continue-btn {
		float: right;
		height: 3em;
		margin-top: 0;
	}
	.section-line {
		margin-top: 2em;
		border-top: 1px solid #bbb;	
	}
	.checkout-btn {
		height: 100px;
		width: 200px;
		border: 1px solid #bbb;	
		display: block;	
		float: left;
		text-align: center;
		padding: 1em;
	}
	.checkout-btn:hover {
		border: 1px solid #333;
		cursor: pointer;
		
		-moz-transition: border 0.5s ease;	
		-webkit-transition: border 0.5s ease;	
		transition: border 0.5s ease;	
	}
	.checkout-btn.clicked {
		border: 1px solid #333;
		
		
		-moz-transition: border 0.5s ease;	
		-webkit-transition: border 0.5s ease;	
		transition: border 0.5s ease;	
	}
	.checkout-btn i {
		font-size: 2em;
		display: block;	
	}
	.checkout-btn p {
		margin-top: 1em;	
	}
	.checkout-btn.end-margin i {
		float: left;
		margin-left: 15px;	
	}
	.section-payment {
		min-height: 500px;
		margin-bottom: 4em;	
	}
/*** FOOTER ***/
.footer-cell {
	float: left;
	width: 25%;
}
#footer-newsletter-subscribe input {
	width: 85%;
}
/*=== LOADERS ===*/
#rest-order-loader {
	margin-top: 0;	
}
}
/* === TABLET DEVICE LANDSCAPE=== */
/* ----------- iPad 3 and 4 ----------- */
@media screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.main-content {
		width: 65%;
	}
	.out-content {
		width: 35%;	
	}
	.rest-info h2 {
		width: 135%;	
	}
	.sub-content {
		width: 75%;	
	}
}