/* #3064 - change the website all font to Lato */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: Lato-Regular;
    -webkit-font-smoothing: antialiased;
}
.header_top{background:#5d5d5d;}
.footer-top{ background:#053002;}

.width37{
	width:32%;
}
.width09{
	width:9em !important;
}
.width11{
	width:10.2em !important;
}
.clear{
	clear:both;
	
}
.left{
	float:left;
}
.ui-datepicker.ui-widget-content { /** set datepicker background **/
	background:#053002 none;
}
.green-bg{
	background:#053002;
	height:148px;
}
.logo{
	max-width:600px;
	float:left;
	max-height: 100%;
	width: 100%;
}
.logo img{ max-width:100% !important; max-height:100% !important;}
 
.error_message
{	
	color: red;
}
.selectedtab
{

	color:#fff;
	font-weight: 500;
/* color: #47a447;
background-color: #053002; 
border: 1px solid #ddd;
border-bottom-color: transparent;*/

}
 
.marg-3{
	margin-top:10px; margin-bottom:10px;
	
}
.mar-top-11
{
	margin-top: -11px;
}

.mar-left-15
{
	margin-left: 15px;
}

.mar-top-35
{
	margin-top: -35px;
}
.mar-top15{
	margin-top:15px;
}
.mar-top13{
	margin-top:13px;
}
.mar-top20{
	margin-top:20px;
}

.mar-right5{
	margin-right:5% !important;
}

.nav-text{
	font-size:0.85em;
	color:#FFF !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	padding-bottom:0;
	list-style:none !important;
	float:left;
	display:inline;
}
.li-text{
	color:#ffffff;
	font-weight: 500;
	opacity:0.8;
}
.li-text-dropdown-menu{
	color:#bcceb6;
	font-weight: 500;
}

.li-text-home{
	color:#fff;
	font-weight: 500;
}
.footertext
{
	color: white;
	font-weight: 300;
}
.log-in{
	color:#bcceb6;
	font-size:0.85em;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	padding-bottom:0;
	list-style:none !important;
	float:right;
	display:inline;
	
}

.add_this_top{margin-top:5px;margin-bottom:0px;}

.mbg{
	background:#FFF;
}
.banner{
	width:100%;
	display:block;
	float:left;
	
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img{ display: block; margin: 0 auto;}
.heading-text{
	background: none repeat scroll 0 0 #fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
    color: #043002;
    float: left;
    padding-left:10px;
    padding-right:10px;
    margin: -13px 5px 0 10px;
    position: absolute;
    text-align: center;
    font-size:15px;
	white-space: nowrap;
}
.h-text2{
	width:55%;
}
.h-text3{
	max-width:63%;
}
.box-img{
	width:90%;
}
.navbar-footer {
    background-color: #876a32;
    border-color: #876a32;
}
.mar-top50{
	margin-bottom:15px;
}

.mar-top-20{
	margin-top:-20px;
}

.mar-login-top
{
	margin-top:39%;
}
.mar-right16{
	 
	margin-right: -15px;
}
.mar-right21{
	 margin-left: -10px;
}
.paddint0{
	padding:0 !important;
}
.padding10{
	padding:0px 8px 0px 0;
}

.padding10_no_top{
	padding:0px 8px 10px 0;
}

.padding-10{
	padding-left:10px;
}
.text-align{
	text-align:left !important;
}
.pad_left_40{padding-left:40px;}


.news_older_button
{
	float: right;
	cursor: pointer;
	color:black;
}
.news_older_button:HOVER
{
	color: black;
}
.news_newer_button
{
	float: left;
	cursor: pointer;
	color:black;
}
.news_newer_button:HOVER
{
	color: black;
}
/* Start : Override Bootstrap navigation */
.body{
	font-family:Arial, Helvetica, sans-serif;
}
.navbar-inner{
	 border: none;
  padding: 6px 0;
  background:#5c5c5c;
  background-image:none;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 10px rgba(0, 0, 0, 0.1);
 
 
}
h5{
	font-size:0.85em;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	padding-bottom:0;
}
.btn-success {
	color: #fff;
	background-color: #7eae41;
	border:none;
}
.btn-danger {
	color: #fff;
	background-color: #ad3b3b;
	border: none;
}
.btn {
   
    font-size:0.85em;
    font-weight: 800;
    line-height: 1.42857;
    margin-right:5px;
	margin-top:2px;
	font-family:Arial, Helvetica, sans-serif;   
}
a{color:#FFF;
}
a:hover {
	color:#FFF;
	text-decoration:none;
}
.form-control{
	border:none;
	background-color: #225e04;
	color:#FFF !important;
	width: 150	px;
	height: 30px;
	border-radius: 12px 12px 12px 12px;
	margin-left: 100px;
	
}


.tftextinput2{
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:15px;
		background-color: #225e04;
		color:#FFF !important;
		border:1px solid #225e04; border-right:0px;
		border-top-left-radius: 12px 12px;
		border-bottom-left-radius: 12px 12px;
		width: 150px;

	}
	.tfbutton2 {
		margin: 0;
		padding: 5px 7px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight:bold;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #225e04; border-right:0px;
		background: #225e04;
		background: -webkit-gradient(linear, left top, left bottom, from(#225e04), to(#225e04));
		background: -moz-linear-gradient(top,  #225e04,  #225e04);

		border-top-right-radius: 12px 12px;
		border-bottom-right-radius: 12px 12px;
	}
	.tfbutton2:hover {
		text-decoration: none;
		background: #007ead;
		background: -webkit-gradient(linear, left top, left bottom, from(#225e04), to(#225e04));
		background: -moz-linear-gradient(top,  #225e04,  #225e04);
	}
	/* Fixes submit button height problem in Firefox */
	.tfbutton2::-moz-focus-inner {
	  border: 0;
	}
	.tfclear{
		clear:both;
	}



.form-control:focus{
	border-color:none;
	box-shadow:none;
	outline:none;
}
.navbar-default {
    background-color: #225e04;
    border-color: #225e04;
}
.margint-top-15{
	margin-top:-10px !important;
}
.navbar {
    border-radius: 0px;
	min-height:5%;
	margin-bottom:20px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.dropdown-menu{ 
	background: #225e04;
    border: 0px;
}

.navbar-default .navbar-nav > li > a {
	border-right: 1px solid #bb8721;
    color: #fff !important;
    display:block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    line-height: 19px;
    list-style: none outside none !important;
    padding: 0 15px;
}
.navbar-default .navbar-nav > li .hideline {
	border-right: 1px solid #ffffff;
    color: #fff !important;
    display:block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    line-height: 19px;
    list-style: none outside none !important;
/*     padding: 0 15px; */
    border: transparent;
}
.navbar-default .navbar-nav > li > a :hover{
	background:none;
	/* width:100%; */
	display:inline-block;
		
}

.nav > li > a :hover{
	color:#fff;
}
.navi > li:hover{
	color:#225e04;
	list-style:none;
	background:#e4ece1;
		
}

.selectedinnertab
{
	color:#225e04;
	list-style:none;
	background:#e4ebe0;
	width:100%;
	
}
text-bg1{
	background:#e4ece1;
}
.navi{
	padding:0 !important;
}
.navi > li {
	list-style:none;
	
	 padding: 5px 0 5px;
    width: 100%;
	border-bottom:1px solid #CCC;
	
}
.margin-botttom3{
	margin-bottom:5px;
}
.dropdown-menu > li > a{ background-color: #225e04; color:#bcceb6 !important; font-size:1.1em; }
.dropdown-menu > li > a:hover{ background-color: #225e04 !important; color:#fff  !important }

.thumbnail1 {
    background-color: #fff;
    border: none;
    border-radius: 0;
    display: block;
    line-height: 1.42857;
    margin-bottom: 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
    height: auto;
}
.thumbnail_inner {
    background-color: #fff;
    border: none;
    border-radius: 0;
    display: block;
    
}

.thumbnail1 .caption {
    color: #515151;
    padding: 16px;
}
.mrg_left_right_reff{margin-left: -15px; margin-right:15px}

.thumbnail2 {
    background-color: #fff;
    border: 1px solid #053003;
    border-radius: 0;
    display: block;
    line-height: 1.42857;
    margin-bottom: 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
    height: 30%;
}
.thumbnail2 .caption {
    color: #515151;
    padding: 16px;
}

.thumbnail {
    background-color: #fff;
    border: 1px solid #093407;
    border-radius: 0;
    display: block;
    line-height: 1.42857;
    margin-bottom: 20px;
    padding-top: 20px;
    transition: all 0.2s ease-in-out 0s;
    height: 100%;
    
}

.thumbnail .control-label{ height: 35px;}

.thumbnail .caption {
	padding: 25px 11px 20px 11px;
	text-align: center;
}
.thumbnail .caption > a {
    color: #505050;
    font-family: Helvetica;
    font-size: 13px;
}
/* .nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background: none;
} */
.footer-nav > li {
    float: none;
}
.border-bottom {
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	margin-right: 25px;
	width: auto;
}
.border{
	border:1px solid #000;
}
.footer-nav > li > a {
	padding:5px 0;
}
.mar0{
	margin:0;
	padding:0;
}
.width17{
	width:16em !important;
}
.width9{
	width:7.9em !important;
	margin: -10px 5px 0  5px !important;
}
 .heading-text3 {
    background: none repeat scroll 0 0 #fff;
    color: #042f02;
    float: left;
    font-size: 1.3em;
    font-weight:600;
    margin: -10px 5px 0 10px;
    padding-left:10px;
    padding-right:10px;
    position: absolute;
    text-align: center;
    width: auto;

}
 .heading-text3-Contact{
    background: none repeat scroll 0 0 #fff;
    color: #042f02;
    float: left;
    font-size: 1.2em;
    font-weight: 800;
    margin: -47px 5px 0 10px;
    position: absolute;
    padding-left:10px;
    padding-right:10px;
    text-align: center;
    width: auto;

}
 .heading-textnews {
    background: none repeat scroll 0 0 #fff;
    color: #042f02;
    float: left;
    font-size: 1.1em;
    font-weight: 600;
    padding-left:10px;
    padding-right:10px;
    margin: -10px 5px 0 10px;
    position: absolute;
    text-align: center;
    width: auto;

}

.date-text{
	color: #505050;
    font-size: 0.83em; 
    text-align: left;
	
}
.img-bord{
	border: 1px solid #000;
    margin-bottom: 10px;
    margin-top: 15px;
    width: 100%;
}
.width64{
	width:58%;
}
.width6{
	width:6.4em;
}
.width98{
	width:98.8%;
}
.width50{
	width:50%;
}
.marbot50{
	margin-bottom:10%;
}
.carousel-indicators {bottom:0px !important; margin-bottom:0px;	  } 
 .footer-bg{
	   background-color: #876a32;
	   
 }
 .mar-right-3{
	 margin-right:-14px;
 }
 .m-top-14 {
	margin-top:-14px;
 }
 /* News.html css */
 .page-header {
    border-bottom: 1px solid #d6d8cb;
    margin: 0px 0 0px;
    padding-bottom: 0px;
}
.header-text{
	font-size:1.6em;
	color:#043002 !important;
	margin:0 0;
	padding:0 0;
	font-weight:bold;
}
.pannel-text{
	font-size:1em;
	color:#747674;
	font-weight:600;
}
.pannel-text1{
	font-size:1em;
	color:#043002;
	font-weight:800;
}
.btn1{
	 border: 1px solid #225e04;
}
.arrow-img{
	margin-right:10px;
}
.text-a {
	padding:10px 0px;
	margin-left: 23px;
}
.text-wh{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
.nav-pills > li {
    float: left;
    width: 100%;
}
.sub-nav > a:hover {
	color:#225e04;
}
#custom-bootstrap-menu.navbar-default .navbar-nav > li > a:hover, #custom-bootstrap-menu.navbar-default .navbar-nav > li > a:focus{ background-color: #225e04}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #fff;
	background-color: #225e04
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: #225e04;
	color: #fff
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{ color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff; background:#053002 }

.navbar-default .navbar-nav>li>a {
	color: #fff
}

/* contact Us page */

.form-control-1 {
    background-color: #fff;
    background-image: none;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 27px;
    line-height: 1.42857;
    padding: 3px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 60%;
}

.form-control-1red {
    background-color: #fff;
    background-image: none;
    border: 1px solid red !important;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 3px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 60%;
}
.form-control-2 {
    background-color: #fff;
    background-image: none;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 27px;
    line-height: 1.42857;
    padding: 3px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    /* width: 100%; */
    width: 160px;
    margin-left: -25px;
    color: #000;
}
.form-control-2red {
    background-color: #fff;
    background-image: none;
    border: 1px solid red;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 27px;
    line-height: 1.42857;
    padding: 3px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    /* width: 100%; */
     width: 160px;
    margin-left: -25px;
}
.form-control-3red {
    background-color: #fff;
    background-image: none;
    border: 1px solid red;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
  	width:100%;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  
}

.form-control-3 {
    background-color: #fff;
    background-image: none;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
  	width:100%;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  	color: #000;
}

.textarea_border_black
{
	  border: 1px solid #000;
}
.textarea_border_red
{
	  border: 1px solid red;
}


.form-control-extra {
    background-color: #fff;
    background-image: none;
    border: 1px solid white;
    border-radius: 0;
   
    color: #555;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.pointer{
	cursor:pointer;
}
.pad5{
	padding:0 5px;
}
.max-height50{
	height:100px;
}

.mar_left_home
{
	margin-left: inherit;
}
.text-green{
	color:#053002;
	font-size:1em;
	text-align:left;
	line-height: 1.5;
	margin-top: -15px;
}

.top{
	top:50px;
	margin-right:-10px;
}
.top72{
	 margin-left: 17px;
    top: 59px;
}
.width15{
	width:15%;
}
.width100{
	width:100%;
}
.carousel-control.left {
    background-image: none;
    background-repeat: repeat-x;
}
.carousel-indicators .active {
    background-color: #053002;
    
}
.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #053002;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    width: 10px;
}

.toggle-bg{
background-color: #225e04;
    border-color: #225e04;
}
.toggle-bt{
	background:none;
	border:none;
}

.right{
	float:right !important;
}
.mar-top60{
	margin-top: 98px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #225e04;
}
.width99{
	width:99% !important;
}
/* button graidant */
.button_example{
border:1px solid #616261; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
 background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
}

 .button_example:hover{
 border:1px solid #4a4b4a;
 background-color: #646464; background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
 background-image: -webkit-linear-gradient(top, #646464, #282828);
 background-image: -moz-linear-gradient(top, #646464, #282828);
 background-image: -ms-linear-gradient(top, #646464, #282828);
 background-image: -o-linear-gradient(top, #646464, #282828);
 background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);
} 


.width04{
	width:4.4em !important;
}
.text-col{
	color:#F00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	 margin-left: 15px; 
	
}
.user{
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 15px;
    height: 34px;
    line-height: 1.42857;
    padding: 3px 30px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100% !important;
  
}

.user1{
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1.42857;
    padding: 6px 30px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.user_search{
	background-color: #225e04;
    background-image: none;
    border: 1px solid #225e04;
    border-radius: 14px 14px 14px 14px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: white;
    display: block;
    font-size: 14px;
    height: 25px;
    line-height: 1.42857;
    padding: 3px 30px;
    padding-left:0px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100% !important;
     margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.user .login-input-box {
	width: 100%;
	padding-top: 3px;
}
.border00{
	border:none !important;
}
.user-img{
	
	 background: url("../images/user.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 20px;
    margin-left: -21px !important;
    width: 20px;
    margin-top: 3px;
	
	
}
.search-img{
	
	 background: url("../images/search_img.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 20px;
    margin-right: -25px !important;
    width: 20px;
    margin-top:0px;
    cursor: pointer;
	
	
}

.searchBox
{
	padding-left: 10px;
	border: none !important;
	width: 90px; 
	background-color: #225e04; 
	border-radius:14px 14px 14px 14px;
	margin-top:-2px;
	font-weight: inherit;
	font-size: 0.9em;
	color: white !important;
}

input[type="text"]:-moz-placeholder{color: white;}
input[type="text"]:-ms-input-placeholder{color: white;}
input[type="text"]::-webkit-input-placeholder{color: white;}
.search-img-expand{
	
	 background: url("../images/cross.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 10px;
    margin-right: -21px !important;
    width: 10px;
    margin-top:2px;
    cursor: pointer;
	
	
}

.id-img
{
	
		 background: url("../images/id.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 20px;
    margin-left: -21px !important;
    width: 20px;
    margin-top: 3px;
	
}
.blc{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	text-align:left;
	
}
.pass-img{
	
	 background: url(../images/Pass-icn.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 20px;
    margin-left: -21px !important;
    width: 20px;
    margin-top: 3px;
	
	
}
.width09{
	width:9.9em !important;
}
.width015{
	width:14.3em !important;
}
.width05{
	width:5.4em;
}
.marbot100{
	margin-bottom:29%;
}
.tex-Our{
	color: #042f01 !important;
    margin-top: 8px !important;
    font-size:16px;
    font-weight:bold;
}
.border0{
	border-top:none !important;
}

.pannel-text . a{
	color:green;
}
/*login */
.modal-content-new {
    background-clip: padding-box;
    background-color: #053002;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: none !important;
    outline: 0 none;
    position: relative;
}
.title-text-log{
	color:#fff;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 0 10px 10px;
	text-align:left;
	font-weight:300 !important;
}
.closeButton
{
	color:#fff;
	margin-top:0;
	margin-left:97%;
	margin-bottom:0;
	margin-right:2%;
	text-align:right;
	height:auto;
	width:auto;
	cursor: pointer;
	position: relative;

	
}
.pound_css
{
float: left;
margin-right: -20px;
margin-top: 7px;
margin-left: -13px;
}
.datamodal
{
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
	
}

.box{
	background: none repeat scroll 0 0 #fff;
    margin: 11px;
    padding: 18px;
    width: 96%;
}
.background-f{
	background:#fff !important;
	border:1px solid #CCC !important;
	border-radius:5px;
}
.login{ cursor: pointer;}
#at4-share,
.at_flat_counter,
.at4-share-count-container,
.addthis_counter,
.addthis_pill_style,
.addthis_bubble_style {
	display: none !important;
}
.at4-share .at4-share-count-anchor {
	padding-bottom: 0px;
}
.atss a {
	background: none !important;
}
.menuleftmrgn:first-child{ margin-left:-15px;}

#emailForm.control-label{ font-size:15px;}
.mar_slider_left{margin-left: -4px;}
.leftirght{ display:none !important;}
.at-share-tbx-element .at-share-btn{ max-width:inherit !important; width:16px !important; text-align:right; margin-right:0px;}
.at-share-btn {position:absolute; right:0;}
.container { width:1000px;}
.customer-vacancy-container { width:1026px;}
.marginleft20{ margin:-20px 0 0 -20px;}

.mblcntr{ text-align:right;}
.alignright{ float:right;}
#contactUsForm .control-label{ height:27px; padding-top:0px;}
#contactUsForm .form-group{ margin-bottom:14px; }

 @media (min-width:1024px) {
 
 
	 
	.mar-1{
margin-left: -4px;
	padding-left: 0;
	padding-right:0;
}
.mar-2{
	margin-left:-27px;
}
.margin-left-16{
	margin-left:-13px;
}

 
.heading-text{
		 font-size:10px;
	 }
	 .navbar-default .navbar-nav > li > a {
		 margin-top:4px;
		 margin-bottom:4px;
	 }
	 .width15 {
    width: 14%;
}
.top72 {
    margin-left: 17px;
    top: 59px;
}
.mar-top01 {
    margin-top: 2em !important;
}
.padding-left23{
	padding-left:10px !important;
}
.padding-right{padding-right: 29px !important;}
#paypal-button-container {
	    text-align: center !important;
   		width: 100%;
	   	display: table;
	}



 }
.footer-menu {
	margin-left: 4px;
}
.news-article .heading-textnews {
    margin: -10px 5px 0 -5px;
}
.trade-reference-left {
	padding: 0 28px 0px 0px;
}
.trade-reference-right {
    padding: 0px 8px 0px 20px;
}
 @media (max-width:768px) {
 	.featured-image-thumbnail {
 		margin-right: -3px;
		margin-left: -1px;
	}
 .marginleft20{ margin:0px;}
 .margin-right-20 {margin-right: 20px;}
 .margin-right-15 {margin-right: 15px;}
 .container{ width:auto;} 
 .customer-vacancy-container{ width:auto;} 
 .leftirght{ display:block !important;}
 .rowleftright{ margin-left:-15px; margin-right:-15px;}
 .textboxsmall{ padding: 0 23px 0 15px;}
 .mrgnlft5{ margin-left:5px;}
 .pad_left_40{ padding-left:15px;}
 .menuleftmrgn:first-child{ margin-left:0px; padding: 0 10px;}
#searchText{ margin-top: -5px; display: block; float: left}
	.mar-1{
	margin-left:0px;
}
.mar-2{
	margin-left:0px;
}
.heading-text3{
         font-size:14px;
		 margin-top:-0.75em;

}
.navbar-default .navbar-nav > li > a{
		border-right:none ;
	 }
	 .heading-text{
		 font-size:14px;
	 }
	 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
		/*  background:#053002 !important;
		 line-height:25px; */
	 }
	 .navbar-default .navbar-nav > li > a {
		 line-height:9px;
	 }
	 .margin-left0{
	padding-left: 0px;
}
.font-add{
	font-size:0.75em;
}
	.heading-text{ margin: -10px 5px 0 10px; }
	width64{width:100% !important;}
	
	.navbar-default .navbar-nav > li > a {
		 margin-top:0px !important;
		 padding:10px 8px;	
		 font-size: 13px;
	 }
	 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	 	 font-size: 13px;
	 }
	 .width15 {
    width: 29%;
}
.sm-padding-left-15 {
	padding-left: 15px !important;
}
.sm-padding-free {
	padding: 0px;
}
.sm-margin-right-free {
	margin-right: 0px;
}
.news-article .heading-textnews {
    margin: -10px 5px 0 10px;
}
.sm-padding-right-free {
	padding-right: 0px;
}
.footer-menu {
	margin-left: -2px;
}
.top72 {
    margin-left: 17px;
    top: 59px;
}
.margin-left0 {
    
    padding-left: 0;
}
.date-text{
	font-size:13px;
	margin-left:0px !important;
	
}
.mar-top01 {
    margin-top: 2em;
}

	.marg-left0{
	margin-left:0 !important;
} 
.marg-left0{
	margin-left:0;
}

.padding-left23{
	padding-left:23px !important;
}
.padding-right{padding-right: 29px !important;}

.width50 {
    width: 100%;
}

	

 }
 
 
  @media screen and (min-width:768px) {
	  
	.heading-text3{
		font-size:15px;
	}
	.heading-text{
		 font-size:15px;
	 }
	 
	 .heading-text{
	
    margin: -10px 5px 0 10px;
    
}
.width15 {
    width: 25%;
}
.top72 {
    margin-left: 274px;
    top: -27px;
}
.mar-top01 {
    margin-top: 2em;
}
.padding-left23{
	padding-left:30px !important;
}

#custom-bootstrap-menu li:hover ul{ display:block;}
.width51 {
	width: 51%;
}
.tradeReference_div {
	width:49%;
	padding-left: 11px;
}
.trade-reference-left-section {
	padding: 0px;
}
}

 @media screen and (max-width:768px) {
 .dropdown-menu{width:100%; margin-bottom:10px;}
 
 .mblcntr{ text-align:center;}
 .alignright{ float:none;}
 } 
@media screen and (max-width:767px) {
	.dropdown-menu{ position:relative;}
	#cookieRow {
		padding-right: 0px;
	}
	.hide-section {
		display: none;
	}
}
 .fontclass{font-weight: 300 !important; color: black;}
 .inputboxwidth{width: 145px !important;}
 .paddingl0r0{
	    padding: 0px !important;
}
.featured-item {
	height: 100%;
}
.user1.forgottenPassword {
	height: 50px !important;
}
#myModalEmail .modal-dialog {
	width: 700px;
}
#homeLoginPageUrl {
	cursor:pointer;
	color: black;
	text-decoration: none;
}
.pdfLinkUrl a, .pdfLinkUrl a:hover, .content-body p a, .content-body p a:hover {
	color: black;
	text-decoration: none;
}
.at4-share-title {
	display: none;
}
.news-article .content-body {
	padding-left: 5px;
	margin-top: 4px;
}
.news-article .article-photo {
	margin-top: 12px;
}
/* #1971 - Allee > menu : add static ul li menu */
.side-menu-div,
.what-we-grow,
.marketing,
.sustainability,
.safety,
.about-us,
.about-us-div-container,
.our-farms-div-container {
	display: none;
}
/* #1996 - alle website - copy right row > Addthis ‘+’ icon is not vertically middle align */
.footer-addthis-sharing-toolbox {
	margin-top: 5px;
}
/* #1996 - alle website - menu > selected sub menu should have active class */
.dropdown-menu > li.selected-submenu-tab > a {
	color:#fff !important;
	font-weight: 500 !important;
}
.mar-bottom-25 {
	margin-bottom: 25px;
}
.margin-left-free {
	margin-left: 0px;
}
.padding-right-free {
	padding-right: 0px;
}
.padding-free {
	padding: 0px;
}
/* 2198-1: small white space - 10-15 pixels between menu and image */
.margin-top-10,
.about-us-div-container,
.our-farms-div-container {
	margin-top: 10px;
}
/* 2198-2: carousel fade transition */
.carousel-fade .carousel-inner > .item,
.carousel-fade .carousel-inner > .item.active.left {
    opacity: 0.5;
}
.carousel-fade .carousel-inner .item {
  	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
	transition-duration: 1.5s;
}
.carousel-fade .carousel-inner .item { /* fix for : #2692 - Page : new images: transition jump to the left */
	width:100%;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/********* other css *******************/
.padding-top-0 {
	padding-top: 0px !important;
}
.margin-top-2 {
	margin-top: 2px;
}
.padding-top-2 {
	padding-top: 2px !important;
}
.margin-top-15 {
	margin-top: 15px;
}
.float-left {
	float: left;
}
/********** 2471 : cookie cuttr css *************/
.cookie-container {
    position: absolute;
    right: 25px;
    bottom: 0px;
    background: #808080;
    border: 1px solid black;
    border-radius: 7px;
    z-index: 1;
    width: 307px;
    text-align: center;
}
.cookie-container a.btn {
	border: 1px solid #696969;
	padding: 3px;
}
.cookie-container,
.cc-cookies {
	display: none;
}
.force-hide {
	display: none !important;
}
/* 2471 : Please make the text not bold. */
.cookie-font {
	font-weight: normal;
}
/* 2471 - allee website : cookie bar implementation like independent.co.uk */
.cookie-row-container {
    position: fixed;
    right: 0px;
    bottom: 0px;
    background-color: #281e1e;
    z-index: 100;
    width: 100%;
    height: auto;
}
#cookieRow .cookie-font {
	color: #888;
	font-weight: 400px;
	margin-top: 12px;
}
.close-button {
	font-size: medium;
	margin-top: 9px;
	cursor: pointer;
	float: right;
}
.cookie-button a:hover{
    color: #ec1a2e;
}
.navbar-menu-container {
	top: 20px;
	margin-right: -20px;
}
/* #3058 - Job Application / Credit Application form: change title font size */
.title-font {
	font-size: 1.2em;
}
.control-label{
	font-weight: normal;
}
form select {
	font-size: 13px !important;
}
/****************** weather image css : start *********************/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.weather-section {
       margin: 0 auto;
  }
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
 .weather-section {
       margin: 0 auto;
       width:150px;
  }
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
 .weather-section {
       margin: 0 auto;
  }
  .green-bg {
	    height: 104px;
	}
	.pull-right {
	    float: right!important;
	    margin-right: -19px !important;
	}
	.navbar-menu-container {
     	top: 25px;
  	}
  	.navbar {
		position: inherit;
	}
	.float-none {
		float: none !important;
		margin-right: 0 !important;
	}
}
@media only screen and (min-width : 360px) {
	.green-bg {
	    background: #053002;
	    height: 116px;
	}
	.pull-right {
	    float: right!important;
	}
	.navbar {
		position: inherit;
	}
}
@media only screen and (min-width : 412px) {
 .navbar-menu-container {
     top:22px;
  }
  .navbar {
	 position: inherit;
  }
}
@media only screen and (min-width : 375px) {
	.green-bg {
	    height: 132px;
	}
}
@media only screen and (width : 375px) {
	.green-bg {
	    height: 122px;
	}
	.navbar-menu-container {
		top: 10px;
	}
	.navbar {
		position: inherit;
	}	
}
@media only screen and (min-device-width : 1384px) {
	.green-bg {
	    background: #053002;
	    height: 148px !important;
	}
}
@media only screen and (min-width : 414px) and (orientation : portrait) {
	.green-bg {
	    height: 133px;
	}
}
@media only screen and (min-width : 736px) and (orientation : portrait) {
	.green-bg {
	    height: 133px;
	}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.weather-section {
       margin: 0 auto;
        width: 310px; 
        margin-left: 15px;
  }
  .green-bg {
	    background: #053002;
	    height: 148px;
	}
	.pull-right {
	    float: right !important;
	    margin-right: 0px !important;
	}
}
/*iPad mini in landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  { 
	.mar-top60 {
    	margin-top: 105px;
	}
}
/*iPad mini in portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1)  {
	.mar-top60 {
    	margin-top: 120px;
	}
}
/*** #3083 ***/
@media only screen and (min-device-width : 568px) and (max-device-width : 736px) and (orientation : landscape) {
 .green-bg {
	    background: #053002;
	    height: 143px;
	}
	.navbar-menu-container {
		top: 35px;
		margin-right: -8px !important;
	}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.weather-section {
        margin: 0 auto;
        width: 440px; 
  }
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.weather-section {
        margin: 0 auto;
  }
}
/********** iPad 3 *********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
.weather-section {
        margin: 0 auto;
        width: 440px;
  }
}
/* iPad pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
	.mar-top60 {
    	margin-top: 102px;
	}
}
/*iPad pro Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
	.mar-top60 {
    	margin-top: 103px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
.weather-section {
        width: 280px; 
  }
/*** #3083 ***/
  .pull-right {
	    float: right !important;
	    margin-right: 0px !important;
	}
	#paypal-button-container {
		text-align: center !important;
		width: 100%;
		display: table;
	}
}
/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
.weather-section {
        width: 280px; 
  }
/*** #3083 ***/
  .pull-right {
	    float: right !important;
	}
	#paypal-button-container {
		text-align: center !important;
		width: 100%;
		display: table;
	}
}
/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
 .weather-section {
       margin: 0 auto;
  }
  #logindiv {
	    float: left;
	    padding-top: 12px;
	    margin-left: -18px;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
 .weather-section {
       margin: 0 auto;
       width:150px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.weather-section {
       margin: 0 auto;
  }
}
/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
.weather-section {
       margin: 0 auto;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.img-fluid {
	    width: 70px !important;
	    display: block;
	    height: auto;
	    max-width: none;
	}
	.btn-success {
		margin-top:40px !important;
	}
	.div-padding-top {
    	padding-top: 30px !important;
	}
}
/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
.weather-section {
       margin: 0 auto;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.weather-section {
       margin: 0 auto;
  }
}
/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
.weather-section {
       margin: 0 auto;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.weather-section {
       margin: 0 auto;
  }
}
/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
.weather-section {
       margin: 0 auto;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
.weather-section {
       margin: 0 auto;
  }
  .btn-success {
		margin-top: 33px !important;
	}
	.div-padding-top {
	   	padding-top: 30px !important;
	}
	.h4-text-size {
		font-size:14px;
	}
}
/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
.weather-section {
       margin: 0 auto;
       width:150px;
  }
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
.weather-section {
       margin: 0 auto;
  }
  	.navbar-menu-container {
	    top: 5px;
	    margin-right: -20px;
	}
	.img-fluid {
	    width: 75px !important;
	    display: block;
	    height: auto;
	    max-width: none;
	}
	.font-smaller{
		font-size: smaller;
	}
	.font-x-small {
		font-size: x-small;
	}
	.col-xs-12 {
		padding-right: 10px !important;
	}
	.quantity-dropdown {
		float: right !important; 
		position :absolute;
	}
	.btn-success {
    	margin-top: 33px !important;
	}
	.div-padding-top {
    	padding-top: 30px !important;
	}
	.h4-text-size {
		font-size:14px;
	}
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) {
	.weather-section {
       margin: 0 auto;
     width:280px;
  }
	/*** #3083 ***/
  .green-bg {
	    background: #053002;
	    height: 148px !important;
	}
	/*3324: google error message title */
	.gm-err-title {
		font-size: 14px;
	}
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
	.weather-section {
       margin: 0 auto;
       width:442px;
  }
	/*3324: google error message title */  
	.gm-err-title {
		font-size: 14px;
	}
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 768px) {
	.weather-section {
       margin: 0 auto;
  }
}
@media only screen and (min-device-width : 1366px) and (max-device-width : 1024px) and (orientation : landscape) {
	.weather-section {
       margin: 0 auto; 
  	}
	.pull-right {
	    float: right !important;
	    margin-right: 0px !important;
	}
	.green-bg {
	    background: #053002;
	    height: 148px;
	}
}
/****************** weather image css : end *********************/
@media only screen and (max-device-width : 412px) {
	.gm-err-title {
		font-size: 18px;
	}
}
.padding-top-5{
	padding-top: 5px !important;
}
.padding-top-10 {
	padding-top: 10px;
}
.margin-top-10 {
	margin-top: 10px !important;
}
@media (min-width:768px) {
	.trade-reference-left {
		padding: 0 28px 0px 0px;
	}
	.trade-reference-right {
		padding-left: 15px;
	}
}
/******************* #3083 - Website - Mobile Version: reduce size of green top banner, reduce size of green top banner *****************************/
.searchTextbox {
	width: 180px;
}
/*** 3079 for line break ***/
.line-break {
	word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    text-align: justify;
}
.padding-left-right-15 {
	padding-left: 15px;
	padding-right: 15px;
}
.padding-right-15 {
	padding-right: 15px;
}
.padding-right-13 {
	padding-right: 13px;
}
.padding-right-8 {
	padding-right: 8px;
}
.margin-0 *{
	margin: 0px !important;
}
.contact-us-content {
	margin: 16px 0px;
}
.iframe-text{
	overflow: hidden;
	/* float: left; */
	width: 100%;
    margin: 15px 0px;
}
.height-auto {
	height: auto !important;
}
input[type="text"], textarea {
	color: #000;
}
.form-control-3, .form-control-2 {
	padding: 2px 12px;
}
.margin-0-0-6-0 {
	margin: 0px 0px 6px 0px;
}
.padding-2-12 {
	padding: 2px 12px;
}
.float-right {
	float: right;
}
/** 3276 remove blank space in footer **/
.margin-bottom-0 {
	margin-bottom: 0px;
}
.margin-bottom-12 {
	margin-bottom: 12px;
}
.height-30 {
	height: 30px;
}
#searchForm{
	float:right; 
	padding-top:10px;
	padding-bottom: none;
}
#loginForm {
	margin: 11px;
	overflow: hidden;
}
#loginForm .box {
	margin: 0px;
	width: 100%;
}
#loginForm .login-wrapper {
	width: 200%;
}
.login-wrapper .login-username-container,
.login-wrapper .login-password-container {
	min-height: 10px;
    float: left;
    position: relative;
    opacity: 1;
    width: 50%;
}
.login-wrapper a:focus {
	text-decoration: none;
	color: white;
}
.logo-image {
	width: 100%;
    height: 100%;
    background-size: contain;
    float: left;
    background-repeat: no-repeat;
}
.fill {
	height: 100%;
}
.consent-message input[type=checkbox]:hover,
.consent-message input[type=checkbox]:active,
.consent-message input[type=checkbox]:focus {
	-webkit-appearance: checkbox;
}
.consent-message input[type=checkbox] {
    vertical-align: top;
}
.consent-message p {
	display: inline;
}
.consent-message a{
	color: black;
	text-decoration:underline;
}
.login-icon {
	max-width: 17px;
    cursor: pointer;
}
#logindiv{
	float:left; 
	padding-top:12px;
	margin-left: -10px;
}

.quantity-dropdown {
	border-radius: 6px;
    width: 50px;
    padding-left: 7px;
    border-style: groove;
    padding-right: 0px;
}
.img-fluid {
	max-width: 100%;
	height: auto;
}
@media (max-width: 767px), (max-height: 440px) and (orientation:landscape) {
	.img-fluid {
    	width: 100px;
		display: block;
		height: auto;
		max-width: none;
	}
	#logindiv {
	    float: left;
	    padding-top: 12px;
	    margin-left: -17px;
	}
	#searchForm {
    	float: right;
    	padding-top: 10px;
    	padding-left: 15px;
	}
	.float-none {
		float: right !important;
	}
}
.produce-sale-table {
	border-style: outset;
    border-width: thin;
}
.produce-sale-table-thead {
	background: #053002;
    opacity: 0.9;
}
.th-lable {
	color: #ffffff;
    font-weight: bold;
}
.checkout-button {
	width: 100%;
	padding: 5px 25px 5px 25px !important;
	margin-bottom: 10px;
}
.margin-left-for-non-mendatory-star-span {
	margin-left: 4px;
}
#paypal-button-container {
    text-align: center !important;
    width: 100%;
   	display: table;
}
.moblieview-table {
	display: none;
}
@media (max-width: 767px){
	.table-responsive {
		display: none;
	}
	.moblieview-table {
		display: block !important;
	}
	.float-none {
		float: none !important;
	}
}

/* ---- i-phone 5 portrait ---- */ 
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait) {
	#searchForm {
	    float: right;
	    padding-top: 10px;
	    padding-left: 75px !important;
	}
	.navbar-menu-container {
	    top: -4px !important;
	    margin-right: -5px !important;
	}
	.img-fluid {
	    width: 70px !important;
	    display: block;
	    height: auto;
	    max-width: none;
	}
	.font-smaller{
		font-size: smaller;
	}
	.font-x-small {
		font-size: x-small;
	}
	.col-xs-12 {
		padding-right: 10px !important;
	}
	.quantity-dropdown {
		float: right !important; 
		position :absolute;
	}
	.float-none {
		float: none !important;
	}
	.h4-text-size {
		font-size:14px;
	}
	.div-padding-top {
    	padding-top: 22px !important;
	}
	.btn-success {
	    margin-top: 28px !important;
	}
}

/*---- iPhone 4/4S  ----*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait) {
	.img-fluid {
	    width: 75px;
	    display: block;
	    height: auto;
	    max-width: none;
	}
	.navbar-menu-container {
    	top: -5px;
    	margin-right: -5px !important;
	}
	#searchForm {
	    float: right;
	    padding-top: 10px;
	    padding-left: 75px !important;
	}
	#logindiv {
	    float: left;
	    padding-top: 12px;
	    margin-left: -18px;
	}
   .font-smaller{
		font-size: smaller;
	}
	.font-x-small {
		font-size: x-small;
	}
	.col-xs-12 {
		padding-right: 10px !important;
	}
	.quantity-dropdown {
		float: right !important; 
		position :absolute;
	}
	.h4-text-size {
		font-size:14px;
	}
}
@media only screen and (max-width: 360px) and (orientation : portrait) {
	.navbar-menu-container {
	    top: 5px;
	    margin-right: -20px;
	}
	.font-smaller{
		font-size: smaller;
	}
	.font-x-small {
		font-size: x-small;
	}
	.col-xs-12 {
		padding-right: 10px !important;
	}
	.quantity-dropdown {
		float: right !important; 
		position :absolute;
	}
}

@media only screen and (max-width: 320px),(max-height: 533px) and (orientation : portrait) {
	.img-fluid {
	    width: 75px;
	    display: block;
	    height: auto;
	    max-width: none;
	}
	.navbar-menu-container {
	    top: -5px;
	    margin-right: -3px;
	}
	.font-smaller{
		font-size: smaller;
	}
	.font-x-small {
		font-size: x-small;
	}
	.col-xs-12 {
		padding-right: 10px !important;
	}
	.quantity-dropdown {
		float: right !important; 
		position :absolute;
	}
	#searchForm {
    	float: right;
	    padding-top: 10px;
	    padding-left: 75px;
	}
}
.paypal-footer {
	width: 70%;
    float: right;
}

.total-span {
	float: right;
    width: 100px !important;
    padding-left: 45px;
}
@media screen and (min-width: 300px) {
  .total-span {
		float: right;
	    width: 120px !important;
	    padding-left: 65px;
	}
}

@media screen and (min-width: 800px) {
 	.total-span {
		float: right;
	    width: 100px !important;
	    padding-left:17px;
	}
}
.margin-left-for-non-mendatory-star-span {
	margin-left: 4px;
}
.moblieview-table tr:first-child {
    border-left: 0px solid !important;
    border-right: 0px solid !important;
}
.model-header-text {
	background: #053002;
    opacity: 0.9;
    padding: 5px !important;
    color: #ffffff;
    border-bottom: unset;
}
.model-close-button {
	margin-top: -27px !important;
    font-size: 25px;
    font-weight: 100;
}
.model-body-padding {
	padding:0px !important;
}
#parent {
	position: relative;
	padding: 15px;
}
#child {
    margin-top: 50px;
    font-size: 20px;
    font-weight: 600;
    margin-left: 60px;
}
#child-2 {
	margin-top: 50px;
	margin-left: 65px;
}
.btn-success {
    background-color: #006400;
    border-radius: 7px;
    font-weight:normal;
    margin-top: 70px;
}
.span-text-18px {
	font-size: 18px;
}
/*--- media query for pop ---*/
@media screen and (min-width: 600px) {
  div.font-size{
    font-size: 22px;
    font-weight: 600;
    color: #053002;
  }
}
@media screen and (max-width: 570px) and (orientation : portrait) {
  div.font-size {
    font-size: 12px;
    font-weight: 400;
    color: #053002;
  }
}
.div-padding-top {
	padding-top: 48px;
}
@media only screen and (min-width: 1080px) {
  	.div-padding-top {
		padding-top: 50px;
	}
	.btn-success {
    	margin-top: 60px !important;
	}
}
.div-container {  
    display: grid;  
    grid-template-columns: 2fr 1fr ;  
}
.img-div > img {  
	width: 100%;
    object-fit: cover;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    ::i-block-chrome,.div-container { 
	    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;
		display: grid;  
    	grid-template-columns: 2fr 1fr ; 
	}
	::i-block-chrome,div.font-size{
	    font-size: 20px;
		color: #053002;
		font-weight: normal !important;
	}
	::i-block-chrome,.responsive {
	  max-width: 100%;
	  height: auto !important;
	}
	::i-block-chrome,.div-padding-top {
		padding-top: 65px !important;
	}
	::i-block-chrome,.model-header-text {
		border-bottom: none;
	}
}
@media screen and (min-width: 568px) and (orientation : landscape) {
	div.font-size{
	  font-size: 19px;
	  font-weight: 600;
	  color: #053002;
	}
	.btn-success {
	    margin-top: 65px;
	}
	.div-padding-top {
    	padding-top: 41px;
	}
}
@media screen and (min-width: 731px) and (orientation: landscape) {
	div.font-size{
	  font-size: 22px;
	  font-weight: 600;
	  color: #053002;
	}
	.btn-success {
	    margin-top: 65px;
	}
	.div-padding-top {
	    padding-top: 50px;
	}
}
div.font-size {
	  font-weight: 600;
	  color: #053002;
}
@media only screen and (max-device-width:384px) and (orientation : portrait) {
  	.div-padding-top {
		padding-top: 30px !important;
	}
	.btn-success {
    	margin-top: 35px;
	}
}
@media only screen and (max-device-width:320px) and (orientation : portrait) {
  	div.font-size {
	    font-size: 10px !important;
	    font-weight: 400;
	    color: #053002;
	}
}

@-moz-document url-prefix() { 
	div.font-size{
	  font-size: 20px;
	  font-weight: 600;
	  color: #053002;
	}
	@media only screen and (max-device-width:384px) and (orientation : portrait) {
	  	.div-padding-top {
			padding-top: 30px !important;
		}
		.btn-success {
	    	margin-top: 35px;
		}
		div.font-size {
		    font-size: 12px;
		    font-weight: 400;
		    color: #053002;
		}
	}
	@media screen and (max-width: 570px) and (orientation : portrait) {
	  div.font-size {
	    font-size: 13px;
	    font-weight: 400;
	    color: #053002;
	  }
	}
}

/* Mac OS media query */
@media all {
	@media all and (min-width : 1224px) {
	  	div.font-size:not(:root:root) {
	  		font-size: 20px;
		}
	}
	/* Portrait and Landscape */
	@media only screen and (min-device-width: 372px) and (max-device-width: 812px) {
	    div.font-size:not(:root:root) {
  			font-size: 11px;
		}
	}
	/* Portrait and Landscape */
	@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
	   div.font-size:not(:root:root) {
  			font-size: 11px;
		}
	}
	@media only screen and (min-width: 810px) and (orientation: landscape) {
	    div.font-size:not(:root:root) {
  			font-size: 20px;
		}
	}
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
		div.font-size:not(:root:root) {
	  		font-size: 20px;
		}
	}
}

#username:placeholder-shown {
	color: unset;
}
#username:-moz-placeholder{color: unset;}
#username:-ms-input-c{color: unset;}
#username::-webkit-input-placeholder{color: unset;}