@charset "utf-8";
/* CSS Document */


body {
    font-size: 1em;
  }
#containerOverride{
	display: flex;
  justify-content: center;
	background-color: black !important;
}
#container{
	display: flex;
  justify-content: center;
}
  div {
    padding: 5px;
  }
	iframe{
		width: 590px;
		height: 680px;
		border: 5px solid #000000;
	}

#resultsTable table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	border: 5px solid #475f2c;
	text-align: left;
}

#resultsTable table thead tr {
    background-color: #475f2c;
    color: #ffffff;
}

#resultsTable table th,
#resultsTable table td {
    padding: 12px 15px;
	text-align: center;
}

#resultsTable table tbody tr {
    border-bottom: 1px solid #dddddd;
}

#resultsTable table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

#resultsTable table tbody tr:last-of-type {
    border-bottom: 5px solid #475f2c;
}


#startAddress{
	border: 3px solid #000000;
	text-align: center;
	width: 90%;
}

#startAddress:focus{
	border: 3px solid #475f2c;
	outline: none;
}

#startAddress::-webkit-input-placeholder {
    color: #475f2c;
    font-weight: bold;
	text-align: center;
}

#startAddress::-moz-placeholder {
    color: #475f2c;
    font-weight: bold;
	text-align: center;
}

#startAddress:-ms-input-placeholder {
    color: #475f2c;
    font-weight: bold;
	text-align: center;
} 

#startAddress:-o-input-placeholder {
    color: #475f2c;
    font-weight: bold;
	text-align: center;
} 

#title{
	display: flex;
  justify-content: center;
}
#pickupdiv{
	margin: auto;
  width: 90%;
	margin-left: 100px;
	font-size: 1.3em;
}
#youremaildiv{
	margin: auto;
  width: 90%;
	margin-left: 100px;
	font-size: 1.3em;
}
#emailAddress{
	border: 3px solid #000000;
	text-align: center;
	width: 90%;
}

#emailAddress:focus{
	border: 3px solid #475f2c;
	outline: none;
}

#emailAddress::-webkit-input-placeholder {
    color: #475f2c;
    font-weight: bold;
	text-align: center;
}

#emailAddress::-moz-placeholder {
    color: #475f2c;
    font-weight: bold;
	text-align: center;
}

#emailAddress:-ms-input-placeholder {
    color: #475f2c;
    font-weight: bold;
	text-align: center;
} 

#emailAddress:-o-input-placeholder {
    color: #475f2c;
    font-weight: bold;
	text-align: center;
} 
#enddiv{
	margin: auto;
  width: 35%;
}
#buttondiv{
	display: flex;
  justify-content: center;
}
#mdropButtonDiv{
	display: none;
	margin: auto;
  width: 80%;
	margin-left: 150px;
}
#ordernotesdiv{
	margin: auto;
  width: 70%;
}

#appNavigationMyRouteUrldiv{
	display: none;
	margin: auto;
  width: 15%;
	font-size: 1.25em;
	text-align: center;
}

#appNavigationMyRouteUrldiv span{
	font-size: 1.8em;
	
}

#responseStatusdiv{
	display: none;
	margin: auto;
  width: 40%;
	text-align: center;
	font-size: 1.5em;
}
#resultsTable{
	display: flex;
  justify-content: center;
	
}
#mapUrldiv{
	margin: auto;
  width: 55%;
}
#averagePricediv{
	display: none;
	margin: auto;
	margin-top: -30px;
  width: 20%;
	text-align: center;
}

