@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
/* Note: If in Draft this stylesheet will need to be published to stage to enable you to see layouts within the page output viewer in CrownPeak ============================================================ */
/* SAM UPDATE (22/03/2016) */
.micro-site-container .two-col-image-tile h1      {color: #005463 !important; text-transform:none !important;}
div.field-content h1, h2, h3                      {text-transform: none !important;}
.main_content 																		{padding:0px 30px; padding-top:30px; clear:both;}
.onecolumn 																				{width:100%; }
.twocolumn 																				{width:50%; float:left;}
.threecolumn 																			{width:33.33%; float:left;}
/* SAM UPDATE (22/03/2016) */
/* ---- HEADINGS ---- */
H1, H2, H3, H4 																		{font-family:proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important;}
H1                                              	{font-size:48px; font-weight:400; text-transform: none;}
H1 STRONG                                       	{font-weight:700;}
H1 SUP                                          	{/*font-size:1.5em;*/}
H2                                              	{font-size:42px; color:#C91D1C; font-weight:700; margin-top:0}}
H2 STRONG                                       	{font-weight:700;}
H2 SUP                                          	{/*font-size:1.5em;*/}
.authorable H2,
H2.section-heading																{position:relative; min-height:64px; border-bottom:2px solid #DDD; margin-bottom:24px; font-size:42px; color:#333; 
  																								 text-transform:uppercase !important;}
.authorable H2 STRONG,
H2.section-heading STRONG 												{position:absolute; z-index:100; display:inline-block; min-height:64px; border-bottom:2px solid #FF6400; font-weight:400; color:#333 !important; padding-top:4px;}
H3                                              	{font-size:32px; color:#C91D1C; font-weight:700; margin-top:0}
H3.section-subheading 														{margin-bottom:18px;}
H4                                              	{font-size:24px; color:#555555; font-weight:600; margin-top:0}
BODY {
  font-family:Arial, Helvetica, sans-serif !important; 
  font-style: normal; 
  font-weight: 400; 
  color:#6C6F70;
  max-width: none;
  width: 100%;
  padding: 0
}
#main {
  max-width: 1024px;
  margin: 0 auto;
  padding: 10px
}
/* ---- PARAGRAPHS ---- */
P,                                               
.authorable P																			{
  font-family:Arial, Helvetica, sans-serif !important; 
  font-size:17px; 
  line-height:1.4; 
  color:#555; 
  font-weight:400}
P STRONG                                        	{font-weight:700;}
.authorable P.intro-text                       		{font-family:proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important;
  																								 font-size:22px !important; font-weight:700;}
button, .button {
      transition: background-color 300ms ease-in-out;
}
.two-col-image-tile.no-img .authorable 						{position:relative;}
.two-col-image-tile.no-img .authorable > P				{clear:left; width:52.5% !important; overflow:hidden;}
/*
.pad .authorable 																	{position:relative; overflow:visible;}
.pad .authorable > P															{clear:left; width:52.5% !important; overflow:hidden;}
*/
/* .fullwidth{padding:0 !important;} */
/* Active sticky nav content padding */
.micro-site-nav-megamenu.sticky + .col-md-8.col-sm-8    {padding-top:76px;}
body {
  /*transition: all 0.5s ease; 
  -webkit-transition: all 0.5s ease;*/
}
sub, sup 																					{font-size: 60%;}
DL 																								{padding-top:12px;}
DT 																								{font-size:22px;}
DD 																								{margin-left:32px; margin-bottom:16px; font-size:16px;}
#header 																					{width:100%;}
.sec-left 																				{width:58%;}
.sec-right 																				{width:20%; padding-left:0%;}
.sec-lnav 																				{width:20%; float:left;}
.sec-right-lnav 																	{width:80%; float:left;}
/* For Simparica only */
.main-nav {display:none !important;}
/* End */
.logo-container 																	{position:relative !important;}
.logo-container img 															{float:left !important; padding:0 !important; max-height:120% !important; height:auto !important; max-width:100% !important;}
.micro-site-container .logo-container 						{height:auto; width:100%; overflow:hidden;}
.logo-opt-buttons 																{position:absolute !important; z-index:300; right:0 !important; bottom:84% !important; 
  																								 min-width:200px !important; min-height:48px !important;}
.breadcrumb > p                                   {font: 400 1.06em Arial, Helvetica, sans-serif !important;}
.scroll-arrow                                     {text-align:center; max-width:55px; width:100%; margin:0 auto; height:55px; margin-top:30px; clear:both;}
.ref_content_block {padding:0px 30px;}
/* UPPER BANNER ================================================================================================================================ */
.upper_banner                                     {background-color:#272b36; min-height:80px; padding: 15px 20px 15px 30px; overflow:hidden; border-bottom:5px solid #FF6400;}
.ub_content_left                                  {float:left; width:50%;}
.ub_content_right                                 {float:right; width:50%; text-align:right;}
.ub_content_right p                               {font-size:54px !important; line-height:60px; padding-top:8px; margin:0; text-transform:uppercase; color:#ffffff; font-family: proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important;}
@media (max-width: 599px) {
  .nav-megamenu .nav-toggle-btn {
      top: 10px;
  }
}
@media (max-width: 979px) {
  .nav-megamenu .nav-toggle-btn {
      top: 22px;
  }
  .header-standard .search-box-container {
      padding-top: 0px;
  }
  .header-standard .nav-search-container {
      padding-right: 120px;
  }
}
/* CUSTOM BANNER ================================================================================================================================ */
.cust_banner {
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;
  width:100%;  
  min-height: 360px;
  display: flex;
  position:relative;
}
.mainIndex .cust_banner {
  min-height: 410px
}
.cust_banner_content {
  padding: 24px 42px;
  height:auto;
  width: 100%;
  background: -moz-radial-gradient(center, ellipse cover, rgba(51,51,51,0.66) 0%, rgba(51,51,51,0.67) 13%, rgba(51,51,51,0.42) 67%, rgba(51,51,51,0.05) 95%, rgba(51,51,51,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(51,51,51,0.66) 0%,rgba(51,51,51,0.67) 13%,rgba(51,51,51,0.42) 67%,rgba(51,51,51,0.05) 95%,rgba(51,51,51,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(51,51,51,0.66) 0%,rgba(51,51,51,0.67) 13%,rgba(51,51,51,0.42) 67%,rgba(51,51,51,0.05) 95%,rgba(51,51,51,0) 100%);
}
.mainIndex .cust_banner_content {
  background: none
}
.cust_banner_content_top {
  width:100%; 
  text-align: left;
}
@media (max-width: 979px) and (min-width: 320px) {
  h1 span {
      line-height: 1;
  }
}
.cust_banner_content_top h1 {
  font-size:65px; 
  line-height: 1;
  color:#ffffff; 
  font-weight: bold; 
  text-transform: uppercase; 
  max-width: 420px; 
  margin:0;
}
.cust_banner_content_top h1 span                  {color:#FF6400; font-weight: 600;}
.cust_banner_content_top p                        {font-family: proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; 
                                                   font-size: 22px !important; color:#ffffff; text-decoration: none; max-width:420px;}
.cust_banner_content_bottom                       {width:100%; padding-top:20px;}
.cust_banner_content_bottom p                     {font-family: proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; 
                                                   font-size: 22px !important; color:#ffffff; text-decoration: underline;}
.cb_back                                          {color:#FF6400 !important; font-family: proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; 
                                                   font-size: 22px !important; background-image:url(../images/home_icon.png); background-repeat:no-repeat; 
                                                   background-position:center left; padding-left:54px; height:54px; text-decoration:underline; padding-top:10px;}
.cb_tick                                          {color:#ffffff; font-family: proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; 
                                                   font-size: 22px !important; font-weight:bold; background-image:url(../images/tick_icon.png); background-repeat:no-repeat; 
                                                   background-position:center left; text-decoration:none; padding-left:34px; height:30px; padding-top:1px; margin-right:35px;
                                                   display:inline-block;}
.cb_tick:last-of-type															{margin-bottom:24px;} 
.cb_tick.cb_tick--dark 														{display:block; font-size:20px !important; color:#555;}
.cb_tick.cb_tick--extra-space 										{display:block; height:auto; margin-bottom:16px; background-position:top left;}
.cb_alert                                         {color:#ffffff; font-family: proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; 
                                                   font-size: 22px !important; font-weight:bold; background-image:url(../images/alert_icon.png); background-repeat:no-repeat; 
                                                   background-position:center left; text-decoration:none; padding-left:34px; height:30px; padding-top:1px; margin-right:35px;
                                                   display:inline-block;}
.icon_section                                     {position:absolute; right:27px; bottom:20px; max-width:300px; height:120px;}
.sub_icon                                         {width:90px; height:114px; padding-top:90px; display:inline-block; margin-right:10px; color:#ffffff; font-size:22px; 
                                                   font-family: proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; float:right; text-align:center;}
.beeficn                                          {background-image:url(../images/beef_icon.png); background-repeat:no-repeat;}
.dairyicn                                         {background-image:url(../images/dairy_icon.png); background-repeat:no-repeat;}
.sheepicn                                         {background-image:url(../images/sheep_icon.png); background-repeat:no-repeat;}
/* HERO BANNER SECTION ========================================================================================================================= */
.hero-section 																		{}
H1.hero-section__main-heading 										{max-width:520px; font-size:64px; font-weight:400; color:#FFF; text-transform:uppercase; margin:0; margin-bottom:30px;}
H1.hero-section__main-heading EM 									{font-style:normal; font-weight:700;}
H1.hero-section__main-heading MARK 								{background-color:transparent; font-weight:400; color:#FF6400;}
P.hero-section__main-summary 											{max-width:400px; margin-bottom:24px; margin-left:16px; text-decoration:underline; 
  																								 font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important; 
  																								 font-size:22px !important; font-weight:300; color:#FFF;}
P.hero-section__main-summary STRONG 							{line-height:1.6; font-weight:700;}
.hero-section A 																	{color:#FF6400 !important;}
P.hero-section__home-link A												{max-width:400px; margin-bottom:24px; margin-left:16px !important; text-decoration:underline; 
  																								 font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important; 
  																								 font-size:22px !important; font-weight:300; color:#FF6400 !important; transition:color 0.3s ease;}
P.hero-section__home-link A:hover,
.hero-section A:hover 														{color:#ff6400 !important;}
/* MAIN NAVIGATION ========================================================================================================================= */
/* Fixed 'sticky' behaviour */
.sticky,
.navbar-fixed 																		{position:fixed; width:100%; max-width:1002px; top:0; z-index:800; border-top:0; margin:0 auto;}
.sticky nav ul li {
    min-height: 48px !important;
}
.sticky nav ul li a {
    min-height: 48px !important;
}
/* Main Navigation */
.nav-primary li 																	{width:100% !important; height:auto !important; color:#000 !important; border-right:0 !important;}
.nav-primary a 																		{width:100%; color:#000; background-color:#FFF; border-right:0; font-size:16px; text-transform:uppercase; font-weight:bold;}
.micro-site-nav-main ul.nav-primary 							{background-color:#FFF !important; overflow:visible !important;}
.micro-site-nav-main ul li 												{float:left !important; width: 16.667% !important; margin:0 !important; padding:0 !important; line-height: 31px !important; 
  																		 						 border-right:1px solid #B64E0C !important; color: #000000 !important;}
.micro-site-nav-main ul 													{width:100%; height:100%;}
.micro-site-nav-megamenu 													{width:100%; float:left !important; background-color:#ffffff !important;}
.micro-site-nav-megamenu .micro-site-nav-main 		{min-width:265px; margin:0; height:48px;}
.micro-site-nav-main ul li a 											{display:block !important; width:100%; height:48px !important; padding:10px 15px !important; background-position:right !important;
    																						   background-repeat:no-repeat !important; background-color:#0096AF !important; text-align:center; text-transform: none !important;
    																						   text-decoration: none !important; transition: all 0.2s ease-in-out !important; 
                                                   font-weight:bold !important; font: 22px proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; color:#FFFFFF !important;}
.micro-site-nav-main ul li .menu-selected, 
.micro-site-nav-main ul li .menu-selected a, 
.micro-site-nav-main ul li .menu-selected span, 
.micro-site-nav-main ul li .menu-selected:hover,
.micro-site-nav-main ul li .menu-selected a:hover, 
.micro-site-nav-main ul li .menu-selected span:hover	{background-color:#ff6400 !important;}
.micro-site-nav-main ul li .menu-selected:hover 	{background-position:right !important; background-repeat:no-repeat !important; background-color:#0096AF !important;
																											/* background-image:url(/* No Image Loaded from /Zoetis Portal/NZ/EN/Livestocksolutions/Change It Up/assets/Assets/images/nav-arrow_on.png */) !important;*/}
.micro-site-container .micro-site-nav-main-mob 		{min-height:81px; overflow:hidden;}
.micro-site-nav-megamenu #micro-site-logo 				{float:left; max-width:230%;}
.micro-site-container {
  width: 100%;
  margin:0 auto; 
  margin-bottom:100px;
}
/* OPTIONAL NAVIGATION ============================================================================================================= */
.opt_nav {width:100%; padding-right:0px;}
.opt_nav nav                                    	{background:#FFF; width:100%; margin-bottom:24px;}
.opt_nav nav ul                                 	{margin:0; padding:0; clear:both; content: ''; background-color: #008196;}
.opt_nav nav ul li                              	{list-style: none; text-align:center; border-right: 1px solid transparent; position:relative;}
.home_nav ul li                              	    {list-style: none; text-align:center; border-right: 1px solid transparent; position:relative; padding-top: 70px; margin-top: -70px;}
.opt_nav nav ul li:hover                          {border-right: 1px solid transparent !important} 
.opt_nav nav ul li a                            	{display: block; text-decoration: none; color: #FFF !important; padding: 12px 0;    
                                                   background-color: #0096AF !important;
                                                 	 text-align: center; text-transform: uppercase !important; text-decoration: none !important; 
                                                   transition: all 0.2s ease-in-out !important; font-weight: bold !important; 
                                                   font: 19px proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important;}
.opt_nav nav ul li a:hover                        {background-color:#008196 !important; }
.opt_nav nav ul li.nav-item--secondary 						{border-right:1px solid #008196 !important;}
.opt_nav nav ul li.nav-item--secondary A          {background-color:#0096AF !important;}
.opt_nav nav                                    	{display:table; table-layout:fixed;}
.opt_nav ul                                     	{display:flex; flex-direction:row;}
.opt_nav ul li                                  	{flex-grow: 1;}
.opt_nav nav ul li.opt_nav_ovr                    {border-right: 1px solid transparent !important}
.opt_nav nav ul li.opt_nav_ovr a                  {background-color: #ff6400 !important;}
.opt_nav nav ul li.opt_nav_ovr a:hover            {background-color: #008196 !important;}
.opt_nav nav ul li.opt_nav_selected               {border-right: 1px solid transparent !important;}
.opt_nav nav ul li.opt_nav_selected a             {background-color: #ff6400 !important;}
.opt_nav nav ul li.opt_nav_selected a:hover       {background-color: #008196 !important;}
.opt_nav nav ul li:first-child                  	{border-left: none !important;}
.opt_nav nav ul li:last-child                  	  {border-right: none !important;}
.home_nav .opt_nav-home                           {background-image:url(../images/home_off.png); background-repeat:no-repeat; background-position:top center;}
.home_nav .opt_nav-home:hover                     {background-image:url(../images/home_on.png);}
.home_nav .opt_nav-dairy                          {background-image:url(../images/dairy_off.png); background-repeat:no-repeat; background-position:top center;}
.home_nav .opt_nav-dairy:hover                    {background-image:url(../images/dairy_on.png);}
.home_nav .opt_nav-sheep                          {background-image:url(../images/sheep_off.png); background-repeat:no-repeat; background-position:top center;}
.home_nav .opt_nav-sheep:hover                    {background-image:url(../images/sheep_on.png);}
.home_nav .opt_nav-planner                        {background-image:url(../images/planner_off.png); background-repeat:no-repeat; background-position:top center;}
.home_nav .opt_nav-planner:hover                  {background-image:url(../images/planner_on.png);}
	
/* SUBMENU STYLING =============================== */
.opt_nav nav ul.sub-menu 						              {display:none;width:100%}
.opt_nav_menu li:hover .sub-menu 						      {display:block;z-index:1;opacity:1;}
.sub-menu 										                    {width:100%; padding:5px 0px; position:absolute; top:100%; left:0px; z-index:400 !important; 
                                                   opacity:0; transition:opacity linear 0.15s;}
.sub-menu li 									                    {display:block; font-size:14px !important; border-right:none !important;}
.sub-menu li a 									                  {display:block; padding:10px 30px !important; background-color:#0096AF !important; text-align:left !important; text-transform:capitalize; height:auto !important;}
.sub-menu li a:hover, 
.sub-menu .current-item a   											{background:#008099;}
.opt_nav nav ul.sub-menu 						              {display:none;}
.menu li:hover .sub-menu 						              {display:block;}
.opt_nav nav ul li ul.sub-menu li.sub_nav_ovr a       {background-color: #008196 !important;}
.opt_nav nav ul li ul.sub-menu li.sub_nav_ovr a:hover {background-color: #008196 !important;}
.opt_nav nav ul li:nth-of-type(7) a { place-content: center; height: 100%; display: flex; align-items: center; }
@media (max-width: 768px) {
  .opt_nav ul                                     {display:block;}
  .opt_nav nav                                    {font-size:.8em;}
  .opt_nav nav ul li                              {display:block; border-bottom:1px solid #ccc;}
}
/* CONTENT ========================================================================================================================= */
.section--content 																{clear:both; width:100%; max-width:1280px; margin:0 auto;}
.section-limits 																	{clear:both; width:100%;}
.subsection 																			{clear:both; margin-bottom:64px;}
.subsection--minor 																{clear:both; margin-bottom:48px;}
.subsection--intro 																{clear:both; margin-bottom:0;}
.subsection.subsection--columns										{display:flex; flex-direction:row; flex-wrap:nowrap; clear:both; width:100%; height:auto;}
.content__inner-col 															{padding-right:24px;}
.content__inner-col:last-of-type 									{padding-right:0;}
.subsection--two-col .content__inner-col 					{flex:0 1 50%;}
.subsection--three-col .content__inner-col 				{flex:0 1 33.33%;}
.subsection--four-col .content__inner-col 				{flex:0 1 25%;}
.authorable img {
  display:inline;
}
.two-col-image-tile.img-left .image-holder {
  display:none;
}
.two-col-image-tile .authorable {
  width:100% !important;
}
.logo-opt-buttons img {
  margin-left:10px;
}
.tabfoot 																					{border-top:8px solid #FFF;}
.tabfoot2 																				{border-top:4px solid #FFF;}
.lbanner_text 																		{width:100%; padding-top:6%; height:auto; text-align:center; position:absolute; padding-left:15%; padding-right:15%;}
.lbanner_text p 																	{color:#FFF; font-size:30px;}
.lbanner_text p strong 														{color:#EAB710;}
.video 																						{z-index:299; width:100%; height:auto; margin-bottom:-5px;}
/*.herd-details 																	{background-color:transparent !important;}*/
/* ORANGE AND GREY PROMO BAR =======================================================================================================*/
.orange-promo                                     {background-color:#ff6400; padding: 20px;}
.op-content h2                                    {color:#ffffff; border:0; min-height:0; margin-bottom:0; line-height:50px; font-family: proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; font-size:70px !important; line-height:34px; margin-top:20px; font-weight:normal; padding:0; }
.op-content h2 span                               {font-weight:bold; color:#ffffff;font-size: 70px !important; line-height: 50px;}
.authorable .orange-promo .op-content p           {color:#272b36; font-size:32px !important; margin-bottom:0; font-family: proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; }
.grey-promo                                       {background-color: #272b36; padding:20px; overflow:hidden;}
.gp-content-left                                  {text-align:left;}
.authorable .grey-promo .gp-content-left p        {color:#ffffff; font-family: proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; font-size:22px; line-height:24px;}
.gp-content-right                                 {text-align: right;}
.gp-content-right a                               {background-color: #ff6400; margin-top:20px; float:right; color:#ffffff; text-decoration:none; text-transform: uppercase; font-size:18px; padding: 10px 30px; display:block;}
/* 2 column statistics ============================================================================================================ */
.stats-columns
.stat1                                            {background-color:#dddddd; padding:20px; height:400px;}
.stat1 .st1title                                  {color:#585858; font-size:42px; text-transform:uppercase; font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important;}
.stat1 .st1number                                 {color:#0096af; font-size:120px;font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important;}
.stat1 .st1number span                            {font-size:149px;}
.stat2                                            {background-color:#585858; padding:20px; height:400px;}
.stat2 .st2title                                  {color:#585858; font-size:42px; text-transform:uppercase; font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important;}
.stat2 .st2number                                 {color:#0096af; font-size:120px;font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important;}
/* 2 column comparisons ============================================================================================================ */
.comp1 {
  background-color:#dddddd; 
  padding:20px; 
  height:520px;
}
.comp2 {
  background-color:#cccccc; 
  padding:20px; 
  height:520px;
}
/* TABLES ========================================================================================================================= */
/* ---- WRAP ---- */
/* .table-wrap 					                					{width:100%; margin-bottom:48px; overflow-x:scroll; -webkit-overflow-scrolling:touch; font-size:17px; line-height:1.2;} */
.table-wrap 					                						{width:100%; margin-bottom:48px; -webkit-overflow-scrolling:touch; font-size:17px; line-height:1.2;}
/* ---- TABLE ---- */
.table-wrap > TABLE                    						{width:100%; min-width:768px; table-layout:fixed; padding:0; border-bottom:0; margin-bottom:0 !important; border-collapse:separate; border-spacing:1px;}
.table-wrap TR								           					{}
.table-wrap TR:hover 						           				{background-color:#EFEFEF; transition:background-color 0.3s ease;}
.table-wrap TH,
.table-wrap TD 								           					{padding:16px 10px; font-weight:600;}
.table-wrap TH 								           					{text-align:center; vertical-align:middle;}
.table-wrap TD 								           					{text-align:left; vertical-align:top;}
.table-wrap TH 								                		{background-color:#0096AF; font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important; font-size:20px; font-weight:600; color:#FFF;}
.table-wrap TD								                		{background-color:#E6E7E9; overflow:hidden; font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important; font-size:17px; font-weight:600; color:#585858;}
.table-wrap TD.subheading-cell                		{background-color:#CCC; font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important; font-size:17px; font-weight:600; color:#333;}
.table-wrap TD.subheading-cell--total,
.table-wrap TD.total-cell                     		{text-align:right; font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important; font-size:20px; font-weight:600;}
.table-wrap TD.total-cell LABEL 									{font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important;}
.table-wrap TD.total-cell EM 											{font-size:130%; font-style:normal;}
.table-wrap TD.updated-cell                   		{}
.table-wrap .cell-align--left 										{text-align:left;}
.table-wrap .cell-align--center										{text-align:center;}
.table-wrap .cell-align--right 										{text-align:right;}
.table-wrap TFOOT							                		{background:#EFEFEF; color:#585858;}
.fw-cont table tbody tr th 												{padding:6px; background-color:#eab70e; text-align:center; border-left:2px solid #FFF; border-bottom:2px solid #FFF; 
   																							 	 font-size:14px; line-height:16px;}
.fw-cont table tbody tr td 												{padding:6px; text-align:center; border-left:2px solid #FFF; border-bottom:2px solid #FFF; font-size:14px; line-height:16px;}
/* TABLE THEMES ---- */
/* GREEN */
.table-wrap TABLE.theme--green 										{font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important;}
.table-wrap TABLE.theme--green TH 								{background-color:transparent; font-family:inherit !important; font-size:24px !important; font-weight:400; line-height:1.2; color:#585858;}
.table-wrap TABLE.theme--green TD.subheading-cell {background-color:transparent; font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important; 
  																								 font-size:17px !important; font-weight:600; line-height:1.1 !important; color:#585858;}
.table-wrap TABLE.theme--green TD.subheading-cell LABEL.control-label {font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important; font-size:15px; text-align:left;}
.table-wrap TABLE.theme--green TD.input-cell			{background-color:#08A64E; font-family:inherit !important; font-size:17px !important; font-weight:600; line-height:1.2; color:#FFF;}
.table-wrap TABLE.theme--green TD.result-cell     {max-width:80px !important; background-color:#CCE9D3; font-family:inherit !important; font-size:17px !important; text-align:center; font-weight:600; line-height:1.2; color:#08A64E;}
.table-wrap TABLE.theme--green TD.input-cell INPUT,
.table-wrap TABLE.theme--green TD.input-cell LABEL{border:0; background-color:transparent; font-family:inherit !important; font-size:17px !important; font-weight:600; line-height:1.2; color:#FFF;}
.table-wrap TABLE.theme--green TD.result-cell SPAN{border:0; background-color:transparent; font-family:inherit !important; font-size:17px !important; font-weight:600; line-height:1.2; color:#08A64E;}
.table-wrap TABLE.theme--green TD.total-cell EM 	{color:#08A64E;}
.financial-benefits table tr:hover                {background-color: #08a64e; border-bottom: #dfddd9; color: #ffffff;}
/* CALCULATOR OVERRIDES */
.assumptions .table-wrap > TABLE 									{margin:0 !important;} 
.assumptions table tr td                          {background-color: transparent;}
.ui-accordion .ui-accordion-content               {background-color:#fbf9f9; border-radius:0 !important;}
.ui-accordion .ui-accordion-header                {border-radius:0px;background-image: url(../assets/images/up-arrows_green_large.png) !important; background-repeat: no-repeat !important; background-position: 97% !important;}
h3.subsection--heading                            {float:left;}
.calculate-holder input[type="submit"], 
.calculate-button, .reset-button, #estimate-submit {background: #009640 url(../assets/images/arrow.png) 109% no-repeat; 
                                                   border-radius: 0px; height: 40px; line-height: 40px; padding: 0 20px 0 20px; font-size: 14px; text-transform: uppercase;}
.calculate-holder                                 {text-align: right !important; margin: 0px 0; max-width: 380px; float: right; margin-bottom:30px;}
.calculate-button, .reset-button                  {display: inline-block; width: 165px; margin: 20px; margin: 0 auto; text-align: center;}
.reset-button                                     {margin-right: 20px; text-align: center;}
.herd-details                                     {margin-bottom:50px; margin-top: 0px;}
.eliminated_value                                 {width: 151px; height: 103px; margin: 27px auto 0 auto; padding: 10px 0 0 0; font-size: 40px !important; font-weight: 700 !important; color: #008D22 !important; text-align: center;  background: url(../assets/images/cow_number.png);}
.description                                      {margin: 10px 30px; font-size: 14px; line-height: 18px; font-weight: 600; text-align: center;}
.top-50                                           {margin-top: 50px;}
.top-50 .col-sm-4                                 {width:33.33% !important;}
.financial-benefits table th                      {color: #ffffff !important;padding: 50px;}
.financial-benefits table tr                      {background-color: #08a64e; border-bottom: #dfddd9; color:#ffffff}
.financial-benefits table tr th                   {color:#ffffff !important;}
.financial-benefits table tr.eventr td            {background-color: #cccccc !important;}
.financial-benefits table tr td                   {padding: 20px 25px; font-size: 17px; color: #585858;}
.financial-benefits table tr.last td              {background-color: #009640 !important;}
.ui-icon                                          {width: 0 !important; height: 0 !important;}
.heard-details legend                             {margin-bottom: 0px !important;}
.herd-details table tr td                         {padding: 0px 7px; border-bottom: none; vertical-align: middle; height: 68px;}
.herd-details label.control-label                 {text-align: right;}
.text-icon {width:100%; padding:30px 10px; overflow:hidden;border-bottom: 2px solid #FF6400;}
.left-image {width:15%; float:left; max-width:150px;}
.right-text {width:85%; float:left; font-size:22px; padding-left: 4%; padding-top: 18px; font-family: proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important;}
.no-border {border:none;}
/* LISTS ========================================================================================================================= */
/* ---- Bullet List ---- */
UL.bullet-list 																		{padding-left:18px;}
UL.bullet-list > LI 															{list-style:disc; margin-bottom:8px !important; color:#585858 !important;}
UL.bullet-list > LI LI 														{list-style:circle; margin-bottom:8px !important; color:#7A7A7A !important;}
/* Standard Bullets 
UL.bullet-list                                  	{clear:both; display:block; padding-left:20px;}
UL.bullet-list UL                               	{clear:both; display:block; padding-left:20px;}
UL.bullet-list UL LI                            	{display:list-item; list-style:none;}
UL.bullet-list > LI                             	{content:''; width:6px; height:6px; background-color:#eab710; border-radius:2px;}
UL.bullet-list > LI:before                      	{content:''; width:6px; height:6px; background-color:#eab710; border-radius:2px;}
UL.bullet-list > LI > UL                        	{}
UL.bullet-list > LI > UL > LI                   	{}
UL.bullet-list > LI > UL > LI:before            	{content:''; width:4px; height:4px; background-color:#83C444; border-radius:4px;}
UL.bullet-list > LI > UL > LI UL                	{}
UL.bullet-list > LI > UL > LI UL > LI           	{}
UL.bullet-list > LI > UL > LI UL > LI:before    	{content:'~'; font-size:120%; font-weight:700; color:#eab710;}*/
ul 																								{list-style-type: square;}
ul li:before 																			{font-size:17px;}
/* ---- Refernce List (with rollover popup panel) ---- */ 
.subsection--ref-list 														{position:relative; clear:both; width:100%; margin-bottom:64px;}
UL.ref-list																				{clear:both; width:100%; list-style:none; padding:0; margin:24px 0 0; column-count:2; column-gap:16px;}
LI.ref-list__item 																{list-style:none; margin-bottom:16px;}
H4.ref-list__title 																{font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important; font-size:21px; font-weight:600;}
.ref-list__title A 																{color:#0096AF;}
.ref-list__title A:after 													{content:"\0020 \0020 \00BB"; font-size:130%;}
.ref-list__title A:hover,
.ref-list__title A:focus,
.ref-list__title A:active 												{color:#FF6400 !important; text-decoration:none !important;}
.ref-list__title I.icon 													{display:inline-block; width:24px; height:24px; margin-right:8px; 
  																							 	 background:url('../images/icon-info_cyan-dark_24.png') no-repeat center center; vertical-align:middle;}
.ref-list__title A:hover I.icon,
.ref-list__title A:focus I.icon,
.ref-list__title A:active I.icon									{color:#FF6400; background-image:url('../images/icon-info_orange-medium_24.png');}
.ref-list__panel 																	{position:absolute; z-index:800; top:0; left:0; right:0; width:auto; max-width:640px; min-height:240px; padding:16px; margin:auto; 
  																							 	 background-color:#0096AF; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.33); color:#FFF;}
/*.ref-list__panel:before 												{content:''; display:block; position:absolute; z-index:799; left:-60px; top:0; width:0; height:0; 
                                                	 border-left:60px solid transparent; border-right:40px solid transparent; border-top: 40px solid #0096AF;}*/
.ref-list__panel.ref-list__panel--hidden 					{visibility:hidden; opacity:0; transition:opacity 0.3s ease 0s, visibility 0s linear 0.5s;}
.ref-list__panel.ref-list__panel--visible 				{visibility:visible; opacity:1; transition:opacity 0.3s ease 0s, visibility 0s linear 0s;}
.ref-list__panel-close 														{display:block; position:absolute; z-index:820; top:16px; right:16px; width:24px; height:24px; 
  																							 	 border:0; background-color:transparent; overflow:hidden; white-space:nowrap;}
.ref-list__panel-close:before,
.ref-list__panel-close:after 											{content:''; position:absolute; height:2px; width:18px; left:50%; top:50%; background-color:#FFF; backface-visibility:hidden;}
.ref-list__panel-close:before											{transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.ref-list__panel-close:after 											{transform:translateX(-50%) translateY(-50%) rotate(-45deg);}
H5.ref-list__panel-heading 												{padding:0; margin-bottom:24px; font-size:32px; font-weight:600; color:inherit !important;
  																							 	 font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important; text-transform:uppercase; letter-spacing:0.05rem;}
.ref-list__panel P 																{font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important; font-size:17px !important; color:inherit !important;}
.ref-list__panel P:last-of-type 									{margin-bottom:48px;}
.ref-list__panel P > A 														{color:#C64D00 !important; transition:background-color 0.3s ease; transition:color 0.3s ease;}
.ref-list__panel P > A:hover 											{color:#ff6400 !important; text-decoration:none !important;}
.ref-list__panel-buttons 													{clear:both; width:100%; text-align:right;}
A.ref-list__link-button 													{display:inline-block; width:auto !important; min-width:160px; height:40px !important; padding:8px; 
  																							 	 border:0 !important; border-radius:0 !important; background-color:#ff6400 !important; text-align:center;
                                                 	 font-family:proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; 
  																							 	 font-size:20px !important; font-weight:600; color:#FFF; text-transform:uppercase; transition:background-color 0.3s ease;}
A.ref-list__link-button:hover 										{background-color:#C64D00 !important; text-decoration:none !important;}
/* ARTICLES ========================================================================================================================= */
.section--articles				                    		{}
.section--articles .section-limits				    		{}
.article-feed				                        			{display:flex; flex-direction:row; flex-wrap:wrap;}
.article-item				                        			{flex:0 1 33.333%; height:480px; padding-right:16px; margin-bottom:48px; width:100%;}
.article-item__viewport		                    		{position:relative; width:100%; height:200px; margin-bottom:18px; overflow:hidden; background-color:#FAFAFA;}
.article-item__image		                      		{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; height:auto; min-width:100%; min-height:100%; max-width:200%;}
.article-item__heading			              				{height:auto; margin-bottom:6px; min-height:60px; font-size:28px; font-weight:700; color:#333;}
.article-item__heading a                          {text-decoration:none; font-size:28px !important; font-weight:700; color:#333;}
.article-item__description			              		{min-height:120px;}
.authorable A.article-item__link-button 					{display:inline-block; width:auto; min-width:120px; height:40px; padding:10px 16px; box-sizing:border-box; 
  																							 	 border:0 solid #ff6400; border-radius:0; background-color:#ff6400; text-align:center; text-transform:uppercase;
                                               	 	 font-family:proxima-nova-extra-condensed, Helvetica, Arial, sans-serif; font-size:17px !important; font-weight:600; color:#FFF;}
.authorable A.article-item__link-button:hover 		{background-color:#DD4F03; color:#FFF !important; text-decoration:none;}
.article_surr 																		{width:33.33%; float:left;}
.article-item__description P 											{display:-webkit-box; max-height:90px; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-top:0; 
  																							 	 color: #646464; font: 400 1.6em/1.4em "proxima_nova_condensedregular","Franklin Gothic Book","Arial Narrow",sans-serif !important;
  																						 	 	 overflow:hidden; text-overflow:ellipsis; font-size: 1.6em !important;}
.article_sort 																		{position:absolute; right:0; z-index:30; margin-top:25px;}
.article_surr                                     {display:none;}
#loadMore                                         {background-color:transparent; font-family:proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; padding: 10px; text-align: center; color: #0096af; transition: all 600ms ease-in-out; 
                                                   -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; 
                                                   clear:both; display: block; width: 100%; margin:0 auto; font-size: 24px !important; text-transform:uppercase; background-image: url(../images/down-arrows.png); background-repeat: no-repeat;background-position: 62%;}
#loadMore:hover                                   {color: #ff6400; text-decoration:none;}
/* Tabbed content on inner pages (SAM - WHERE IS THIS USED?) ====================================================================================== */
.nav-tabs 																				{border-bottom: 1px solid #dddddd; float: left; width: 100%; margin-bottom: 0px; padding-left: 0; padding-top: 0; margin-top:0}
.nav-tabs li:before 															{content: none!important}
.nav-tabs li:last-child 													{margin-right: 0}
.nav-tabs>li 																			{float: left; margin-bottom: -1px; margin-right: 5px; list-style-type:none;}
.nav-tabs li span 																{font-weight: bold}
.nav-tabs>li>a 																		{line-height: 1.42857143; border: 1px solid transparent; border-radius: 0; background: #c5c5c5; color: #565656; padding: 10px 56px; float: left; font-size: 14px; font-weight: 600; text-decoration:none;}
.nav-tabs>li>a:hover 															{border-color: #eee #eee #ddd;  text-decoration:none; color:#ffffff; background-color:#585858;}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover 											{color: #555; cursor: default; background-color: #FFF; border: 1px solid #ddd; border-bottom-color: transparent; padding-bottom: 16px; text-decoration:none;}
.nav-tabs>li>div 																	{line-height:1.42857143; border:1px solid transparent; border-radius:0; background:#c5c5c5; color:#565656; padding:10px 56px; float:left; font-size: 14px; font-weight: 600; text-decoration:none;}
.nav-tabs>li>div:hover 														{border-color: #eee #eee #ddd; text-decoration:none; color:#ffffff; background-color:#585858;}
.nav-tabs>li.active>div,
.nav-tabs>li.active>div:focus,
.nav-tabs>li.active>div:hover 										{color: #555; cursor: default; background-color: #FFF; border: 1px solid #ddd; border-bottom-color: transparent; padding-bottom: 16px; text-decoration:none;}
.nav-tabs.nav-justified 													{width: 100%; border-bottom: 0}
.nav-tabs.nav-justified>li 												{float: none}
.nav-tabs.nav-justified>li>a 											{margin-bottom: 5px; text-align: center; text-decoration:none;}
.nav-tabs.nav-justified>.dropdown .dropdown-menu 	{top: auto;left: auto}
.nav-tabs.nav-justified>li>a 											{margin-right: 0; border-radius: 4px; text-decoration:none;}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus, 
.nav-tabs.nav-justified>.active>a:hover 					{border: 1px solid #ddd; text-decoration:none;}
.nav-tabs-justified 															{border-bottom: 0}
.nav-tabs-justified>li>a 													{margin-right: 0; border-radius: 4px}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover 							{border: 1px solid #ddd; text-decoration:none;}
.tab-content>.tab-pane 														{display:none}
.tab-content>.active 															{display:block}
.tab-content 																			{width: 100%; padding: 15px 14px; clear: both; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; min-height:510px;}
.tab-content table tbody tr th 										{padding:6px; background-color:#eab70e; font-size:17px; text-align:center; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; line-height: 16px;}
.tab-content table tbody tr td 										{padding:6px; font-size:17px; text-align:center; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; line-height: 16px; }
.tabbed-section 																	{padding-top: 0px !important; margin-top: 0px;float: left; width: 960px;}
.tab-container 																		{width: 90%; margin-top: 0px; background: #fff; padding: 0; margin: 0 auto;}
.fade.in 																					{opacity: 1}
.fade 																						{opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear;transition: opacity .15s linear}
.col-sm-8 																				{width: 100%; padding:2% 0 2% 0;}
.col-md-4 																				{margin:0 !important;}
.col-sm-4 																				{padding:0 !important; width:auto !important;}
.tiles 																						{margin:0px 0px 20px 0px;}
/* ARTICLE SORT DROPDOWN */
.article-show                                     {position: absolute; right: 0; margin-top: 0px;  z-index: 1000; width: 240px;}
.as-toggle                                        {font-size:22px; color:#0096af; font-family:proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; 
                                                   padding:10px 10px 0px 10px; cursor:pointer; background-image:url(../images/down-arrows.png); background-repeat:no-repeat; 
                                                   background-position:98%;}
.open>.as-menu                                    {display: block; margin:0 !important; width:130%;font-family:proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; 
                                                   text-transform:uppercase; max-width:300px; background-image: url(../images/top-arrow.png); background-repeat: no-repeat; 
                                                   background-position:top center; background-size: 12%;}
.open>.as-toggle                                  {background-image:url(../images/up-arrows.png) !important; background-repeat:no-repeat; background-position:98%;}
.as-menu                                          {position: absolute; top: 100%; left: -60px; z-index: 1000; display: none; float: left; padding:0; margin:0; 
                                                   font-size: 22px; text-align: left; list-style: none; padding-top: 13px;}
.as-menu li                                       {list-style-type:none !important; margin:0 !important; width:100%; background-color:#0096af; color:#ffffff; background-image:none !important;}
.as-menu li span                                  {color:#ffffff; font-size:22px !important; cursor:pointer; display:block; padding:17px 30px 20px 60px; white-space: nowrap; clear:both;}
.as-menu li span:hover                            {background-color:#ff6400;}
/* FORMS ============================================================================================================================= */
/* ---- FIELDSETS & FIELD CONTAINERS ---- */
/* FIELDSET ---- */
FIELDSET						                    					{position:relative; padding:0px 0 0; margin-bottom:48px; border:0 solid #585858;}
FIELDSET.fieldset--two-col						            {column-count:2; column-gap:16px;}
LEGEND							                    					{padding:8px 8px 8px 0; font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important; 
  																								 font-size:32px; color:#C91D1C; font-weight:700;}
/* STANDARD FIELD ---- */
DIV.field						                    					{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-end; margin-bottom:24px;}
DIV.field--top 																		{position:absolute; z-index:100; top:0px; right:0; width:auto; max-width:240px; background-image:url(../images/down-arrow_green.png); background-repeat:no-repeat; background-position:right;}
.field--top span                                  {background-color: transparent !important; color: #08a64e !important;font-weight: bold !important; border: 0 !important; 
                                                   padding: 0 !important; margin-top: 0 !important;}
.field--top span:hover                            {background-color:transparent !important; outline:0 !important;}
select:hover, select:active, select:focus {
  outline:0 !important;
}
/* ---- STANDARD FORM ELEMENTS ---- */
														
/* LABELS ---- */
.field LABEL 							                    		{flex:0 1 50%; height:40px; padding:8px 16px; text-align:right; font-size:17px !important; line-height: 17px; font-weight:400; 
  																								 font-family:"proxima-nova-extra-condensed", Helvetica, Arial, sans-serif !important; color:#585858;}
.field--check-radio > LABEL                       {/* See RADIO & CHECKBOXES below */}
/* INSERTED TEXT (SAVED FIELD) ---- */
.field INS						                    				{flex:0 1 50%; height:40px; padding:8px 16px; border-radius:0; background-color:#FAFAFA; color:#585858;}
/* VALIDATION MESSAGE ---- */
.field-validation-error,
.field .validation 				                    		{flex:0 1 50%; margin-top:8px; margin-left:50%;}
.checkbox--no-label .field-validation-error,
.field.checkbox--no-label .validation 			    	{flex:0 1 100%; left:0; margin-left:0;}
/* BOX BASED INPUTS ---- */
.field INPUT[type="text"],
.field INPUT[type="password"],
.field INPUT[type="email"],
.field INPUT[type="url"],
.field INPUT[type="number"],
.field INPUT[type="time"],
.field INPUT[type="date"],
.field INPUT[type="datetime"],
.field INPUT[type="datetime-local"],
.field INPUT[type="week"],
.field INPUT[type="month"],
.field INPUT[type="search"],
.field INPUT[type="tel"],
.field SELECT,
.field TEXTAREA 						                    	{flex:0 1 50%; height:40px; padding:8px 16px; margin:0; border:1px solid #DDD; border-radius:0; background-color:#F7F4F2; 
                                                   font-size:17px !important; color:#585858; line-height:1; resize:none; transition:border 0.3s ease, background-color 0.3s ease;}
.field INPUT[type="text"]:focus,
.field INPUT[type="password"]:focus,
.field INPUT[type="email"]:focus,
.field INPUT[type="url"]:focus,
.field INPUT[type="number"]:focus,
.field INPUT[type="time"]:focus,
.field INPUT[type="date"]:focus,
.field INPUT[type="datetime"]:focus,
.field INPUT[type="datetime-local"]:focus,
.field INPUT[type="week"]:focus,
.field INPUT[type="month"]:focus,
.field INPUT[type="search"]:focus,
.field INPUT[type="tel"]:focus,
.field SELECT:focus,
.field TEXTAREA:focus															{border-color:#FF6400; background-color:#FFE7D7; color:#652700;}
/* SELECT ---- */
.field .select-wrap 					                    {flex:0 1 50%; height:40px; position:relative;}
.field .select-wrap:after 				                {content:'\25BE'; position:absolute; right:5px; top:10px; z-index:300; font-size:180%; color:#585858;}
.field .select-wrap:after:focus 									{color:#652700;}
.field SELECT 							                    	{background:#F7F4F2; -webkit-appearance:none; -moz-appearance:none; text-indent:1px; text-overflow:''; z-index:1;}
.field SELECT:hover 															{cursor:pointer;} 
.field .select-wrap SELECT                        {width:100%; height:100%;} 
/* RADIO & CHECKBOXES  ---- */
.field .check-wrap                                {display:flex; flex-direction:row; flex:0 1 16.66%; height:40px; padding-top:8px; margin-bottom:8px;}
.field .check-wrap.check-wrap--long               {flex:0 1 50%;}
.field INPUT[type="radio"],
.field INPUT[type="checkbox"] 			              {flex:0 1 auto; margin-top:10px;}
.field INPUT[type="radio"] + LABEL,
.field INPUT[type="checkbox"] + LABEL 	          {flex:0 1 auto; padding:4px 0; margin-left:16px; margin-right:16px; font-size:17px; color:#7A7A7A; text-transform:initial;}
/* HOME FORM -------------------------------------- */
#mktoForm_1758.mktoForm	        									{display:block; width:100% !important; border:none; background-color:transparent; padding:0; margin-bottom:32px;}
.heading--form 																		{font-size:26px; font-weight:700; text-transform:uppercase !important; color:#333;}
.heading--icon 																		{height:48px !important; padding-top:16px; padding-left:64px;}
.heading--icon.icon--enews 												{background:url("../images/icon-enews_orange-medium_48.png") no-repeat left center;}
#mktoForm_1758.mktoForm .mktoFormRow:first-of-type{margin-bottom:0 !important;}
.mktoForm div, 
.mktoForm span, 
.mktoForm label, 
.mktoForm p 																			{padding:0; margin:0; text-align:left !important;}
.mktoForm .mktoHtmlText 													{width:100% !important; margin-top:0;}
.mktoForm .mktoHtmlText P 												{font-size:17px !important;}
#mktoForm_1758.mktoForm .mktoFormCol 							{margin-bottom:0 !important;}
#mktoForm_1758.mktoForm label.mktoLabel 					{display:none !important;}
/* INPUTS */
#mktoForm_1758.mktoForm .mktoFormCol .mktoFormRow:nth-of-type(-n+4) 	{width:47.5% !important;}
#mktoForm_1758.mktoForm .mktoFormCol .mktoFormRow:nth-child(even)			{margin-right:12px;}
#mktoForm_1758.mktoForm .mktoFormCol .mktoFormRow:nth-of-type(5)			{display:inline-block; float:none !important; width:32px !important; height:32px !important; margin-right:12px !important;}
#mktoForm_1758.mktoForm .mktoFormCol .mktoFormRow:nth-of-type(6)			{display:inline-block; float:none !important; width:75% !important; margin-right:0 !important; vertical-align:top;}
#mktoForm_1758.mktoForm .mktoFormCol .mktoFormRow .mktoFieldDescriptor.mktoFormCol {margin-bottom:0 !important;}
.mktoForm input[type="text"].mktoTextField,
.mktoForm input[type="email"].mktoEmailField    	{border:1px solid #DDD !important; background-color:#F7F4F2 !important; color:#585858;}
.mktoForm .mktoTextField::placeholder,
.mktoForm .mktoEmailField::placeholder 						{color:#969696 !important; text-transform:uppercase;}
#mktoForm_1758.mktoForm p.opt-in 									{display:inline-block !important; float:none !important; font-size:14px !important; left:0 !important; top:0 !important;  
  																								 position:static !important; width:100% !important; text-align:left;}
.mktoForm .mktoButtonRow 													{clear:both; float:none !important; margin-top:0 !important;}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton	{display:inline-block; width:auto !important; min-width:160px; height:48px !important; padding:16px; 
  																							 	 border:0 solid #ff6400; border-radius:0 !important;background-color:#ff6400 !important;
                                                   font-family:proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; 
  																								 font-size:17px !important; font-weight:600; color:#FFF;}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover 	{background-color:#C64D00 !important;}
#mktoForm_1758 BUTTON.mktoButton[type="submit"] 	{}
.mktoHasWidth.mktoHtmlText {margin-top:0 !important;}
.authorable .mktoForm input[type="text"].mktoTextField,
.authorable .mktoForm input[type="email"].mktoEmailField    	{border:1px solid #DDD !important; background-color:#F7F4F2 !important; color:#585858;}
.authorable .mktoForm .mktoTextField::placeholder,
.authorable .mktoForm .mktoEmailField::placeholder 						{color:#969696 !important; text-transform:uppercase;}
.authorable .mktoForm .mktoButtonRow 													{clear:both; float:none !important; margin-top:0 !important;}
.authorable .mktoForm .mktoButtonWrap.mktoSimple .mktoButton	{display:inline-block; width:auto !important; min-width:160px; height:48px !important; padding:16px; 
  																							 	 border:0 solid #ff6400; border-radius:0 !important;background-color:#ff6400 !important;
                                                   font-family:proxima-nova-extra-condensed, Helvetica, Arial, sans-serif !important; 
  																								 font-size:17px !important; font-weight:600; color:#FFF;}
.authorable .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover 	{background-color:#C64D00 !important;}
.authorable .mktoHasWidth.mktoHtmlText {margin-top:0 !important;}
/* ACCORDIONS ===================================================================================================================== */
.accordion 																				{clear:both; width:100%;}
.accordion__segment 															{width:100%; height:72px; padding:18px 24px !important; border:1px solid #DDD !important; background:#EEEDED !important;}
H3.accordion__heading 														{display:inline-block; margin-bottom:0 !important; font-size:30px !important; font-weight:700; color:#585858; text-transform:uppercase !important;}
H3.accordion__expander 														{clear:both; width:100%; border:1px solid #DDD !important; background-color:#FBF9FA !important;}
/* THEMES ---- */
/* GREEN */
.accordion__theme--green H3.accordion__heading  	{color:#08A64E !important;}
.ui-state-default, .ui-widget-content 
.ui-state-default, .ui-widget-header 
.ui-state-default, .ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active, 
.ui-state-hover, .ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, .ui-state-focus, 
.ui-widget-content .ui-state-focus, .ui-widget-header 
.ui-state-focus, .ui-button:hover, 
.ui-button:focus 																	{border:1px solid #DDD !important; background:#EEEDED !important;}
/* CAROUSELS ====================================================================================================================== */
.flexslider {padding:0px !important; height:270px;}
.flex-control-paging li a {background: #9f9f9f !important;}
.flex-control-paging li a.flex-active {background: #dedada !important;}
.flex-prev{
    display: inline-block;
    background-image:url(../image/left_car_arrow.png);
    background-repeat:no-repeat;
    width:40px; height:68px;
    color: #f7911f;
    text-shadow: none;
}
.flex-next{
    display: inline-block;
    background-image:url(../image/right_car_arrow.png);
    background-repeat:no-repeat;
    width:40px; height:68px;
    color: #f7911f;
    text-shadow: none;
}
.car_slides {width:33.33% !important;}
.testimonial .twocolumn .flexslider ul.flex-direction-nav .flex-prev {display:none;}
.testimonial .twocolumn .flexslider ul.flex-direction-nav .flex-next {display:none;}
.testimonial {background-color:#585858; padding:0px; position:relative; height:270px; overflow:hidden;}
.tquote_left {position:absolute; width:27px; height:18px; left:15px; top:15px; background-image:url(../images/tq_left.png); background-repeat:no-repeat;}
.tquote_right {position:absolute; width:27px; height:18px; right:52%; bottom:15px; background-image:url(../images/tq_right.png); background-repeat:no-repeat;}
.tml_content {padding:60px 50px 20px 50px;}
.tml_content p {color:#ffffff; font-size:24px; font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif !important; text-align:left;}
.tml_content p span {color:#f7911f; font-size:15px;}
/* FOOTER ========================================================================================================================= */
.footer-widget-wrap 															{width: 100%;padding: 20px 0; overflow:hidden}
.footer-widget-wrap li.footer-widget:nth-of-type(1){border: 0; list-style-type:none}
.footer-widget 																		{width:19.6%; float:left; padding:0 5px 0 15px; min-height:100px; border-right: 1px solid #ddd; list-style-type:none}
.footer-widget h6 																{padding-bottom:15px; color:#157fbf; font-size:17px; margin:0px 0px 0px 0px;}
.footer-widget p 																	{margin-bottom: 12px; margin-top:0px;}
.footer-widget-wrap li.footer-widget:last-child 	{border: 0;}
.footer-grey 																			{max-width:1000px; background:#ffffff; padding:16px 0px; color: #585858;}
.footer-grey ul 																	{width:100%; margin-bottom:20px; overflow:hidden; padding-left:0;}
.footer-grey li 																	{float:left; margin-right:30px; list-style-type:none; font-size:15px;}
.footer-grey li a 																{color:#585858; text-decoration:none;}
.footer-grey p 																		{font-size: 11px; color: #585858;}
.footer-logo 																			{max-width:125px;}
.micro-site-footer 																{clear:both}
.mt-form 																					{clear:both; padding:30px 20px; border:1px solid #dddddd; background-color:#f1f1f1; max-width: 850px; margin: 0 auto; margin-bottom: 60px; margin-top: 60px;}
/* Wysiwyg content styles  */
.pal_l 																						{float: left; width: 56%;}
.pal_r 																						{float:left; width:44%; font-size:15px; text-align:left; padding-left: 40px;}
.st-ct-lge 																				{color: #efb803; font-size: 81px;}
.st-ct-sm 																				{color:#efb803; text-decoration:underline; font-size:52px; vertical-align:middle; line-height:0.7;}
.tk-ct-sm 																				{text-decoration: underline; font-size: 40px;}
.tk-ct-lge 																				{font-size:51px; vertical-align:middle; color:#eab710; text-decoration:underline;}
.dt-cr-img 																				{display:block;}
.mb-cr-img 																				{display:none;}
.graph-title 																			{text-align:center; font-size:13px; font-weight:bold;}
.authorable div ul li, 
.authorable div ol li 														{font-size:17px; line-height:24px; color:#555555; margin-bottom:0px;}
.authorable ul li, 
.authorable ol li 														    {font-size:17px; line-height:24px; color:#555555; margin-bottom:16px;}
.authorable p {
  font-size: 17px
}
.bullets li 																			{margin-bottom:15px;}
r-text-div 																				{padding-left:20px; width:85%; float:left;}
.authorable .content__inner-col p {font-size:17px !important;}
.authorable .txt2 {margin-top:20px; text-align:left !important;}
.authorable .article-item__description p {font-size:17px !important;}
.authorable .article-item__heading a {font-size:28px !important;}
/* ============================================== MEDIA QUERIES ============================================== */
@media screen and (max-width:959px) {
	.col-sm-8 																				{width:100%; padding-right:0px; padding-top:20px !important;}
  
	.accimg_tabs 																			{float:left; width:47%; max-width:320px; padding:10px 10px; margin-right:10px;}
	.micro-site-nav-megamenu #micro-site-logo 				{float:left; max-width: 100%;}
	.micro-site-nav-toggle-btn.btn-link.pull-left 		{display:none;}
	.micro-site-nav-main 															{display: block;}
	.micro-site-container .micro-site-nav-megamenu 		{overflow: visible;}
	.micro-site-nav-main UL > LI 											{display:block; border:none; border-top: 0px solid #c0c0c0; font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif; text-transform: none;}
	.micro-site-nav-main UL LI A 											{padding:14px 10px !important; font-size:18px !important; line-height:1 !important;}
	.sticky 																					{position:relative;}
	.lbanner_text p 																	{font-size:18px;}
	.accimg-container label 													{padding:14px 0px 6px 60px !important; font-size:13px !important; line-height:35px;}
	.accimg-container article p 											{line-height: 14px !important; font-size: 11px !important; padding: 0px 0px 10px 0px;}
	.micro-site-nav-megamenu.sticky + .col-md-8.col-sm-8	{padding-top: 0px;}
  
	.st-ct-lge 																				{font-size: 41px;}
	.st-ct-sm 																				{font-size: 22px;line-height: 0.7;}
	.tk-ct-sm 																				{font-size: 20px;}
	.tk-ct-lge 																				{font-size: 31px;}
  
	.accimg-container input:checked ~ article.ac-small 	{height: 180px; overflow:hidden; padding-top:10px;}
	.authorable img {
    display: inline;
    width: auto;
  }
	.tab-container 																		{width: 100%;}
	.nav-tabs>li>a 																		{padding: 10px 50px;}
	.footer-grey 																			{padding: 16px 0px;} 
  
	.logo-container 																	{position:relative!important;display:block !important;}
	.micro-site-container .micro-site-nav-main-mob 		{display: none !important;}
	.menu-selected, 
	.menu-selected a, 
	.menu-selected span, 
	.menu-selected:hover,
	.menu-selected a:hover, 
  .menu-selected span:hover													{background-color:#01505D !important; color:#FFFFFF !important;}
  
  /* HERO BANNER SECTION ================================================================= */
  H1.hero-section__main-heading 										{max-width:100%; margin:0 0 8px 0; font-size:48px; line-height:1;}
  H1.hero-section__main-heading BR 									{display:none;}
  P.hero-section__main-summary 											{margin-left:0; font-size:18px !important;} 
 
  /* CONTENT =============================================================================== */  
  .subsection 																			{margin-bottom:48px; padding:0px 30px;}
  .subsection.subsection--columns										{flex-direction:column; }
  .content__inner-col 															{padding-right:0; margin-bottom:48px;}
  .content__inner-col:last-of-type 									{margin-bottom:0;}
  .subsection--two-col .content__inner-col,
  .subsection--three-col .content__inner-col,
  .subsection--four-col .content__inner-col 				{flex:1 1 auto;}
  
  /* LISTS =============================================================================== */
  /* ---- Refernce List (with rollover popup panel) ---- */ 
  .subsection--ref-list 														{margin-bottom:48px;}
  UL.ref-list																				{column-count:1; column-gap:0;}
  
  /* FORMS =============================================================================== */
 	/* FIELDSET ---- */
	FIELDSET						                    					{position:relative; padding:32px 0 0; margin-bottom:48px; border:0 solid #585858;}
	FIELDSET.fieldset--two-col						            {column-count:1; column-gap:0;}
	LEGEND							                    					{padding:8px 8px 8px 0;} 
  
	/* ---- STANDARD FIELD ---- */
  DIV.field						                    					{flex-direction:column; align-items:stretch; flex-wrap:nowrap;}
	DIV.field.field--check-radio                    	{flex-direction:row; align-items:flex-start; flex-wrap:wrap;} 
  
  /* ---- STANDARD FORM ELEMENTS ---- */
														
  /* LABELS ---- */
  LABEL,
  .field--check-radio > LABEL                  			{flex:0 0 100%; padding:16px 8px 0 0; text-align:left;}
  /* INSERTED TEXT (SAVED FIELD) ---- */
  .field INS						                    				{flex:1 1 auto; width:100%;}
	/* VALIDATION MESSAGE ---- */
  .field-validation-error,
	.field .validation 				                    		{flex:1 1 auto; left:0; width:100%; margin-left:0;}
  /* INPUT HEIGHTS ---- */
  SPAN.field LABEL                           				{height:auto;}							
  /* ---- BOX BASED INPUTS ---- */
  INPUT[type="text"],
  INPUT[type="password"],
  INPUT[type="email"],
  INPUT[type="url"],
  INPUT[type="number"],
  INPUT[type="time"],
  INPUT[type="date"],
  INPUT[type="datetime"],
  INPUT[type="datetime-local"],
  INPUT[type="week"],
  INPUT[type="month"],
  INPUT[type="search"],
  INPUT[type="tel"],
  SELECT,
  TEXTAREA 						                    					{flex:1 1 auto; width:100%;}
  /* SELECT ---- */
  .select-wrap 					                    				{flex:1 1 auto; width:100%;}
  /* RADIO & CHECKBOXES  ---- */
  .check-wrap                                  			{flex:0 1 33.33%;}
  .check-wrap.check-wrap--long                    	{flex:0 1 66.66%;}
  INPUT[type="radio"] + LABEL,
  INPUT[type="checkbox"] + LABEL 	             			{padding:8px 0;}
  /* RANGE ---- */
  INPUT[type="range"]				                    		{flex:1 1 auto; width:100%;}  
  
  .opt_nav nav ul li a                              {font-size: 13px !important;}
  
  .table-wrap                                       {overflow-x: scroll;}
  
  
}
@media screen and (max-width:768px){
  
.table-wrap                                         {width: 100%; max-width: 690px;}
form.calculator                                     {overflow-x:scroll; width:100%}
fieldset.herd-details                               {width:100%} 
 
.financial-benefits                                 {width:100% !important; max-width:740px;}
  
}
@media screen and (min-width:700px) and (max-width:780px){
  
  .article-item                                     {flex: 0 1 33.333%;height: 425px;padding-right: 16px;margin-bottom: 48px;}
  .article-item__description                        {min-height: 90px;}
  .article-feed .article_surr                       {width: 50%;float: left;}
  #loadMore                                         {background-position: 64%;}
  .threecolumn                                      {margin-bottom: 37px;}
  
}
@media screen and (max-width:760px) {
	.nav-tabs>li>a 																		{padding: 10px 34px;} 
	.pal_l 																						{width: 90%;}
	.pal_r 																						{width: 90%;font-size: 13px;} 
	.dt-cr-img 																				{display:none;}
	.mb-cr-img 																				{display:block;}
  
  /* ARTICLES ============================================================================ */
	.article_surr 																		{width:50%;}
}
@media screen and (max-width:599px) {
	H1 																								{font-size:36px;}
	H2 																								{font-size:32px;}
	H3 																								{font-size:24px;}
  H4 																								{font-size:18px;}
  .authorable H2,
  H2.section-heading																{font-size:32px;} 
  
	.col-sm-8 																				{width:100%; padding-right:0px; padding-top:0px;}
	.micro-site-nav-main ul li 												{width: 100%!important; border-bottom:2px solid #ffffff;}
	.micro-site-nav-main ul li a 											{padding: 10px 10px !important; font: 18px proxima-nova-condensed, Helvetica, Arial, sans-serif !important; width: 100%; text-align:left;}
	.img_show img 																		{width:80%; text-align:center;}
  
	#top-container 																		{margin-top:270px;}
	.accimg-container label 													{padding:9px 0px 6px 40px!important; font-size: 15px!important; line-height: 35px;}
	.micro-site-nav-megamenu.sticky + .col-md-8.col-sm-8{padding-top: 0px;}
	.two-col-image-tile h2 														{font-size:2em; margin:0px 0 5px;}  
	#legend ul li 																		{padding: 2px 8px 2px 19px; font-size: 9px; text-align: left;}
	#legend li span 																	{width: 16px;}
  
	.logo-opt-buttons 																{position:absolute !important; left:5px !important; bottom:10% !important; min-height:30px !important;}
  
	.logo-opt-buttons a img 													{max-width:35% !important;}
 
	/* Wysiwyg content styles  */
	.pal_l 																						{float: left; width: 100%;}
	.pal_r 																						{float:left; width:100%; font-size:12px; text-align:left; padding-left: 20px;}
	.accimg_tabs 																			{width:100%; min-height:400px; padding:0px 10px; }
	.img_banner 																			{display:none}
	.ins-image 																				{width: 9.3%;}
	.nav-tabs>li>a 																		{padding: 10px 7px;font-size: 10px;}
	.tab-container 																		{width: 100%;}
	.tab-content table tbody tr td 										{font-size: 10px;}
	.authorable div ul, 
  .authorable div ol 																{margin-bottom: 0px;  margin-left: 26px; margin-right: 10px;}
	.authorable div ul li, 
  .authorable div ol li 														{font-size: 17px; line-height: 24px; color: #555555; margin-bottom: 10px;}
	.authorable p 																		{font-size: 17px;}
	.fw-cont table tbody tr td 												{padding: 2px;font-size: 10px;line-height: 12px;}
  
	.dt-cr-img 																				{display:none;}
	.mb-cr-img 																				{display:block;}
	.accimg-container input:checked ~ article.ac-small{height: 160px;  padding-top:0px;}
  
	.footer-grey 																			{padding: 16px 0px;}
	.footer-grey li 																	{width:100%;}
  
	.mt-form 																					{margin-top:30px;}
	.logo-container 																	{position:relative !important; display:block !important; margin-bottom:16px;}
	.micro-site-container .micro-site-nav-main-mob 		{display: none !important;}
  
	.pad .authorable .mktoForm 												{top:10px; width:100% !important; max-width:100% !important; position:relative;}
	.pad .authorable > P 															{width: 100% !important;}
  
  /* INPUTS */
	#mktoForm_1758.mktoForm .mktoFormRow:first-of-type{margin-bottom: 13px !important;}
	.mktoFormCol .mktoFormRow:nth-of-type(-n+4) 			{width: 100% !important;}
  #mktoForm_1758.mktoForm .mktoFormCol .mktoFormRow	{display:block; clear:both; width:100%; margin-bottom:16px;}
  
  /* LISTS =============================================================================== */
  /* ---- Refernce List (with rollover popup panel) ---- */ 
  .ref-list__panel 																	{max-width:100%;}
  /*.ref-list__panel:before 													{top:-40px; left:0; right:0; margin:0 auto; border-top:0; border-left:40px solid transparent; border-bottom:40px solid #0096AF;}*/
	/* ARTICLES ============================================================================ */
	.article-feed				                        			{flex-direction:column;}
	.article-item				                        			{flex:0 1 auto; height:auto; padding-right:0;}
	.article-item__viewport		                    		{}
	.article-item__image		                      		{max-width:250%;}
	.article-item__heading			              				{min-height:0;}
	.article-item__description			              		{min-height:0; margin-bottom:24px;}
	.authorable A.article-item__link-button 					{display:block; width:100%; font-size:18px !important;}
	.authorable A.article-item__link-button:hover 		{}
	.article_surr 																		{clear:both; float:none; width:100%;}
	.article-item__description P 											{}
	.article_sort 																		{}    
  
  
  #loadMore                                         {background-position: 76%;}
  .article-show                                     {width: 160px;}
  .as-menu li span                                  {padding: 17px 30px 20px 30px;}
  .open>.as-menu                                    {background-size: 16%;}
  
  .cust_banner                                      {background-position:center;}
  
  .home_nav ul li                                   {padding-top: 0px; margin-top: 0px;}
  .upper_banner                                     {padding: 15px 20px 15px 20px;}
  
  .dairyicn                                         {display:none}
  .beeficn                                          {display:none;}
  .sheepicn                                         {background-size: 100%;}
  
  .authorable img                                   {width: auto;}
  .threecolumn                                      {width: 100%;}
  .main_content                                     {overflow: hidden;}
  .scroll-arrow                                     {margin-top: 30px;}
  
}
@media screen and (max-width:479px) {
  
	#top-container 																		{margin-top:265px;}
	#legend ul li 																		{display:block;}
	.y-title 																					{width:60%; margin-left:-10px;}
  
  .cust_banner_content                              {padding: 50px 22px 30px 22px;}
  .cust_banner_content_top h1 {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 20px
  }
  .cust_banner_content_top h1 span {
    line-height: unset;
}
  .cust_banner_content_top p {
    font-size: 22px !important; 
    line-height: 27px;
    margin-bottom: 5px
  }
  .ub_content_left                                  {width: 90%;}
  .ub_content_left a img                            {width:100% !important; max-width:360px; height:auto !important;}
  
  .article-show                                     {width: 120px;}
  .as-toggle                                        {font-size: 16px;}
  .subsection                                       {margin-bottom: 0px;}
  
  .authorable H2, H2.section-heading                {font-size: 28px;}
  .authorable H2 STRONG, H2.section-heading STRONG  {}
  
  .authorable H2, H2.section-heading                {min-height: 50px; border-bottom: 0px solid #DDD;}
  .authorable H2 STRONG, H2.section-heading STRONG  {min-height: auto; width: 100%;}
  
  .twocolumn                                        {width: 100%;}
  
  .table-wrap                                       {overflow-x: scroll;}
  .testimonial                                      {height: 545px;}
  .tquote_right                                     {right: 8%; bottom: 54%;}
  
  .financial-benefits table th                      {padding: 20px;}
  .herd-details                                     {max-width: 355px;}
  .financial-benefits table                         {max-width:355px;}
  legend                                            {margin-bottom: 0px;}
  DIV.field--top                                    {max-width: 170px; top:8px;}
  
  #loadMore                                         {background-position: 81%;}
  .sub-menu                                         {position: relative;}
  
  .ub_content_right                                 {display: none;}
  
}
/* overrides for branding */
.green .authorable A.article-item__link-button {
  border-color: #00AC63;
  background-color: #00AC63
}
.promo-box-dark {
    background: #00ac63;
}
.promo-box-dark ,.promo-box-light {
    padding: 0;
    text-align: center;
    -webkit-box-shadow: 0 20px 15px -10px #cdcccd;
    -moz-box-shadow: 0 20px 15px -10px #cdcccd;
    box-shadow: 0 20px 15px -10px #cdcccd;
  	margin-bottom: 30px
}
.promo-box-light.blue-box {
    min-height: 370px;
    background: #0082b3 url(../images/background-box-blue.jpg) no-repeat;
  position:relative;
  background-size: cover
}
.promo-box-light.blue-box .button {
    position: absolute;
    bottom: 13px;
    left: 20px;
    width: 160px;
    color: #ffffff !important;
    text-align: left;
    background: #004fa0 !important;
    z-index: 20;
  margin-left: 0
}
@media (max-width: 1023px) {
    .promo-box-light.blue-box .button {
        position:static;
    }
}
.promo-box-light.blue-box .button span {
    float: right;
}
.promo-box-light.blue-box .title {
    position: relative;
    width: 290px;
    margin: 22px 0 0 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    font-size: 22px;
    line-height: 25px;
    z-index: 20;
}
@media (max-width: 1023px) {
    .promo-box-light.blue-box .title {
        width:100%;
    }
}
.promo-box-light.blue-box .description {
    position: relative;
    width: 179px;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
    z-index: 20;
  	margin-left: 0
}
@media (max-width: 1023px) {
    .promo-box-light.blue-box .description {
        width:100%;
    }
}
.promo-box-light.blue-box img {
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 5;
}
@media (max-width: 1023px) {
    .promo-box-light.blue-box img {
        position:static;
    }
}
.promo-box-dark strong {
    font-size: 16px;
}
.promo-box-dark p {
    color: #ffffff;
}
.promo-box-light p {
    color: #676568;
}
.promo-box-light {
    border: 1px solid #dddddd;
    background: #ffffff;
}
.promo-box-dark p {
    font-weight: 400;
    padding: 10px 10px 10px 20px;
    text-align: left;
}
.promo-box-light p {
    font-weight: 400;
    padding: 10px 10px 10px 20px;
    text-align: left;
  	font-size: 0.9rem;
    line-height: 20px;
}
.promo-box-dark .button ,.promo-box-light .button ,content_promo .button {
    font-family: 'Open Sans','sans-serif';
    font-size: 13px;
    margin: 15px 0;
    font-weight: normal;
    padding: 8px 12px;
  display: inline-block
}
.what-treatment-to-use .promo-box-dark img ,.promo-box-light img {
    width: auto;
    padding: 0;
}
.promo-box-dark img ,.promo-box-light img {
    padding: 10px;
}
.nothing {
    border: 0.2em solid rgba(255, 255, 255, 0.5);
    position: absolute;
    width: 180px;
    height: 180px;
    clip: rect(1em);
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    border-radius: 0.6em;
}
.timer {
    background-color: #018a3a;
    background: none\9;
    border-radius: 100%;
    position: relative;
    font-size: 180px;
    width: 1em;
    height: 1em;
    margin-top: 7px;
    display: block;
    margin: 15px auto;
}
.brown .timer {
    background-color: #af8c6e;
}
.timer>.timer-image {
    position: relative;
    bottom: 20px;
    padding: 0;
}
.timer>.percent {
    position: absolute;
    top: 1.6em;
    left: 0.7em;
    width: 3.33em;
    font-size: 0.22em;
    text-align: center;
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
}
.timer>#slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0px, 1em, 1em, 0.5em);
}
.timer>#slice.gt50 {
    clip: rect(auto, auto, auto, auto);
}
.timer>#slice>.pie {
    border: 0.2em solid #ffffff;
    position: absolute;
    width: 180px;
    height: 180px;
    clip: rect(0em, 0.5em, 1em, 0em);
    -moz-border-radius: 180px;
    -webkit-border-radius: 180px;
    -ms-border-radius: 180px;
    border-radius: 180px;
}
.timer>#slice>.pie.fill {
    -moz-transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}
.timer.fill>.percent {
    display: none;
}
.timer.fill>#slice>.pie {
    border: transparent;
    background-color: black;
    width: 1em;
    height: 1em;
}
.timer-bar {
    position: absolute;
    left: 23px;
    top: -25px;
}
.timer-bar .percent {
    font-weight: 400;
    font-size: 20px;
    color: #087c35;
}
.bar-graph {
    width: 80px;
    height: 186px;
    display: block;
    margin: 0 auto;
    background: #80c599;
    position: relative;
    margin-top: 25px;
}
.bar-graph .bar-white {
    width: 80px;
    background: white;
    position: absolute;
    bottom: 0;
    height: 100%;
}
.timer-bar-brown {
    position: absolute;
    left: 23px;
    top: -25px;
}
.timer-bar-brown .percent-brown {
    font-weight: 400;
    font-size: 20px;
    color: #705946;
}
.bar-graph-brown {
    width: 80px;
    height: 186px;
    display: block;
    margin: 0 auto;
    background: #bfa591;
    position: relative;
    margin-top: 25px;
}
.bar-graph-brown .bar-white {
    width: 80px;
    background: white;
    position: absolute;
    bottom: 0;
    height: 100%;
}
.green .button {
    font-size: 14px;
    background: #00ac63;
  padding: 8px 12px;
  color: white !important;
}
.green .promo-box-dark h3 {
    color: #ffffff;
    padding: 10px;
}
.green h2, .green h3 {
    color: #008c31;
}
.green .promo-box-dark .button {
    background-color: #006f3f;
}
.green .promo-box-dark .button:hover {
    background-color: #005530;
}
.green .promo-box-light .button {
    background-color: #00ac63;
}
.green .promo-box-light .button {
    background-color: #00ac63;
}
.promo-box-dark .button:hover,
.promo-box-dark .button:active,
.promo-box-dark .button:focus {
    background-color: #005530;
  	text-decoration: none
}
.content_main .button ,.promo-box-dark .button ,.promo-box-light .button {
    color: #fff;
}
.promo-box-dark {
    background: #00ac63;
}
.promo-box-dark p {
    color: #ffffff;
}
.promo-box-light p {
    color: #676568;
}
.brown .promo-box-dark {
    background: #ad8c72;
    background: linear-gradient(#ad8c72, #a47e62);
}
.brown .promo-box-dark p {
    color: #ffffff;
}
.brown .promo-box-dark .title {
    color: #ffffff;
    font-size: 17px;
    width: 273px;
    margin: 6px 0 0 0;
    padding: 16px 9px 12px 20px;
    text-align: left;
}
.brown .promo-box-light p {
    color: #676568;
}
.brown .promo-box-dark .button ,.brown .content_promo .button {
    color: white !important;
}
.brown .promo-box-dark {
    background: #ad8c72;
    background: linear-gradient(#ad8c72, #a47e62);
}
.brown .promo-box-dark p {
    color: #ffffff;
}
.brown .promo-box-dark .title {
    color: #ffffff;
    font-size: 17px;
    width: 273px;
    margin: 6px 0 0 0;
    padding: 16px 9px 12px 20px;
    text-align: left;
}
.brown .promo-box-dark h3 {
    color: #ffffff;
    padding: 20px 20px 0px;
}
.brown .promo-box-dark .button {
    background: #6d5a49;
    border: 1px solid #bfa591;
    width: 164px;
}
.brown .promo-box-dark .button:hover {
    background-color: #5e4d3f !important;
}
.brown .promo-box-light .button {
    background-color: #ad8c72;
}
.brown .content_main .button ,.brown .promo-box-light .button {
    color: #ffffff !important;
}
.brown .promo-box-dark .button ,.brown .content_promo .button {
    color: white !important;
}
.brown .promo-box-dark {
    background: #ad8c72;
    background: linear-gradient(#ad8c72, #a47e62);
}
.brown .promo-box-dark p {
    color: #ffffff;
}
.brown .promo-box-dark .title {
    color: #ffffff;
    font-size: 17px;
    width: 273px;
    margin: 6px 0 0 0;
    padding: 16px 9px 12px 20px;
    text-align: left;
}
.brown .promo-box-light p {
    color: #676568;
}
.brown .content_promo {
    background: #caa17e;
    background: linear-gradient(#caa17e, #bb865a);
}
.brown .content_promo p {
    color: #ffffff;
    text-transform: none;
}
.brown .content_promo .top-image {
    margin-top: -93px;
}
.orange .promo-box-dark h3 {
    color: #ffffff;
    padding: 20px 20px 0px;
}
.orange .promo-box-dark .button {
    background: #c29e00;
}
.orange .promo-box-dark .button:hover {
    background-color: #ad8e00 !important;
}
.orange .promo-box-light .button {
    background-color: #ffd200;
}
.orange .content_main .button ,.orange .promo-box-light .button {
    color: #555555 !important;
}
.orange .promo-box-dark .button ,.orange .content_promo .button {
    color: white !important;
}
.orange .promo-box-dark {
    background: #ffd200;
    background: linear-gradient(#ffd200, #e6bb00);
}
.orange .promo-box-dark p {
    color: #666666;
}
.orange .promo-box-light p {
    color: #676568;
}
.orange .content_promo {
    background: #ffd200;
    background: linear-gradient(#ffd200, #cca700);
}
.orange .content_promo p {
    color: #ffffff;
    text-transform: none;
}
.orange .content_promo .button {
    background: #e69d00;
    color: white !important;
    padding: 8px 12px;
}
.orange .content_promo .button:hover {
    background: #b37a00;
    color: white !important;
}
.orange .content_promo h2 {
    color: #444444;
    text-transform: none;
}
.orange .content_promo p {
    color: #444444;
    font-size: 18px;
    margin-bottom: 40px;
}
.orange .feature-box h2 {
    color: #e6bb00 !important;
}
.orange .btn-next span {
    color: #e6bb00 !important;
}
.orange .button-signup {
    background: #ffd200 !important;
    color: #666666 !important;
}
.orange .resources h3 {
    border-bottom: 1px solid #ffd200 !important;
}
.orange .timer {
    background-color: #ffd200;
}
.green .promo-box-dark iframe, .green .promo-box-dark iframe,
.brown .promo-box-dark iframe, .brown .promo-box-dark iframe,
.orange .promo-box-dark iframe, .orange .promo-box-dark iframe {
  width: 90%;
  margin: 0 auto
}
@media screen and (min-width:1024px) {
	.twocolumn:nth-child(1) {
		width: 65%;
    padding-right: 20px
	}
	.twocolumn:nth-child(2) {
		width: 35%;
	}
}
/*Treatment */
#panel5 ,#panel4 {
    margin-bottom: 40px;
}
#panel4 .btn_goback {
    float: right;
    margin-top: -10px;
}
@media only screen and (max-width: 40em) {
    #panel4 .btn_goback {
        float:none;
        margin-top: 20px;
    }
}
#tree_accordion .content.active {
    padding: 1px 0px 15px;
}
#tree_accordion {
    margin-left: -40px;
    margin-top: 15px !important;
}
#tree_accordion .tabs {
    margin-top: 0;
}
.question_bg {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.white_bg {
    background-color: white !important;
}
.answer_bg {
    list-style-type: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 0;
}
.answer_bg div {
    display: inline-flex;
}
@media only screen and (max-width: 40em) {
    .answer_bg div {
        width:100%;
    }
}
.fineLine {
    border: none;
    clear: both;
    margin: 0 0 10px;
    background: none;
    border-bottom: 1px solid #e2e2e2;
}
#opt_treatment {
    padding-left: 40px;
}
#q1_ans {
    width: 100%;
    height: 280px;
    background: url(../images/dtree_img/dt_bg.png) no-repeat center center #facf00;
}
#q1_ans a {
    border: 1px #facd02 solid;
    width: 111px;
    height: 34px;
}
#q1_ans p {
    color: black;
    text-align: center;
}
#q1_ans li {
    width: 49%;
    display: inline-block;
    margin: 0;
    position: relative;
    top: 14%;
}
@media only screen and (max-width: 40em) {
    #q1_ans li {
        top:15%;
    }
}
@media only screen and (max-width: 40em) {
    #q1_ans img {
        max-width:100px;
    }
}
@media only screen and (max-width: 40em) {
    #q1_ans {
        background:#facf00;
    }
}
#q1_ans li {
    top: 0%;
}
#q2_ans {
    width: 100%;
    height: 280px;
    background: url(../images/dtree_img/dt_bg.png) no-repeat center center #facf00;
}
#q2_ans a {
    border: 1px #facd02 solid;
    width: 111px;
    height: 34px;
}
#q2_ans p {
    color: black;
    text-align: center;
}
#q2_ans li {
    width: 49%;
    display: inline-block;
    margin: 0;
    position: relative;
    top: 14%;
}
@media only screen and (max-width: 40em) {
    #q2_ans li {
        top:15%;
    }
}
@media only screen and (max-width: 40em) {
    #q2_ans img {
        max-width:100px;
    }
}
@media only screen and (max-width: 40em) {
    #q2_ans {
        background:#facf00;
    }
}
#q3_ans {
    width: 100%;
    height: 280px;
    background: url(../images/dtree_img/dt_bg.png) no-repeat center center #facf00;
}
#q3_ans a {
    border: 1px #facd02 solid;
    width: 111px;
    height: 34px;
}
#q3_ans p {
    color: black;
    text-align: center;
}
#q3_ans li {
    width: 49%;
    display: inline-block;
    margin: 0;
    position: relative;
    top: 14%;
}
@media only screen and (max-width: 40em) {
    #q3_ans li {
        top:15%;
    }
}
@media only screen and (max-width: 40em) {
    #q3_ans img {
        max-width:100px;
    }
}
@media only screen and (max-width: 40em) {
    #q3_ans {
        background:#facf00;
    }
}
#q1_ans>li>p {
    display: table;
    min-height: 86px;
    width: 100%;
}
#q1_ans>li>p>strong {
    display: table-cell;
    vertical-align: middle;
}
.resources .resources-image {
    float: left;
}
/* @media only screen and (max-width: 40em) {
    .resources .resources-image {
        float:none;
    }
} */
@media only screen and (max-width: 40em) {
    .resources .label {
        clear:both;
        margin: 10px 0;
    }
}
.resources.row {
      width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
}
.resources.row:before,.resources.row:after {
    content: "";
    display: table;
  	clear: both
}
.resources h3 {
    border-bottom: 1px solid #008e23;
    padding-bottom: 10px;
    padding-top: 10px;
}
.resources p {
      font-family: 'Open Sans','sans-serif';
  font-size: 16px;
    line-height: 20px;
    color: #666666;
    text-align: left;
    margin: 16px 0;
}
.resources img {
    padding-right: 10px;
    width: 146px;
}
.resources .resources-image img {
    margin-top: 0
}
.resources .with_bg {
    margin: 10px 0;
    padding: 10px;
    background-color: #f1f1f1;
    border: solid 1px #dddddd;
  	display: inline-block 
}
.large-12.columns.nopadding.with_bg:after {
    content: '';
    display: table;
    clear: both;
}
.orange .promo-box-light .button {
    color: #555555;
}
.orange .promo-box-dark .button,
.orange .content_promo .button {
    color: #fff;
}
.orange .resources .button,
.green .resources .button {
    background: #ffd200;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  color: #fff
}
.orange .resources .button:hover,
.green .resources .button:hover {
    background: #bd9700;
  	text-decoration: none;
}
.green .resources .button {
    background: #00ac63;
}
.green .resources .button:hover {
    background: #009353;
}
.green .teatseal-quiz .button {
  display: inline-block
}
.green .teatseal-quiz .button + .button {
 	margin-left: 10px 
}
.green .teatseal-quiz blockquote {
    color: #00a25c;
  	font-size: 18px;
    line-height: 25px;
    margin: 0;
  	border-left: 0;
    padding: 10px 25px 10px 0px;
}
.faq h4 {
    margin-bottom: 0;
    text-transform: inherit;
    font-size: 18px;
  color: #008c31
}
.faq p {
    margin-top: 5px;
}
.teatseal-quiz {
    margin: 40px 0;
    border: 1px solid #dddddd;
    background: #f3f3f3;
}
.teatseal-quiz h2 {
    color: white;
    background: #00ac63;
    padding: 10px 20px;
    margin-bottom: 5px;
}
@media only screen and (max-width: 40em) {
    .teatseal-quiz h2 {
        font-size:1.2em;
    }
}
.teatseal-quiz h3 {
    text-transform: inherit;
    line-height: 1.2;
}
.teatseal-quiz p {
  font-size: 14px;
  line-height: 20px
}
.teatseal-quiz .question_numb {
    text-transform: uppercase;
    color: white;
    position: absolute;
    right: 35px;
    top: 57px;
  	font-size: 16px;
    line-height: 1
}
@media only screen and (max-width: 40em) {
    .teatseal-quiz .question_numb {
        font-size:65%;
        right: 23px;
        top: 60px;
    }
}
.teatseal-quiz .quiz-error {
    color: red;
}
.teatseal-quiz .teatseal-quiz-cont {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.teatseal-quiz .teatseal-quiz-cont input[type='text'] ,.teatseal-quiz .teatseal-quiz-cont input[type='email'] {
    height: 29px;
    width: 220px;
    margin-bottom: 15px;
}
.teatseal-quiz .teatseal-quiz-cont input[type="radio"] {
    margin-top: 0;
    margin-bottom: 0;
    height: 20px;
    margin-left: 0;
}
.teatseal-quiz .teatseal-quiz-cont .radioButton,
.teatseal-quiz .teatseal-quiz-cont .radioButton + div {
  padding-left: 0
}
@media only screen and (min-width: 40.063em) and (max-width:64em) {
    .teatseal-quiz .teatseal-quiz-cont label {
        margin-left:-1em;
        margin-left: -0.6em\9;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .teatseal-quiz .teatseal-quiz-cont label {
        margin-left:0;
    }
}
.teatseal-quiz .teatseal-quiz-cont .white-board {
    background: white;
    border: 1px solid #dddddd;
}
@media only screen and (min-width: 64.063em) {
    .teatseal-quiz .teatseal-quiz-cont .white-board {
        padding:10px 30px;
    }
}
@media only screen and (max-width: 40em) {
    .teatseal-quiz .teatseal-quiz-cont img {
        margin-top:1em !important;
        width: 100%;
    }
}
.button-signup {
    padding: 0.6em 1em;
    margin-top: 3px;
}
.get_certified_bg {
    margin-top: -40px;
    padding-top: 53px;
}
#step-initial > div {
    padding: 0;
}
@media only screen and (min-width: 40.063em) {
    .get_certified_bg {
        background:transparent url(../images/get_certified_bg.png) no-repeat top left;
        padding-left: 94px;
    }
}
.get_certified_bg a ,.get_certified_bg a:hover {
    color: white;
}
.teatseal-quiz .column ,.teatseal-quiz .columns {
        position: relative;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left;
    }
    .teatseal-quiz .large-1, .resources .large-1, #calculator_main .large-1 {
  width: 8.33333%;
}
.teatseal-quiz .large-2, .resources .large-2, #calculator_main .large-2 {
  width: 16.66667%;
}
.teatseal-quiz .large-3, .resources .large-3, #calculator_main .large-3 {
  width: 25%;
}
.teatseal-quiz .large-4, .resources .large-4, #calculator_main .large-4 {
  width: 33.33333%;
}
.teatseal-quiz .large-5, .resources .large-5, #calculator_main .large-5 {
  width: 41.66667%;
}
.teatseal-quiz .large-6, .resources .large-6, #calculator_main .large-6 {
  width: 49%;
}
.teatseal-quiz .large-7, .resources .large-7, #calculator_main .large-7 {
  width: 58.33333%;
}
.teatseal-quiz .large-8, .resources .large-8, #calculator_main .large-8 {
  width: 66.66667%;
}
.teatseal-quiz .large-9, .resources .large-9, #calculator_main .large-9 {
  width: 75%;
}
.teatseal-quiz .large-10, .resources .large-10, #calculator_main .large-10 {
  width: 83.33333%;
}
.teatseal-quiz .large-11, .resources .large-11, #calculator_main .large-11 {
  width: 91.66667%;
}
.teatseal-quiz .large-12, .resources .large-12, #calculator_main .large-12 {
  width: 100%;
}
.teatseal-quiz .medium-1, .resources .medium-1, #calculator_main .medium-1 {
  width: 8.33333%;
}
.teatseal-quiz .medium-2, .resources .medium-2, #calculator_main .medium-2 {
  width: 16.66667%;
}
.teatseal-quiz .medium-3, .resources .medium-3, #calculator_main .medium-3 {
  width: 25%;
}
.teatseal-quiz .medium-4, .resources .medium-4, #calculator_main .medium-4 {
  width: 33.33333%;
}
.teatseal-quiz .medium-5, .resources .medium-5, #calculator_main .medium-5 {
  width: 41.66667%;
}
.teatseal-quiz .medium-6, .resources .medium-6, #calculator_main .medium-6 {
  width: 50%;
}
.teatseal-quiz .medium-7, .resources .medium-7, #calculator_main .medium-7 {
  width: 58.33333%;
}
.teatseal-quiz .medium-8, .resources .medium-8, #calculator_main .medium-8 {
  width: 66.66667%;
}
.teatseal-quiz .medium-9, .resources .medium-9, #calculator_main .medium-9 {
  width: 75%;
}
.teatseal-quiz .medium-10, .resources .medium-10, #calculator_main .medium-10 {
  width: 83.33333%;
}
.teatseal-quiz .medium-11, .resources .medium-11, #calculator_main .medium-11 {
  width: 91.66667%;
}
.teatseal-quiz .medium-12, .resources .medium-12, #calculator_main .medium-12 {
  width: 100%;
}
.teatseal-quiz .small-1, .resources .small-1, #calculator_main .small-1 {
  width: 8.33333%;
}
.teatseal-quiz .small-2, .resources .small-2, #calculator_main .small-2 {
  width: 16.66667%;
}
.teatseal-quiz .small-3, .resources .small-3, #calculator_main .small-3 {
  width: 25%;
}
.teatseal-quiz .small-4, .resources .small-4, #calculator_main .small-4 {
  width: 33.33333%;
}
.teatseal-quiz .small-5, .resources .small-5, #calculator_main .small-5 {
  width: 41.66667%;
}
.teatseal-quiz .small-6, .resources .small-6, #calculator_main .small-6 {
  width: 50%;
}
.teatseal-quiz .small-7, .resources .small-7, #calculator_main .small-7 {
  width: 58.33333%;
}
.teatseal-quiz .small-8, .resources .small-8, #calculator_main .small-8 {
  width: 66.66667%;
}
.teatseal-quiz .small-9, .resources .small-9, #calculator_main .small-9 {
  width: 75%;
}
.teatseal-quiz .small-10, .resources .small-10, #calculator_main .small-10 {
  width: 83.33333%;
}
.teatseal-quiz .small-11, .resources .small-11, #calculator_main .small-11 {
  width: 91.66667%;
}
.teatseal-quiz .small-12, .resources .small-12, #calculator_main .small-12 {
  width: 100%;
}
[class*="column"]+[class*="column"]:last-child {
        float: right;
    }
@media only screen and (min-width: 64.063em) {
    .teatseal-quiz .large-push-0, #calculator_main .large-push-0 {
  position: relative;
  left: 0%;
  right: auto;
}
.teatseal-quiz .large-pull-0, #calculator_main .large-pull-0 {
  position: relative;
  right: 0%;
  left: auto;
}
.teatseal-quiz .large-push-1, #calculator_main .large-push-1 {
  position: relative;
  left: 8.33333%;
  right: auto;
}
.teatseal-quiz .large-pull-1, #calculator_main .large-pull-1 {
  position: relative;
  right: 8.33333%;
  left: auto;
}
.teatseal-quiz .large-push-2, #calculator_main .large-push-2 {
  position: relative;
  left: 16.66667%;
  right: auto;
}
.teatseal-quiz .large-pull-2, #calculator_main .large-pull-2 {
  position: relative;
  right: 16.66667%;
  left: auto;
}
.teatseal-quiz .large-push-3, #calculator_main .large-push-3 {
  position: relative;
  left: 25%;
  right: auto;
}
.teatseal-quiz .large-pull-3, #calculator_main .large-pull-3 {
  position: relative;
  right: 25%;
  left: auto;
}
.teatseal-quiz .large-push-4, #calculator_main .large-push-4 {
  position: relative;
  left: 33.33333%;
  right: auto;
}
.teatseal-quiz .large-pull-4, #calculator_main .large-pull-4 {
  position: relative;
  right: 33.33333%;
  left: auto;
}
.teatseal-quiz .large-push-5, #calculator_main .large-push-5 {
  position: relative;
  left: 41.66667%;
  right: auto;
}
.teatseal-quiz .large-pull-5, #calculator_main .large-pull-5 {
  position: relative;
  right: 41.66667%;
  left: auto;
}
.teatseal-quiz .large-push-6, #calculator_main .large-push-6 {
  position: relative;
  left: 50%;
  right: auto;
}
.teatseal-quiz .large-pull-6, #calculator_main .large-pull-6 {
  position: relative;
  right: 50%;
  left: auto;
}
.teatseal-quiz .large-push-7, #calculator_main .large-push-7 {
  position: relative;
  left: 58.33333%;
  right: auto;
}
.teatseal-quiz .large-pull-7, #calculator_main .large-pull-7 {
  position: relative;
  right: 58.33333%;
  left: auto;
}
.teatseal-quiz .large-push-8, #calculator_main .large-push-8 {
  position: relative;
  left: 66.66667%;
  right: auto;
}
.teatseal-quiz .large-pull-8, #calculator_main .large-pull-8 {
  position: relative;
  right: 66.66667%;
  left: auto;
}
.teatseal-quiz .large-push-9, #calculator_main .large-push-9 {
  position: relative;
  left: 75%;
  right: auto;
}
.teatseal-quiz .large-pull-9, #calculator_main .large-pull-9 {
  position: relative;
  right: 75%;
  left: auto;
}
.teatseal-quiz .large-push-10, #calculator_main .large-push-10 {
  position: relative;
  left: 83.33333%;
  right: auto;
}
.teatseal-quiz .large-pull-10, #calculator_main .large-pull-10 {
  position: relative;
  right: 83.33333%;
  left: auto;
}
.teatseal-quiz .large-push-11, #calculator_main .large-push-11 {
  position: relative;
  left: 91.66667%;
  right: auto;
}
.teatseal-quiz .large-pull-11, #calculator_main .large-pull-11 {
  position: relative;
  right: 91.66667%;
  left: auto;
}
    .teatseal-quiz .column ,.columns {
        position: relative;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left;
    }
    .teatseal-quiz .large-1, .resources .large-1, #calculator_main .large-1 {
  width: 8.33333%;
}
.teatseal-quiz .large-2, .resources .large-2, #calculator_main .large-2 {
  width: 16.66667%;
}
.teatseal-quiz .large-3, .resources .large-3, #calculator_main .large-3 {
  width: 25%;
}
.teatseal-quiz .large-4, .resources .large-4, #calculator_main .large-4 {
  width: 33.33333%;
}
.teatseal-quiz .large-5, .resources .large-5, #calculator_main .large-5 {
  width: 41.66667%;
}
.teatseal-quiz .large-6, .resources .large-6, #calculator_main .large-6 {
  width: 49%;
}
.teatseal-quiz .large-7, .resources .large-7, #calculator_main .large-7 {
  width: 58.33333%;
}
.teatseal-quiz .large-8, .resources .large-8, #calculator_main .large-8 {
  width: 66.66667%;
}
.teatseal-quiz .large-9, .resources .large-9, #calculator_main .large-9 {
  width: 75%;
}
.teatseal-quiz .large-10, .resources .large-10, #calculator_main .large-10 {
  width: 83.33333%;
}
.teatseal-quiz .large-11, .resources .large-11, #calculator_main .large-11 {
  width: 91.66667%;
}
.teatseal-quiz .large-12, .resources .large-12, #calculator_main .large-12 {
  width: 100%;
}
    [class*="column"]+[class*="column"]:last-child {
        float: right;
    }
    [class*="column"]+[class*="column"].end {
        float: left;
    }
    .teatseal-quiz .large-offset-0, .resources .large-offset-0, #calculator_main .large-offset-0 {
  margin-left: 0% !important;
}
.teatseal-quiz .large-offset-1, .resources .large-offset-1, #calculator_main .large-offset-1 {
  margin-left: 8.33333% !important;
}
.teatseal-quiz .large-offset-2, .resources .large-offset-2, #calculator_main .large-offset-2 {
  margin-left: 16.66667% !important;
}
.teatseal-quiz .large-offset-3, .resources .large-offset-3, #calculator_main .large-offset-3 {
  margin-left: 25% !important;
}
.teatseal-quiz .large-offset-4, .resources .large-offset-4, #calculator_main .large-offset-4 {
  margin-left: 33.33333% !important;
}
.teatseal-quiz .large-offset-5, .resources .large-offset-5, #calculator_main .large-offset-5 {
  margin-left: 41.66667% !important;
}
.teatseal-quiz .large-offset-6, .resources .large-offset-6, #calculator_main .large-offset-6 {
  margin-left: 50% !important;
}
.teatseal-quiz .large-offset-7, .resources .large-offset-7, #calculator_main .large-offset-7 {
  margin-left: 58.33333% !important;
}
.teatseal-quiz .large-offset-8, .resources .large-offset-8, #calculator_main .large-offset-8 {
  margin-left: 66.66667% !important;
}
.teatseal-quiz .large-offset-9, .resources .large-offset-9, #calculator_main .large-offset-9 {
  margin-left: 75% !important;
}
.teatseal-quiz .large-offset-10, .resources .large-offset-10, #calculator_main .large-offset-10 {
  margin-left: 83.33333% !important;
}
.teatseal-quiz .large-offset-11, .resources .large-offset-11, #calculator_main .large-offset-11 {
  margin-left: 91.66667% !important;
}
  .teatseal-quiz .medium-offset-1, .resources .medium-offset-1, #calculator_main .medium-offset-1 {
  margin-left: 8.33333% !important;
}
.teatseal-quiz .medium-offset-2, .resources .medium-offset-2, #calculator_main .medium-offset-2 {
  margin-left: 16.66667% !important;
}
.teatseal-quiz .medium-offset-3, .resources .medium-offset-3, #calculator_main .medium-offset-3 {
  margin-left: 25% !important;
}
.teatseal-quiz .medium-offset-4, .resources .medium-offset-4, #calculator_main .medium-offset-4 {
  margin-left: 33.33333% !important;
}
.teatseal-quiz .large-reset-order, .resources .large-reset-order, #calculator_main .large-reset-order {
  margin-left: 0;
  margin-right: 0;
  left: auto;
  right: auto;
  float: left;
}
.teatseal-quiz .column.large-centered, .resources .column.large-centered, #calculator_main .column.large-centered {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.teatseal-quiz .column.large-uncentered, .resources .column.large-uncentered, #calculator_main .column.large-uncentered {
  margin-left: 0;
  margin-right: 0;
  float: left !important;
}
.teatseal-quiz .column.large-uncentered.opposite, .resources .column.large-uncentered.opposite, #calculator_main .column.large-uncentered.opposite {
  float: right;
}
.teatseal-quiz .push-0, .resources .push-0, #calculator_main .push-0 {
  position: relative;
  left: 0%;
  right: auto;
}
.teatseal-quiz .pull-0, .resources .pull-0, #calculator_main .pull-0 {
  position: relative;
  right: 0%;
  left: auto;
}
.teatseal-quiz .push-1, .resources .push-1, #calculator_main .push-1 {
  position: relative;
  left: 8.33333%;
  right: auto;
}
.teatseal-quiz .pull-1, .resources .pull-1, #calculator_main .pull-1 {
  position: relative;
  right: 8.33333%;
  left: auto;
}
.teatseal-quiz .push-2, .resources .push-2, #calculator_main .push-2 {
  position: relative;
  left: 16.66667%;
  right: auto;
}
.teatseal-quiz .pull-2, .resources .pull-2, #calculator_main .pull-2 {
  position: relative;
  right: 16.66667%;
  left: auto;
}
.teatseal-quiz .push-3, .resources .push-3, #calculator_main .push-3 {
  position: relative;
  left: 25%;
  right: auto;
}
.teatseal-quiz .pull-3, .resources .pull-3, #calculator_main .pull-3 {
  position: relative;
  right: 25%;
  left: auto;
}
.teatseal-quiz .push-4, .resources .push-4, #calculator_main .push-4 {
  position: relative;
  left: 33.33333%;
  right: auto;
}
.teatseal-quiz .pull-4, .resources .pull-4, #calculator_main .pull-4 {
  position: relative;
  right: 33.33333%;
  left: auto;
}
.teatseal-quiz .push-5, .resources .push-5, #calculator_main .push-5 {
  position: relative;
  left: 41.66667%;
  right: auto;
}
.teatseal-quiz .pull-5, .resources .pull-5, #calculator_main .pull-5 {
  position: relative;
  right: 41.66667%;
  left: auto;
}
.teatseal-quiz .push-6, .resources .push-6, #calculator_main .push-6 {
  position: relative;
  left: 50%;
  right: auto;
}
.teatseal-quiz .pull-6, .resources .pull-6, #calculator_main .pull-6 {
  position: relative;
  right: 50%;
  left: auto;
}
.teatseal-quiz .push-7, .resources .push-7, #calculator_main .push-7 {
  position: relative;
  left: 58.33333%;
  right: auto;
}
.teatseal-quiz .pull-7, .resources .pull-7, #calculator_main .pull-7 {
  position: relative;
  right: 58.33333%;
  left: auto;
}
.teatseal-quiz .push-8, .resources .push-8, #calculator_main .push-8 {
  position: relative;
  left: 66.66667%;
  right: auto;
}
.teatseal-quiz .pull-8, .resources .pull-8, #calculator_main .pull-8 {
  position: relative;
  right: 66.66667%;
  left: auto;
}
.teatseal-quiz .push-9, .resources .push-9, #calculator_main .push-9 {
  position: relative;
  left: 75%;
  right: auto;
}
.teatseal-quiz .pull-9, .resources .pull-9, #calculator_main .pull-9 {
  position: relative;
  right: 75%;
  left: auto;
}
.teatseal-quiz .push-10, .resources .push-10, #calculator_main .push-10 {
  position: relative;
  left: 83.33333%;
  right: auto;
}
.teatseal-quiz .pull-10, .resources .pull-10, #calculator_main .pull-10 {
  position: relative;
  right: 83.33333%;
  left: auto;
}
.teatseal-quiz .push-11, .resources .push-11, #calculator_main .push-11 {
  position: relative;
  left: 91.66667%;
  right: auto;
}
.teatseal-quiz .pull-11, .resources .pull-11, #calculator_main .pull-11 {
  position: relative;
  right: 91.66667%;
  left: auto;
}
}
 .teatseal-quiz .columns img {
  margin-top: 50%;
}
.twocolumn .inlineImg {
  width:200px;
  margin: 0 auto;
  display: block
}
.twocolumn + .twocolumn .columns {
  padding-right: 0;
}
@media only screen and (min-width: 480px) {
  .animWrapper {
    display: flex;
    align-items: center
}
  .animBoxLeft, .animBoxRight {
    width: 50%
  }
  .animBoxLeft {
    display: inline-block
  }
  .animBoxRight {
    float: right
  }
}
@media only screen and (min-width: 768px) {
  .threeColWrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap
  }
  .threeColWrapper .threecolumn {
    float: none;
    width: 32%
  }
  .threeColWrapper .threecolumn .pad,
  .threeColWrapper .threecolumn .authorable, 
  .threeColWrapper .threecolumn .promo-box-light,
  .threeColWrapper .threecolumn .promo-box-dark {
    height: 100%
  }
}
/* Calc page */
.selectWrapper {
      width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5rem;
    text-align: center;
}
.calculator_main .columns {
  padding: 0
}
.default {
  display: none
}
.button.c5 {
  background-color: #666;
  margin-right: 5px
}
#calculator_main fieldset .input select {
  right: 1px;
}
#calculator_main fieldset .input input[type="text"] {
  font-size: 16px;
  font-weight: 400
}
#calculator_main .timer {
  font-size: 110px;
  background: #fff;
}
#calculator_main .timer .percent {
  color: #008D22;
}
#calculator_main .timer .nothing {
  width: 110px;
  height: 110px;
  border-color: #ABDAB7;
}
#calculator_main .timer > #slice > .pie {
  width: 110px;
  height: 110px;
  border-color: #008D22;
}
#calculator_main .row {
    margin-bottom: 40px;
}
.nzmap {
    background: url(../images/map.png) no-repeat;
    width: 100%;
    height: 522px;
    list-style: none;
    position: relative;
}
.sub-title {
  font-size: 18px;
    line-height: 21px;
    margin-bottom: 10px;
    color: #000;
}
.nzmap .testimonial {
    position: absolute;
  height: auto;
  background: none
}
.testimonial1 {
    left: 159px;
    top: 209px;
}
.testimonial2 {
    left: 170px;
    top: 292px;
}
.testimonial3 {
    left: 144px;
    top: 246px;
}
.testimonial4 {
    left: 184px;
    top: 280px;
}
.testimonial5 {
    left: 170px;
    top: 218px;
}
.testimonial6 {
    left: 155px;
    top: 325px;
}
.testimonial7 {
    left: 107px;
    top: 385px;
}
.testimonial8 {
    left: 184px;
    top: 300px;
}
.testimonial9 {
    left: 122px;
    top: 345px;
}
.testimonial10 {
    left: 135px;
    top: 325px;
}
.testimonial11 {
    left: 121px;
    top: 281px;
}
.testimonial12 {
    left: 238px;
    top: 74px;
}
.testimonial13 {
    left: 248px;
    top: 74px;
}
.testimonial14 {
    left: 215px;
    top: 168px;
}
.testimonial15 {
    left: 225px;
    top: 168px;
}
.testimonial16 {
    left: 180px;
    top: 292px;
}
.testimonial17 {
    left: 20px;
    top: 430px;
}
.nzmap .has-tip ,.nzmap .has-tip:hover ,.nzmap .has-tip:focus {
    border: none;
}
.tooltip>.nub {
    display: none;
}
.tooltip {
    background-color: #fefefe;
    color: #008c2b;
    border: 1px solid #aaaaaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 1em;
}
.tooltip p {
    color: #666666;
    line-height: 1em;
}
.mapleft .tooltip .has-tip ,.mapleft .tooltip .has-tip p {
    text-align: right;
}
.testimonial-content ul li {
    font-size: 0.9em;
    line-height: 23px;
    color: #666666;
    margin-bottom: 5px;
}
.testimonial-content {
    display: none;
}
.testimonial-init {
    display: block;
}
.testimonial-content iframe {
    margin-top: 14px;
}