/*
==========================================================================
	The Munch Ease
	All rights reserved
	Version: 1.0.0.0

	All matherials used on this site are built by The Munch Ease, you may not use them for your purposes!


	===[The Munch Ease Style Navigation]===

		[The Munch Ease  *1]

			*1.1 - Global Settings
			--------------------------------------
			*1.2 - Global Top Header
			--------------------------------------
			*1.3 - Mobile Menu
			--------------------------------------
			*1.4 - Footer
			--------------------------------------
			*1.5 - Popup Modals (LoginPopup)
			--------------------------------------

		[Landing Page    *2]

			*2.1 - Landing Header
			--------------------------------------
			*2.2 - How It Works
			--------------------------------------
			*2.3 - Truck Map
			--------------------------------------
			*2.4 - Available Trucks
			--------------------------------------
			*2.5 - Truck Registration
			--------------------------------------
			*2.6 - Trucks Categories
			--------------------------------------
			*2.7 - Mobile App
			--------------------------------------

		[Register Page   *3]

			*3.1 - Register Form
			--------------------------------------

		[Contact Page    *4]

			*4.1 - Contact Form
			--------------------------------------

		[About Page      *5]

			*5.1 - About Us
			--------------------------------------

		[FAQ Page        *6]

			*6.1 - FAQ
			--------------------------------------

		[Recovery Page   *7]

			*7.1 - Recovery
			--------------------------------------

		[Profile Page    *8]

			*8.1 - Profile Locked
			--------------------------------------
			*8.2 - Profile Dashboard
			--------------------------------------
			*8.3 - Profile Update
			--------------------------------------
			*8.4 - Order History
			--------------------------------------
			*8.5 - Transaction History
			--------------------------------------

		[Truck List With Map *9]

			*9.1 - Truck List
			--------------------------------------

		[Privacy Policy Page *10]

			*10.1 - Privacy
			--------------------------------------

		[Trucks List Without Map *11]

			*11.1 - Trucks List
			--------------------------------------

		[Order Food *12] 	

			 *12.1 - Order Food
			-------------------------------------- 


			
		font-family: 'Montserrat', sans-serif;
		font-family: 'Gilda Display', serif;	

============================================================================	*/	