.slideThree {
  width: 80px;
  height: 26px;
  background: #000;
  margin: 20px auto;
	margin-right: 20px;
	margin-top: -33px;
  position: relative;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.slideThree:after {
  content: 'NO';
  color: #888f92;
  position: absolute;
	top: 1px;
  right: 10px;
  z-index: 0;
  font: 12px/26px Arial, sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.slideThree:before {
  content: 'YES';
  color: #81ae4f;
  position: absolute;
	top: 1px;
  left: 10px;
  z-index: 0;
  font: 12px/26px Arial, sans-serif;
  font-weight: bold;
}
.slideThree label {
  display: block;
  width: 34px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
  background: #fcfff4;
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 50px;
  transition: all 0.4s ease;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
.slideThree input[type=checkbox] {
  visibility: hidden;
}
.slideThree input[type=checkbox]:checked + label {
  left: 43px;
}

.row {
      margin-bottom: 20px;
    }
       
    .button.button-small {
      height: 30px;
      line-height: 30px;
      padding: 0px 10px;
    }
    
    td input[type=text],
    td select {
      width: 100%;
      height: 30px;
      margin: 0;
      padding: 2px 8px;
    }
    
    th:last-child {
      text-align: left
    }
    
    td:last-child {
      text-align: right;
    }
    
    td:last-child .button {
      width: 30px;
      height: 30px;
      text-align: center;
      padding: 0px;
      margin-bottom: 0px;
      margin-right: 5px;
      background-color: #FFF;
    }
    
    td:last-child .button .fa {
      line-height: 30px;
      width: 30px;
    }

	.jls-address-preview--hidden,
	.jls-address-lookup--hidden,
	.jls-manual-address--hidden {
		display: none;
	}

	.jls-manual-address {
		border: 0;
		padding: 0;
		margin: 0;
	}

	
	a {
		color: #465e2c;
	}

		.wrapper{
			z-index: 10;
		}
		
	.wrapper {
		display: none;
	}
		.jls-title {
			text-decoration: none;
				font-family:  'aktiv-grotesk-extended', sans-serif;
				font-weight: 700; 
			font-size: 1.32em;
			text-align: center;
		}

	.jls-field-wrapper {
		width: 100%;
	}

	.jls-field-wrapper label > div {
		display: block;
	}

	.jls-field-wrapper input {
		width: 100%;
		padding: 20px;
		background-color: #fff;
		border-radius: 4px;
		border: 2px solid #ced6e0;
		box-shadow: 0 2px 4px rgba(0,0,0,.1);
		margin-top: 10px;
		margin-bottom: 10px;
	}




	.jls-address-preview__header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 10px;
	}

	.jls-address-preview__content {
		font-size: 14px;
		font-style: italic;
	}

	.jls-button {
		background-color: #465e2c;
		display: block;
		width: 100%;
		text-align: center;
		border-radius: 4px;
		color: #fff;
		border: 0;
		padding: 10px;
		font-size: 18px;
		font-weight: 800;
		margin-top: 20px;
		font-family:  'aktiv-grotesk-extended', sans-serif;
				font-weight: 700;
	}



	/* Custom Google Popout CSS */
	.pac-container {
		margin-top: 10px;
	    border-radius: 10px;
	    box-shadow: 0 2px 4px rgba(0,0,0,.2);
	}

	.pac-item {
		padding: 10px;
	}

	.pac-item:hover {
		background-color: #1e90ff;
		color: rgba(255,255,255,.7)
	}

	.pac-item:hover .pac-item-query {
		color: #fff;
	}

	.pac-icon-marker {
		display: none;
	}

	.pac-item:first-child {
		border-top: 0;
	}

	.pac-logo:after {
		background-color: #f7f7f7;
	    padding: 10px;
	    height: 40px;
	    background-position: calc(100% - 10px);
		border-top: solid 1px rgba(0,0,0,.1);
	}

.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 4em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container p {
  padding: 3em 1em;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
  list-style: none;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
	margin-right: 30px;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container a:link {
  color: #435e2f;
}
.cd-popup-container .cd-buttons a:link {
  color: #ffffff;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #435e2f;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #7a9368;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #293135;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}

.form-group {
  display: flex;
  height: 84px;
  padding: 32px;
  border-bottom: 1px solid #FFFFFF;
  width: 100%;
  align-items: center;
}
.form-group .selector {
  margin-left: auto;
}
.form-group:last-child {
  border-bottom: none;
}

.demo-container {
  display: flex;
  flex-direction: column;
  width: 85%;
	height: 100px;
  margin: 10px auto;
  background: #000000;
	color: white;
	border: 5px solid #475f2c;
}
.demo-container h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 2px 0;
}
.demo-container p {
  font-size: 12px;
  color: #ced7e2;
  margin: 2px 0;
}

.selector {
  display: flex;
  height: 36px;
  width: 360px;
  align-items: center;
  justify-content: center;
}
.selector .selection {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 100%;
  width: 100%;
  margin-left: -1px;
  background-clip: border-box;
  transform: scale3d(1, 1, 1);
  background: rgba(32, 45, 59, 0.2);
  border: 1px solid #455e2c;
  color: #ced7e2;
  transition: 0.15s ease-in-out background-color;
}
.selector .selection.selected {
  background: rgba(91, 94, 44, 0.05) !important;
  border-color: #96cd5c;
  color: #ffffff !important;
  z-index: 2;
  cursor: text;
}
.selector .selection:hover {
  color: #60912d;
  background: rgba(91, 94, 44, 0.05);
}
.selector .selection:first-child {
  margin-left: 0;
  border-radius: 3px 0 0 3px;
}
.selector .selection:last-child {
  border-radius: 0 3px 3px 0;
}

.selector.width-per-item {
  width: auto;
}
.selector.width-per-item .selection {
  min-width: 135px;
  max-width: 135px;
  width: 135px;
}