html{
    width: 100%;
    overflow-x: hidden;
}
body {
	font-family: "freight-sans-pro", sans-serif;   
    width: 100%;
    height:auto;
  }
table tbody td, table tbody th {
  font-family: "freight-sans-pro", sans-serif;
  }
  
  
  p, li, h1, h2, h3, h4, h5 {
	font: normal normal 300 18px/24px "freight-sans-pro", sans-serif;  
	}
    @media only screen and (min-width:576px) and (max-width: 1024px) {
	.fgi-research .cell {
		display: grid;
        grid-template-columns: 100% 100% 100%;
        gap: 10px;
       }
    }
  
  li {
	padding-bottom: 16px;
	}
  
  dl, ol, ul {
	  line-height: 1.6;
	  margin-bottom: 1rem;
	  list-style-position: outside;
  }

  h1 {     
	font: normal normal bold 72px/76px "din-condensed";
	text-transform: uppercase;
  }
  
  h2 {     
	font: normal normal bold 72px/76px "din-condensed";
	text-transform: uppercase;
  }
  
  h4 {     
	font-family: "din-condensed";
	text-transform: uppercase;
  }
  
  a, .light-gray-bg a:not(.button) {
	color: #7BC24E;
	font-weight: bold;
	
	}
  
  .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after {
	border-color: #333333 transparent transparent;
	}
  
  a:hover {
	color: #7BC24E;
	font-weight: normal;
	cursor: pointer !important;
	}
  
  .light-gray-bg {
	background-color: #EFEFED;
	}
  
  p.caption {
	font-size: 12px !important;
	}
  
  .title-bar {
	display:none;
	}
  
  .FGI-header {
	padding-top: 24px;
	padding-bottom: 10px;
	background: #EFEFED 0% 0% no-repeat padding-box;
	box-shadow: 0px 4px 8px #00000029;  
	z-index: 10;
	position: fixed;
	top: 0;
	width: 100%;  
	} 
  
  .FGI-header .row .columns {
	display: flex;
	padding: 0;
	}
  
  .top-bar, .top-bar ul {
	  background-color: #EFEFED;
  }
  
  .top-bar {
	display: flex;
	flex-direction: row;
	flex-basis: 75%;
	justify-content: flex-start;
	}
  
  .top-bar a {
	font: normal normal 20px/26px "din-condensed";
	letter-spacing: 0px;
	color: #333333; 
	text-align: center;
	}
  
  .top-bar a:hover {
	opacity: .5;
	}
  
  li.is-submenu-item {
	padding-bottom: 0;
	}
  
  .img-logo {
	max-height: 48px;
	}
  
  .logo-link {
	flex-basis: 25%;
	}
  
  .menu.expanded {
	  width: 100%;
	  display: flex;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  flex-basis: 100%;
  }
  
  .medium-horizontal li:last-child {
	  display: flex;
	  flex-direction: row;
	  flex-basis: 20%;
	  justify-content: flex-end;
  }
  
  .medium-horizontal li:last-child a {
	  background-color: #7BC24E;
	  color: #fff;
	  box-shadow: 0px 2px 4px #00000076;
	  border-radius: 2px;
	  text-align: center;
	  font: normal normal 16px "din-condensed";
	  letter-spacing: 0px;
	  color: #FFFFFF;
	  text-transform: uppercase;
	  padding: 12px 12px 7px 12px;
  }

  .sub-menu li:last-child {
    position: absolute;
    right: 0;
    top: 0;
  }

.menu.medium-horizontal>li {
    display: table-cell;
    padding: 0 14px 10px;
}



  ul.submenu {
	list-style:none;
	background-color: #333;

	}
  
  .is-submenu-item a.menu-clickable-true {
	color: #fff;
   }
  
  .submenu li:last-child {
	  display: flex;
	  flex-direction: row;
	  flex-basis: 20%;
	  justify-content: center;
  }

.is-dropdown-submenu li:last-child {
position: inherit;
    right: inherit;
    top: inherit;
  
  }



.is-dropdown-submenu li:last-child a {
  font: normal normal 20px/26px "din-condensed" !important;
  }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent> a:after {
	  content: '';
	  display: block;
	  width: 0;
	  height: 0;
	  border: 5px inset;
	  border-color: #333 transparent transparent;
	  border-top-style: solid;
	  border-bottom-width: 0;
	  right: 5px;
	  margin-top: -2px;
  }

  
  .submenu li:last-child a {
	  background-color: transparent;
	  box-shadow: none;
	  border-radius: 0;
	  text-align: center;
	  font: normal normal 16px "din-condensed";
	  letter-spacing: 0px;
	  text-transform: inherit;
	  padding: 0.7rem 1rem;
	}
  
  
  .home-hero-image-fgi {
	height: 570px;
	color: #fff;
	}
  
  .home-hero-image-fgi h1 {
	font: normal normal bold 72px/76px "din-condensed";
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 1;
	padding-top: 365px;
	}
  
  .home-hero-image-fgi .large-8 {
	width: 68.66667%;
	}
  
  .hero-image-fgi {
	height: 570px;
	color: #fff;
	}
  
  /*.hero-image-fgi .fr-view {
	position: absolute;
	bottom: 0;
	left: 0;
  }*/
  
  .hero-image-fgi h1 {
	font: normal normal bold 72px/76px "din-condensed";
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 1;
	padding-top: 365px;
	}
  
  .intro-box h2 {
	text-align: left;
	font: normal normal bold 72px/76px "din-condensed";
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
	}
  
  .intro-box p {
	text-align: left;
	font: normal normal 300 24px/30px "din-condensed";
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
	}
  
  .intro-box .grid-x {
	background-color: #7BC24E;
		box-shadow: 0px 4px 8px #00000029;
	  }
  
  .intro-box .grid-container .medium-6:last-child {
	padding-top: 5rem;
	padding-bottom: 5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	}
  
  .intro-box .grid-container .medium-6 .fr-view img.fr-dib {
	margin-bottom: 0 !important;
	}
  
  .infographic {
	background-color: #023C5A;
	color: #fff;
	padding-top: 4.5rem;
	padding-bottom: 4.5rem;
	  }
  
  .infographic p {
	padding-bottom: 0px;
	font-size: 1.25rem;
	margin-bottom: 0;
	}
  
  .infographic h3 {
	text-align: center;
	font: normal normal bold 72px/78px "din-condensed";
	letter-spacing: 0px;
	color: #FFFFFF;
	margin-bottom: 0;
	}
  
  .inforgraphic p {
	text-align: center;
	font: normal normal 300 20px/78px "freight-sans-pro", sans-serif;;
	letter-spacing: 0px;
	color: #FFFFFF;
	}
  
  .feature-1, .home-feature-1 {
	background-color: #EBEBEC;
	padding-top: 5rem;
	padding-bottom: 2.5rem;
	}
  
  .calculator .harvxtraCalc .calc_row .calc_col_one em {
	  font-size: inherit;
	  font-family: inherit;
	  font-weight: 400;
	  color: #2cb34a;
  }
  
  .qualityTableTitle, .yieldTableTitle {
	  width: auto;
	  margin: 0 240px;
  }
  
  .feature-1 h3, .home-feature-1 h3 {
	font: normal normal bold 72px/78px "din-condensed";
	letter-spacing: 0px;
	color: #023C5A;
	text-transform: uppercase;
	}
  
  .feature-1 h4, .home-feature-1 h4 {
	text-align: center;
	font: normal normal bold 32px/38px "din-condensed";
	letter-spacing: 0px;
	color: #333333BF;
	opacity: 1;
	margin-bottom: 2rem;
	}
  
  .feature-1 p, .home-feature-1 p {
	font: normal normal 300 18px/24px "freight-sans-pro", sans-serif;;
	color: #333333;
	}
  
  .feature-1 h5, .home-feature-1 h5 {
	text-align: left;
	font: normal normal bold 32px/36px "din-condensed";
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #333333BF;
	}
  
  .feature-1 .large-4, .home-feature-1 .large-4, .home-feature-1 .large-6, .feature-1 .large-9 {
	background: #F5F5F7 0% 0% no-repeat padding-box;
	padding:0;
	box-shadow: 0px 4px 8px #00000029;
	padding-bottom: 24px;
  }
  
  .home-feature-1 .large-4 .fr-view, .feature-1 .large-4 .fr-view {
	height: 100%;
	display: flex;
	flex-direction: column;  
	}


  
  .home-feature-1 .large-4 .fr-view p:last-child, .feature-1 .large-4 .fr-view p:last-child {
	  margin-top: auto;
	}
  
  .feature-1 .large-9 {
	padding: 24px;
	}
  
  .feature-1 .large-4 h5, .home-feature-1 .large-4 h5, .home-feature-1 .large-6 h5 {
	margin: 0 0 16px 0;
	padding: 1rem 2rem;
	}
  
  .feature-1 .large-4 p, .feature-1 .large-4 ul, .home-feature-1 p, .home-feature-1 .large-6 p, .home-feature-1 .large-6 ul {
	margin: 0 0 24px 0;
	padding: 0 2rem;
	list-style-position: inside;
	}