/*[The Munch Ease *1]*/

	/* *1.1 - Global Settings
	-------------------------------------- */

		body
		{
			background: #fff;
			min-width: 350px;
		}

		button
		{
			outline: none;
			cursor: pointer;
		}

		textarea:focus, input:focus{
		    outline: none;
		}

		.center
		{
			text-align: center;
		}

	    .error span
		{
			color: #fa7e2a;
		}

		.top50
		{
			position: relative;
			top: 50px;
		}

		.non-select
		{
			-webkit-user-select: none; /* Safari */        
			-moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* IE10+/Edge */
			user-select: none; /* Standard */
		}

	/* *1.2 - Global Top Header
	-------------------------------------- */

		#header
		{
			width: 100%;
			height: 115px;
			border-bottom: 1px solid #d4d4d4;
		}

			#header .container .left
			{
				float: left;
				height: 115px;
			}

			#header .logo
			{
				width: 25%;
				height: 100%;
				line-height: 115px;
			}

			.menu-centered
			{
				width: 50%;
				height: 100%;
				text-align: center;
			}

				.menu-centered ul 
				{
					width: 100%;
					padding: 0px;
					margin: 0px;
				}

					.menu-centered ul li
					{
						list-style-type: none;
						line-height: 114px;
						padding-left: 30px;
						padding-right: 30px;
						display: inline-block;
						font-family: 'Montserrat', sans-serif;
					}

						.menu-centered ul li a
						{
							font-family: 'Montserrat', sans-serif;
							font-size: 16px;
							font-weight: 300;
							text-align: center;
							color: #928b8b;
							text-decoration: none;
						}

			.menu-right
			{
				width: 25%;
				height: 100%;
				text-align: right;
			}

				.menu-right ul
				{
					width: 100%;
					padding: 0px;
					margin: 0px;
				}

					.menu-right ul li
					{
						list-style-type: none;
						line-height: 114px;
						padding-left: 10px;
						padding-right: 10px;
						display: inline-block;
						font-family: 'Montserrat', sans-serif;
					}

						.menu-right ul li a
						{
							font-family: 'Montserrat', sans-serif;
							font-size: 16px;
							font-weight: 300;
							text-align: center;
							color: #928b8b;
							text-decoration: none;
						}

					.menu-right ul .signup
					{
						padding-right: 0px;
						padding-left: 0px;
						position: relative;
						bottom: 2px;
					}

					.menu-right ul .hamburger 
					{
						padding: 0px!important;
						display: none;
					}

						.menu-right ul .hamburger i
						{
							font-size: 30px;
	    					color: #40413e;
	    					cursor: pointer;
	    					position: relative;
	    					top: 5px;
						}

	/* *1.3 - Mobile Menu
	-------------------------------------- */

		#mobile_menu
		{
			width: 100%;
			position: fixed;
			z-index: 5000;
			top: 0px;
			left: 0px;
			height: 100vh;
			background: white;
		    overflow: hidden;
		    display: none;
		}

			#mobile_menu .logo
			{
				padding: 20px;
				text-align: center;
			}

			#close
			{
				position: absolute;
				top: 20px;
				right: 20px;
				cursor: pointer;
			}

			#mobile_menu ul
			{
				padding: 0px;
				margin: 0px;
				margin-top: 50px;
			}

				#mobile_menu ul li
				{
					display: block;
					list-style-type: none;
					padding-top: 10px;
					padding-bottom: 10px;
					border-bottom: 1px solid #e9e8e8;
				}

					#mobile_menu ul li a
					{
						font-family: Montserrat;
						font-size: 17px;
						font-weight: 300;
						text-align: center;
						color: #5b5b5b;
						text-decoration: none;
					}

	/* *1.4 - Footer
	-------------------------------------- */

		#footer 
		{
			padding-top: 120px;
			padding-bottom: 38px;
		}

			#footer .divider
			{
				width: 100%;
				height: 1px;
				background-color: #d4d4d4;
				margin-bottom: 50px;
			}

			#footer .footer-left
			{
				width: 30%;
				float: left;
				padding-right: 30px;
				border-right: 1px solid #f5f4f4;
			}

				#footer .footer-left .logo
				{
					padding-top: 32px;
				}

				#footer .footer-left .this-desc
				{
					font-family: 'Montserrat', sans-serif;
					font-size: 15px;
					font-weight: 300;
					line-height: 1.87;
					text-align: left;
					color: #928b8b;
					margin-top: 35px;
					margin-bottom: 35px;
				}

				#footer .footer-left .social
				{
					margin-right: 33px;
					padding-bottom: 50px;
				}

			#footer .footer-right
			{
				float: right;
				width: calc(70% - 1px);
			}

				#footer .items
				{
					padding-top: 50px;
					width: 75%;
					margin: 0 auto;
				}

				#footer .item
				{
					margin-bottom: 50px;
				}

				#footer .footer-right span
				{
					font-family: 'Montserrat', sans-serif;
					font-size: 10.9px;
					font-weight: bold;
					line-height: 1.87;
					text-align: left;
					color: #40413e;
				}

				#footer .footer-right ul
				{
					padding: 0px;
					margin: 0px;
				}

				#footer .footer-right ul li
				{
					list-style-type: none;
					padding-left: 0px;
					margin-left: 0px;
					margin-top: 20px;
				}

					#footer .footer-right ul a
					{
						font-family: 'Montserrat', sans-serif;
						font-size: 14.3px;
						font-weight: 300;
						line-height: 1.87;
						text-align: left;
						color: #928b8b;
					}

		#footer-bottom
		{
			width: 100%;
			text-align: center;
			background: #fa7e2a;
			padding: 11px;
		}

			#footer-bottom span
			{
				font-family: 'Montserrat', sans-serif;
				font-size: 18.2px;
				line-height: 1.87;
				text-align: left;
				color: #ffffff;
			}

	/* *1.5 - Popup Modals
	-------------------------------------- */

		.popups .apply
		{
			position: fixed;
			width: 100%;
			height: 100vh;
			top: 0px;
			background: rgba(0, 0, 0, 0.2);
			z-index: 1;
		}

		.popups .this-popup
		{
			width: 638px;
			position: absolute;
			left: 0px;
			right: 0px;
			margin: auto;
			
			z-index: 5;
			display: none;
		}

		.popups #login_popup
		{
			padding-top: 55px;
			padding-bottom: 55px;
			padding-left: 110px;
			padding-right: 110px;
			background: #fff;
			border-radius: 10px;
		}

		.popups .close
		{
			position: absolute;
			right: 20px;
			top: 15px;
			font-size: 25px;
		}

			#login_popup .this-text
			{
				font-family: 'Montserrat', sans-serif;
				font-size: 17.6px;
				line-height: 1.67;
				text-align: center;
				color: #fa7e2a;
				margin-top: 0px;
				margin-bottom: 70px;
			}

				#login_popup .input_
				{
					width: 100%;
					position: relative;
				}

					#login_popup input
					{
						width: 100%;
						padding: 15px;
						padding-left: 58px;
						border: solid 2px #e1e3e6;
						margin-bottom: 19px;
						font-family: 'Montserrat', sans-serif;
						font-size: 16px;
						color: #b7bcc0;
					}

						#login_popup ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
							font-family: 'Montserrat', sans-serif;
							font-size: 16px;
							color: #b7bcc0;
						}
						#login_popup ::-moz-placeholder { /* Firefox 19+ */
							font-family: 'Montserrat', sans-serif;
							font-size: 16px;
							color: #b7bcc0;
						}
						#login_popup :-ms-input-placeholder { /* IE 10+ */
							font-family: 'Montserrat', sans-serif;
							font-size: 16px;
							color: #b7bcc0;
						}
						#login_popup :-moz-placeholder { /* Firefox 18- */
							font-family: 'Montserrat', sans-serif;
							font-size: 16px;
							color: #b7bcc0;
						}

					#login_popup .this-input-img
					{
						position: absolute;
						left: 0px;
						top: 0px;
						width: 43px;
						border-right: 2px solid #e1e3e6;
						height: 55px;
					}

						#login_popup .full
						{
							width: 100%;
							height: 56px;
							position: relative;
    						background: #ffffff;
						}

						#login_popup .input_ i
						{
							color: #fa7e2a;
							position: absolute;
							left: 0;
							width: 14px;
							height: 20px;
							margin: auto;
							font-size: 22px;
							line-height: 56px;
						}

				#login_popup .f-b .forgot
				{
					font-family: 'Montserrat', sans-serif;
					font-size: 16px;
					text-align: center;
					color: #b7bcc0;
					line-height: 52px;
				}

				#login_popup .f-b button
				{
					width: 148px;
					height: 52px;
					border-radius: 3px;
					background-color: #fa7e2a;
					box-shadow: 2px 3.5px 9px 0 rgba(0, 0, 0, 0.15);
					border: none;
					float: right;
				}

					#login_popup .f-b button
					{
						font-family: 'Montserrat', sans-serif;
						font-size: 16px;
						text-align: center;
						color: #ffffff;
					}

				#login_popup .api-logins
				{
					margin-top: 100px;
				}	

					#login_popup .api-logins .google
					{
						width: 100%;
						height: 52px;
						background-color: #4786ff;
						margin-bottom: 20px;
						position: relative;
						border: none;
					}

						#login_popup .google .abcRioButtonBlue
						{
							width: 100%!important;
							height: 51px!important;
						}

						#this_google
						{
							opacity: 0; 
							position: absolute; 
							width: 100%; 
							height: 100%; 
							left: 0px; 
							top: 0px;
						}

						#login_popup .api-logins .google span
						{
							font-family: 'Montserrat', sans-serif;
							font-size: 12px;
							font-weight: bold;
							line-height: 1.67;
							text-align: center;
							color: #ffffff;
							position: relative;
							left: 26px;
						}

					#login_popup .api-logins .facebook
					{
						width: 100%;
						height: 52px;
						background-color: #3b5998;
						position: relative;
						border: none;
						margin-bottom: 50px;
					}

						#login_popup .api-logins .facebook span
						{
							font-family: 'Montserrat', sans-serif;
							font-size: 12px;
							font-weight: bold;
							line-height: 1.67;
							text-align: center;
							color: #ffffff;
							position: relative;
							left: 26px;
						}

					#login_popup .api-logins .google .icon
					{
						position: absolute;
						left: 0px;
						top: 0px;
						width: 54px;
						height: 100%;
						background: #3f74e7;
					}

					#login_popup .api-logins .facebook .icon
					{
						position: absolute;
						left: 0px;
						top: 0px;
						width: 54px;
						height: 100%;
						background: #2c4476;
					}

					#login_popup .api-logins .icon i
					{
						line-height: 52px;
						color: #ffffff;
					}

				.register
				{
					font-family: 'Montserrat', sans-serif;
					font-size: 16px;
					text-align: center;
					color: #fa7e2a;
				}

