@charset "utf-8";

.text {
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	color:#58595b;
	font-size: 14px; 
}

a:link {
	text-decoration: none;
	color: #8DC63F;	
}

a:visited {
	text-decoration: none;
	color: #8DC63F;
}

a:hover {
	text-decoration: none;
	color: #8DC63F;
}

a:active {
	text-decoration: none;
	color: #AFD779;
}

.box_shaddow {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.75);
}

.clickable    {
    cursor: pointer;
}

.login-header {
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	text-transform:uppercase;
	color:#58595b;
	font-size: 14px;
	white-space:nowrap;
	margin: 20px 0px 40px;
	line-height:14px;
}

.login a:link {	 
	color:#58595b;
	text-decoration:underline;
}

.footer {
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	color:#FFF;
	background-color: #8DC63F; 
	padding: 20px;
	margin-bottom: 20px;
}

.footer a:link {
	color: #FFF;
}

.footer a:visited {
	color: #FFF;
}

.green_text {
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	color:	#8DC63F;	
}

.red_text {
	color:	red;	
}

.green_header {
	font-size:15px;
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	text-transform: uppercase;
	border:1px solid #8dc63f;
	padding:8px;	
	background-color: rgba(141,198,63,1);	
	color:#ffffff;	
}

.right-green {
	border-right: 3px solid #8DC63F;
}

.green_header  a:link {
	color: #FFF;
}

.detail_header {
	font-size:13px;
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding:6px;	
	background-color: #58595B;	
	color:#FFF;		
}

.black_header {
	font-size:16px;
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	text-transform: uppercase;
	color:#000;		
}



.popup-window {
	border: 5px solid #8DC63F;	
	background-color: #FFF;
	z-index: 105;
	display:none;
	position:absolute;
	width: 1024px;
	height: auto;
	padding: 35px;
	-webkit-box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.60);
	-moz-box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.606);
	box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.60);
}

.popup-title {
	font-size: x-large;
	color: #8DC63F;
	font-weight: 900;
}

.popup-text {
	color: #000;	
}

.popup-close { 
	position:relative; 
	bottom:35px; 
	right:-35px;	
}

.popup-x {
	font-size:16px;
	background-color:#8DC63F; 
	color:#FFF; 
	width:35px;
	height:35px; 
	text-decoration: none;
	text-align: center;
	line-height: 35px;
}

.popup-x:hover {
	background-color:#e81123;
	cursor: pointer;
	text-decoration: none;
}

.popup-x a:link {
	color: #FFF;
	text-decoration: none;
}

@media (max-width: 992px) {		
	.right-green {
		border-right: none;
	}
}

@media (max-width: 576px) {
	.popupText {
		height: auto;
		overflow-x: auto;
	}
	
	.right-green {
		border-right: none;
	}
}

@media (max-width: 768px) {
	.popup-window {	
		padding: 10px;	
	}

	.popup-close {
		position:relative; 
		bottom:10px; 
		right:-10px;	
	}

	.popup-x {
		width:45px;
		height:45px; 
		line-height: 45px;
	}	
	
	.right-green {
		border-right: none;
	}	
}

.flex-container {
  display: flex;
}

	
.header_text {
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	text-transform:uppercase;
	color:#58595b;
	font-size: 125%;
	white-space:nowrap;
	padding-left:6px;
	padding-bottom: 0px;
}

.header_image {
	content:url("../Assets/Logo.png");		
}

.header_image_new {
	content:url("../Assets/Logo_2020.png");	
	max-width: 175px;
}

.button-green {
  	font-size:14px;
	font-weight: 700;
	text-transform: uppercase;
	border:1px solid #8dc63f;
	padding:9px 30px;
	text-align: center;
	text-decoration:none;
	background-color: rgba(141,198,63,1);		
	color:#fff;
	display:inline-block; 
	margin-right: 2px;
	border-radius: 0px;	
	cursor: pointer;
}

.button-green:link,
.button-green a:link {	
	color: #fff;	
}

.button-green:hover,
.button-green:focus,
.button-green:visited,
.button-green:active {
	 color: #fff;
 	 background-color: rgba(141,198,63,.8);
	text-decoration:none;
}

.button-green:disabled {
 	opacity: 0.5; /* Safari, Opera */
	-moz-opacity:0.5; /* FireFox */
	filter: alpha(opacity=50); /* IE */
}


.white_box {
	color:#000; 
	background-color:#FFF;
	padding: 4%; 
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.8); 
	-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.8);
	box-shadow:  7px 7px 5px 0px rgba(50, 50, 50, 0.8);  
	border: 2px solid #FFF;  
	opacity: 0.85;  
	border-radius: .3em;
}

.announce_message {
	margin: 10px 0; 
	background-color: #FDE404; 
	color:#000;
	border-radius: 0px;
	padding: 20px;	
	-webkit-box-shadow: 10px 10px 20px -6px rgba(0,0,0,0.51);
	-moz-box-shadow: 10px 10px 20px -6px rgba(0,0,0,0.51);
	box-shadow: 10px 10px 20px -6px rgba(0,0,0,0.51);
	opacity: .9;
}
 


.announce_message a:link {	
	color: #000;	
}

.announce_message a:visited {
	color: #111;	
}


.product_category {
	font-size:125%; 
	color:#014A3C;
	font-weight: bold;
	text-shadow: 1px 0px 5px #FFF;
	margin-bottom: 30px;
}

.product_title {
	font-size:100%;
	font-weight: 900;
}

.product_description {
	font-size:80%;
	color:#888;
	margin-top:2px;
}

.product_description span {
	color: #FFF;
	font-size: 80%;
	background-color: #014A3C;
	padding: 2px 4px;
}