.feature-2right img{
    width: -webkit-fill-available;
  height: -webkit-fill-available;
}
	
  /* Feature 2 Left */
  
  .feature-2left {
	/*background-color: #F5F5F7;*/
  }
  
  .feature-2left h2 {
	text-align: right;
	font: normal normal bold 72px/78px "din-condensed";
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 1;
	}
  
  .feature-2left h3 {
	text-align: left;
	font: normal normal bold 42px/48px "din-condensed";
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #80b144;
	opacity: 1;
	}
  
  .feature-2left .large-5 .fr-view {
	margin-right: 2rem;
	}
  
  .feature-2left .large-6 .fr-view {
	margin-left: 2rem;
	}
  
  .feature-2right .large-5 .fr-view {
	margin-left: 2rem;
	}
  
  .feature-2right .large-6 .fr-view {
	margin-right: 2rem;
	}
  
  .feature-2left h4 {
	text-align: left;
	font: normal normal bold 24px/30px "din-condensed";
	letter-spacing: 0px;
	color: #333333; 
	opacity: .75;
	}
  
  .feature-2left p {
	text-align: left;
	font: normal normal 300 18px/24px "freight-sans-pro", sans-serif;;
	letter-spacing: 0px;
	color: #333333;
	}
  
  .feature-2left li {
	text-align: left;
	font: normal normal 300 18px/24px "freight-sans-pro", sans-serif;;
	letter-spacing: 0px;
	color: #333333;
	opacity: 1;
	}
  
  .feature-2left .large-5 {
	position: relative;
	padding-left: 0;
	width: 50%;
	}
  
  .feature-2left .large-5 .fr-view {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-right: 24px;
	}
  
  
  /* .feature-2right {
	background-color: #F5F5F7;
  } */
  
  .feature-2right h2 {
	text-align: left;
	font: normal normal bold 72px/78px "din-condensed";
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 1;
	}
  
  h2.headline {
	font-size: 48px;
	line-height: 54px;
	color: #0a0a0a;
	  }
  
  h2.headline .green{
	color: #80b144;
	  }
  
  .feature-2right h3 {
	text-align: left;
	
	font: normal normal bold 42px/48px "din-condensed";
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #80b144;
	opacity: 1;
	}
  
  .feature-2right h4 {
	text-align: left;
	font: normal normal bold 24px/30px "din-condensed";
	letter-spacing: 0px;
	color: #333333;  
	opacity: .75;  
	}
  
  .feature-2right p {
	text-align: left;
	font: normal normal 300 18px/24px "freight-sans-pro", sans-serif;;
	letter-spacing: 0px;
	color: #333333;
  text-transform: none;
  
	}
  
  .feature-2right li {
	text-align: left;
	font: normal normal 300 18px/24px "freight-sans-pro", sans-serif;;
	letter-spacing: 0px;
	color: #333333;
	opacity: 1;
     text-transform: none;
	}
  
  .feature-2right .large-5 {
	position: relative;
	margin: 0;
	width: 50%;
	}
  
  .feature-2right .large-5 .fr-view {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 24px;
	}
  
  .feature-2right ul, .feature-2left ul {
		margin-left: 40px;
	}
  
  .feature-2right li, .feature-2left li {
	padding-bottom: 16px;
	}
  
  .feature-2right li:last-child, .feature-2left li:last-child {
	border-bottom: none;
	}
  
  .bgwhite {
	background-color: #fff;
	}
  
  .fr-view img.fr-dib {
	margin: 0 auto 24px auto !important;
	}
  
  p, ul {
	margin-bottom: 32px;
	}
  
  .contact-us {
	background-color:#333333;
	background-image: url("https://storwukentico03pd.blob.core.windows.net/croplanmedia/fgi/media/images/contact-us/contact-us.jpg");
	color: #fff;
	background-position: center;
	background-size: cover;
	  }
  
  .contact-us h3 {
	font: normal normal bold 32px/36px "din-condensed";
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;  
	}
  
  .contact-us p {
	text-align: left;
	font: normal normal 18px/24px "freight-sans-pro", sans-serif;;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;  
	}
  
  .contact-border h5 {
	font: normal normal bold 16px/22px "din-condensed";
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0 auto;
	}
  
  .contact-border {
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	opacity: .5;
	width: 20%;
	margin-bottom: 24px;
	text-align: center;
	padding: 9px 0 4px 0;
  }
  
  
  
  .harvxtra-intro h2 {
	font-size: 78px;
	  color: #231f20;
	  font-family: "din-condensed";
	  line-height: .9;
	  font-weight: 800;
	}
  .harvxtra-intro h2 span {
	  font-style: italic;
	  color: #2cb34a;
	  font-family: inherit;
	  font-weight: inherit;
	}
  
  .harvxtra-intro .column .fr-view img {
	  order: 1;
	  width: 25%;
	  align-self: end;
  }
  
  .FGI-footer {
	background-color:#000;
	color: #ddd;
	font-size: 13px;
	line-height: 18px;
	  }
  
  .FGI-footer a {
	color: #fff;
	font-weight: bold;
	}
  
  .FGI-footer a:hover {
	color: #fff;
	font-weight: 500;
	color: #ddd;
	}
  
  .FGI-footer h6 {
	font-size: 16px;
	}
  
  .FGI-footer img {
	width: 170px;
	}
  
  sup, sub {
	vertical-align: baseline;
	position: relative;
	top: -1.6em;
	font-size: 33%;
  }
  
  .stewardship-pillars .large-2 {
	  background-color: #EFEFED;
	  padding-top: 1.5rem;
	  padding-bottom: 1.5rem;
	  box-shadow: 0px 4px 8px #00000029;
	}
  
  .stewardship-pillars p {
	margin-bottom: 0;
	font: normal normal  20px/26px "din-condensed";  
	}
  
  
  .feature-2right a, .feature-1 a, .home-feature-1 a, .feature-2left a, button, html input[type=button], input[type=reset], input[type=submit] {
	background-color: #7BC24E;
	color: #fff;
	padding: 1rem 2rem 0.75rem 2rem;
	box-shadow: 0px 2px 4px #00000076;
	border-radius: 2px;
	text-align: center;
	font: normal normal 20px/26px "din-condensed";
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	}
  
  .footer_content p {
	font-size: 12px;
	line-height: 18px;
		margin-bottom: 16px;
	}
  
  li.tabs-title {
	padding-bottom: 0;
	}
  
  .tabs {
	box-shadow: 0px 4px 8px #00000029;
	}
  
  .tabs a {
	color: #023c5b !important;
	  }
  
  .tabs-panel {
	padding: 2rem;
	box-shadow: 0px 4px 8px #00000029;
	}
  
  .tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
	background: #023c5b;
	color: #fff !important;
  }
  
  .tabs-title>a {
	font: normal normal bold 16px/22px "din-condensed";
	}
  
  /* Calculator */
  
  .calculator .harvxtraCalc .calc_row {
	  display: flex;
	  width: 100%;
	  justify-content: space-between;
	  align-items: center;
	  margin: 15px 0 0 0;
	  min-height: 61px;
  }
  
  .calculator .harvxtraCalc .calc_row .calc_col_one {
	  color: #231f20;
	  font-size: 16px;
	  font-family: "freight-sans-pro", sans-serif;
	  font-weight: 300;
      padding-right: 8px;
  }


.calculator {
  padding-top: 0 !important;
  }

.posrel {
    position: relative;
}

.percentagesign input {
    padding: 0 14px 0 14px;
}

.calculator .harvxtraCalc .calc_row .percentagesign:after {
    color: #0075bc;
    font-size: 18px;
    font-family: "aktiv-grotesk-condensed";
    right: 10px;
    top: 17px;
    font-weight: 800;
}

.percentagesign:after {
    content: "%";
    position: absolute;
    top: 16px;
    right: 13px;
}

.calculator .harvxtraCalc .calc_row .dollarsign input {
    padding-left: 22px;
}

.calculator .harvxtraCalc .calc_row .dollarsign:after {
    color: #0075bc;
    font-size: 18px;
    font-family: "aktiv-grotesk-condensed";
    left: 10px;
    top: 17px;
    font-weight: 800;
}