/*[Landing Page *2]*/

	/* *2.1 - Landing Header
	-------------------------------------- */

		#lan_header
		{
			width: 100%;
			background-image: url('../../assets/images/site/chicago.jpg');
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: center bottom;
		    background-attachment: fixed;
		}

			#lan_header .opacity
			{
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.3);
				padding-top: 190px;
				padding-bottom: 147px;
				text-align: center;
			}

				#lan_header .this-big
				{
					font-family: 'Montserrat', sans-serif;
					font-size: 40px;
					font-weight: bold;
					line-height: 1.4;
					text-align: center;
					color: #ffffff;
					text-transform: uppercase;
				}

				#lan_header .this-small
				{
					font-family: 'Gilda Display', serif;
					font-size: 18px;
					line-height: 1.21;
					text-align: center;
					color: #ffffff;
					opacity: 0.9;
					margin-bottom: 70px;
				}

				#lan_header .this-btn
				{
					width: 197px;
					height: 45px;
					border-radius: 8px;
					background-color: #fa7e2a;
					border: none;
				}

					#lan_header .this-btn span
					{
						font-family: 'Montserrat', sans-serif;
						font-size: 17.4px;
						text-align: center;
						color: #ffffff;
					}

	/* *2.2 - How It Works
	-------------------------------------- */

		#how_it_works
		{
			padding-top: 70px;
			text-align: center;
		}

			#how_it_works .this-big
			{
				font-family: 'Gilda Display', serif;	
				font-size: 30px;
				line-height: 0.57;
				text-align: center;
				color: #40413e;
				margin-bottom: 60px;
			}

			#how_it_works .item
			{
				margin-bottom: 50px;
			}


				#how_it_works .circle
				{
					width: 146px;
					height: 146px;
					border-radius: 50%;
					background-color: #fa7e2a;
					border: 8px solid #fcbe94;
					text-align: center;
					margin: 0 auto;
					position: relative;
					text-align: center;
					margin-bottom: 20px;
				}

					#how_it_works .circle img
					{
						position: absolute;
						top: 0;
						bottom: 0;
						margin: auto;
						left: 0;
						right: 0;
					}

					#how_it_works .incircle .circle-title
					{
						font-family: 'Gilda Display', serif;	
						font-size: 20px;
						text-align: center;
						color: #40413e;
						margin-top: 15px;
						margin-bottom: 0px;
					}

					#how_it_works .incircle .circle-desc
					{
						font-family: 'Montserrat', sans-serif;
						font-size: 15px;
						font-weight: 300;
						text-align: center;
						color: #928b8b;
						margin-top: 10px;
						margin-bottom: 0px;
					}

				#how_it_works span
				{
					font-family: 'Montserrat', sans-serif;
					font-size: 19px;
					text-align: center;
					color: #ffffff;
				}

			#how_it_works .section-divider
			{
				width: 87px;
				height: 2px;
				opacity: 0.35;
				background-color: #40413e;
				margin: 0 auto;
				margin-top: 100px;
			}

	/* *2.3 - Truck Map
	-------------------------------------- */

		#truck_map
		{
			padding-top: 70px;
		}

			#truck_map .this-big
			{
				font-family: 'Gilda Display', serif;	
				font-size: 30px;
				line-height: 0.57;
				text-align: center;
				color: #40413e;
			}

			#truck_map .this-small
			{
				font-family: 'Montserrat', sans-serif;
				font-size: 15px;
				font-weight: 300;
				text-align: center;
				color: #928b8b;
				margin-top: 10px;
				margin-bottom: 0px;
			}

			#truck_map .map
			{
				width: 100%;
				height: 60vh;
				margin-top: 70px;
			}

	/* * 2.4 - Available Trucks
	-------------------------------------- */

		#available_trucks
		{
			padding-top: 70px;
			background: #f1f1f1;
			padding-bottom: 30px;
		}

			#available_trucks .this-big
			{
				font-family: 'Gilda Display', serif;	
				font-size: 30px;
				line-height: 1.4;
				text-align: center;
				color: #40413e;
				margin-bottom: 70px;
			}

			#available_trucks .truck_item
			{
				margin-bottom: 50px;
			}

			#available_trucks .truck_item .bottom
			{
				background: #ffffff;
				width: 100%;
				text-align: center;
				box-shadow: 3px 5.2px 18px 0 rgba(0, 0, 0, 0.1);

			}




				.bottom .this-truck-title
				{
					font-family: 'Gilda Display', serif;
					font-size: 21.2px;
					line-height: 1.4;
					text-align: center;
					color: #40413e;
					padding-top: 30px;
					margin-bottom: 0px;
				}

				.bottom .this-truck-category
				{
					font-family: 'Montserrat', sans-serif;
					font-size: 12.8px;

					font-weight: 300;
					line-height: 1.87;
					text-align: center;
					color: #928b8b;

					
				}

				.bottom .this-truck-desc
				{
					font-family: 'Montserrat', sans-serif;
					font-size: 15px;
					font-weight: 300;
					line-height: 1.87;
					text-align: center;
					color: #928b8b;
					padding-left: 20px;
					padding-right: 20px;
					margin-top: 25px;
					height: 88px;
					overflow: hidden;
				}

				.bottom .this-truck-btn
				{
					width: 170px;
					height: 51px;
					border-radius: 5px;
					background-color: #fa7e2a;
				}

					.bottom .this-truck-btn
					{
						font-family: 'Montserrat', sans-serif;
						font-size: 15px;
						font-weight: 500;
						text-align: center;
						color: #ffffff;
						margin-top: 40px;
						margin-bottom: 40px;
						border: none;
					}

				.bottom .ratings
				{
					position: relative;
					width: 105px;

				}

				#available_trucks .ratings {
					margin: 0 auto!important;
				}

					.bottom .ratings .that-much
					{
						width: 20%;
						position: absolute;
						background: red;
						height: 20px;
						transform: rorate(90deg);
						float: right;
					}

				.bottom .this-truck-viewmap {
					text-align: left;


				}


					.bottom .this-truck-viewmap a {
						color: #fa7e2a;
						text-decoration: none;

					}


	/* *2.5 - Truck Registration
	-------------------------------------- */

		#truck_register
		{
			text-align: center;
			background: #f1f1f1;
			padding-top: 30px;
			padding-bottom: 70px;
		}

 			#truck_register .consider
			{
				font-family: 'Gilda Display', serif;	
				font-size: 30px;
				line-height: 1.4;
				text-align: center;
				color: #40413e;
				margin-top: 70px;
				margin-bottom: 40px;
			}

			#truck_register .sign-up-now
			{
				width: 220px;
    			height: 45px;
				border-radius: 10px;
				background-color: #54d4ea;
				border: none;
			}

				#truck_register .sign-up-now span
				{
					color: white;
					font-family: 'Montserrat', sans-serif;
					font-size: 15px;
    				font-weight: 500;
				}

			#truck_register .section-divider
			{
				width: 87px;
				height: 2px;
				opacity: 0.35;
				background-color: #40413e;
				margin: 0 auto;
			}

	/* *2.6 - Trucks Categories
	-------------------------------------- */

		#truck_categories
		{
			padding-top: 70px;
			padding-bottom: 70px;
			text-align: center;
		}

			#truck_categories .this-big
			{
				font-family: 'Gilda Display', serif;	
				font-size: 30px;
				line-height: 1.4;
				text-align: center;
				color: #40413e;
				margin-top: 0px;
			}

			#truck_categories .categories
			{
				text-align: left;
				margin-top: 80px;
			}

				#truck_categories .categories .item
				{
					margin-bottom: 5px;
					font-family: 'Montserrat', sans-serif;
					font-size: 19.3px;
					font-weight: 500;
					line-height: 0.57;
					text-align: left;
					color: #928b8b;
					padding: 20px;
					background: #f1f1f1;
					text-align: center;
					border: 1px solid white;
				}

				#truck_categories .total
				{
					display: inline-block;
					width: 29px;
					height: 29px;
					border-radius: 50%;
					background: #fa7e2a;
					position: relative;
					top: 8px;
    				left: 10px;
				}

					#truck_categories .total span
					{
						position: absolute;
						left: 0;
						right: 0;
						top: 0;
						bottom: 0;
						margin: auto;
						font-family: 'Montserrat', sans-serif;
						font-size: 12.1px;
						font-weight: 500;
						text-align: center;
						color: #ffffff;
						top: 40%;
					}

	/* *2.7 - Mobile App
	-------------------------------------- */

		#mobile_app
		{
			width: 100%;
			background-image: url('../../assets/images/site/app.jpg');
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: center bottom;
		    background-attachment: fixed;
		    overflow: hidden;
		}

			#mobile_app .opacity
			{
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.6);
			}

				#mobile_app .text
				{
					padding-top: 200px;
					padding-bottom: 150px;
					width: 57%;
					display: inline-block;
				}

					#mobile_app .text .this-big
					{
						font-family: 'Gilda Display', serif;	
						font-size: 46.4px;
						line-height: 1.4;
						text-align: left;
						color: #ffffff;
						margin-bottom: 20px;
					}

					#mobile_app .text .this-small
					{
						font-family: 'Montserrat', sans-serif;
						font-size: 15px;
						font-weight: 300;
						line-height: 1.87;
						text-align: left;
						color: #ffffff;
						margin-bottom: 50px;
					}

				#mobile_app .mob-img
				{
					width: 42.4%;
					display: inline-block;
					position: relative;
					top: 175px;
				}

					#mobile_app .mob-img img
					{
						position: absolute;
						bottom: 0px;
						left: 0px;
						right: 0px;
						margin: auto;
					}