.product_price {
	margin-top:5px;
	font-size:95%;
}

.step_number {	
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	color:#58595b;
	font-size: 100%;
	font-weight:bold;
	background-color:#FFF;
	white-space:nowrap;
}

.step_header {
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	color:#FFF;
	font-size: 100%;
	background-color:#58595b;
	padding: 12px;
	text-align:left;
	text-transform:uppercase;
	margin:2px 0px;
	white-space:nowrap;
	border-radius: 4px;
}

.step_header a:link {
	color:#FFF;	
}

.green_box {
	font: normal 100%/normal "Black Ops One", Helvetica, sans-serif;
	color: rgba(255,255,255,0.92);
	text-align: left;
	-o-text-overflow: clip;
	text-overflow: clip;
	margin-bottom:12px;  
	padding:12px; 
	border:solid 1px #8dc63f;
	float:left;
	background-image: url('../Assets/produce.jpg');
	background-repeat: repeat-y;
	background-position: center; 
	background-size: 100%;
	border-radius: 4px;
}	

.green_box img {
	width:100%; 
	max-width: 150px;
	float: left; 
	margin: 0px 12px 12px 0;
}	 

body {
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	color:#58595b;
	font-size: 16px;		
}

#body {
	min-height: 800px;
	padding: 40px; 
	background-color:#EDF0F5;
}	


@media (max-width: 992px) {
	.header_text {		
		font-size: 150%;
		white-space:nowrap;		
	}

	.header_image {
		content:url("../Assets/Logo_Medium.png");		
	}
}


@media (max-width: 768px) {
	.header_text {		
		font-size: 110%;
		white-space:nowrap;		
	}

	.header_image {
		content:url("../Assets/Logo_Small.png");		
	}
}

@media (max-width: 576px) {
	
	.header_text {		
		font-size: 80%;
		white-space:nowrap;		
	}

	.header_image {
		content:url("../Assets/Logo_XSmall.png");		
	}
	
	.green_box {
		font-size: 80%;	
	}	
	
	#body {
		min-height: 800px;
		padding: 8px;
		background-color:#EDF0F5;
	}	
}


.form-label {
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	font-size: 14px;
	color: #58595b;
	padding-top:15px;
	padding-bottom:3px;
}	

.form-field {
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	font-size: 14px;
	color: #000000;
	border: 2px solid #D2D2D2;
	border-radius:0px;
	font-weight: normal;
	margin: 0px;
	padding: 12px 8px;
	background-color:#FFF;
}

.form-field:disabled {
	opacity: 0.5; /* Safari, Opera */
	-moz-opacity:0.5; /* FireFox */
	filter: alpha(opacity=50); /* IE */
} 

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.form-field:focus {
	border-color: #8dc63f;	
	outline: 0;	
}

.form-field-search {
	-webkit-appearance: none;
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	background: url(../Assets/search_gray.png) right no-repeat;
	background-color:#FFF;
	font-size: 14px;
	color: #000000;
	border: 2px solid #D2D2D2;
	padding: 12px 28px 12px 12px; 	
	margin: 0px; 
}

.form-field-search:focus {
	border-color: #8dc63f;	
	background: url(../Assets/search_green.png) right no-repeat;
	background-color:#FFF;
	outline: 0;	
} 



.form-field-selected {	
	background-color:#E8F4D9;
	border-color: #638B2C;	
}


.textarea {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:block;/*reset from inline*/
    width:100%;
    margin:0;/*remove defaults*/
    overflow-y:auto;/*resets IE*/
    overflow-x:hidden;/*resets IE*/
}


.heading {
	font-size: 18px;
}

.hidden_file2 {
	position: absolute;
  	left: -55px;
	height:30px;
	opacity: 0; /* Safari, Opera */
	-moz-opacity:0; /* FireFox */
	filter: alpha(opacity=0); /* IE */ 	
}

.hidden_file {
	display:none;
}

.toggle-s {
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	color: #FFF;
	background-color: #8dc63f;
	padding: 10px 20px;
	margin: 0px 0px;
	text-align:center;
	line-height:24px;
	white-space:nowrap;
}


.toggle-us {
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	color: #FFF;
	background-color: #AFAFAF;
	padding: 10px 20px;
	margin: 0px 0px;
	text-align:center;
	line-height:24px;
	white-space:nowrap;
}

.toggle-us:hover {
	cursor:pointer; 
	opacity: 0.8; /* Safari, Opera */
	-moz-opacity:0.8; /* FireFox */
	filter: alpha(opacity=80); /* IE */
}

.toggle-us a:link {	
	color: #FFFFFF;	
}

.toggle-us a:visited {
	color: #FFFFFF;	
}

.info_message {
	background-color: #F9FCFF;
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	font-size: 14px;
	color: #000000;
	border: 1px solid #3399FF;
	text-align: left;
	padding: 15px;	 
}

.error_message {
	background-color: #EACCCC;
	font-family: 'AvenirNextRoundedW01-Md 1075562', arial, sans-serif;
	font-size: 14px;
	color: #000000;
	border: 1px solid #c6868e;
	text-align: left;
	padding: 15px;	  
}



.loading {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	background-color: rgba(0,0,0,0.80);
	position:absolute;
	border: 0px;
	z-index: 106;
	width: 125px;
	height: 125px;
	line-height:125px;
	display: none;
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;	
	opacity: .90; /* Safari, Opera */
	-moz-opacity:0.90; /* FireFox */
	filter: alpha(opacity=90); /* IE */ 
}

.loading span {
  display: inline-block;
  vertical-align: middle;    
  line-height: normal;
}