.dollarsign:after {
    content: "$";
    position: absolute;
    top: 15px;
    left: 15px;
}
  
  .calculator .harvxtraCalc .calc_row input {
	  height: 61px;
	  border: 1px solid #eaeaea;
	  border-radius: 10px;
	  box-shadow: none;
	  max-width: 170px;
	  margin: 0;
	  color: #231f20;
	  font-size: 18px;
	  font-family: "freight-sans-pro", sans-serif;
	  font-weight: 800;
	  text-align: center;
	  min-width: 170px;
  }
  
  .calculator .harvxtraCalc {
	  background-color: #fff;
	  box-shadow: 0 0 16px #0000001f;
	  border-radius: 8px;
	  padding: 50px !important;
	  margin: 40px 0 100px;
  }
  
  .calculator .harvxtraCalc .calc_col_three .dollar {
	  color: #0075bc;
	  font-size: 18px;
	  font-family: "freight-sans-pro", sans-serif;
	  left: 10px;
	  top: 17px;
	  font-weight: 800;
  }
  
  .harvxtraCalc+.foot-note {
	  font-size: 13px;
	  color: #a1a1a1;
	  font-family: "freight-sans-pro", sans-serif;
	  font-weight: 400;
	  margin: -70px 0 100px;
	  font-style: italic;
  }
  
  .harvxtra-intro p {
	  font-family: "raleway",sans-serif;
	  font-size: 16px;
	  color: #231f20;
	  margin: 15px 0 0;
	  font-weight: 600;
	  order: 2;
	  width: 90%;
	  margin-left: auto;
	  line-height: 1.8;  
	}
  
  .harvxtra-operation .h3 {
	  text-align: center;
	  color: #231f20;
	  letter-spacing: 2px;
	  font-size: 10px;
	  text-transform: uppercase;
	  font-family: "raleway",sans-serif;
  }
  
  .harvxtra-operation small {
	  font-family: "raleway",sans-serif;
	  font-weight: 600;
	  font-size: 9px;
	  letter-spacing: .53px;
	  color: #231f20 !important;
  }
  
  .harvxtra-operation li.tabs-title {
	  width: 33%;
	text-align: center;
	border-right: solid 1px #0075bc;
  }
  
  .harvxtra-operation li.tabs-title:last-child {
	border-right: none;
  }
  
  .harvxtra-operation .tabs-title>a:focus, .harvxtra-operation .tabs-title>a[aria-selected=true] {
	background-color: #fff;
	}
  
  .harvxtra-operation .tabs-title>a:focus div, .harvxtra-operation .tabs-title>a[aria-selected=true] div {
	color: #2cb34a;
	font-family: "aktiv-grotesk-condensed";
	font-size: 30px;
	line-height: 1;
	font-weight: 800;  
	}
  
  .harvxtra-operation .tabs-title>a {
	font-family: "aktiv-grotesk-condensed";
	font-size: 30px;
	line-height: 1;
	color: #231f20;
	}
  
  small {
	line-height: inherit;
	}
  
  .harvxtra-operation .tabs {
	border:none;
	box-shadow: none;
	margin-top: 20px;
	border-top: solid 1px #0075bc;
	}
  
  .harvxtra-operation .tabs-panel {
	  background-color: #0075bc;
	  text-align: center;
	  padding: 40px 40px 20px;
	  min-height: 450px;
  }
  
  .harvxtra-operation .tabs-content {
	border:none;
	}
  
  .harvxtra-operation .item img {
	  width: 420px;
	  box-shadow: 0 0 12px 12px rgba(0,0,0,.1);
		float: left !important;
  }
  
  
  /* element.style {
  } */
  .harvxtra-operation .operation-text {
	  margin: 0 20px 0 450px;
	  text-align: left;
	  padding: 20px 20px 20px 40px;
	  display: flex;
	  flex-wrap: wrap;
	  position: relative;
  }
  
  .harvxtra-operation .item .operation-text a {
	  margin-top: 32px;
	  align-self: end;
  }
  
  .fgi-btn, .fgi-btn-primary, .fgi-btn-primary:focus {
	  font-family: "raleway",sans-serif;
	  color: #fff;
	  text-transform: uppercase;
	  font-size: 16px;
	  padding: 15px 40px;
	  display: inline-block;
	  border: solid 1px #fff;
	  cursor: pointer;
	  font-weight: 600;
	  text-align: center;
	  text-decoration: none;
	  letter-spacing: 1.3px;
	  transition: all .3s linear;
  }
  
  .fgi-btn-primary, .fgi-btn-primary:focus {
	  background-image: url(https://storwukentico03pd.blob.core.windows.net/croplanmedia/fgi/media/images/tech/xicon.png);
	  background-repeat: no-repeat;
	  background-position: 90% center;
	  background-size: 25px;
	  padding-right: 90px;
	color: #fff;
  }
  
  .harvxtra-operation .item .operation-text div {
	  font-size: 10px;
	  font-family: "aktiv-grotesk-condensed";
	  text-transform: uppercase;
	  letter-spacing: 1.62px;
	  color: #fff;
	  font-weight: 700;
  }
  
  .harvxtra-operation .operation-text p {
	  color: #fff;
	  font-size: 30px;
	  font-family: "raleway",sans-serif;
	  font-weight: 800;
	  line-height: 1.35;
	  position: relative;
	  z-index: 1;
  }
  
  /*.HarvXtraWork {
	margin-top: -120px;
	float: left;
	width: 100%;
	height: 680px;
	overflow: hidden;
	background-color: #0075bc;
	background-image: url(https://storwukentico03pd.blob.core.windows.net/croplanmedia/fgi/media/images/tech/harvxtra-interstitial-image1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;  
  }*/
  
  .HarvXtraWork h3 {
	  font-size: 73px;
	  color: #fff;
	  font-family: "aktiv-grotesk-condensed";
	  line-height: .9;
	  font-weight: 900;
  }
  
  .HarvXtraWork .cell {
	  position: relative;
	  margin-top: 90px;
  }
  
  .HarvXtraWork h3 span {
	  font-style: italic;
	  color: #2cb34a;
	  font-family: inherit;
	  font-weight: inherit;
  }
  
  .HarvXtraWork p {
	  font-family: "raleway",sans-serif;
	  font-size: 20px;
	  color: #fff;
	  margin: 40px 0;
	  max-width: 500px;
	  line-height: 1.7;
  }
  
  .HarvXtraWork p {
	  font-size: 22px;
	color: #fff;
  }
  .harvXtra-contact .form-heading .h3 {
	  font-size: 55px;
	  text-transform: uppercase;
	  font-family: "aktiv-grotesk-condensed";
	  color: #fff !important;
	  margin: 0;
	  font-weight: 800;
  }
  .harvXtra-contact .form-heading {
	  padding: 50px 0;
  }
  
  .harvXtra-contact {
	  text-align: center;
	  color: #fff;
	  background-size: 100% 100%;
	background-color: #1e1c1d;
  }
  
  .harvXtra-contact .form-heading .h3 em {
	  color: #2cb34a;
	  font-family: inherit;
	  font-weight: inherit;
  }
  
  .harvXtra-contact .h4:after {
	  width: 72px;
	  height: 12px;
	  content: "";
	  background-color: #2cb34a;
	  display: block;
	  margin: 30px 0;
	  margin-left: auto;
  }
  
  .harvXtra-contact .h4 {
	  font-family: "raleway",sans-serif;
	  color: #fff;
	  font-weight: 700;
	  font-size: 30px;
	  letter-spacing: .2px;
	  line-height: 1.2;
  }
  
  .harvXtra-contact .large-offset-2 {
	  text-align: right;
  }
  
  .harvXtra-contact .cell-no {
	  color: #2cb34a;
	  font-size: 38px;
	  font-family: "aktiv-grotesk-condensed";
	  margin: 0;
	  line-height: 1;
	  font-weight: 900;
  }
  
  .harvXtra-contact input.form-control, .harvXtra-contact textarea {
	  height: 61px;
	  background: #fff;
	  border: 2px solid #e2e2e2;
	  border-radius: 3px;
	  font-weight: 400;
	  font-size: 16px;
	  color: #000a05;
  }
  
  .harvXtra-contact .cell {
	  padding: 0 60px;
  }
  
  .harvXtra-contact .form-footer {
	  padding: 50px 0;
  }
  
  .harvXtra-contact .large-4 {
	  text-align: left;
	  border-left: 1px solid #3f3d3e;
  }
  
  .harvXtra-contact .large-offset-2 {
	  text-align: right;
	  border-left: none;
  }
  
  
  .harvXtra-contact input[type=submit] {
	  color: #fff;
	  background-color: #2cb34a;
	  border-radius: 3px;
	  padding: 16px 25px;
	  font-family: "raleway",sans-serif;
	  font-size: 16px;
	  letter-spacing: 1.92px;
	  text-transform: uppercase;
	  font-weight: 600;
	  border: 0;
	  transition: all .3s linear;
	  display: block;
	  margin-left: auto;
	  margin-top: 16px;
  }
  
  /* .cutting-edge {
  } */
  
  .cutting-edge h3 {
	  font-size: 50px;
	  color: #fff;
	  font-family: "aktiv-grotesk-condensed";
	  line-height: .9;
	  font-weight: 800;
  }
  
  .cutting-edge h3 span {
	  font-style: italic;
	  color: #2cb34a;
	  font-family: inherit;
	  font-weight: inherit;
  }
  
  .cutting-edge p {
	  font-family: "raleway",sans-serif;
	  font-size: 20px;
	  color: #fff;
	  font-weight: 600;
	  margin: 20px 0;
	  max-width: none;
	  line-height: 1.3;
  }
  
  .HarvXtraWork .cell:before {
	  content: "";
	  width: 30px;
	  height: 30px;
	  position: absolute;
	  background-image: url(https://storwukentico03pd.blob.core.windows.net/croplanmedia/fgi/media/images/tech/xicon.png);
	  background-repeat: no-repeat;
	  background-position: center;
	  left: -40px;
	  top: 12px;
	  background-size: 30px;
  }
  
  .banner-section {
	/*height: 630px;*/
	padding-top: 140px;
	}
  
  .banner-section h1 {
	  font-size: 92px;
	  color: #fff;
	  font-family: "aktiv-grotesk-condensed";
	  line-height: .9;
	  font-weight: 900;
	  text-transform: uppercase;
  }
  
  .banner-section h1 span {
	  font-style: italic;
	  color: #2cb34a;
	  font-family: inherit;
	  font-weight: inherit;
  }
  
  .banner-section p {
	  font-family: "raleway",sans-serif;
	  font-size: 20px;
	  color: #fff;
	  margin: 40px 0;
	  line-height: 1.7;
  }
  
  .HarvXtraWork .cell:after {
	  content: "";
	  height: 2px;
	  background-color: #fff;
	  width: 2000px;
	  left: -2050px;
	  top: 25px;
	  position: absolute;
  }
  
  .cutting-edge .large-offset-5 {
	padding: 44px 0;
	}
  .harvxtra-intro .cell:before {
  content: "";
	  width: 30px;
	  height: 30px;
	  position: absolute;
	  background-image: url(https://storwukentico03pd.blob.core.windows.net/croplanmedia/fgi/media/images/tech/xicongreen.png);
	  background-repeat: no-repeat;
	  background-position: center;
	  left: 572px;
	  top: 725px;
	  background-size: 30px;
	}
  .harvxtra-intro .cell:after {
	  content: "";
	  height: 79px;
	  background-color: #2cb34a;
	  width: 2px;
	  left: 586px;
	  top: 630px;
	  position: absolute;
  }
  
  .banner-section .medium-offset-2 {
	text-align: center;
	}
  
  .banner-section .video-container .video-head span {
	  color: #fff;
	  letter-spacing: 1.92px;
	  font-size: 12px;
	  font-family: "raleway",sans-serif;
  }
  
  .banner-section .background-img {
	  position: absolute;
	  width: 100%;
	  height: 750px;
	  left: 0;
	  top: 0;
	  z-index: -1;
	  object-fit: cover;
  }
  
  .banner-section .video-container .sun-info .h2 {
	  font-size: 62px;
	  color: #231f20;
	  font-family: "aktiv-grotesk-condensed";
	  line-height: .9;
	  font-weight: 900;
	  margin-top: 21px;
	  text-align: left;
  }
  
  .banner-section .video-container .sun-info .h2 span {
	  font-style: italic;
	  color: #2cb34a;
	  font-family: inherit;
	  font-weight: inherit;
  }
  
  .banner-section .video-container .sun-info:before {
	  content: "";
	  width: 30px;
	  height: 30px;
	  position: absolute;
	  background-image: url(/FGI/media/Images/HarvXtra/XIconGreen.png);
	  background-repeat: no-repeat;
	  background-position: center;
	  right: 10px;
	  top: 20px;
	  background-size: 30px;
  }
  
  .banner-section .video-container .sun-info p {
	  font-family: "raleway",sans-serif;
	  font-size: 16px;
	  color: #231f20;
	  line-height: 1.9;
	  text-align: left;
	  margin: 30px 0 30px 90px;
	  font-weight: 600;
  }
  
  .info-points {
	  padding: 60px 0;
	text-align:center;
  }
  
  .info-points img {
	  max-height: 125px;
	  margin-bottom: 10px;
  }
  
  .info-points .h3 {
	  font-size: 24px;
	  color: #0075bc;
	  font-family: "aktiv-grotesk-condensed";
	  line-height: 1.2;
	  font-weight: 800;
	  margin: 28px 38px 0;
  }
  
  .info-points p {
	  font-family: "raleway",sans-serif;
	  font-size: 16px;
	  color: #231f20;
	  line-height: 1.9;
	  font-weight: 600;
	  margin: 10px 38px 0;
  }
  
  .quality-section {
	  margin: 50px;
	  padding: 110px 0;
	  background-color: #edebec;
  }
  
  .quality-section .h3 {
	  font-size: 51px;
	  color: #231f20;
	  font-family: "aktiv-grotesk-condensed";
	  line-height: 1.1;
	  font-weight: 900;
	  margin-top: 21px;
	  text-align: left;
	  margin-top: 50px;
  }
  
  .quality-section .h3 span {
	  font-style: italic;
	  color: #2cb34a;
	  font-family: inherit;
	  font-weight: inherit;
	  display: block;
  }
  
  .quality-section p {
	  font-family: "raleway",sans-serif;
	  font-size: 16px;
	  color: #231f20;
	  line-height: 1.9;
	  text-align: left;
	  font-weight: 600;
  }
  
  .addtional-resources {
	  margin-top: 30px;
	  padding-bottom: 80px;
  }
  
  .addtional-resources h4 {
	  text-align: center;
	  font-family: "aktiv-grotesk-condensed";
	  font-weight: 900;
	  font-size: 50px;
	  line-height: .9;
	  letter-spacing: .22px;
	  color: #231f20;
	  position: relative;
  }
  
  .addtional-resources h4:before {
	  content: "";
	  width: 30px;
	  height: 30px;
	  position: absolute;
	  background-image: url(https://storwukentico03pd.blob.core.windows.net/croplanmedia/fgi/media/images/tech/xicongreen.png);
	  background-repeat: no-repeat;
	  background-position: center;
	  left: 50%;
	  top: -39px;
	  background-size: 30px;
	  margin-left: -15px;
  }
  
  .addtional-resources h4:after {
  content: "";
	  height: 54px;
	  background-color: #2cb34a;
	  width: 1px;
	  left: 50%;
	  top: -99px;
	  position: absolute;
  }
  
  .addtional-resources h4 span {
	  font-family: inherit;
	  font-size: inherit;
	  font-weight: inherit;
	  color: #2cb34a;
	  font-style: italic;
  }
  
  .addtional-resources .doc-link-box {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
  }
  
  .addtional-resources .doc-link-box .doc-link {
	  box-shadow: 0 0 3px #00000026;
	  border-bottom: solid 15px #287fca;
	  display: block;
	  padding: 80px 30px 34px;
	  width: 23%;
	  margin-top: 30px;
	  text-decoration: none;
	  transition: all .2s linear;
	  position: relative;
  }
  
  .addtional-resources .doc-link-box .doc-link .type {
	  font-family: "raleway",sans-serif;
	  font-size: 8px;
	  color: #000;
	  margin-bottom: 12px;
	  display: block;
	  letter-spacing: 1.44px;
	  font-weight: 600;
  }
  
  
  .addtional-resources .doc-link-box .doc-link .name {
	  font-family: "aktiv-grotesk-condensed";
	  font-size: 19px;
	  font-weight: 900;
	  line-height: 1.25;
	  color: #2cb34a;
	  margin-bottom: 22px;
	  display: block;
  }
  
  .addtional-resources .doc-link-box .doc-link .fas {
	  width: 26px;
	  height: 26px;
	  color: #0075bc;
	  border-radius: 50%;
	  border: solid 2px #0075bc;
	  position: absolute;
	  left: 28px;
	  bottom: 18px;
	  font-size: 14px;
	  font-weight: 600;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  
  .fa-arrow-down:before {
	  content: "\f063";
  }
  
  .addtional-resources .doc-link-box .doc-link:hover {
	  box-shadow: 0 10px 15px 3px rgba(0,0,0,.2);
  }
  
  .addtional-resources .doc-link-box .doc-link:hover .name {
	  color: #0074bc;
  }
  
  .fgi-btn-primary:hover, .fgi-btn-primary:focus:hover {
	  border-color: #2cb34a;
	  background-color: #2cb34a;
	  color: #fff;
		font-weight: 600;
  }
  
  .banner-section small {
	  color: #fff;
	  letter-spacing: 1.92px;
	  font-family: "raleway",sans-serif;
	  font-size: 12px;
	  font-weight: 600;
  }
  
  .right {
	text-align: left;
	}
  
  .harvXtra-contact .right .h4:after {
	margin-left: 0;
	}
  
  .hv-testimonials .h3 {
	  font-family: "aktiv-grotesk-condensed";
	  font-weight: 800;
	  font-size: 48px;
	  line-height: .9;
	  color: #231f20;
  }
  
  .hv-testimonials {
	  position: relative;
	  padding: 82px 0;
	  min-height: 580px;
  }
  
  .hv-testimonials .h3 span {
	  font-family: inherit;
	  font-size: inherit;
	  font-weight: inherit;
	  color: #2cb34a;
	  font-style: italic;
  }
  
  .hv-testimonials p {
	  margin-top: 30px;
	  font-family: "raleway",sans-serif;
	  font-size: 16px;
	  color: #231f20;
	  font-weight: 600;
	  max-width: none;
	  line-height: 1.8;
  }
  
  .calculator-tile {
	  background-color: #231e20;
	  text-align: center;
	  color: #fff;
	  background-size: 100% 100%;
	  position: relative;
  }
  
  .calculator-tile .h3 {
	  font-family: "aktiv-grotesk-condensed";
	  font-weight: 800;
	  font-size: 40px;
	  line-height: .9;
	  color: #fff;
	  padding: 56px 0;
  }
  
  .calculator-tile .h3 em {
	  font-family: inherit;
	  font-size: inherit;
	  font-weight: inherit;
	  color: #2cb34a;
	  font-style: italic;
  }
  
  .calculator-tile .cal-tile a img {
	  margin-bottom: 20px;
  }
  
  .calculator-tile .cal-tile a h5 {
	  font-family: "aktiv-grotesk-condensed";
	  font-weight: 800;
	  font-size: 30px;
	  line-height: .9;
	  color: #2cb34a;
	  margin-top: 5px;
  }
  
  .calculator-tile .cal-tile a small {
	  letter-spacing: .53px;
	  font-size: 9px;
	  font-family: "raleway",sans-serif;
	color: #fff;
  }
  
  
  .calculator-tile .foot-note {
	  padding: 30px 0 60px 0;
	  border-top: 1px solid #e5e5e5;
	  font-size: 11px;
	  font-family: "raleway",sans-serif;
	  line-height: 1.8;
	  font-weight: 600;
	  color: #fff;
	  text-align: left;
	  margin-top: 60px;
  }
  
  .cutting-edge-flexibilty {
		padding-top: 7rem;
	  height: 465px;
	  margin-top: 0;
	  margin-bottom: 100px;
	  z-index: 2;
  }
  
  .cutting-edge-flexibilty h3 {
	  font-size: 50px;
	  color: #fff;
	  font-family: "aktiv-grotesk-condensed";
	  line-height: .9;
	  font-weight: 800;
  }
  
  .cutting-edge-flexibilty h3 span {
	  font-style: italic;
	  color: #2cb34a;
	  font-family: inherit;
	  font-weight: inherit;
  }
  
  .cutting-edge-flexibilty p {
	  font-family: "raleway",sans-serif;
	  font-size: 20px;
	  color: #fff;
	  font-weight: 600;
	  margin: 20px 0;
	  max-width: none;
	  line-height: 1.3;
  }
  
  .calculator {
	padding-top: 0;
	}
  
  .intro-section h2 {
	  font-size: 78px;
	  color: #231f20;
	  line-height: .9;
	  font-weight: 800;
	  max-width: 940px;
  }
  
  .intro-section h2 span {
	  font-style: italic;
	  color: #2cb34a;
	  font-family: inherit;
	  font-weight: inherit;
  }
  
  .intro-section p {
	  font-family: "raleway",sans-serif;
	  font-size: 16px;
	  color: #231f20;
	  margin: 15px 0 0;
	  font-weight: 600;
	  margin-left: auto;
	  line-height: 1.8;
  }
  
  .intro-section .column img {
	  order: 1;
	  width: 50%;
	  align-self: end;
  }
  
  .bread-crumbs-link {
	  width: 100%;
	  align-self: flex-start;
	  position: relative;
	  z-index: 2;
  }
  
  .bread-crumbs-link .column>a, .bread-crumbs-link .column>span {
	  text-decoration: none;
	  color: #fff;
	  margin: 0 5px;
	  font-family: "raleway",sans-serif;
	  font-size: 12px;
	  font-weight: 600;
  }
  
  .bread-crumbs-link {
	  color: #fff;
	  font-family: "raleway",sans-serif;
	  font-size: 12px;
  }
  
  .white-bg {
	background-color: #fff;
	padding-top: 0;
	padding-bottom: 48px;
	}
  
  
  .custom-footer {
	background-color: #000;
	color: #ddd;
	}
  
  .custom-footer p, .custom-footer h6, .custom-footer div {
	  font-size: 12px;
	  line-height: 18px;
	}
  
  .custom-footer .medium-6 {
	border-right: 1px solid #686868;
	}
  
  .custom-footer hr {
	color: #686868;
	}
  
  .no-hero-image {
	margin-top: 200px;
	  }
  
  .feature-2right a:hover, .feature-1 a:hover, .home-feature-1 a:hover, .feature-2left a:hover, button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	background-color: #405b28;
	transition-duration: 0.3s;
	box-shadow: none;
	transition-property: color, background-color, box-shadow;
	}
  
  .tab-feature h3 {
	   text-align: left;
	  font: normal normal bold 42px/48px "din-condensed";
	  text-transform: uppercase;
	  letter-spacing: 0px;
	  color: #80b144;
	  opacity: 1; 
	}
  
  .tab-feature h5 {
	  font: normal normal bold 48px/54px "din-condensed";
	  text-transform: uppercase;  
	}

.field-validation-error {
  color: #ff0000;
  font-weight: bold;
  }
  
	/*FGI insight detail screen start */
  
  .Insights.breadcrumb {
	  font-size: 14px;
	  font-weight: 300;
	  margin-top: 150px;
  }
  .Insights.breadcrumb ul {
	  list-style: none;
	  overflow: hidden;
	  margin-left: 0;
	  padding-top: 15px;
  }
  .Insights.breadcrumb ul li {
	  float: left;
	  padding-right: 5px;
	  font-family: 'freight-sans-pro';
      font-size: 12px;
  }


  .Insights.breadcrumb ul li:not(last-child) a {
	  color: #4CAE31;
	  font-weight: 400;
  }
  .Insights.breadcrumb ul li:not(:last-child):after {
	  height: 14px;
	  margin: 0 0 0 4px;
	  content: "/";
  }
  .InsightDetail {
	  height: calc(100% - 200px);
	  padding-bottom: 100px;
  }
  .InsightDetail .content-wrapper.insightDetails {
	  padding-right: 4.8rem;
	 /*right side image style*/
  }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
	  .InsightDetail .content-wrapper.insightDetails {
		  width: 100%;
	 }
  
	 .widget_section:nth-child(1) {
	  margin-top: 0px !important;
	}
  
  }
 .main-container .pageNotFound__section{
    margin-top: 200px;
    margin-bottom: 216px;
    display: flex;
    justify-content: center;
    text-align: center;
  }
@media only screen and (max-width: 1024px){
  .main-container .pageNotFound__section{
    margin-bottom: 137px;
    }
}
  @media only screen and (max-width: 40em) {
	  .InsightDetail .content-wrapper.insightDetails {
		  padding-right: 0;
	 }
  }
  .InsightDetail .content-wrapper.insightDetails .auth-section {
	  display: flex;
	  justify-content: space-between;
	  width: 100%;
	  margin-bottom: 26px;
  }
  
  .InsightDetail .content-wrapper.insightDetails .auth-section .authors{
	  font-family: 'din-condensed';
	  font-size: 13px;
	  
  }
  .InsightDetail .content-wrapper.insightDetails .auth-section .authors strong {
	  font-weight: 700;
	  font-size: 18px;
  }
  .InsightDetail .content-wrapper.insightDetails .auth-section .fb-share {
	  font-family: "freight-sans-pro", sans-serif;
	  display: flex;
	  align-items: center;
	  font-size: 21px;
  }
  .InsightDetail .content-wrapper.insightDetails .auth-section .fb-share a {
	  color: #4CAE31;
	  font-weight: normal;
  }
  .InsightDetail .content-wrapper.insightDetails .auth-section .fb-share .fb-icon {
	  background: #4CAE31;
	  border-radius: 50%;
	  display: inline-block;
	  text-align: center;
	  color: white;
	  padding: 2px 10px;
  }
  .InsightDetail .content-wrapper.insightDetails .reviewDet-header {
	  padding-bottom: 0;
  }
  .InsightDetail .content-wrapper.insightDetails .reviewDet-header h1 {
	  font-family: 'din-condensed';
	  font-weight: 700;
	  font-style: normal;
	  font-size: 42px;
	  line-height: 40px;
	  text-align: left;
	  color: #303030;
	  padding-top: 5px;
      text-transform: uppercase;
  }

  .insightDetailsContentSection h2 {
    font: normal normal bold 28px/30px "din-condensed";
    text-transform: uppercase;
    /*padding-top: 116px;
    margin-bottom: -25px;*/  
  }

  .InsightDetail .content-wrapper.insightDetails .header-bar {
	 /* border-bottom: 2px solid grey;
	  padding-top: 7px;
	  padding-bottom: 14px;
	  margin-bottom: 20px;
	 */
	  width: 100%;
  }
  .InsightDetail .content-wrapper.insightDetails .header-bar .insightDetail-date {
	  font-family: 'din-condensed';
	  /* font-weight: 600; */
	  font-style: normal;
	  font-size: 12px;
	  line-height: 2;
	  color: #5a5a5a;
	  margin: 0;
  }
  .InsightDetail .content-wrapper.insightDetails .header-bar .insightDetail-date li {
	  display: inline-block;
	  list-style-type: none;
	  margin-right: 7px;
	  font-size: 13px;
	  color: #5a5a5a;
	  margin-top: 20px;
	  padding-bottom: 8px !important;
  }
  .InsightDetail .content-wrapper.insightDetails .img-coint {
	  float: right;
	  margin: 0 0 1rem 1rem;
	  max-width: 275px;
  }
  .InsightDetail .content-wrapper.insightDetails .img-coint img {
	  width: 275px;
	  height: 454px;
  }
  @media only screen and (max-width: 40em) {
	.Insights.breadcrumb{
		margin-top: 100px;
	}
	  .InsightDetail .content-wrapper.insightDetails .img-coint {
		  float: inherit;
		  margin: 0;
		  max-width: 100%;
	 }
	 .InsightDetail .content-wrapper.insightDetails .img-coint img {
	  height: auto;
	 }
	 .InsightDetail .content-wrapper.insightDetails .reviewDet-header h1{
	  font-size: 24px;
	  line-height: 24px;
	 }
	 .InsightDetail .content-wrapper.insightDetails .auth-section .fb-share{
	  font-size: 18px;
	 }
	 .InsightDetail .content-wrapper.insightDetails .header-bar .insightDetail-date li{
	  margin-top: 10px;
	 }
	 .widget_section:nth-child(1) {
	  margin-top: 0px !important;
	}
  
  }
  .InsightDetail .content-wrapper.insightDetails .page-content {
	  padding: 10px 0;
  }
  .InsightDetail .content-wrapper.insightDetails .page-content .insightDetails-text {
	  font-family: 'din-condensed';
	  font-style: normal;
	  font-weight: 300;
	  font-size: 16px;
	  color: #000000;
	  margin-bottom: 53px;
  }
  
  .InsightDetail .content-wrapper.insightDetails .page-content .insightDetails-text h2 {
	  font-family: 'din-condensed';
	  font-size: 21px;
	  color: #000000;
	  line-height: 28px;
  }
  
  /* .InsightDetail .content-wrapper.insightDetails .page-content .insightDetails-text a{
	  color: #7ac24f;
  } */
  
  .InsightDetail .content-wrapper.insightDetails .page-content .insightDetails-text small {
	  font: normal normal 300 12px/16px "freight-sans-pro", sans-serif
	  /* font-size: 16px; */
  }
  .InsightDetail .content-wrapper.insightDetails .full-image-width.img-coint {
	  width: 100%;
	  float: inherit;
	  max-width: 100%;
	  margin: 0 0 10px 0;
  }
  .InsightDetail .content-wrapper.insightDetails .full-image-width.img-coint img {
	  width: 100%;
  }
  .InsightDetail .content-wrapper.insightDetails hr {
	  color: #005f61;
	  background-color: #436c30;
	  height: 5px;
	  width: 200px;
	  border-bottom: none;
	 /*margin-top: 2rem;
	 */
	  margin-bottom: 2rem;
	  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16);
  }
  .InsightDetail .sidebar-head {
	  color: #95989a;
	  position: relative;
	  padding-bottom: 10px;
	  border-bottom: 1px solid #eee;
	  margin-bottom: 25px;
	  font-family: 'din-condensed';
	  font-style: normal;
	  font-weight: 300;
	  padding-top: 2rem;
  }
  .InsightDetail .sidebar-head:after {
	  content: "";
	  position: absolute;
	  width: 100px;
	  height: 6px;
	  left: 0;
	  bottom: 0;
	  color: #4CAE31;
	  background: #4CAE31;
  }
  .InsightDetail .sidebar .newsblock {
	  margin-bottom: 20px;
	  cursor: pointer;
  }
  .InsightDetail .sidebar .newsblock h3 {
	  line-height: 1rem;
  }
  .InsightDetail .sidebar .newsblock h3 a {
	  font-size: 14px;
	  color: #52743d;
	  font-weight: bold;
  }
  .InsightDetail .sidebar .newsblock .date {
	  font-size: 12px;
  }
  .InsightDetail .news-search {
	  padding-top: 15px;
  }
  .InsightDetail .news-search .searchbox {
	  height: 36px;
  }
  .InsightDetail .news-search .searchbox .search-area {
	  font-size: 16px;
	  padding-left: 11px;
	  font-family: 'din-condensed';
	  font-style: normal;
	  font-weight: 400;
	  float: left;
	  width: 85%;
	  background: #eee;
	  border: 0;
	  border-bottom: 1px solid #436c30;
	  height: 36px;
  }
  .InsightDetail .news-search .searchbox .winsrch-btn {
	  float: right;
	  width: 15%;
	  padding: 0;
	  background: #397317;
	  font-size: 18px;
	  color: #fff;
	  height: 36px;
	  text-align: center;
  }
  .InsightDetail .news-search .searchbox .winsrch-btn .fa-magnifying-glass {
	  position: relative;
	  top: 7px;
  }
  /*common layout code*/
  .grid-container {
	  max-width: 80rem;
  }
  .mb-1 {
	  margin-bottom: 1rem;
  }
  @media screen and (min-width: 64em) {
	  .recentOrRelatedInsights {
		  width: 75%;
	 }
	  .noRecentOrRelatedInsights {
		  width: 100%;
	 }
  }
  @media screen and (max-width: 64em) {
	  .recentOrRelatedInsights {
		  width: 100%;
	 }
  }
  /* .widget_section {
	 padding-left: 2rem;
	 
  } */
  .widget_section .article_cards {
	  width: 100%;
	  margin-bottom: 30px;
	  margin-top: 55px;
	  height: auto;
	  background-color: #fff;
	  box-shadow: 2px 6px 8px 0 rgba(0, 0, 0, .15);
	  position: relative;
  }
  .widget_section .article_cards .insight-image {
	  height: 200px;
	  width: 100%;
	  object-fit: cover;
	  background-color: #efefef;
  }
  .widget_section .article_cards .content_top {
	  padding: 25px 16px 28px 20px;
  }
  .widget_section .article_cards .content_top .categories {
	  font-family: 'freight-sans-pro';
        font-weight: 300;
	  font-style: normal;
	  font-size: 12px;
	  line-height: 24px;
	  color: #000;
	  position: relative;
	  padding-bottom: 9px;
  
  }
  .widget_section .article_cards .content_top .categories:after {
	  content: "";
	  display: block;
	  position: absolute;
	  width: 45px;
	  height: 0;
	  bottom: 0;
	  left: 0;
	  border-bottom: solid 3px #7BC24E;
  }
  .widget_section .article_cards .content_top h4 {
	  margin-top: 20px;
	  /*min-height: 108px;*/
	  max-width: 420px;
  }
  .widget_section .article_cards .content_top h4 a {
	  font-family: 'din-condensed';
	  font-weight: 800;
	  font-style: normal;
	  font-size: 23px;
	  line-height: 1;
	  color:#4CAE31;
  }
  .widget_section .article_cards .card_footer {
	  padding: 14px 0 30px 6px;
  }
  .widget_section .article_cards .card_footer .btn.btn-yellow {
	  font-family: 'din-condensed';
	  font-weight: 800;
	  font-style: normal;
	  background-color: #7BC24E;
	  color: #FFFFFF;
	  line-height: 1;
	  display: inline-block;
	  padding: 13px 18px;
	  text-transform: uppercase;
	  font-size: 18px;
  }
  .widget_section .article_cards .card_footer .date {
	  display: inline-block;
	  margin-left: 19px;
	  font-family: 'freight-sans-pro';
	  font-weight: 300;
	  font-style: normal;
	  font-size: 12px;
	  line-height: 2;
	  color: #5a5a5a;
  }
  
  .load-more-right{
	  width: 100%;
	  font-family: 'din-condensed';
	  font-weight: 800;
	  font-style: normal;
	  background-color: #f9c606;
	  color: #3c3c3c;
	  line-height: 1;
	  display: inline-block;
	  padding: 13px 18px;
	  text-transform: uppercase;
	  font-size: 18px;
	  margin-bottom: 20px;
  }
  
  .widget_section:nth-child(1) {
	  margin-top: 75px;
	}
  
  /*FGI insight detail screen end */

input[type=submit] {
  margin-top: 24px;
  }

/*harvxtra*/

@media only screen and (max-width: 48em) {
    .wf-img-bg {
        padding-top:0;
        background-size: auto 100%;
        background-position: center;
        height: auto
    }
}

@media only screen and (max-width: 768px) {
    .newsBannerContainer {
        height:312px
    }

    .newsBannerContainer .overlay-text {
        top: 67px
    }
}

@media only screen and (max-width: 39.9375em) {
    .newsBannerContainer .overlay-text {
        top:204px;
        height: 96px;
        width: 230px;
        line-height: 96px
    }

    .newsBannerContainer .overlay-text h1 {
        height: 96px;
        line-height: 96px;
        font-size: 29px
    }
}

@media only screen and (max-width: 1024px) {
    .fgi-btn,.fgi-btn-primary,.fgi-btn-primary:focus {
        padding-left:15px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .banner-section {
        display:block;
        height: auto;
        padding-top: 60px
    }
}


@media only screen and (max-width: 800px) {
    .banner-section .row h1 {
        font-size:58px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .banner-section .row h1 {
        margin-top:40px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .banner-section .row p {
        font-size:17px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .banner-section .row .fgi-btn-primary {
        margin:10px -10px 20px;
        width: auto;
        display: block;
        text-align: left
    }
}

@media only screen and (max-width: 47.9375rem) {
    .banner-section.HarvXtraWork {
        height:auto
    }
}

@media only screen and (max-width: 47.9375rem) {
    .banner-section.HarvXtraWork .HarvXtraWorkBkg-img {
        position:static;
        display: block;
        height: auto
    }
}

@media only screen and (max-width: 47.9375rem) {
    .banner-section.HarvXtraWork {
        margin-top:0
    }
}

@media only screen and (max-width: 47.9375rem) {
    .banner-section.HarvXtraWork .column {
        margin-top:20px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .banner-section.HarvXtraWork h3 {
        font-size:46px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .banner-section.HarvXtraWork p {
        margin-top:18px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .banner-section.HarvXtraWork .fgi-btn-primary {
        margin:10px 0 30px
    }
}

@media only screen and (max-width: 47.9375rem) {
    #pageNav+.banner-section:after {
        content:"";
        position: absolute;
        display: block;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 100px;
        background-color: #fff
    }
}

@media only screen and (max-width: 47.9375rem) {
    .intro-section {
        margin-top:112px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .intro-section .column:before {
        left:46%;
        top: -48px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .intro-section .column:after {
        left:49.5%;
        top: -152.4px;
        height: 100px
    }
}

@media only screen and (max-width: 800px) {
    .intro-section .column h2 {
        font-size:56px
    }
}

@media only screen and (max-width: 800px) {
    .intro-section .column p {
        width:70%
    }
}

@media only screen and (max-width: 47.9375rem) {
    .intro-section .column p {
        width:100%;
        order: 1
    }
}

@media only screen and (max-width: 47.9375rem) {
    .intro-section .column img {
        width:50%;
        margin: 40px auto 20px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .harvxtra-operation #sync1 .item {
        padding:10px;
        display: block
    }
}

@media only screen and (max-width: 47.9375rem) {
    .harvxtra-operation #sync1 .item>img {
        width:100%;
        position: static;
        height: auto;
        align-self: flex-start
    }
}

@media only screen and (max-width: 47.9375rem) {
    .harvxtra-operation #sync1 .item .operation-text {
        margin:20px 0 0 0;
        padding: 24px 13px 13px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .harvxtra-operation #sync1 .item .operation-text a {
        font-size:13px;
        text-align: left
    }
}

@media only screen and (max-width: 540px) {
    .harvxtra-operation #sync1 .item .operation-text a {
        padding-left:13px;
        padding-right: 50px;
        display: block;
        width: 100%
    }
}

@media only screen and (max-width: 47.9375rem) {
    .harvxtra-operation #sync2 .owl-stage-outer .owl-item .item {
        padding:10px 5px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .harvxtra-operation #sync2 .owl-stage-outer .owl-item .item div {
        font-size:20px
    }
}

@media only screen and (max-width: 540px) {
    .harvxtra-operation #sync2 .owl-stage-outer .owl-item .item div {
        font-size:15px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .harvxtra-operation #sync1.owl-theme .owl-prev {
        top:27%
    }
}

@media only screen and (max-width: 47.9375rem) {
    .harvxtra-operation #sync1.owl-theme .owl-next {
        top:27%
    }
}

@media only screen and (max-width: 47.9375rem) {
    .cutting-edge {
        height:auto;
        padding-top: 35px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .cutting-edge .cutting-edge-img {
        position:static;
        display: block;
        height: 250px;
        object-position: left
    }
}

@media only screen and (max-width: 47.9375rem) {
    .cutting-edge .row h3 {
        font-size:37px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .cutting-edge .row p {
        font-size:18px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .cutting-edge .row .fgi-btn {
        margin:25px 0 30px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .cutting-edge .form-container {
        bottom:auto
    }
}

@media only screen and (max-width: 47.9375rem) {
    .cutting-edge .form-container textarea {
        min-height:300px
    }
}

.is-dropdown-submenu li:last-child a {
    background-color: #333;
    border: none;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    font: normal normal 16px "din-condensed";
    letter-spacing: 0px;
    text-transform: inherit;
    padding: 0.7rem 1rem;
}

.is-dropdown-submenu li:last-child a:hover {
  opacity:1;
  color: #969696; 
  }

.short-desc {
    font: normal normal 300 14px/20px Helvetica;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  margin: auto 16px;
}

.category {
  display: none;
  }

.agronomic-insight-title {
  font: normal normal bold 24px/30px DIN Condensed;
  letter-spacing: 0px;
  color: #333333;
  margin: 4px 16px 0;

  }

.card_footer {
  margin: auto 16px;
  font: normal normal 300 10px/20px Helvetica;
  padding: 16px 0;
  }

.agronomic-insight-box {
  background: #F5F5F7 0% 0% no-repeat padding-box;
  margin: 0;
  }

.insightsCell {
  margin: 16px auto;
  }

.text-center h3.agronomic-insight-title {
  display:none;
  }

.agronomic-insight-image {
  width: 100%;
  }

.list-bread {
  display:none;
  }

.art {
  background-color: #F5F5F7;
  margin: 8px;
  }

.art-desc {
  padding: 16px;
  }

.art-desc p {
font: normal normal 300 14px/20px Helvetica;  
  }

a.art-title {
  font: normal normal bold 24px/30px DIN Condensed;  
  color: #333333;
  }

a.read-more {
  padding-bottom: 16px;
  font: normal normal bold 14px/20px DIN Condensed;
  letter-spacing: 0px;
  color: #7BC24E;
  text-transform: uppercase;  
  }

#filter-search {
  background-color: #F5F5F7;
    font: normal normal bold 16px/22px DIN Condensed;
  letter-spacing: 0px;
  color: #333333;
  }

.medium-4 {
    width: 50%;
}

.is-dropdown-submenu {
  border: none;
  border-bottom: none;
  border-bottom-color:#333;
  background-color: red;
  
  }

.insightDetails-text {
  normal normal 300 18px/24px "freight-sans-pro", sans-serif;
  }

.InsightDetail .content-wrapper.insightDetails .page-content .insightDetails-text {
  font: normal normal 300 18px/24px "freight-sans-pro", sans-serif !important;
  }
.calculator .harvxtraCalc .calc_row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0 0 0;
    min-height: 61px;
    border-bottom: 1px solid #efefed;
    padding-bottom: 16px;
}

.calculator .harvxtraCalc .calc_row:last-child {
  border-bottom: none;
  }

.art-desc p {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 5; /* number of lines to show */
           line-clamp: 5; 
   -webkit-box-orient: vertical;}  

a.art-title {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;}  

.art-img {
  max-height: 170px;
   overflow: hidden;
  width: 100%;
  }

.art-sec {
    margin: 12px 0;
    min-height: 465px;
}

.art-sec:last-child:not(:first-child) {
    float: left;
}
  

@media only screen and (max-width: 910px) {
    .FGI-header .row .columns {
        display: block;
    }
}
@media only screen and (min-width:640px) and (max-width: 910px) {
    .FGI-header .sub-menu li:last-child{
        top: -45px;
    }
}
/*Fgi menu for mobile*/
@media only screen and (max-width: 639px) {
 .FGI-header .title-bar{
        float: right;
    }

    .FGI-header .menu.medium-horizontal>li{
        display: block;
    }
    .FGI-header .sub-menu.menu.expanded {       
        position: relative;
        margin-top: 0;
        display: flex!important;
        width: 100%!important;
        flex-direction: column;
        padding-top: 3rem;
        max-height: 300px;
        overflow-y: auto;
    }
  .FGI-header .dropdown.menu.vertical>li .is-dropdown-submenu{
        position: relative;
        background: #EFEFED;
    }
    .FGI-header .is-submenu-item a.menu-clickable-true{
        color: #333333;
        background: #EFEFED!important;
        font-size: 16px!important;
    }
    .FGI-header .sub-menu.expanded ul li ul li:last-child{
        top: 0;
    }
  .FGI-header .is-dropdown-submenu li:last-child{
    top: inherit!important;
  }
}	

.harvxtra-second-p .h2 {
    font-size: 62px;
    color: #231f20;
    font-family: "aktiv-grotesk-condensed";
    line-height: .9;
    font-weight: 900;
    margin-top: 21px;
    text-align: left;
}

.harvxtra-second-p .h2 span {
    font-style: italic;
    color: #2cb34a;
    font-family: inherit;
    font-weight: inherit;
}

.operation-text div {
  width: 100%;
  }

.banner-section {
    padding-top: 140px;
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
}

label {
  color: #fff;
  }

/* Meet my needs */

.quiz-question {
    margin-top: 114px;
    padding: 80px 0 30px 0;
    background-image: url(/FGI/media/Images/HarvXtra/quiz-bkg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}

.quiz-question .que-slide .hv-question img {
    width: 180px;
    margin-left: 50px;
}
.quiz-question .que-slide .hv-question {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
    color: #fff;
    font-family: "raleway",sans-serif;
    line-height: .9;
    font-weight: 700;
    font-size: 32px;
  text-transform: capitalize;
}

.quiz-question .que-slide .hv-ans .radio-btn label {
    min-height: 174px;
    border-radius: 7px;
    background-color: #fff;
    font-size: 22px;
    font-family: "raleway",sans-serif;
    font-weight: 700;
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    width: 32%;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #231f20;
}

.quiz-question .que-slide .hv-ans .first_ques_section label[for="hv-que1-1"] {
    margin-right: 20px;
}

.quiz-question .que-slide .next-prev-btn.next {
    float: right;
}

.quiz-question .que-slide .next-prev-btn {
    font-size: 19px;
    font-weight: 800;
    font-family: "aktiv-grotesk-condensed";
    text-transform: uppercase;
    margin-top: 60px;
    color: #fff;
    text-decoration: none;
    float: left;
}

.quiz-question .que-slide .hv-ans .radio-btn input {
    display: none;
}

quiz-question .que-slide .hv-ans .radio-btn input[type="checkbox"]+label:after {
    border-radius: 0;
}

.quiz-question .que-slide .hv-ans .radio-btn label:after {
    min-width: 35px;
    margin-left: 10px;
    height: 35px;
    content: "";
    border: solid 1px #d3d3d3;
    border-radius: 50%;
    justify-content: space-between;
}

.quiz-question .que-slide .hv-ans .radio-btn input:checked+label:after {
    content: "✓";
    color: #2cb34a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #2cb34a;
}

.quiz-question .exit {
    font-size: 19px;
    font-weight: 800;
    font-family: "aktiv-grotesk-condensed";
    text-transform: uppercase;
    margin-top: 60px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-top: 30px;
}
@media screen and (min-width: 64em) {
.no-hero-image .large-8 {
    margin-left: -60px;
    widtH: 116%;
}
  }

/*tablet portrait*/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
h2 {
    font: normal normal bold 54px/60px "din-condensed";
    text-transform: uppercase;
}

  .calculator .large-8 {
    width: 100%;
}
  
  .qualityTableTitle, .yieldTableTitle {
    width: auto;
    margin: 0 24px;
}
  
.home-hero-image-fgi h1 {
     font: normal normal bold 54px/60px "din-condensed";   
    }
  .img-logo {
    max-height: 35px;
    margin-left: 24px;
}
  
  .intro-box h2 {
    text-align: left;
    font: normal normal bold 50px/56px "din-condensed";
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
  
  .intro-box p {
    text-align: left;
    font: normal normal 300 18px/24px "din-condensed";
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
 
.feature-1 h3, .home-feature-1 h3 {
    font: normal normal bold 54px/60px "din-condensed";
    letter-spacing: 0px;
    color: #023C5A;
    text-transform: uppercase;
}  
  
  .feature-1 h4, .home-feature-1 h4 {
    text-align: center;
    font: normal normal bold 24px/30px "din-condensed";
    letter-spacing: 0px;
    color: #333333BF;
    opacity: 1;
    margin-bottom: 2rem;
}
  
  .intro-box {
    margin-right: 3rem;
    margin-left: 3rem;
    }

  .infographic h3 {
    text-align: center;
    font: normal normal bold 38px/44px "din-condensed";
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 0;
}
  
  .infographic p {
    padding-bottom: 0px;
    font-size: 1.25rem;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
}
  
  .feature-1 h5, .home-feature-1 h5 {
    text-align: left;
    font: normal normal bold 20px/26px "din-condensed";
    text-transform: uppercase;
    letter-spacing: 0px;
    color: #333333BF;
}
  
  .feature-1 p, .home-feature-1 p {
      font: normal normal 300 14px/20px "freight-sans-pro", sans-serif;
    color: #333333;
}
  
  .intro-box .medium-6 {
    width: 100%;
    }
  
   .intro-box .medium-6:first-child {
    padding:0;
    display:none;
    }
  
  .intro-box .fr-view img.fr-dib {
    margin: 0 !important;
    width: 100%;
    }
  
  .feature-2left h2 {
    font: normal normal bold 50px/56px "din-condensed";
    }
  
  .harvXtra-contact .h4 {
    font-family: "raleway",sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: .2px;
    line-height: 1.2;
}
  .harvXtra-contact .cell-no {
    color: #2cb34a;
    font-size: 24px;
    font-family: "aktiv-grotesk-condensed";
    margin: 0;
    line-height: 1;
    font-weight: 900;
}
  
  .harvXtra-contact .form-heading .h3 {
    font-size: 32px;
    text-transform: uppercase;
    font-family: "aktiv-grotesk-condensed";
    color: #fff !important;
    margin: 0;
    font-weight: 800;
}
  
  .banner-section .medium-8 {
    width: 66.66667%
    }
  
  .banner-section h1 {
       font-size: 70px;
    color: #fff;
    font-family: "aktiv-grotesk-condensed";
    line-height: .9;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 21px;
}
  
  .harvxtra-operation .operation-text {
    margin: 0;
    text-align: left;
    padding: 20px 20px 20px 40px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}
  
 .cutting-edge h3 {
    font-size: 38px;
    color: #fff;
    font-family: "aktiv-grotesk-condensed";
    line-height: .9;
    font-weight: 800;
}
  
  .HarvXtraWork h3 {
    font-size: 54px;
    color: #fff;
    font-family: "aktiv-grotesk-condensed";
    line-height: .9;
    font-weight: 900;
}
.HarvXtraWork p {
    font-size: 18px;
    color: #fff;
}  
  
  .hero-image-fgi h1 {
    font: normal normal bold 50px/56px "din-condensed";
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    padding-top: 365px;
}
  
  .form-field {
    width: 100%;}
  
  .footer_content .grid-x>.medium-2 {
    width: 25%;
}
  
 .footer_content .medium-6 {
    width: 25%;
    }
  li.tabs-title {
    padding-bottom: 0;
    width: 100%;
}
  
  .is-dropdown-submenu li a {
    font: normal normal 16px/22px "din-condensed" !important;
}
   .FGI-header .is-dropdown-submenu li:last-child a {
    top: inherit;
    font: normal normal 16px/22px "din-condensed" !important;
}
  
.art-sec {
    width: 33%;
}
  
.is-dropdown-submenu li:last-child {
    position: inherit;
    right: inherit;
    top: inherit !important;
}
.harvXtra-contact .cell {
    padding: 0 34px;
}  
  
  .calculator .harvxtraCalc {
    background-color: #fff;
    box-shadow: 0 0 16px #0000001f;
    border-radius: 8px;
    padding: 50px !important;
    margin: 40px 0 20px;
}
  
  .harvxtraCalc+.foot-note {
    font-size: 13px;
    color: #a1a1a1;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 400;
    margin: 0;
    font-style: italic;
}
  
  }


.quiz-question .que-slide .hv-ans .radio-btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.quiz-question .que-slide .hv-ans .first_ques_section {
    justify-content: flex-start;
}

.quiz-question .que-slide .fgi-submit {
    float: right;
    color: #fff;
    background-color: #2cb34a;
    border-radius: 3px;
    font-family: "raleway",sans-serif;
    text-transform: uppercase;
    border: 0;
    transition: all .3s linear;
    display: block;
    margin-left: auto;
    padding: 15px 25px;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 800;
    text-decoration: none;
    margin-top: 60px;
}


.quiz-question .que-slide .hv-ans .radio-btn label[for="hv-que3-5"] {
    margin: 0 auto 20px 10px;
}


/*mobile*/
@media only screen and (max-width: 40em) {
  
  
.calculator .small-12 {
    width: 100%;
    }
  
  .calculator {
    display: block;
    height: auto;
    margin-top: 0 !important;
    padding-top: 60px;
}
  
  .no-hero-image {
    margin-top: 134px;
}
  
  .calculator .harvxtraCalc {
    padding: 0 !important;
    box-shadow: none;
}
  
  .calculator .harvxtraCalc .calc_row {
    display: block;
}
  
  .calculator .harvxtraCalc .calc_row input {
    width: 100%;
    max-width: none;
    text-align: left;
}
  
  .qualityTableTitle, .yieldTableTitle {
    margin: 0;
    }
  
  .calculator .harvxtraCalc .border-top .calc_col_one {
    margin-top: 15px;
}
  
.ytvideo, .intro-box div.large-6:first-child, .feature-2right h2, .feature-2left h2, .bread-crumbs-link {
  display:none;
  }
  
  .infographic h3 {
    text-align: center;
    font: normal normal bold 48px/78px "din-condensed";
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 0;
}
  
  .infographic p {
    padding-bottom: 0px;
    font-size: 14px;
    margin-bottom: 0;
}
  
  .feature-1 h4, .home-feature-1 h4 {
    text-align: center;
    font: normal normal bold 18px/24px "din-condensed";
    letter-spacing: 0px;
    color: #333333BF;
    opacity: 1;
    margin-bottom: 2rem;
}
  
  .harvxtra-operation .operation-text {
    margin: 0;
    text-align: left;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
  
  .banner-section .background-img {
    position: absolute;
    width: 100%;
    height: 750px;
    left: 0;
    top: 0;
    z-index: -1;
    object-fit: cover;
}
  
.quiz-question .que-slide .hv-ans .first_ques_section {
    justify-content: flex-start;
}

.quiz-question .que-slide .hv-ans .radio-btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.quiz-question .que-slide .hv-ans .radio-btn label {
    min-height: 174px;
    border-radius: 7px;
    background-color: #fff;
    font-size: 22px;
    font-family: "raleway",sans-serif;
    font-weight: 700;
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    width: 32%;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #231f20;
}

.quiz-question .que-slide .hv-ans .first_ques_section {
    justify-content: flex-start;
}

.quiz-question .que-slide .fgi-submit {
    float: right;
    color: #fff;
    background-color: #2cb34a;
    border-radius: 3px;
    font-family: "raleway",sans-serif;
    text-transform: uppercase;
    border: 0;
    transition: all .3s linear;
    display: block;
    margin-left: auto;
    padding: 15px 25px;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 800;
    text-decoration: none;
    margin-top: 60px;
}

/*mobile*/

@media only screen and (max-width: 40em) {
  
  .logo-link {
    flex-basis: 45%;
    margin-left: 16px;
  } 
  
  .title-bar {
    background: none;
   margin-left: auto;
    }
  button.menu-icon {
    background-color: #EFEFED;
    }
.menu-icon:after {
    content: '';
    position: absolute;
    width: 35%;
    height: 3px;
    background: #333;
    top: 5px;
    left: 0;
    box-shadow: 0 7px 0 #333, 0 14px 0 #333;
    margin: 1px 20px;
}  
.menu-icon:hover::after{
	box-shadow: 0 7px 0 #333, 0 14px 0 #333;
	background: #333;
}
  
  .menu-icon {
    background-color: none;
    box-shadow:none;
      }

  .home-hero-image-fgi h1, .hero-image-fgi h1 {
    padding-top: 300px;
    font-size: 50px;
    line-height: 56px;
    }
  
  .feature-1 h3, .home-feature-1 h3, h2  {
    font-size: 34px;
    line-height: 40px;
    }
  
  .intro-box h2 {
    text-align: left;
    font: normal normal bold 48px/54px "din-condensed";
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
  
  .feature-2right, .feature-2left {
    background-image: none;
    background-color: #ebebeb;
    padding: 16px;
    padding-left: 16px;
    padding-right: 16px;
}
  
  .feature-2left .large-6 .fr-view {
    margin-left: 0;
    }
  
  .contact-us {
    background-image:none;
    }
  
  .tabs-title {
    width: 100%;
}
  
  
  .banner-section h1  {
    font-size: 58px;
    }
  
  .banner-section {
    display: block;
    height: auto;
margin-top: 81px;
    padding-top: 60px;
}
  
.banner-section p {
    font-size: 17px;
    margin-bottom: 30px;
}  
.intro-section h2 {
    font-size: 56px;
    }
  
.intro-section h2 span {
    font-style: italic;
    color: #2cb34a;
    font-family: inherit;
    font-weight: inherit;
    font-size: 56px;
}  
.intro-section .large-offset-2 img {
    width: 50%;
    margin: 40px auto 20px;
}  
  
  .harvxtra-operation .tabs-title>a:focus div, .harvxtra-operation .tabs-title>a[aria-selected=true] div {
    color: #2cb34a;
    font-family: "aktiv-grotesk-condensed";
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
}
  
  .harvxtra-operation .tabs-title>a {
    font-family: "aktiv-grotesk-condensed";
    font-size: 15px;
    line-height: 1;
    color: #231f20;
}
  
  .harvxtra-operation .operation-text p {
    font-size: 22px;
}
  
  .harvXtra-contact .form-heading .h3 {
    font-size: 37px;
    }
  
.harvXtra-contact .cell {
    padding: 0 0px;
}  
  
  .harvXtra-contact .form-heading {
    padding: 50px 0;
}
  
  .harvXtra-contact .h4, .harvXtra-contact .cell-no {
    text-align:center;
    }
  .harvXtra-contact .cell-no {
      margin-bottom: 32px;
  }
  .harvXtra-contact .h4:after {
    margin: 30px auto;
    }
  
  .HarvXtraWork h3 {
    font-size: 46px;
    }
  .banner-section.HarvXtraWork p {
    font-size: 22px;
    }
 .HarvXtraWork {
  background-color: #0075bc;
    background-image: none;
    height: auto;
    }
  .ktc-default-section {
      padding: 0 24px
  }
  
  .harvXtra-contact input[type=submit] {
    margin: 16px auto;
  }
  
.addtional-resources .doc-link-box .doc-link {
    width: 100%;
    margin: 15px 20px;
}
  
  .quality-section {
    padding: 0;
    margin: 0;
    }
  
  .info-points p {
    margin: 10px 38px 40px;
    border-bottom: 1px solid #edebec;
    padding-bottom: 40px;
}
  
 .banner-section .video-container .sun-info .h2 {
    font-size: 33px;
}
  .banner-section .video-container .sun-info p {
    margin: 0;
    }
  
.banner-section .background-img {
    position: absolute;
    width: 100%;
    height: 750px;
    left: 0;
    top: 0;
    z-index: 1;
    object-fit: cover;
}  
  
  .quiz-question .que-slide .hv-question {
    color: #0075bc;
    margin: 20px 0;
    font-size: 24px;
    line-height: 1.2;
}
  
      .quiz-question {
        margin-top:110px;
        background: none;
        background-color: #e5e5e5;
        position: relative
    }


.quiz-question .que-slide .hv-question {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
    color: #fff;
    font-family: "raleway",sans-serif;
    line-height: .9;
    font-weight: 700;
    font-size: 32px
}

    .quiz-question .que-slide .hv-question {
        color:#0075bc;
        margin: 20px 0;
        font-size: 24px;
        line-height: 1.2
    }

.quiz-question .que-slide .hv-question img {
    width: 180px;
    margin-left: 50px
}

    .quiz-question .que-slide .hv-question img {
        display:none
    }

.quiz-question .que-slide .hv-ans .radio-btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.quiz-question .que-slide .hv-ans .radio-btn input {
    display: none
}

.quiz-question .que-slide .hv-ans .radio-btn label {
    min-height: 174px;
    border-radius: 7px;
    background-color: #fff;
    font-size: 22px;
    font-family: "raleway",sans-serif;
    font-weight: 700;
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    width: 32%;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #231f20
}

    .quiz-question .que-slide .hv-ans .radio-btn label {
        width:100%;
        min-height: 70px;
        font-size: 15px
    }

    .quiz-question .que-slide .hv-ans .radio-btn label[for="hv-que3-4"] {
        margin:0 0 20px 0
    }

    .quiz-question .que-slide .hv-ans .radio-btn label[for="hv-que3-5"] {
        margin:0
    }

    .quiz-question .que-slide .hv-ans .radio-btn label:after {
        height:22px;
        min-width: 22px;
        font-size: 14px
    }

    .quiz-question .que-slide .hv-ans .first_ques_section label[for="hv-que1-1"] {
        margin-right:0
    }

    .quiz-question .que-slide .next-prev-btn {
        color:#231f20
    }

    .quiz-question .que-slide .fgi-submit {
        width:100%;
        text-align: center
    }

    .quiz-question .exit {
        margin:20px 0;
        border-bottom: 1px solid #fff;
        display: inline-block;
        width: 90%;
        position: absolute;
        top: 0;
        left: 5%;
        padding: 15px 0;
        color: #0075bc
    }

.quiz-question .que-slide .hv-ans .radio-btn label {
    width: 100%;
    min-height: 70px;
    font-size: 15px;
}

.quiz-question .que-slide .hv-question {
    color: #0075bc;
    margin: 20px 0;
    font-size: 24px;
    line-height: 1.2;
}
  
}
  
.video-head img {
    Display:none;
    }}
  
   /*convertion richtext gokul*/
  
  .feature-alfalfa-section{
  padding-left: 1.2rem;
  margin: 0 1rem;
  }
  .feature-alfalfa-section .feature-section-featured_image{
    height: 100%
  }
  .feature-alfalfa-section h2{
    text-align: left;
    font: normal normal bold 72px / 76px "din-condensed";
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
  }
  .feature-alfalfa-section p{
    text-align: left;
    font: normal normal 300 24px / 30px "din-condensed";
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
  }
.feature-alfalfa-section .feature-section-large__content{
  padding:3rem 1.2rem;
  align-items: center;
}

@media only screen and (max-width: 639px) {
  .feature-alfalfa-section .feature-section-large--image-bg{
  padding: 1rem;
}
  .feature-large-home-fgi .feature-section-large__image-wrapper img{
  
  display:none;
  }
  .feature-listing-home .feature-section-large{
      min-height: 0 !important;
	  height:100%;
  }
  .feature-alfalfa-section{
  padding-left: 0;
  }
  .feature-alfalfa-section .hero-image-fgi{
    background-color: rgba(0,0,0,0.5);
  }
}
p.star {
    border-bottom: 2px solid grey;
    background: red;
}
.home-feature-1 .ImageListWidget .feature-section-large{
    background: #F5F5F7 0% 0% no-repeat padding-box;
    padding: 0;
    box-shadow: 0px 4px 8px #00000029;
    padding-bottom: 24px;
}
.home-feature-1 .ImageListWidget .feature-section-large .button-group{
    padding: 0 2rem;
}
.home-feature-1 .ImageListWidget .feature-section-large .button-group .button{
position: absolute;
    bottom: 5px;
}
.home-feature-1 .ImageListWidget .feature-section-large .imagelist{
    margin-bottom: 24px;
}
.home-feature-1 .ImageListWidget .feature-section-large .feature-list_content h4{
      margin: 0 0 16px 0;
    padding: 1rem 2rem;
      text-align: left;

}
.fgi-youtube-video .video{
    padding: 5rem 2rem;
}
.fgi-youtube-video .iframeDimensions {
    height: 290px;
    width: 515px;
}

/*.feature-listing-home .ImageListWidget .default.cell:nth-child(1) .button-group {
  margin-top: 48px;
}
.feature-listing-home .ImageListWidget .default.cell:nth-child(2) .button-group {
  margin-top: 110px;
}*/
.feature-2right{
    text-align: left;
    font: normal normal bold 42px / 48px "din-condensed";
    text-transform: uppercase;
    letter-spacing: 0px;
    color: #80b144 !important;
    opacity: 1;
}
    .feature-2right-p{
  text-align: left;
    font: normal normal 300 18px / 24px "freight-sans-pro", sans-serif;
    letter-spacing: 0px;
    color: #333333 !important;
}
.feature-large-home-fgi .button-group .button{
    background-color: #7BC24E;
    color: #fff;
    padding: 1rem 2rem 0.75rem 2rem;
    box-shadow: 0px 2px 4px #00000076;
    border-radius: 2px;
    text-align: center;
    font: normal normal 20px / 26px "din-condensed";
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
} 

.banner-home-fgi{
    height: 100%;
}
.banner-home-fgi .leftAlign{
    height: inherit;
}
.banner-home-fgi img{
    height: 100%;
}
.feature-large-home-fgi img{
height:100%;
}
.contact-us-desc h3{
    font: normal normal bold 32px / 36px "din-condensed";
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.contact-us-desc p{
text-align: left;
    font: normal normal 18px / 24px "freight-sans-pro", sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.form-home-fgi .cell:nth-child(2){
          padding-right: .9375rem;
        padding-left: .9375rem;

}
.feature-listing-home .feature-section-large{
    position: relative;
    min-height: 37rem;
}
.feature-alfalfa-section {
  background-color: white !important;
}
.feature-alfalfa-section .grid-container{
    background-color: #7BC24E !important;
      max-width: 80rem;
  
}
@media only screen and (min-width: 1440px){
.feature-large-home-fgi.feature-section-large--flipped .feature-section-large__content{
  display: block;
}
.feature-large-home-fgi.feature-section-large--flipped .feature-section-large__content> .cell{
    width: 33rem;
    float: right;
}
  .feature-large-home-fgi  .feature-section-large__content> .cell{
    width: 33rem;
}
  }
/*widget conversion css*/
  .Harvtra-logo{
    background-size: 180px;
    background-repeat: no-repeat;
    margin-top: 15px;
}
.farm-button .button-group a{
    font-size: 16px;
    color: #fff;
    padding: 20px 40px;
    border: solid 1px #fff;
    letter-spacing: 1.3px;
    font-family: "raleway", sans-serif;
    background-image: url(https://storwukentico03pd.blob.core.windows.net/croplanmedia/fgi/media/images/tech/xicon.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 25px;
    padding-right: 90px;
}
.farm-button .button-group a:hover{
    border-color: #2cb34a;
    background-color: #2cb34a;
    color: #fff;
    font-weight: 600;
    cursor: pointer !important;
}
.HeroImage-space h1{
width:80%;
}
.home-feature-1 .ImageListWidget .feature-section-large{
    min-height: 37rem;
}
.home-feature-1 .ImageListWidget .feature-section-large ul{
    margin: 0 0 24px 0;
    padding: 0 2rem;
    list-style-position: inside;
}
@media only screen and (max-width: 1023px)
  {
.home-feature-1 .ImageListWidget .feature-section-large{
    min-height: 37rem;
}
}
.tab-feature-heading{
    font: normal normal bold 48px/54px "din-condensed";
    text-transform: uppercase;
}

/* kishore changes */

.feature-large-home-fgi.feature-large-home-fgi .button-group .button:hover{
	background-color: #405b28;
    transition-duration: 0.3s;
    box-shadow: none;
    transition-property: color, background-color, box-shadow;
}

.feature-largeB-padding .grid-container{
	padding:0;
}

@media only screen and (max-width:640px){
.feature-largeB-padding .feature-section-large .feature-2right-p{
	padding:0 16px;
}

.feature-largeB-padding .feature-section-large .button-group{
	padding:0 16px;
}
}

@media only screen and (max-width: 40em) {
	.feature-alfalfa-section h2, .feature-1 h3, .home-feature-1 h3, h2 {
       font: normal normal bold 48px / 54px "din-condensed";
           
    }
}


@media only screen and (max-width: 640px) {
    .home-feature-1 .ImageListWidget .feature-section-large {
       margin-bottom: 30px;
    }
	
	.feature-listing-home .grid-padding-x>.cell{
	  margin-top: .625rem;
      margin-bottom: .625rem;
	}
}