/*[Register Page *3]*/		

	/* *3.1 - Register form
	-------------------------------------- */	

		#register_body
		{
			width: 100%;
			background-image: url('../../assets/images/site/register-bg.jpg');
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: center bottom;
		}

			#register_body .opacity
			{
				width: 100%;
				height: 100%;
				padding-top: 50px;
				padding-bottom: 50px;
				background: rgba(0, 0, 0, 0.2);
			}

				#register_form
				{
					padding-top: 55px;
					padding-bottom: 55px;
					padding-left: 110px;
					padding-right: 110px;
					background: #fff;
					border-radius: 10px;
					width: 638px;
					margin: 0 auto;
				}

					#register_form .this-text
					{
						font-family: 'Montserrat', sans-serif;
						font-size: 17.6px;
						line-height: 1.67;
						text-align: center;
						color: #fa7e2a;
						margin-top: 0px;
						margin-bottom: 70px;
					}

						#register_form .input_
						{
							width: 100%;
							position: relative;
						}

							#register_form .w_unset
							{
								font-family: 'Montserrat', sans-serif;
								font-size: 16px;
								color: #b7bcc0;
							}

								#register_form .w_unset input
								{
									width: unset!important;
								}

							#register_form input
							{
								width: 100%;
								padding: 15px;
								padding-left: 58px;
								border: solid 2px #e1e3e6;
								margin-bottom: 19px;
								font-family: 'Montserrat', sans-serif;
								font-size: 16px;
								color: #b7bcc0;
							}

								#register_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#register_form ::-moz-placeholder { /* Firefox 19+ */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#register_form :-ms-input-placeholder { /* IE 10+ */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#register_form :-moz-placeholder { /* Firefox 18- */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}

							#register_form .this-input-img
							{
								position: absolute;
								left: 0px;
								top: 0px;
								width: 43px;
								border-right: 2px solid #e1e3e6;
								height: 55px;
							}

								#register_form .full
								{
									width: 100%;
									height: 56px;
									position: relative;
		    						background: #ffffff;
								}

								#register_form .input_ i
								{
									color: #fa7e2a;
									position: absolute;
									left: 0;
									width: 14px;
									height: 20px;
									margin: auto;
									font-size: 22px;
									line-height: 56px;
								}

						#register_form .f-b button
						{
							width: 148px;
							height: 52px;
							border-radius: 3px;
							background-color: #fa7e2a;
							box-shadow: 2px 3.5px 9px 0 rgba(0, 0, 0, 0.15);
							border: none;
							text-align: center;
							margin: 0 auto;
							margin-top: 46px;
							margin-bottom: 50px;
						}

							#register_form .f-b button
							{
								font-family: 'Montserrat', sans-serif;
								font-size: 16px;
								text-align: center;
								color: #ffffff;
							}

						#register_form .login
						{
							font-family: 'Montserrat', sans-serif;
							font-size: 16px;
							text-align: center;
							color: #fa7e2a;
						}		

/*[Contact Page *4]*/		

	/* *4.1 - Contact form
	-------------------------------------- */	

		#contact_body
		{
			width: 100%;
			background-image: url('../../assets/images/site/register-bg.jpg');
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: center bottom;
		}

			#contact_body .opacity
			{
				width: 100%;
				height: 100%;
				padding-top: 50px;
				padding-bottom: 50px;
				background: rgba(0, 0, 0, 0.2);
			}

				#contact_form
				{
					padding-top: 55px;
					padding-bottom: 55px;
					padding-left: 110px;
					padding-right: 110px;
					background: #fff;
					border-radius: 10px;
					width: 638px;
					margin: 0 auto;
				}

					#contact_form .this-text
					{
						font-family: 'Montserrat', sans-serif;
						font-size: 17.6px;
						line-height: 1.67;
						text-align: center;
						color: #fa7e2a;
						margin-top: 0px;
						margin-bottom: 70px;
					}

						#contact_form .input_
						{
							width: 100%;
							position: relative;
						}

							#contact_form input
							{
								width: 100%;
								padding: 15px;
								padding-left: 58px;
								border: solid 2px #e1e3e6;
								margin-bottom: 19px;
								font-family: 'Montserrat', sans-serif;
								font-size: 16px;
								color: #b7bcc0;
							}

							#contact_form .message
							{

								margin-bottom: 19px;
								font-family: 'Montserrat', sans-serif;
								font-size: 16px;
								color: #b7bcc0;
								margin: 0px;
								float: right;
								border: 2px solid rgb(225, 227, 230);
								max-width: calc(100% - 41px);
								width: calc(100% - 41px);
								min-width: calc(100% - 41px);
								border-radius: 5px;
								background-color: #eaedf0;
								padding: 15px;
								min-height: 142px;
								max-height: 300px;
							}


								#contact_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#contact_form ::-moz-placeholder { /* Firefox 19+ */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#contact_form :-ms-input-placeholder { /* IE 10+ */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#contact_form :-moz-placeholder { /* Firefox 18- */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}


								#contact_form ::-webkit-input-textarea { /* Chrome/Opera/Safari */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#contact_form ::-moz-textarea { /* Firefox 19+ */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#contact_form :-ms-input-textarea { /* IE 10+ */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#contact_form :-moz-textarea { /* Firefox 18- */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}

							#contact_form .this-input-img
							{
								position: absolute;
								left: 0px;
								top: 0px;
								width: 43px;
								border-right: 2px solid #e1e3e6;
								height: 55px;
							}

								#contact_form .full
								{
									width: 100%;
									height: 56px;
									position: relative;
		    						background: #ffffff;
								}

								#contact_form .input_ i
								{
									color: #fa7e2a;
									position: absolute;
									left: 0;
									width: 14px;
									height: 20px;
									margin: auto;
									font-size: 22px;
									line-height: 56px;
								}

						#contact_form .f-b button
						{
							width: 148px;
							height: 52px;
							border-radius: 3px;
							background-color: #fa7e2a;
							box-shadow: 2px 3.5px 9px 0 rgba(0, 0, 0, 0.15);
							border: none;
							text-align: center;
							margin: 0 auto;
							margin-top: 46px;
							margin-bottom: 50px;
						}

							#contact_form .f-b button
							{
								font-family: 'Montserrat', sans-serif;
								font-size: 16px;
								text-align: center;
								color: #ffffff;
							}

