@media all /* and (min-width:1024px) */
{
	html
	{
		scroll-behavior: smooth;
	}


	body
	{
		background-image: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7) ), url('/media/img/TaxiInStation01L_BW-scaled.jpg');
		background-color: white;
		height: 100%;
		margin: 0;

		background-repeat: repeat;
		background-size: cover;
		background-attachment:scroll;
	}


	.body-scroll-1
	{
		background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2) ), url('/media/img/TaxiInStation01L-2048x1362.jpg');
		background-size: 100%;
		background-repeat: repeat;
		background-color: white;
		height: 100%;
	}


	.body-scroll-2
	{
		background-image: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7) ), url('/media/img/TaxiInStation01L_BW-scaled.jpg');
		background-size: 100%;
		background-repeat: repeat;
		background-color: white;
		height: 100%;
	}



	.order-new-body
	{
		background-image: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7) ), url('/media/img/TaxiInCity01.jpg'), url('/media/img/TaxiInCity01.jpg');
		background-size: 100%;
		background-repeat: repeat;
		background-color: white;
	}



	.menu-logo-container
	{
		display: flow-root;
		padding-right: 30px;
		top: 0;
		position: fixed;
		width: 100%;
		z-index: 999999;
		background-color: black;
		color: #fffb00;
		height: 70px;
	}

	.logo-top
	{
		top: 2px;
		left: 2px;
		width:190px;
		height: 60px;
		float: left;
		margin-left: 10px;
		margin-top: 2px;
	}


	.logo-flag
	{
		width: 22px;
		margin-left: 20px;
	}


	.topnav
	{
		float: right;
		font-family: Arial, Helvetica, sans-serif;
		overflow: hidden;
		margin-top: 36px;
	}
	
	
	.main-menu-item
	{
		float: right;
		color: #ffea00;
		text-align: center;
		padding: 6px 16px;
		text-decoration: none;
		font-size: 17px;
	}

	.main-menu-item:hover
	{
		background-image: linear-gradient(rgba(150,2,68,1), rgba(215,5,143,1), rgba(130,8,81,1));
		color: #ccccff;
	}



	@media (min-width:1140px)
	{
		.main-menu-item-optional
		{
			float: right;
			color: #ffea00;
			text-align: center;
			padding: 6px 16px;
			text-decoration: none;
			font-size: 17px;
			display: block;
		}

		.main-menu-item-optional:hover
		{
			background-image: linear-gradient(rgba(150,2,68,1), rgba(215,5,143,1), rgba(130,8,81,1));
			color: #ccccff;
		}
	}

	@media (max-width:1140px)
	{
		.main-menu-item-optional
		{
			display: none;
		}

		.main-menu-item-optional:hover
		{
			display: none;
		}
	}




	.topnav-dropdown
	{
		position: relative;
		display: inline-block;
		float: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		color: #f2f2f2;
		text-align: center;
		text-decoration: none;
		margin-top: 36px;
	}

	.main-menu-item-dropdown
	{
		min-width: 100px;
		float: right;
		color: #f2f2f2;
		text-align: left;
		padding: 6px 20px;
		text-decoration: none;
		font-size: 17px;
	}

	.main-menu-item-dropdown:hover
	{
		background-image: linear-gradient(rgba(150,2,68,1), rgba(215,5,143,1), rgba(130,8,81,1));
		color: #ccccff;
	}

	.menu-dropdown-container
	{
		display: none;
		position: absolute;
		margin: 32px 0;
		background-image: linear-gradient(rgba(100,2,38,0.5), rgba(115,5,93,0.7), rgba(90,8,41,0.5));
		border: #666 1px groove;
		border-top: 0;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
		z-index: 1;
	}


	.topnav-dropdown:hover .menu-dropdown-container
	{
	  display: block;
	}




	.index-section
	{
	}



	.index-section-top
	{
		height: 100vh;
		max-height: 100%;
		overflow: hidden;
	}

	.index-section-mid
	{
		z-index: 20;
		margin-bottom: 30px;
		margin-left: 0;
		text-align: right;
		bottom: 0;
		height: auto;
		position: absolute;
		width: 100%;
	}



	.page-title
	{
		color: white;
		text-shadow: 1px 1px 5px #656262;
		-webkit-text-stroke: 1px #504f4f;
		text-align: center;
		padding: 10px;
		margin-top: 40px;
		margin-bottom: 20px;
		font-size: 38px;

	}


	.section-home-welcome-container
	{
		text-align: center;
		width:75%;
		padding-left: 100px;
	}

	.section-home-welcome
	{
		padding-top: 40px;
		padding-left: 40px;

	}


	.section-head-center-container
	{
		text-align: center;
		width:100%;
		padding-top: 20vh;
	}

	@media (min-width:1024px)
	{
		.home-welcome-tel
		{
			color: white;
			text-shadow: 1px 1px 5px #656262;
			-webkit-text-stroke: 1px #504f4f;
			text-align: left;
			padding-left: 10px;
			font-size: 100px;

		}

		.order-error-message
		{
			color: white;
			text-shadow: 1px 1px 5px #656262;
			-webkit-text-stroke: 1px #504f4f;
			text-align: center;
			padding-top: 50px;
			padding-left: 10px;
			font-size: 40px;
		}
	}

	@media (min-width:768px) and (max-width:1024px) and (orientation: landscape)
	{
		.home-welcome-tel
		{
			color: white;
			text-shadow: 1px 1px 5px #656262;
			-webkit-text-stroke: 1px #504f4f;
			text-align: left;
			padding-left: 10px;
			font-size: 80px;

		}
	}

	.home-welcome-tel a
	{
		color: white;
	}



	@media (min-width:1024px)
	{
		.home-welcome-message
		{
			text-shadow: 3px 3px 8px #8c8cb4;
			color: #000000;
			padding: 0;
			text-align: left;
			display:inline-block;
			font-size: 40px;
			margin-bottom: 6px;
		}

		.not-logged-in-message
		{
			text-shadow: 3px 3px 8px #8c8cb4;
			color: #000000;
			padding: 0;
			text-align: center;
			font-size: 40px;
			margin-bottom: 6px;
		}

	}

	@media (min-width:768px) and (max-width:1024px) and (orientation: landscape)
	{
		.home-welcome-message
		{
			text-shadow: 3px 2px 10px #d2d2c7;
			color: #000000;
			padding: 0;
			text-align: left;
			display:inline-block;
			font-size: 30px;
			margin-bottom: 2px;
		}
	}



	h1
	{
		color: white;
		text-align: center;
		font-size: 4rem;
		font-family: 'Montserrat',sans-serif;
		font-weight: 700;
		padding: 0;
		transform:scale(1.2,1.0);
		margin: 0;
	}


	h2
	{
		color: #e9fbe5;
		text-align: center;
		font-size: 2.5rem;
		font-family: 'Montserrat',sans-serif;
		font-weight: 700;
		padding: 20px 0 30px 0;
		margin: 0;
	}


	h3
	{
		color: white;
		text-align: center;
		font-family: 'Montserrat',sans-serif;
		font-size: 1.5rem;
		font-weight: 700;
		padding: 4px;
		transform:scale(1.1,1.0);
		margin: 0;
	}

	.empty-section
	{
		padding: 16px;
	}



	.order-list-container
	{

		flex-grow: 1;
		flex-shrink: 1;
		align-self: auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.orders-list-table
	{
		font-family: Arial, Helvetica, sans-serif;
		border-collapse: collapse;
		width: 95%;
	}

	.order-address-table-selector
	{
		font-family: Arial, Helvetica, sans-serif;
		border-collapse: collapse;
		width: 100%;
	}


	.orders-list-table th
	{
		border: 1px solid #edd;
		padding: 2px;
		background-color: #113166;
		color: #eeeeee;
		cursor: default;
	}



	.orders-list-pickup-date
	{
		width: 16%; /* 180px; */
	}

	.orders-list-pickup-from
	{
		width: 38%; /* 300px; */
	}

	.orders-list-pickup-to
	{
		width: 38%; /* 300px; */
	}

	.orders-list-pickup-status
	{
		width: 8%; /* 80px; */
	}



	.orders-list-table td
	{
		border: 1px solid #edd;
		padding: 6px;
	}

	.orders-list-table tr:nth-child(even)
	{
		background-color: #f2f2f2;
		height: 50px;
	}

	.orders-list-table tr:nth-child(odd)
	{
		background-color: #e2e2e2;
		height: 50px;
	}

	.orders-list-table tr:hover
	{
		background-color: #ffc1df;
		cursor: pointer;
	}


	.order-list-col-date
	{
		width: 50px;
	}






	.order-view-map-container
	{
		display: inline-block;
		text-align: center;
		width: 100%;
		align-items: center;
		padding: 10px;
		flex-wrap: var(--flex-wrap);
		align-content: var(--align-content);
		flex-basis: auto;
		flex-grow: 1;
		flex-shrink: 1;
		align-self: auto;
		justify-content: center;
	}


	.order-view-map-container-sub
	{
		width: 80%;
		height: 300px;
		text-align: center;
		display: inline-block;
		padding-bottom: 70px;
	}



	.order-view-container
	{
		flex-wrap: var(--flex-wrap);
		align-content: var(--align-content);
		flex-basis: auto;
		flex-grow: 1;
		flex-shrink: 1;
		align-self: auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}


	.order-view-container-bottom
	{
		width:100%;
		height:100%;
		top: 0;
		left: 0;
		display: block;
		box-sizing: content-box;
		text-align: center;
	}


	.order-view-table
	{
		font-family: Arial, Helvetica, sans-serif;
		border-collapse: collapse;
		width: 100%;
	}

	.order-view-table th
	{
		border: 1px solid #edd;
		padding-right: 12px;
		padding-left: 12px;
		background-color: #113166;
		color: #eeeeee;
		cursor: default;
		width: 32%;
		text-align: right;
		font-size: 20px;
		white-space: nowrap;
	}



	.button-standard
	{
		margin: 5px;
		white-space: nowrap;
		border-radius: 60px 60px 60px 60px;
		-moz-border-radius: 60px 60px 60px 60px;
		-webkit-border-radius: 60px 60px 60px 60px;
		border: 1px solid #666666;
		-webkit-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		text-align:center;
		margin-right:10px;
		margin-top:15px;
		width:180px;
		color: white;
		font-size: 20px;
		background-color: #fb2056;
		font-weight: 700;
		padding: 12px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		display: inline-block;
	}


	.button-standard:hover
	{
		background-color: #c01036;
		cursor: hand;
		border-color: #446;
	}




	.index-login-form-button-container
	{
		display: inline-block;
	}

	.button-login
	{
		color: white;
		background-color: #fb2056;
		font-size: 14px;
		font-weight: 700;
		font-family: Arial, Helvetica, sans-serif;
		border-radius: 60px 60px 60px 60px;
		-moz-border-radius: 60px 60px 60px 60px;
		-webkit-border-radius: 60px 60px 60px 60px;
		border: 1px solid #666666;
		-webkit-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		margin: 5px;
		margin-top:15px;
		vertical-align: middle;
		white-space: nowrap;
		text-decoration: none;
		display: inline-block;

		height:34px;
		text-align:center;
		margin-right:10px;
		width:140px;
		line-height: 0;
		padding: 12px;

	}


	.button-login:hover
	{
		background-color: #c01036;
		cursor: hand;
		border-color: #446;
	}




	.button-taxitime-standard
	{
/*
		margin: 10px;
*/
		margin-right: 6px;
		margin-left: 10px;
		white-space: nowrap;
		border-radius: 6px 6px 6px 6px;
		-moz-border-radius: 6px 6px 6px 6px;
		-webkit-border-radius: 6px 6px 6px 6px;
		border: 1px solid #666666;
		-webkit-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		text-align:center;
		margin-top:2px;
		width:128px;
		color: white;
		font-size: 20px;
		background-color: #beb3b3;
		font-weight: 700;
		padding: 5px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		display: inline-block;
	}


	.order-field-head-desc
	{
		width:30%;
		font-size: 20px;
	}

	.order-field-head-location
	{
		width:70%;
		font-size: 20px;
	}

	.order-field-body-desc
	{
		font-size: 18px;
	}

	.order-field-body-location
	{
		width:70%;
		font-size: 18px;
	}


	.button-taxitime-standard:hover
	{
		background-color: #c2b0b4;
		cursor: hand;
		border-color: #446;
	}


	.button-taxitime-selected
	{
		margin-right: 10px;
		margin-left: 10px;
		margin-top: 4px;
		white-space: nowrap;
		border-radius: 6px 6px 6px 6px;
		-moz-border-radius: 6px 6px 6px 6px;
		-webkit-border-radius: 6px 6px 6px 6px;
		border: 1px solid #666666;
		-webkit-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		text-align:center;
		width:128px;
		color: white;
		font-size: 20px;
		background-color: #fb2056;
		font-weight: 700;
		padding: 5px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		display: inline-block;
	}

	.button-taxitime-selected:hover
	{
		background-color: #c01036;
		cursor: hand;
		border-color: #446;
	}




	.button-disabled
	{
		margin: 5px;
		white-space: nowrap;
		border-radius: 60px 60px 60px 60px;
		-moz-border-radius: 60px 60px 60px 60px;
		-webkit-border-radius: 60px 60px 60px 60px;
		border: 1px solid #666666;
		-webkit-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		text-align:center;
		margin-right:10px;
		margin-top:15px;
		width:180px;
		color: white;
		font-size: 20px;
		background-color: #b6afb1;
		font-weight: 700;
		padding: 12px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		display: inline-block;
	}

	.button-disabled:hover
	{
		border-color: #446;
	}









	.button-menu
	{
		margin: 5px;
		white-space: nowrap;

		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;

		border: 1px solid #bbb8b8;
		-webkit-box-shadow: 0 0 16px -1px rgba(0,0,0,0.25);
		-moz-box-shadow: 0 0 16px -1px rgba(0,0,0,0.25);
		box-shadow: 0 0 16px -1px rgba(0,0,0,0.25);
		text-align:center;
		padding: 4px;
		width:90px;
		color: #263446;
		font-size: 15px;
		background-color: #fefae2;
		font-weight: 700;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		display: inline-block;
	}


	.button-menu:hover
	{
		background-color: #c01036;
		cursor: hand;
		border-color: #446;
	}










	.order-view-table td
	{
		border: 1px solid #edd;
		padding: 6px;
		font-size: 20px;
	}

	.order-view-table tr:nth-child(even)
	{
		background-color: #f2f2f2;
		height: 50px;
	}

	.order-view-table tr:nth-child(odd)
	{
		background-color: #e2e2e2;
		height: 50px;
	}

	.order-view-table tr:hover
	{
		background-color: #ffc1df;
		cursor: pointer;
	}










	.login-message
	{
		align-content: center;
		align-self: center;
		font-family: Arial, Helvetica, sans-serif;
		border-radius: 10px;
		text-align: center;
		color: #ee6a6a;
		font-size: 18px;
		font-weight: 500;
		margin-top: 0;
		width: 80vw;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: 10vw;
		text-shadow: 1px 1px 5px #696464;
		background-color: rgba(0,0,0,0.6);
		display: none;
	}


	.form-select-time-parts
	{
		margin-left:10px;
		margin-top:3px;
		padding-left: 15px;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border: 1px solid #877787;
		height:34px;
		width:54px;
		background: rgba(226,249,246,1);
		background: -moz-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -webkit-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -o-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -ms-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: linear-gradient(to right, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f9f6', endColorstr='#ccfaee', GradientType=1 );
		font-size: 20px;

		-webkit-appearance: none;
		-webkit-box-shadow: 3px 3px 16px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 3px 16px -1px rgba(0,0,0,0.75);
		box-shadow: 3px 3px 16px -1px rgba(0,0,0,0.75);

	}


	.form_select_date_part
	{
		margin-top: -6px;
		padding-left: 5px;
		width: 65px;
	}



	.index-login-menu
	{
		z-index: 20;
		margin-bottom: 35vh; /* 300px; */
		margin-left: 0;
		bottom: 0;
		height: auto;
		position: absolute;
		width: 100%;

	}



	.form-select-countries
	{
		margin-left:10px;
		margin-top:20px;
		padding-left: 10px;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border: 1px solid #877787;
		-webkit-box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.75);
		box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.75);
		height:34px;
		width:280px;
		background: rgba(226,249,246,1);
		background: -moz-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -webkit-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -o-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -ms-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: linear-gradient(to right, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f9f6', endColorstr='#ccfaee', GradientType=1 );
		font-size: 20px;
	}


	.form-select-countries-wide
	{
		margin-left:10px;
		margin-top:20px;
		padding-left: 10px;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border: 1px solid #877787;
		-webkit-box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.75);
		box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.75);
		height:34px;
		width:90%;
		background: rgba(226,249,246,1);
		background: -moz-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -webkit-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -o-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -ms-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: linear-gradient(to right, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f9f6', endColorstr='#ccfaee', GradientType=1 );
		font-size: 20px;
	}







	.input-container-form-home-login
	{
		top:10px;
		text-align: right;
		margin:0px;
		position:relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.input-container-form-order-new
	{
		top:10px;
		text-align: right;
		margin:0px;
		position:relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.input-container-form-home-login
	{
	}

	.form-home-login-field
	{
		vertical-align: middle;
		margin-right:6px;
		margin-left:10px;
		margin-top:10px;
		padding-left: 10px;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border: 1px solid #877787;
		-webkit-box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.75);
		box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.75);
		height:34px;
		width:280px;
		background: rgba(226,249,246,1);
		background: -moz-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -webkit-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -o-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -ms-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: linear-gradient(to right, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f9f6', endColorstr='#ccfaee', GradientType=1 );
		font-size: 20px;
	}


	.form-order-new-field
	{
		vertical-align: middle;
		margin-right:6px;
		margin-left:10px;
		margin-top:2px;
		padding-left: 10px;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border: 1px solid #877787;
		-webkit-box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.75);
		box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.75);
		height:34px;
		width:280px;
		background: rgba(226,249,246,1);
		background: -moz-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -webkit-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -o-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -ms-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: linear-gradient(to right, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f9f6', endColorstr='#ccfaee', GradientType=1 );
		font-size: 20px;
	}




	.footer
	{
	  position: fixed;
	  left: 0;
	  bottom: 0;
	  width: 100%;
	  background-color: white;
	  text-align: center;
	}


	.section-home-logged-in
	{
		text-align: center;
	}


	.a-standard
	{
		border-radius: 60px 60px 60px 60px;
		-moz-border-radius: 60px 60px 60px 60px;
		-webkit-border-radius: 60px 60px 60px 60px;
		border: 1px solid #666666;
		-webkit-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		text-align:center;
		margin-right:10px;
		margin-top:35px;
		width:140px;
		color: white;
		font-size: 20px;
		background-color: #fb2056;
		font-weight: 700;
		padding: 12px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		display: inline-block;
	}


	.a-standard:hover
	{
		background-color: #c01036;
		cursor: hand;
		border-color: #446;
	}


	.a-order-new
	{
		border-radius: 60px 60px 60px 60px;
		-moz-border-radius: 60px 60px 60px 60px;
		-webkit-border-radius: 60px 60px 60px 60px;
		border: 1px solid #666666;
		-webkit-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		text-align:center;
		margin-right:10px;
		margin-top:35px;
		width:140px;
		color: white;
		font-size: 20px;
		background-color: #80be14;
		font-weight: 700;
		padding: 12px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		display: inline-block;
	}

	.a-order-new:hover
	{
		background-color: #c01036;
		cursor: hand;
		border-color: #446;
	}



	.section-home-login-form
	{
		text-align: center;
		display: grid;
	}

	.order-options
	{
		text-align: center;

	}


	.order-options-container
	{
		align-items: center;
		text-align: center;
		display: inline-block;
	}

	.order-option
	{
		margin: 10px;
		min-width:500px;
		height:300px;

		-webkit-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		-moz-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);

		border-radius: 7px 7px 7px 7px;
	}

	.order-map-frame
	{
		margin-top: 20px;
		margin-bottom: 80px;
		margin-left: 10px;
		margin-right: 10px;

		min-width:500px;
		height:500px;

		-webkit-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		-moz-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);

		border-radius: 7px 7px 7px 7px;
	}



	.order-view-section-button
	{
		margin: 2px;
		border-radius: 7px 7px 7px 7px;
	}


	.order-view-section
	{
		margin: 10px;
		-webkit-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		-moz-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);

		border-radius: 7px 7px 7px 7px;
	}

	.order-option-title
	{
		padding-top: 6px;
		font-family: Verdana, sans-serif;
		font-weight: 700;
		font-size: 20px;
		width: 100%;
		height:30px;
		border: 2px solid #63147e;
		background-color: #43045e;
		text-align: center;
		color: #fefcf0;
		display: inline-block;
		-webkit-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		-moz-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		border-radius: 7px 7px 0 0;
		margin-right: -5px;
	}



	.control-section-all-wrapper
	{
		width: 100vw;
		height: 100vh;
		position: relative;
		display: inline-block;
	}


	.capa-card-reg-images
	{
		display: flex;
		position: absolute;
		vertical-align: bottom;
		bottom: 20px;
		right:20px;
		float:right;
	}


	.capa-card-reg-form
	{
		display: block;
		bottom: 50px;
		vertical-align: bottom;
		position: absolute;
		left:20px;
	}


	.capa-form-input-div
	{
		height:26px;
		vertical-align: middle;
		display: flow-root;
		font-family: Arial, Helvetica, sans-serif;
		text-align: right;
		padding: 3px;
	}

	.capa-form-input-label
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 500;
		color: #656363;
		padding-top: 6px;
		padding-left: 20px;
		padding-right: 5px;
		display: inline-block;
		text-align: right;
		border: 1px #5d5151 solid;
		background-color: #e9fbe5;
		width: 100px;
		height: 22px;
		border-radius: 7px 0 0 7px;
	}


	.capa-form-input-field
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		font-weight: 200;
		color: #1e0707;
		padding-top: 5px;
		display: inline-block;
		float: right;
	}


	.capacard-button
	{
		width: 124px;
		display:inline-block;
		position: absolute;
		font-size: 16px;
		left: 0;
		height: 46px;
		margin-top: 10px;
	}



	.contactus-button
	{
		display:inline-block;
		position: relative;
		left: 0;
		height: 46px;
		margin-top: 10px;
	}










	.index-fleet-wrapper
	{
		width:100%;
		height: 100%;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		padding: 0;
		justify-content: center;
		align-items: center;
		background-color: #f5f0e6;
	}

	.index-fleet-wrapper-80p
	{
		position: relative;
		display: inline-block;
		width:90%;
		text-align: left;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}



	.index-fleet-widget
	{
		margin: 5px;
		position: relative;
		display: inline-block;
		max-height: 220px;
		width: 500px;
		float: left;
	}

	.index-fleet-widget-img
	{
/*
		cursor: hand;
*/
		width: 280px;
		height: 187px;
		display: inline-block;
		position: relative;
		float: left
	}


	.index-fleet-widget-div
	{
		display: flex;
		padding: 0;
		vertical-align: middle;
	}



	.index-fleet-carinfo-info
	{
		padding: 0;
		margin: 0;
		display: inline-block;
		position: relative;
	}



	.index-fleet-carinfo-key
	{
		display: inline-block;
		position: relative;
		width: 100px;
		height: 15px;
		top: 0;
		float: left;
		padding-right: 3px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: 500;
		color: #656363;
		border-radius: 2px 0 0 2px;
		text-align: right;
		background-color: #bfcbbd;
		border: 1px darkgrey solid;
	}


	.index-fleet-carinfo-value
	{
		display: inline-block;
		position: relative;
		top: 0;
		float: right;
		width: 100px;
		height: 15px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: 200;
		color: #1e0707;
		background-color: #e9fbe5;
		border-radius: 0 2px 2px 0;
		border: 1px darkgrey solid;
		padding-left: 3px;
	}







	.price-calc-wrapper-text-entry
	{
		min-height: 6%;
		display: inline-block;
		width: 100%;
		height: 42px;
		text-align: center;
		background-color: #f3a616;
	}


	.price-calc-input-div
	{
		padding-top: 6px;
		padding-bottom: 2px;
		width: 33%;
		height:26px;
		vertical-align: middle;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		float: right;
	}


	.price-calc-input-label
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		font-weight: 500;
		color: #1e0707;
		padding-top: 5px;
		display: inline-block;
	}


	.price-calc-input-field
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		font-weight: 200;
		color: #1e0707;
		padding-top: 5px;
		display: inline-block;
		width: 200px;
	}





	.map-control
	{
		width:100%;
		height:100%;
		border: 2px solid #ffffef;

		top: 0;
		left: 0;

		display: block;
		box-sizing: content-box;
	}





	.order-address-selector
	{
		align-items: center;
		text-align: center;
		display: inline-flex;
		width: 90%;
	}



	.order-address-selector-title
	{
		padding-top: 6px;
		font-family: Verdana, sans-serif;
		font-weight: 700;
		font-size: 20px;
		width:100%;
		height:30px;
		border: 2px solid #63147e;
		background-color: #43045e;
		text-align: center;
		color: #fefcf0;
		display: inline-block;

		-webkit-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		-moz-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);

		border-radius: 7px 7px 0 0;
		margin-right: -5px;
	}


	.order-address-selector-option
	{
		margin: 10px;
		width: 100%;
		height:300px;

		-webkit-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		-moz-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);

		border-radius: 7px 7px 7px 7px;
	}

	.order-final-selector-option
	{
		margin: 10px;
		width: 100%;
		background-color: #fdf7dd;

		-webkit-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		-moz-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);
		box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.75);

		border-radius: 7px 7px 7px 7px;
	}


	.order-or
	{
		color: yellow;
		background-color: #cf2e2e;
		font-family: Verdana, sans-serif;
		font-weight: 700;
		font-size: 20px;
		padding: 10px;
		margin-left: 6px;
		border-radius: 6px 6px 6px 6px;
		border: 1px solid #63147e;
	}


	.address-field-label
	{
		color: #4c4c5e;
		font-weight: 600;
		text-align: right;
		font-family: Verdana, sans-serif;
		display: inline-block;
		background-color: #fdf2b7;
		font-size: 15px;
		width: 200px;
		height: 24px;
		margin: 1px;
		padding-top: 6px;
		padding-bottom: 5px;
		padding-right: 2px;
		-webkit-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.15);
		-moz-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.15);
		box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.15);
		border-radius: 2px 2px 2px 2px;
	}





	.index-login-form
	{
		color: #4c4c5e;
		font-weight: 600;
		text-align: right;
		font-family: Verdana, sans-serif;
		display: inline-block;
		font-size: 15px;
		width: 300px;
		height: 28px;
		margin: 1px;
		padding-top: 8px;
		padding-bottom: 0;
		padding-right: 2px;
		-webkit-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.15);
		-moz-box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.15);
		box-shadow: 0 0 21px 0 rgba(28, 28, 0, 0.15);
		border-radius: 2px 2px 2px 2px;
	}



	.hs_input_container
	{
	}



	.form-line-homepage
	{
		display: block;
		padding: 0;
		margin: 0;
	}

	.form-line-order-new
	{
		display: block;
		padding: 0;
		margin: 0;
	}


	.address-multi-selector
	{
		display: none;
	}


	.order-submit-button
	{
		text-align: center;
	}


	.order-form-error
	{
		display: none;
		text-align: left;
		background-color: #ffffee;
		font-family: Verdana, sans-serif;
		font-weight: 500;
		width: 97%;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 5px;
		height: 15px;
		color: red;
		font-size: 12px;
	}


	.prompt-popup-lock-frame
	{
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: fixed;
		display: block;
		background-color: rgba(0,0,0,0.1);
		z-index: 10000;
		visibility: hidden;
		opacity: 0;
	}

	.prompt-popup-lock-frame.show
	{
		visibility: visible;
		opacity: 1;
	}


	.prompt-popup
	{
		top: 33%;
		left: 33%;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
		width: 450px;
		height: 280px;
		background-color: rgba(31,53,86,0.8);
		position: fixed;
		border-radius: 6px;
		overflow: auto;
		border: #666 2px groove;
		display: block;
		visibility: hidden;
		opacity: 0;
		transform: scale(.1);
	}


	.prompt-popup.show
	{
		transition: transform .3s ease-in-out;
		visibility: visible;
		opacity: 1;
		transform: scale(1);
	}



	.prompt-popup-show
	{
		opacity: 1;
		transition: opacity 2s linear;
	}

	.prompt-popup-hide
	{
		opacity: 0;
		transition: visibility 0s 2s, opacity 2s linear;
	}


	@keyframes animate-popup
	{
		0%   { transform: scale(0.2%); }
		100% { transform: scale(100%); }
	}

	@keyframes animate-popout
	{
		0%   { transform: scale(100%); }
		100% { transform: scale(0.2%); }
	}


	.scroller-image-login
	{
		background-image: url('/media/img/TaxiInWinterthur01-2048x1238.jpg');
	}




	.scroller-image-map
	{
		overflow-y:scroll;
		background-image: url('/media/img/WinterthurHB-1536x1023.jpg');
	}

	.scroller-image-capacard
	{
		background-image: url('/media/img/capacard/24HeiderCard4s.jpg');
	}

	.scroller-image-fleet
	{
		background-image: url('/media/img/TaxiInStation02L_BW-1024x681.jpg');
		overflow: scroll;
	}

	.scroller-image-about
	{
		background-image: url('/media/img/TaxiInStation02L_BW-1024x681.jpg');
	}

	.scroller-image-advert
	{
		background-image: url('/media/img/TaxiInStation02L_BW-1024x681.jpg');
	}

	.scroller-image-contact
	{
		background-image: url('/media/img/contactus/ContactUs.jpg');
	}



	.div-scroller
	{
		z-index: 8;
		background-blend-mode: multiply;
		background-repeat: no-repeat;
		background-size: cover;
		overflow: clip;
		height: 100%;
		background-attachment: scroll;
		background-position: center center;
		position: relative;
		display: block;
		width: 100%;
	}

	.div-scroller-fader
	{
		opacity: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 9;
		background-image: url('/media/img/homepage/07_Volvo_1707x1280.jpg');
		background-blend-mode: multiply;
		background-repeat: no-repeat;
		background-size: cover;
		overflow: clip;
		background-attachment: scroll;
		background-position: center center;
		display: block;
	}











	.div-scroller-sep-wrap
	{
		color: #fff600;
		background-color: #000000;
		z-index: 20;
		padding: 20px 00px 70px 30px;
		font-family: "Helvetica Neue", serif;
		display: block;
		box-sizing: inherit;
		border: 1px solid #b6b6b6;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

		scroll-margin-top: 70px;
	}

	.div-scroller-sep-head
	{
		float: left;
		width: 30%;
		padding-left: 50px;
		margin: 4px;
	}

	.div-scroller-sep-head-title
	{
		color: #fff600;
		font-size: 18px;
		font-weight: 900;
		letter-spacing: 3px;
		text-transform: uppercase;
		text-align: right;
		padding-right: 50px;
	}

	.div-scroller-sep-body
	{
		float: right;
		width: 55%;
		line-height: 1.6;
		font-weight: 300;
		padding-right: 50px;
	}

	.div-scroller-sep-body-p
	{
		margin: 0 0 30px;
	}
















	.test-wrapper-1
	{
		border: 1px solid green;
		overflow: scroll;

		height: 2000px;
		padding-top: 200px;
	}


	.test-wrapper-2
	{
		border: 1px solid red;
		overflow: scroll;

		height: 2000px;
		padding-top: 200px;
	}




	.object-centering
	{
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		align-items: center;
		align-content: center;
		text-align: center;
	}

	.about-us-images-container
	{
		box-sizing: border-box;
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: 4px;
		margin: 0;
	}


	.about-us-image-row
	{
		display: flow-root;
		position: relative;
		width: 100%;
		padding:0;
		margin: 0;
		flex-wrap: nowrap;
		text-wrap: avoid;

	}


	.about-us-image-part
	{
		display: inline-block;
		position: relative;
		width: 32.5%;
		height: 32.5%;
		padding:0;
		margin: 0;
		background-repeat: no-repeat;
		background-size: cover;
	}


	.about-us-image-hero
	{
		display: inline-block;
		position: absolute;
		width: 80%;
		height: 50%;
		left: 10%;
		top: 25%;
		padding:0;
		margin: 0;
		z-index: 10;
		border: 1px #436060 solid;
		opacity: 1;
		background-repeat: no-repeat;
		background-size: cover;

		-webkit-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);
		box-shadow: 0 0 16px -1px rgba(0,0,0,0.75);

		border-radius: 6px 6px 6px 6px;
	}



	.index-advert-wrapper
	{
		width:100%;
		height: 100%;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		display: block;

	}

	.index-advert-wrapper-80p
	{
		position: relative;
		display: inline-block;
		width:90%;
		text-align: left;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}


	.index-advert-header
	{
		width: 100%;
		display: inline-block;
		position: relative;
		top: 0;
		left: 0;
		color: white;
		font-family: 'akrobatblack', Arial, Helvetica, sans-serif;
		font-size: 32px;
		font-weight: 900;
		padding-left: 10px;
		padding-top: 20px;
		text-shadow: 1px 1px 5px #656262;
	}


	.index-advert-header-orange
	{
		color: orange;
	}


	.index-advert-body
	{
		display: inline-block;
		position: relative;
		color: #fbfcee;
		text-shadow: 1px 1px 5px #000000;

		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		font-weight: 300;

		padding-top: 20px;
		padding-left: 10px;
	}

	.index-advert-body a
	{
		text-decoration: none;
		text-transform: revert;
		color: yellow;
	}



	.index-advert-image-wrapper
	{
		display: inline-block;
		position: relative;
		align-items: center;
		align-content: center;
		text-align: center;
	}


	.index-advert-image
	{
		width: 40%;
		min-width: 240px;
		min-height: 140px;

		margin: 15px;
		border: 1px #888686 solid;
		border-radius: 3px 3px 3px 3px;
	}









	.index-contactus-wrapper
	{
		height: 100%;
		display: block;
		position: relative;
		text-align: center;
		align-content: center;
		padding-top: 10px;
/*
		bottom: 40vh;
*/
	}



	.index-contactus-wrapper-80p
	{
		position: relative;
		display: inline-block;
		text-align: left;
		width:90%;
		overflow-y: scroll;
	}


	.index-contactus-header
	{
		width: 95%;
		padding-top: 15px;
		padding-bottom: 15px;
		background-color: rgba(255, 255, 255, 0.3);
		display: inline-block;
		position: relative;
		top: 0;
		left: 2%;
		color: #232121;
		font-family: 'akrobatblack', Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: 900;
		padding-left: 10px;
		text-shadow: 1px 1px 5px #656262;
		border-radius: 10px;
	}



	.index-contactus-body
	{
		display: inline-block;
		position: relative;
		color: #282525;
		text-shadow: 1px 1px 5px #e7dfdf;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: 600;
		padding-top: 20px;
		padding-left: 30px;
	}


	.form-select-date-part
	{
		margin-left:10px;
		margin-top:3px;
		margin-right: 8px;
		padding-left: 10px;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border: 1px solid #877787;
		height:34px;
		width:140px;
		background: rgba(226,249,246,1);
		background: -moz-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -webkit-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -o-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: -ms-linear-gradient(left, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		background: linear-gradient(to right, rgba(226,249,246,1) 0%, rgba(234,242,239,1) 50%, rgba(204,250,238,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f9f6', endColorstr='#ccfaee', GradientType=1 );
		font-size: 20px;
		-webkit-appearance: none;
		-webkit-box-shadow: 3px 3px 16px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 3px 16px -1px rgba(0,0,0,0.75);
		box-shadow: 3px 3px 16px -1px rgba(0,0,0,0.75);
	}



	.index-contactus-form
	{
		display: block;
		vertical-align: bottom;
		position: relative;
		left:20px;
		padding-top: 20px;
		width: 90%;
		bottom:50vh;
	}


	.index-contactus-form-input-div
	{
		height:26px;
		vertical-align: middle;
		display: flow-root;
		font-family: Arial, Helvetica, sans-serif;
		text-align: right;
		padding: 3px;
		width: 100%;
	}

	.index-contactus-form-input-label
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 500;
		color: #656363;
		padding-top: 6px;
		padding-right: 5px;
		display: inline-block;
		text-align: right;
		border: 1px #5d5151 solid;
		background-color: #e9fbe5;
		width: 25%;
		height: 22px;
		border-radius: 7px 0 0 7px;
	}


	.index-contactus-form-input-field
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		font-weight: 200;
		color: #1e0707;
		padding-top: 5px;
		padding-left: 5px;
		display: inline-block;
		float: right;
		min-width: 100px;
		width: 60%;
		border-radius: 0 6px 6px 0;
		border: 1px black solid;
		height: 30px;
		resize: none;
	}



	.settings-form-div
	{
		padding-bottom: 30px;
	}





	.tariff-list-container
	{
		flex-wrap: var(--flex-wrap);
		align-content: var(--align-content);
		flex-basis: auto;
		flex-grow: 1;
		flex-shrink: 1;
		align-self: auto;
		display: none;
		justify-content: center;
		align-items: center;
		width: 100vw;
		height: 100vh;
		z-index: 90008;
		position:absolute;
		top: 50px;
		left: 0;
		overflow-y: visible;
	}


	.tariff-list-table
	{
		background-color: red;
		font-family: Arial, Helvetica, sans-serif;
		border-collapse: collapse;
		top:0px;
		left: 5vw;
		display: inline-block;
		position:relative;
		width: 90vw;
	}

	.tariff-list-table th
	{
		border: 1px solid #edd;
		padding-right: 12px;
		padding-left: 12px;
		background-color: #113166;
		color: #eeeeee;
		cursor: default;
		text-align: center;
		font-size: 16px;
		white-space: nowrap;
	}

	.tariff-list-table td
	{
		border: 1px solid #edd;
		padding: 6px;
		font-size: 16px;
	}

	.tariff-list-table tr:nth-child(even)
	{
		background-color: #f2f2f2;
		height: 50px;
	}

	.tariff-list-table tr:nth-child(odd)
	{
		background-color: #e2e2e2;
		height: 50px;
	}

	.tariff-list-table tr:hover
	{
		background-color: #ffc1df;
		cursor: pointer;
	}






	.button-get-gps-loc
	{
		width:30px;
		height:28px;
		display: inline-block;
		position: absolute;
		background-color: #f3ee8f;
		top: 7px;
		margin-left: 1px;
		padding: 0;
		color: white;
		font-family: Verdana, sans-serif;
		text-align: center;
		vertical-align: middle;
		cursor: hand;
		border-radius: 3px;
		background-image: url('../icon/GpsGetCurrentLocBtn.png');
		background-size: contain;
	}



	.geolookup-close-button
	{
		width:30px;
		height:34px;
		display: block;
		position: absolute;
		top: 8px;
		background-color: red;
		color: white;
		font-weight: 700;
		right: 30px;
		z-index: 91000;
		font-family: Verdana, sans-serif;
		font-size: 26px;
		text-align: center;
		vertical-align: middle;
		cursor: hand;
	}


	.geolookup-addr-container
	{
		flex-wrap: var(--flex-wrap);
		align-content: var(--align-content);
		flex-basis: auto;
		flex-grow: 1;
		flex-shrink: 1;
		align-self: auto;
		display: none;
		justify-content: center;
		align-items: center;
		width: 25vw;
		height: 100vh;
		z-index: 90008;
		position:absolute;
		top: 50px;
		left: 8vh;
		overflow-y: visible;


	}

	.geolookup-addr-table
	{
		background-color: red;
		font-family: Arial, Helvetica, sans-serif;
		border-collapse: collapse;
		right: 20px;
		top:0px;
		display: inline-block;
		position:relative;
		width: 25vw;
	}

	.geolookup-addr-table th
	{
		border: 1px solid #edd;
		padding-right: 12px;
		padding-left: 12px;
		background-color: #113166;
		color: #eeeeee;
		cursor: default;
		text-align: center;
		font-size: 18px;
		white-space: nowrap;
	}

	.geolookup-addr-table td
	{
		border: 1px solid #857070;
		padding: 6px;
		font-size: 14px;
		text-align: center;
	}

	.geolookup-addr-table tr:nth-child(even)
	{
		background-color: #f2f2f2;
		height: 50px;
	}

	.geolookup-addr-table tr:nth-child(odd)
	{
		background-color: #e2e2e2;
		height: 50px;
	}

	.geolookup-addr-table tr:hover
	{
		background-color: #ffc1df;
		cursor: pointer;
	}



	.distance-calc-container
	{
		flex-wrap: var(--flex-wrap);
		align-content: var(--align-content);
		flex-basis: auto;
		flex-grow: 1;
		flex-shrink: 1;
		align-self: auto;
		display: none;
		justify-content: right;
		align-items: end;
		width: 170px;
		height: 100px;
		z-index: 90008;
		position:absolute;
		top: 55px;
		right: 15px;
		overflow-y: visible;
	}


	.distance-calc-box
	{
		display: block;
		width: 170px;
		height: 64px;
		background-color: #f1ffd8;
		position: absolute;
		right: 2%;
		top: 2%;
		border: black 1px solid;
	}


	.distance-calc-row
	{
		display: block;
		position: relative;
		width: 98%;
		height: 30px;
		background-color: #dadada;
		left: 0;
		border: #dadada 1px solid;
		font-size: 15px;
		font-weight: 500;
		white-space: nowrap;
		vertical-align: middle;

	}

	.distance-calc-label
	{
		text-align: right;
		display: inline-block;
		width: 58%;
		height: 23px;
		background-color: #ef39a6;
		color: white;
		left: 0;
		padding-right: 3px;
		margin-right: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 500;
		white-space: nowrap;
		vertical-align: middle;
		padding-top: 7px;
	}

	.distance-calc-value
	{
		vertical-align: middle;
		text-align: center;
		display: inline-block;
		position: relative;
		width: 37%;
		height: 23px;
		background-color: #094875;
		left: 0;
		padding-left: 3px;
		color: #f5f579;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 500;
		white-space: nowrap;
		padding-top: 7px;
	}



	.form-error
	{
		display: none;
		position: relative;
		text-align: center;
		background-color: rgba(100,100,100,0.3);
		font-family: Verdana, sans-serif;
		font-weight: 600;
		width: 80%;
		height: 20px;
		padding: 10px;
		left: 10%;
		color: red;
		font-size: 16px;
		border-radius: 5px;
	}




	.g-recaptcha-container-capacard
	{
		display: block;
		position: relative;
		right: 0;
		bottom: 5px;
	}


	.g-recaptcha-container-contactus
	{
		display: block;
		position: relative;
		right: 0;
		bottom: 5px;
	}



	.g-recaptcha
	{
		transform:scale(0.60);
		transform-origin:0 0;
		margin-top: 16px;
	}

}