/*[About Page *5]*/		

	/* *54.1 - About Us
	-------------------------------------- */

		#about-header
		{
			width: 100%;
			background-image: url('../../assets/images/site/chicago.jpg');
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: center bottom;
		}


			#about-header .opacity
			{
				width: 100%;
				height: 100%;
				background: rgba(250, 126, 42, 0.5);
				padding-top: 50px;
				padding-bottom: 50px;
				text-align: center;
			}

				#about-header .this-text
				{
					font-family: 'Montserrat', sans-serif;
					font-size: 40px;
					font-weight: bold;
					line-height: 1.4;
					text-align: center;
					color: #ffffff;
				}


		#about-us
		{
			padding-top: 100px;
			padding-bottom: 0px;
		}

			#about-us .this-title
			{
				font-family: 'Gilda Display', serif;
				font-size: 30px;
				line-height: 0.57;
				text-align: left;
				color: #40413e;
				margin-bottom: 0px;
			}

			#about-us .this-desc
			{
				font-family: 'Montserrat', sans-serif;
				font-size: 15px;
				font-weight: 300;
				line-height: 1.7;
				text-align: left;
				color: #928b8b;
				margin-top: 25px;
				margin-bottom: 20px;
			}

/*[FAQ Page *6]*/		

	/* *6.1 - FAQ
	-------------------------------------- */

		#faq-header
		{
			width: 100%;
			background-image: url('../../assets/images/site/chicago.jpg');
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: center bottom;
		}


			#faq-header .opacity
			{
				width: 100%;
				height: 100%;
				background: rgba(250, 126, 42, 0.5);
				padding-top: 50px;
				padding-bottom: 50px;
				text-align: center;
			}

				#faq-header .this-text
				{
					font-family: 'Montserrat', sans-serif;
					font-size: 40px;
					font-weight: bold;
					line-height: 1.4;
					text-align: center;
					color: #ffffff;
				}


		#faq
		{
			padding-top: 100px;
			padding-bottom: 0px;
		}

			#faq .questionbox
			{
				padding: 15px;
			    border: 1px solid rgba(130, 67, 24, 0.09);
			    background: #ededed;
			    margin-bottom: 10px;
			    cursor: pointer;
			}


				#faq .question .this
				{
					font-family: 'Montserrat', sans-serif;
					font-size: 22px;
					line-height: 1.4;
					text-align: left;
					color: #4e4e4e;
					font-weight: 300;
					margin-bottom: 0px;
				}

					#faq .question .this i
					{
						color: #fa7e2a;
						margin-right: 5px;
					}

			#faq .answer {
				height: 0px;
				overflow: hidden;
				transition: 0.5s;
				-webkit-transition: 0.5s;
				opacity: 0;
			}

				#faq .answer .this
				{
					font-family: 'Montserrat', sans-serif;
				    font-size: 15px;
				    font-weight: 300;
				    line-height: 1.7;
				    text-align: left;
				    color: #403d3d;
				    margin-top: 15px;
				    margin-bottom: 0px;
				}

			.need-help .this-btnp
			{
				width: 100%;
				height: 45px;
				border-radius: 8px;
				background-color: #fa7e2a;
				border: none;
				margin-top: 20px;
			}

				.need-help .this-btnp span
				{
					font-family: 'Montserrat', sans-serif;
					font-size: 17.4px;
					text-align: center;
    				color: #ffffff;
				}

			.need-help .still
			{   
				font-family: 'Montserrat', sans-serif;
			    font-size: 15px;
			    font-weight: 300;
			    line-height: 1.7;
			    text-align: left;
			    color: #403d3d;
			}

/*[Recovery Page *7]*/		

	/* *7.1 - Recivery
	-------------------------------------- */

		#rec_body
		{
			width: 100%;
			background-image: url('../../assets/images/site/register-bg.jpg');
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: center bottom;
		}

			#rec_body .opacity
			{
				width: 100%;
				height: 100%;
				padding-top: 50px;
				padding-bottom: 50px;
				background: rgba(0, 0, 0, 0.2);
			}

				#rec_form
				{
					padding-top: 55px;
					padding-bottom: 55px;
					padding-left: 110px;
					padding-right: 110px;
					background: #fff;
					border-radius: 10px;
					width: 638px;
					margin: 0 auto;
				}

					#rec_form .this-text
					{
						font-family: 'Montserrat', sans-serif;
						font-size: 17.6px;
						line-height: 1.67;
						text-align: center;
						color: #fa7e2a;
						margin-top: 0px;
						margin-bottom: 70px;
					}

						#rec_form .input_
						{
							width: 100%;
							position: relative;
						}

							#rec_form input
							{
								width: 100%;
								padding: 15px;
								padding-left: 58px;
								border: solid 2px #e1e3e6;
								margin-bottom: 19px;
								font-family: 'Montserrat', sans-serif;
								font-size: 16px;
								color: #b7bcc0;
							}

							#rec_form .message
							{

								margin-bottom: 19px;
								font-family: 'Montserrat', sans-serif;
								font-size: 16px;
								color: #b7bcc0;
								margin: 0px;
								float: right;
								border: 2px solid rgb(225, 227, 230);
								max-width: calc(100% - 41px);
								width: calc(100% - 41px);
								min-width: calc(100% - 41px);
								border-radius: 5px;
								background-color: #eaedf0;
								padding: 15px;
								min-height: 142px;
								max-height: 300px;
							}


								#rec_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#rec_form ::-moz-placeholder { /* Firefox 19+ */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#rec_form :-ms-input-placeholder { /* IE 10+ */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#rec_form :-moz-placeholder { /* Firefox 18- */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}


								#rec_form ::-webkit-input-textarea { /* Chrome/Opera/Safari */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#rec_form ::-moz-textarea { /* Firefox 19+ */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#rec_form :-ms-input-textarea { /* IE 10+ */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}
								#rec_form :-moz-textarea { /* Firefox 18- */
									font-family: 'Montserrat', sans-serif;
									font-size: 16px;
									color: #b7bcc0;
								}

							#rec_form .this-input-img
							{
								position: absolute;
								left: 0px;
								top: 0px;
								width: 43px;
								border-right: 2px solid #e1e3e6;
								height: 55px;
							}

								#rec_form .full
								{
									width: 100%;
									height: 56px;
									position: relative;
		    						background: #ffffff;
								}

								#rec_form .input_ i
								{
									color: #fa7e2a;
									position: absolute;
									left: 0;
									width: 14px;
									height: 20px;
									margin: auto;
									font-size: 22px;
									line-height: 56px;
								}

						#rec_form .f-b button
						{
							width: 148px;
							height: 52px;
							border-radius: 3px;
							background-color: #fa7e2a;
							box-shadow: 2px 3.5px 9px 0 rgba(0, 0, 0, 0.15);
							border: none;
							text-align: center;
							margin: 0 auto;
							margin-top: 46px;
							margin-bottom: 50px;
						}

							#rec_form .f-b button
							{
								font-family: 'Montserrat', sans-serif;
								font-size: 16px;
								text-align: center;
								color: #ffffff;
							}

							#rec_form .updatepass 
							{
								width: 220px!important;
							}

/*[Profile Page *8]*/	

	/* *8.0 - Profile Global
	-------------------------------------- */

		#profile-header
		{
			width: 100%;
			background-image: url('../../assets/images/site/chicago.jpg');
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: center bottom;
		}


			#profile-header .opacity
			{
				width: 100%;
				height: 100%;
				background: rgba(250, 126, 42, 0.5);
				padding-top: 50px;
				padding-bottom: 50px;
				text-align: center;
			}

				#profile-header .this-text
				{
					font-family: 'Montserrat', sans-serif;
					font-size: 40px;
					font-weight: bold;
					line-height: 1.4;
					text-align: center;
					color: #ffffff;
				}

	/* *8.1 - Profile Locked
	-------------------------------------- */

		#section_verify .this_big
		{
			font-size: 35px;
			font-family: 'Montserrat', sans-serif;
			font-weight: 800;
			text-align: center;
			color: #d4d4d4;
			text-transform: uppercase;
			margin-top: 50px;
		}

		#section_verify .this_small
		{
			font-family: 'Montserrat', sans-serif;
			font-size: 15px;
			font-weight: 300;
			line-height: 1.87;
			text-align: center;
			color: #928b8b;
			margin-bottom: 35px;
		}

		#section_verify .profile_code
		{
			width: 148px;
			height: 52px;
			border-radius: 3px;
			background-color: #fa7e2a;
			box-shadow: 2px 3.5px 9px 0 rgba(0, 0, 0, 0.15);
			border: none;
			text-align: center;
			margin: 0 auto;
			margin-top: 46px;
			margin-bottom: 50px;
			float: right;
		}

			#section_verify .profile_code span
			{
				font-family: 'Montserrat', sans-serif;
				font-size: 16px;
				text-align: center;
				color: #ffffff;
			}

		#section_verify .input_
			{
				width: 100%;
				position: relative;
			}

				#section_verify input
				{
					width: 100%;
					padding: 15px;
					padding-left: 58px;
					border: solid 2px #e1e3e6;
					margin-bottom: 19px;
					font-family: 'Montserrat', sans-serif;
					font-size: 16px;
					color: #b7bcc0;
				}

					#section_verify ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
						font-family: 'Montserrat', sans-serif;
						font-size: 16px;
						color: #b7bcc0;
					}
					#section_verify ::-moz-placeholder { /* Firefox 19+ */
						font-family: 'Montserrat', sans-serif;
						font-size: 16px;
						color: #b7bcc0;
					}
					#section_verify :-ms-input-placeholder { /* IE 10+ */
						font-family: 'Montserrat', sans-serif;
						font-size: 16px;
						color: #b7bcc0;
					}
					#section_verify :-moz-placeholder { /* Firefox 18- */
						font-family: 'Montserrat', sans-serif;
						font-size: 16px;
						color: #b7bcc0;
					}

				#section_verify .this-input-img
				{
					position: absolute;
					left: 0px;
					top: 0px;
					width: 43px;
					border-right: 2px solid #e1e3e6;
					height: 55px;
				}

					#section_verify .full
					{
						width: 100%;
						height: 56px;
						position: relative;
						background: #ffffff;
					}

					#section_verify .input_ i
					{
						color: #fa7e2a;
						position: absolute;
						left: 0;
						width: 14px;
						height: 20px;
						margin: auto;
						font-size: 22px;
						line-height: 56px;
					}

	/* *8.2 - Profile Dashboard
	-------------------------------------- */

		#section_profile .sidebar
		{
			border-left: 1px solid #d4d4d4;
		}

			#section_profile .sidebar ul
			{
				padding: 0px;
				position: relative;
				top: 10px;
			}

				#section_profile .sidebar ul li
				{
					padding: 0px;
					font-family: 'Montserrat', sans-serif;
					font-size: 16px;
					font-weight: 300;
					text-align: left;
					color: #928b8b;
					text-decoration: none;
					margin-bottom: 20px;
					position: relative;
					right: 0.6px;
				}

				#section_profile .sidebar ul li:hover
				{
					color: #fa7e2a;
				}

					#section_profile .sidebar ul li a
					{
						color: #928b8b!important;
						text-decoration: none;
						text-transform: none;
					}

/*[Truck List Page *9]*/	

	/* *9.1 - Truck List
	-------------------------------------- */
	
		.trucks-list 
		{
			text-align: right;
		    overflow: hidden;
			height: calc(100vh - 115px);
		}

			.trucks-list .gm-style-iw
			{
				left: 0px!important;
			}

			.trucks-list #trucks-list
			{
				width: 380px;
				background: #f7f7f7 ;
				float: left;
				height: calc(100vh - 115px);
				min-width: 380px!important;
				text-align: center;
				overflow: scroll;
				overflow-x: hidden;
				
				position: relative;
				padding-bottom: 30px;
    			
			}

			.trucks-list #trucks-list .bottom {
				padding:0 10px;

				background-color: #fff;
				 
				/* border-radius */
				 -webkit-border-radius: 20px;
				 -moz-border-radius: 20px;
				 border-radius: 0 0 10px 10px;
				/* box-shadow */
				 -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0 10px;
				 -moz-box-shadow: rgba(0,0,0,0.2) 0 0 10px;
				 box-shadow: rgba(0,0,0,0.2) 0 0 10px;
			}

			.trucks-list #trucks-list .truck-image img {
				border-radius: 10px 10px 0 0;
				height:150px;
				object-fit: cover;
			}

				#trucks-list .truck
				{

					width: 100%!important;					
					max-width: 320px;
					display: inline-block;
					margin-bottom: 15px;
					margin-left: 10px;
					margin-right: 10px;
					vertical-align: top;
					border-radius: 10px;
					margin-top: 15px;
				}

					#trucks-list .truck .ttl
					{
						text-align: left!important;
					}

					#trucks-list .truck .ttl
					{
						text-align: left!important;
					}



			.trucks-list #map
			{
				max-width: calc(100% - 400px);
				width: calc(100% - 400px);
				margin-right: 20px;
				display: inline-block;
				height: calc(100vh - 150px);
				position: relative;
				overflow: visible!important;

			}

				.trucks-list .attach-resizer
				{
					height: calc(100vh - 115px);
					width: 28px;
					background: #fff;
					top: 0px;
					left: -20px;
					position: absolute;
					z-index: 10000;
					cursor: pointer;
				}

					.trucks-list .attach-resizer i
					{
						top: 0px;
					    bottom: 0px;
					    left: 10px;	
					    right: 0px;
					    margin: auto;
					    width: 20px;
					    height: 13.5px;
					    position: absolute;
					    transform: rotate(90deg);
					    color: #fa7e2a;
					    font-size: 28px;
					}

			/* pagination */	
			
				.trucks-list .pagination {
				    display: inline-block;
				    font-family:  Montserrat;
				    text-decoration: none;
				    width:100%;
				}

				.trucks-list .pagination a {
				    color: #d9d9d9; 
				    padding: 8px 16px;
				    text-decoration: none;
				    transition: background-color .3s;
				    border: 1px solid #ddd;
				    text-align: center;
				    background:white;   
				}

					.trucks-list .pagination a.active {
					    background: #fa7e2a;
					    color: white;
					    border: 1px solid #fa7e2a;
					}

					.trucks-list .pagination a:hover {
					    background: #fa7e2a;
					    color: white;
					    border: 1px solid #fa7e2a;
					    text-decoration: none;
					}

				.trucks-list .pagination .previous {
					border-radius: 5px 0 0 5px;
				}
				.trucks-list .pagination .next {
					border-radius: 0 5px  5px 0 ;
				}

				.trucks-list hr {
				  border: 1;
				  clear:both;
				  display:block;
				  width: 100%;               
				  height: 1px;
				  margin:5px 0;

				}
				
				.trucks-list .bottom {
					position: relative;
				}
				
				.trucks-list .bottom .heart {
					position: absolute;
					right:10px;
					top:30px;
					width:30px;
				}

			.truck .bottom .this-truck-viewmap {
				padding-bottom: 5px;
			}


			.truck .bottom .this-truck-title {
				padding-top: 5px;
			}

			.trucks-list .truck .bottom  .ratings img {
				
				width:60px;
				padding-top: 0;

			}

			.trucks-list .bottom .this-truck-category {
				margin-bottom: 0;
			}

	
	

		/*pop-up on map */

		.this-truck-orderbutton {
			text-align: center;
			margin-top: 30px;

		}

		.this-truck-popup-order {
			font-family: Montserrat;
			padding: 15px 45px;
			background:#fa7e2a;
			border-radius: 5px ; 
			color:white;
			font-weight: 600;
			text-transform: uppercase;
		}

			.this-truck-popup-order:hover {
			
			text-decoration: none;
			color:white;
			
		}

		.pop-up .this-truck-category,.pop-up .this-truck-title, .pop-up .ratings {
			text-align: left;
		}

		.pop-up .truck-image img {
			border-radius:10px 10px 0 0 ; 
			width:100% ;
			height:150px;
			object-fit: cover;

		}

		 

		



/*[Privacy Policy Page *10]*/		

	/* *10.1 - Privacy
	-------------------------------------- */

		#privacy
		{
			padding-top: 100px;
			padding-bottom: 0px;
		}

/*[Trucks List Without Map *11]*/		

	/* *11.1 - Trucks List
	-------------------------------------- */

		
			.all-trucks .gm-style-iw
			{
				left: 0px!important;
			}

			.all-trucks .container {
				padding:0 8px;
			}

			.all-trucks #all-trucks
			{
				display:inline-block;
				background: #f7f7f7 ;		
				width:100%;	
				z-index: 1000000;		
				padding-bottom: 30px;
    			padding-top: 30px;
    			margin:0 auto;
			}

			#all-trucks .truck
			
			{
				display:inline-block;
				max-width: 275px;
				vertical-align: top;
				border-radius: 10px;
				margin: 0 5px 30px 5px;

			}

			.all-trucks #all-trucks .container {
				text-align: center;
			}

			.all-trucks #all-trucks .this-truck-title , .all-trucks #all-trucks .this-truck-category 
			{	
				white-space:nowrap;
				overflow:hidden ;
				text-align: left;
				padding-right: 30px;
				text-overflow: ellipsis;
				max-height: 60px;
				width:250px;

			}

			.all-trucks #all-trucks .bottom {

				padding:0 10px;
				background-color: #fff;
				 
				/* border-radius */
				 -webkit-border-radius: 20px;
				 -moz-border-radius: 20px;
				 border-radius: 0 0 10px 10px;
				/* box-shadow */
				 -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0 10px;
				 -moz-box-shadow: rgba(0,0,0,0.2) 0 0 10px;
				 box-shadow: rgba(0,0,0,0.2) 0 0 10px;
			}

			.all-trucks #all-trucks .truck-image img {
				border-radius: 10px 10px 0 0;
				object-fit: cover;
    			width: 100%;

				}

			.all-trucks #all-trucks .click-location {
				color:#fa7e2a;
				cursor:pointer;
			}



			.all-trucks .this-truck-viewmap {
				padding-bottom: 15px;
			}

			.all-trucks .bottom {
					position: relative;
				}
				
				.all-trucks .bottom .heart {
					position: absolute;
					right:10px;
					top:30px;
					width:30px;
				}

			.all-trucks .pagination {
				    display: inline-block;
				    font-family:  Montserrat;
				    text-decoration: none;
				    width:100%;
				}

				.all-trucks .pagination a {
				    color: #d9d9d9; 
				    padding: 8px 16px;
				    text-decoration: none;
				    transition: background-color .3s;
				    border: 1px solid #ddd;
				    text-align: center;
				    background:white;   
				}

					.all-trucks .pagination a.active {
					    background: #fa7e2a;
					    color: white;
					    border: 1px solid #fa7e2a;
					}

					.all-trucks .pagination a:hover {
					    background: #fa7e2a;
					    color: white;
					    border: 1px solid #fa7e2a;
					    text-decoration: none;
					}

				.all-trucks .pagination .previous {
					border-radius: 5px 0 0 5px;
				}
				.all-trucks .pagination .next {
					border-radius: 0 5px  5px 0 ;
				}

				.all-trucks hr {
				  border: 1;
				  clear:both;
				  display:block;
				  width: 96%;               
				  height: 1px;
				}

				.all-trucks .searchbar {
					height:100px;
					background: #f7f7f7;
				}


/*[Order Food *12]*/		

	/* *12.1 - Order Food - general
	-------------------------------------- */
		
	
		#order-food-header
			{
				width: 100%;
				background-image: url('../../assets/images/site/shop-banner.png');
			    background-repeat: no-repeat;
			    background-size: cover;
			    background-position: center bottom;
			}


				#order-food-header .opacity
				{
					width: 100%;
					height: 100%;
					padding-top: 50px;
					padding-bottom: 50px;
					text-align: center;
				}

					#order-food-header .this-text
					{
						font-family: 'Montserrat', sans-serif;
						font-size: 40px;
						font-weight: bold;
						line-height: 1.4;
						text-align: center;
						color: #ffffff;
					}
				
				.order-food #order-food {
					font-family: 'Montserrat', sans-serif;
					background:#f7f7f7;
				}

			

			.order-food #order-food .container {
				padding-top:60px;
			}
		
			/* *12.2 - Order Food - leftmenu
				-------------------------------------- */

			.order-food .order-food-leftmenu .leftmenu-header {
				color:white;
				background:#fa7e2a;
				padding-left:30px;

				
			}

			.order-food .order-food-leftmenu .leftmenu-header h5{
				line-height: 60px;
				font-weight: 500;
				font-size: 18px;
				margin-bottom: 0;

			}

			.order-food .order-food-leftmenu .leftmenu-list li{ 
				text-decoration: none;
				list-style-type: none;
				font-weight: 600;
				cursor:pointer;
				transition: 0.3s;
			}
					.order-food-leftmenu .leftmenu-list li:hover{ 
						color:#fa7e2a;
						transition: 0.3s;
			}

			.order-food-leftmenu .leftmenu-list ul{ 
				padding-left:30px;
				line-height: 45px;

			}
			.order-food-leftmenu .leftmenu-list {
				background:white;
				padding-top:0;
				margin-top:0;
			}



			/* leftmenu 2 (description) */


		 	.order-food-leftmenu .leftmenu-description-text {
		 		padding:30px;
		 		background: white;
		 	}
		 		.order-food-leftmenu .leftmenu-description-text p {
		 		font-size: 12px;
		 		}
			
			/* leftmenu 3 (truck info) */
			

			.order-food-leftmenu .leftmenu-map {
				margin-bottom: 10px;
			}

				.order-food-leftmenu .leftmenu-map #map {
					height: 150px;
					width: 100%;
				}



			.order-food-leftmenu .leftmenu-truck {
				background: white;
				margin-bottom: 20px;
				
			}

		 	.order-food-leftmenu .leftmenu-truck-info p{
				padding: 5px 30px;


		 	}

		 		.order-food-leftmenu .leftmenu-truck-info p i {
					font-size: 1.3em; 
					color:#fa7e2a;	
					width:20px;
		 		}

	 		.order-food-leftmenu .leftmenu-truck-socials {
				padding: 15px;
	 		}

	 		.order-food-leftmenu .leftmenu-truck-socials i {
				padding-right: 10px;
				font-size: 1.3em;
				color:#939495;
				cursor:pointer;
				transition: 0.2s;
	 		}
				.order-food-leftmenu .leftmenu-truck-socials i:hover {
					color:#fa7e2a;
					transition: 0.2s;
		 		}



		/* *12.3 - Order Food - main
				-------------------------------------- */
			
				.order-food-main {
					margin-bottom:30px;
					padding:0!important;
				}

			.order-food-main-header h5 {

				line-height: 60px;
				font-weight: 600;
				font-size: 18px;
				margin-bottom: 0;
				padding-left: 30px;
				
				background:#fcfcfc;
				}

			.order-food-main-meals {
				background: white;
			}

			.order-food-main-meal {

				padding:15px 30px;
				background:white;
				width: 100%;
				display:inline-block;
				margin-left:0!important;

			}

			 .meal-content {
				padding-left:0!important;
				
			}
			
			.order-food-main-meal .meal-image img{
				width:100%;
				
				margin-right:25px;
			}

			.order-food-main-meal .meal-content h5 {
				margin:0;
				font-weight: 600;
			}

			.order-food-main-meal .meal-content p {
				
				padding-top:10px;
				
			}

			.order-food-main-meal .meal-price h5 {
				
				line-height:83px;
				padding:0;
				margin:0;
				font-weight: 600;
				
			}



			.meal-add-btn button {
				color:#fa7e2a;
				background: white;
				border:1px solid #fa7e2a;
				border-radius: 5px;
				font-size: 30px;
				font-weight: 100;
				margin-top: 20px;
				margin-bottom: 20px;
				line-height: 30px;
				padding: 5px 10px!important;
				transition: 0.2s;
			}

				.meal-add-btn button:hover {
				color:white;
				background: #fa7e2a;
				transition: 0.2s;
				
			}

			/* right menu / check */

			.rightmenu-header {
					
				color:white;
				background:#fa7e2a;
				padding-left:20px;
			}

			.rightmenu-header h5 {

				line-height: 60px;
				font-weight: 500;
				font-size: 18px;
				margin-bottom: 0;
			}


			.order-food-checklist {
				padding: 10px;
				padding-left: 20px;
				padding-right: 10px;
				background: white;
				position: relative;

			}

			.order-food-checklist .order-food-name{
				font-weight: 600;
				display: block;
			}

			.order-food-checklist-item {
				position: relative;
				margin-bottom: 10px;
			}

			.order-food-delete {
				position: absolute;
				right:0px;
				top:33%;
				font-weight: 400;
				color:#fa7e2a;
				cursor: pointer;
			}
			
			/*checkout button */
			.order-food-checkout-btn {
				text-align: center;
				background: #141619!important;
				padding-bottom: 10px;
				background:#f1f1f1;
				padding-top:10px;
				margin:0 10px;
				border-radius: 5px;
				cursor: pointer;

			}

				.order-food-checkout-btn:hover{

					opacity: 0.9;
					transition: 0.3s;
				}

			.order-food-checkout-btn a {
				text-transform: uppercase;
				text-decoration: none;
				font-weight: 600;
				color:white; 

			}
				
			.buttons-background {
				background: white;
				padding-bottom: 20px;
			}

				
				
			
				.order-food-checkout-btn a:hover {
					
					text-decoration: none;
					color:white;
				}

			/* add to cart  button */

			.order-food-addtocart-btn {

				text-align: center;
				background: #fa7e2a!important;
				padding-bottom: 10px;
				background:#f1f1f1;
				padding-top:10px;
				margin:10px 10px;
				border-radius: 5px;
				cursor: pointer;
				transition: 0.3s;

			}

				.order-food-addtocart-btn:hover{

					opacity: 0.95;
					transition: 0.3s;
				}

			.order-food-addtocart-btn a {
				text-transform: uppercase;
				text-decoration: none;
				font-weight: 600;
				color:white; 
			}
	
				.order-food-addtocart-btn:hover a {
					
					text-decoration: none;
					color:white;

				}


		/* Near turcks */

		.near-truck-list {
				padding: 10px;
				padding-left: 20px;
				padding-right: 20px;
				background: white;
				position: relative;
				margin-bottom: 20px;


			}

			.near-truck-name {
				font-weight: 600;
				width: 60%;
				height: 18px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

		

			.near-truck-item {
				padding-bottom: 10px;
				position: relative;
			}

			.near-truck-item span {
				position: absolute;
				right: 5px;
				top:0;
			}


	/* add extras - popup */

html,body {position: relative;}

	html body .showpop /* class using in js */
		{
			visibility: visible!important;
			position: fixed;
			width: 100%;
			height: 100vh;
			top: 0px;
			background: rgba(0, 0, 0, 0.2);
			z-index: 1;
			
		}

		.showpopup {

			visibility: hidden;
		}


	.add-popup .row {
		margin:0;
	}


	.add-popup {
		
		max-width:700px;
		min-width: 300px;			
		font-weight: 600;
		margin:0 auto;
		font-family: Montserrat;
		background:white;
		padding-bottom: 10px;
		margin-top: 15vh;
		border-radius: 10px;
		position: relative;

	}

	.add-popup-header-left {
		text-align: center;
		line-height: 80px;
		background: #fa7e2a;
		border-radius: 10px 0 0 0;
		color:white;
	}

	.add-popup-header-right {
		text-align: center;
		line-height: 80px;
	  	background: #f5f5f5;
	  	border-radius: 0 10px 0 0;

	}

	.popup-order-food-main-meals {
				background: white;
			}

			.popup-order-food-main-meal {

				padding:15px 0;
				background:white;
				width: 100%;
				display:inline-block;
				margin-left:0!important;

			}

			 .popup-meal-content {
				padding-left:0!important;
				
			}
			
			.popup-order-food-main img{
				width:100%;			
				margin-right:25px;
			}

			.popup-meal-content h5 {
				font-size: 18px;
				margin:0;
				font-weight: 700;
			}

			.popup-meal-content p {
				
				padding-top:10px;
				font-weight: 400;
				
			}

			.popup-meal-price h5 {
				
				line-height:90px;
				padding:0;
				margin:0;
				font-weight: 600;
				
			}

		.add-popup-options .form-check-label{
			display: block;
			font-weight: 400;
			


		}

		.add-popup-options .form-check-input {
			margin-right: 10px;
		}

		.add-popup-options h5 {

			font-weight: 600;
		}

			.add-popup-options h5 span {

				font-weight: 400;
			}

		
		.options-menu {
			margin-bottom: 40px;

		}

		.order-food-addtocheck-btn {

				text-align: center;
				background: #fa7e2a!important;
				padding-bottom: 10px;
				background:#f1f1f1;
				padding-top:10px;
				border-radius: 5px;
				cursor: pointer;
				transition: 0.3s;
				width:30%;
				margin:60px auto 10px auto;


			}

				.order-food-addtocheck-btn:hover{

					opacity: 0.95;
					transition: 0.3s;
				}

			.order-food-addtocheck-btn a {
				text-transform: uppercase;
				text-decoration: none;
				font-weight: 600;
				color:white; 
			}
	
				.order-food-addtocheck-btn:hover a {
					
					text-decoration: none;
					color:white;

				}