#data-topbar {
	display: block;
	}

html {
	overflow: visible !important;
	}

body {
	position: relative;
	overflow: visible !important;
	}

section#page {
	padding-top: 200px !important;
	}

div#leaderboard-container.site-wrap {padding-bottom:0;}
.rr {padding-top:20px;}

#havenLogin{top: 100px!important;}


@media only screen and (max-width : 641px) {
	body.home #maincol {margin-top:24px;}
}

@media only screen and (min-width : 641px) and (max-width : 1023px) {
	section#page { padding-top: 180px !important; }
}

@media only screen and  (max-width : 640px) {
	body.home section#page { padding-top: 95px !important; }
	section#page { padding-top: 110px !important; }
}


#maincol h1.pageheadline, #maincol h1.page-title {
    padding-top: 14px;
}

.business-directory #maincol .wpbdp-main-page h1.pageheadline, .business-directory .rr {
	padding-top: 0;
}

#maincol h1.category-headline {
    padding-top: 15px;
}

.topBar {
	width: 100%;
	max-width: 100%;
	}
.topnav {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

 ul.right.social-login {
        margin-bottom: 0;
     }
li.social-icons, li.login-logout {
    padding-top: 2%;
     margin-left: .75rem;
}

li.login-logout {
	margin-left: .5rem;
}

li.login-logout:first-child {
	margin-left: 1.375rem;
}

h1.title {
	max-height: 28px;
	}

.contain-to-grid.eyebrow h1.title img {
	margin-top: 5px;
	}

#mq-fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	height: 183px;
	width: 100%;
	z-index: 999;
	}

	.contain-to-grid.eyebrow {
		padding-top: 0;
		margin-top: 0;
		}

	.mq-logo-login-search {
		height: 133px !important;
		margin: 24px auto 24px;
		}



	/*
	Please make '.contain-to-grid .mq-logo-login-search' follow the same left/right
	margin rules, in regard to responsiveness, as '.contain-to-grid .top-bar'
	*/

#mq-fixed-header nav {
	min-height: 40px;
}

div.alt-login {
	display: none;
	float: right;
	margin-right: 0.625rem;
}

.contain-to-grid div.alt-login .freereports span {
	color: #333 !important;
}



div.alt-login a {
	color: #4D95D0 !important;
}

div#mq-off-canvas-scrim {
	position: fixed;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 9988;
	display: none;
	/*pointer-events: none;*/
	}

div#mq-off-canvas-container {
	position: fixed;
	display: block;
	width: 275px;
	bottom: 0;
	top: 0;
	left: -285px;
	background-color: #333;
	z-index: 9999;
	margin: 0;
	box-shadow: 2px 0 6px rgba(0,0,0,0.2);
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	}

	div#mq-off-canvas-header {
		position: absolute;
		display: block;
		/*background: url('/wp-content/themes/haven-foundation-5/img/offcanvas-logo.png') no-repeat 10px 5px;*/
		border-bottom: 1px solid rgba(0,0,0,0.2);
		top: 0;
		left: 0;
		width: 100%;
		height: 25px;
		padding: 5px 18px 0 0;
		}

		div#mq-off-canvas-close:before {
			display: block;
			float: right;
			cursor: pointer;
			content: "\f217";
			color: #fff;

			font-family: "foundation-icons";
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			text-decoration: inherit;
			}


ul#mq-off-canvas-menu {
	position: absolute;
	display: block;
	width: 275px;
	height: auto;
	min-height: 100%;
	top: 25px;
	left: 0;
	background-color: #333;
	list-style: none;
	margin: 0;
	padding-bottom: 60px;
	}

	ul#mq-off-canvas-menu ul {
		margin: 0;
		}

		ul#mq-off-canvas-menu li {
			list-style: none;
			}

			ul#mq-off-canvas-menu li a {
				margin: 0;
				display: block;
				font-size: 13px;
				text-shadow: 1px 1px rgba(0,0,0,0.3);
				line-height: 1.2;
				border-top: 1px solid rgba(255,255,255,0.1);
				border-bottom: 1px solid rgba(0,0,0,0.3);
				padding-left: 10px;
				color: #fff;
				padding-top: 2%;
                padding-bottom: 2%;
				}

			ul#mq-off-canvas-menu li ul li {
				background-color: #666;
				}

			ul#mq-off-canvas-menu li ul li a {
				padding-left: 10px;
				}

			ul#mq-off-canvas-menu li ul li ul li a {
				padding-left: 10px;
				}

		ul#mq-off-canvas-menu li.current-menu-item a {
			background-color: #428ecd;
			}

		ul#mq-off-canvas-menu li.menu-item-has-children > a:after {
			content: '\f199';
			display: block;
			float: right;
			height: 20px;
			width: 20px;
			/*margin: 11px 25px 0 0;*/

			font-family: "foundation-icons";
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			text-decoration: inherit;
			}

			ul#mq-off-canvas-menu li.menu-item-has-children.current-menu-ancestor {
				background-color: #006218;
				}

			ul#mq-off-canvas-menu li.menu-item-has-children.current-menu-ancestor > a:after {
				content: '\f176';
				}

			ul#mq-off-canvas-menu li.menu-item-has-children.minus > a:after {
				content: '\f176';
				}

		ul#mq-off-canvas-menu li.menu-item-has-children > ul { display: none; }

		ul#mq-off-canvas-menu li.menu-item-has-children.current-menu-ancestor > ul { display: block; }

ul#mq-off-canvas-menu li ul li a:hover {
	background-color: #222;
	}

@media only screen and (max-width : 1023px) {

	ul.mq-menu {
		display: none;
		}

	div.main-login {
		display: none;
		}

	div.alt-login {
		display: block;
		}

	.mq-logo-login-search {
		max-width: 90%;
		margin: 10px 1.25rem;
		}
}

@media only screen and (max-width : 641px) {
	.mq-logo-login-search {height:70px !important; margin-top:0;}
	img.nameplate-logo, img.directory-logo {max-width:220px;}
}

/* SEARCH */

.nobr	{ white-space: nowrap; }

/* QUALIFYING QUESTIONS */


.qualifiers label {
	position: relative;
	padding: 7px 10px 0 40px;
	}

.qualifiers label > input[type='radio'],
.qualifiers label > input[type='checkbox'] {
	position: absolute;
	left: 10px;
	top: 11px;
	}

.qualifiers h5 {
	font-family: "open-sans", "Open Sans", Helvetica, Arial, sans-serif;
	color: #0c7723;
	}

.qualifiers div.question {
	padding-top: 0.5rem;
	margin-top: 0.5rem;
	padding-bottom: 1.0rem;
	}

.qualifiers h6 {
	line-height: 1.4!important;
	margin-top: 0 !important;
	}

.qualifiers img {
	width: 200px;
	height: auto;
	}

form.qualify-for-more p {
	margin: 0;
	margin-top: 0.8rem;
	text-align: right;
	}

ul.whatcounts-list {
	list-style: none;
	}




/* SUBSCRIBE TO MORE */

form.subscribe_to_more {
	background-color: #eee;
	border: 1px solid #aaa;
	padding: 5px 15px 10px;
	}

form.subscribe_to_more h5,
div.magazine-subscriptions-thanks h5 {
	font-family: "open-sans", "Open Sans", Helvetica, Arial, sans-serif;
	color: #0c7723;
	}

form.subscribe_to_more label {
	display: block;
	float: left;
	position: relative;
	width: 146px;
	height: 245px;
	text-align: center;
	padding: 10px 10px 0;
	font-size: 0.9rem;
	font-weight: bold;
	}

form.subscribe_to_more label.gx,
form.subscribe_to_more label.ms {
	padding-top: 4px;
	font-size: 0.7rem;
	}

form.subscribe_to_more label:hover {
	background-color: rgba(12,119,35,0.1);
	}

form.subscribe_to_more label img {
	position: absolute;
	top: 40px;
	height: 166px;
	width: 126px;
	display: block;
	}

form.subscribe_to_more label input {
	display: none;
	}

form.subscribe_to_more label input:checked + div {
	background-color: #0c7723;
	border: 2px solid #0c7723;
	}

form.subscribe_to_more label div {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin: 0;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	border: 1px solid #aaa;
	color: #fff;
	background-color: #fff;
	font-family: "open-sans", "Open Sans", Helvetica, Arial, sans-serif;
	line-height: 1.2;
	font-size: 32px;
	text-align: center;
	}

form.subscribe_to_more p {
	margin: 0;
	margin-top: 0.8rem;
	text-align: right;
	}

.reveal-modal-bg {
	position: fixed !important;
	}

section.mag_subs {
	width: 100%;
	border-top: 1px solid #ddd;
	}



section.mag_subs td {
	background-color: #f2f2f2;
	border: none;
	border-bottom: 1px solid #ddd;
	text-align: center;
	}

section.mag_subs tr.requalify-notice td {
	background-color: #ddd;
	text-align: center;
	}

section.mag_subs td:first-child {
	text-align: left;
	}

section.mag_subs td input.button {
	margin-bottom: 0 !important;
	font-size: 0.85rem;
	padding: 0.35rem 3.5rem;
	}

section.mag_subs td input.button.disabled {
	background-color: #999;
	}

section.mag_subs table, section.mag_subs table td {
	border: none;
	padding: 3px 10px;
	}

div.magazine-subscriptions form.panelize,
div.magazine-subscriptions div.panelize,
div.magazine-subscriptions.panelize {
	border: 1px solid #ddd;
	margin: 15px 15px 0;
	padding: 15px 30px;
	}

div.magazine-subscriptions form p {
	margin-bottom: 10px;
	}

div.magazine-subscriptions form label {
	position: relative;
	padding: 3px 0;
	padding-left: 50px;
	}

div.magazine-subscriptions form label input {
	position: absolute;
	left: 18px;
	top: 8px;
	}

div.magazine-subscriptions ul {
	list-style: none;
	margin: 0;
	}

div.magazine-subscriptions ul li {
	display: inline;
	}

div.magazine-subscriptions ul li a {
	position: relative;
	display: inline-block;
	width: 125px;
	height: 167px;
	background-size: 100%;
	background-repeat: no-repeat;
	margin: 0;
	margin-right: 20px;
	}

div.magazine-subscriptions ul li a div {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.65);
	z-index: 9999;
	text-align: center;
	padding-top: 45%;
	font-weight: bold;
	color: #000;
	text-shadow: 0 0 5px #fff;
	line-height: 1.2;
	}

div.magazine-subscriptions ul li a:hover div {
	display: block;
	}

div.magazine-subscriptions-thanks.panelize {
	background-color: #eee;
	margin: 15px 0 0;
	padding: 15px 30px;
	}

div.magazine-subscriptions-thanks ul li a {
	/*width: 105px;
	height: 129px;
	margin-right: 10px;*/
	}

ul.whatcounts-list {
	list-style: none;
	margin: 0 0 1.25rem;
	width: 100%;
	}


form.new_leads_form div.gform_body {
	border: 1px solid #d8d8d8;
	padding: 0 20px 10px;
	background-color: #f2f2f2;
	}

form.new_leads_form div.gform_body ul li > label {
	display: none !important;
	}

form.new_leads_form tr.gfield_list_row_odd,
form.new_leads_form tr.gfield_list_row_even {
	background-color: #f2f2f2 !important;
	}

form.new_leads_form td.gfield_list_icons img {
	margin-bottom: 15px !important;
	}

form.new_leads_form li.new_leads_field table.gfield_list td.gfield_list_cell {
	vertical-align: center !important;
	}

div.new_leads_form div.gform_confirmation_message {
	font-size: 1.0rem;
	}


/* SEARCH */

.nobr	{ white-space: nowrap; }


div.menu-search {
	position: absolute;
	top: 25px;
	right: 10px;
	height: 20px;
	width: 20px;
	background: url('/wp-content/themes/haven-foundation-5/img/ui-sprite.png') center 20px;
	cursor:pointer;
	}

div.menu-login {
	position: absolute;
	right: 60px;
	top: 2px;
	line-height: 64px;
	width: auto;
	text-align: right;
	font-size: 15px;
	color: #b2b2b2;
	}

	div.menu-login a {
		color: #62bed9;
		}
	div.menu-login a:hover {
		color: #62bed9;
		text-decoration:underline;
		}



/* Google Search Box */

.google-search {
	width: 320px;
	height: 60px;
	z-index: 888;
	position: fixed;
	right: 50%;
	margin-right: -550px;
	top: 222px;
	background-color: #fff;
	border: 1px solid #eaeaea;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
	border-radius: 0 0 5px 5px;
	padding: 10px 20px;
	display: none;
	}

	.slideup {top: 40px;}

	.google-search input[type='text'], .google-search input:focus[type='text'] {
		float: left !important;
		width: 193px !important;
		height: 33px !important;
		margin:0 !important;
		background-image: none !important;
		background-color: #fff !important;
		border: 1px solid #ccc !important;
		padding:0 12px!important;
		outline-color: transparent !important;
		outline-style: none !important;
		-webkit-appearance: none !important;
		color: #a9a9a9 !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  		}

.google-search input:focus {
	border-color: #62bed9 !important;
}
	.google-search input[type='image'], .google-search input:hover[type='image'] {
		float: right;
		width: 54px;
		height: 35px;
		font-size: 1rem;
		color: #fff;
		background-color: #62bed9;
		background-image: url('/wp-content/themes/haven-foundation-5/img/go-button.png');
		border: 0;
		outline: 0;
		border: none;
		background-position: top center !important;

		}

		.google-search td, .google-search table, .gsc-input-box, .gsc-input-box-hover  {

		width: 193px !important;
		height: 37px !important;
		margin: 0 15px 0 0 !important;
		padding:0 !important;
		overflow: hidden !important;
		border: none !important;

		spacing: 0px;
		line-height: 37px;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		}

		/* End Google Search Box */

@media only screen and (max-width : 1023px) {
		/* Google Search Box */

		.google-search {
		width: 100%;
		top: 66px !important;
		right: 0;
		margin-right: 0;
		border: 0;
		border-bottom: 1px solid #eaeaea;
		box-shadow: 0 1px 8px rgba(0,0,0,0.3);
		border-radius: 0;
		position: absolute !important;
		}
		.google-search td, .google-search table, .gsc-input-box, .gsc-input-box-hover {
			width: 100% !important;
		}
		.google-search input[type='text'], .google-search input:focus {
		width: 97% !important;
		}

		.google-search input[type='image'] {

		width: 60% !important;


		}

}

@media only screen and (max-width: 1099px) and (min-width: 641px) {

	/* Google Search Box */
	.google-search {
		right: 10px;
		margin-right: 0;
		}

}
@media only screen and (max-width: 640px)  {

	/* Google Search Box */
	.google-search {
		position: fixed !important;
	}

}

div.lc-menu-search {
		top: 25px;
		right: 10px;
		height: 30px;
		width: 20px;
	/*	background: url('/wp-content/themes/haven-foundation-5/img/ui-sprite.png') center 20px;*/
		cursor:pointer;
		line-height: 1.2;
  		font-size: 1.45rem;
		}
 div.lc-menu-search i.fi-magnifying-glass:before {
        content: "\f16c";

        }
div.lc-header {
	position: fixed;
	top: 0;
	left: 0;
	height: 242px;
	width: 100%;
	border-bottom: 1px solid #eaeaea;
	z-index: 999;
	background-color: #fff;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	}





/* Slick Slider */
/*.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;

}*/

.slick-slide.slick-current.slick-active {
    max-height: 480px;
    overflow: hidden;
}


/* Simple Share Buttons CSS alignment hack for better RCLP display */
.single_rclp .ssbp-wrap.ssbp--aligned-right {
    text-align: left;
}
.ssbp-print {
    background-color: #679155 !important;
}

/* archive formatting */
body.archive div.entry-content  {border-bottom:1px solid #cccccc; margin-top:20px;padding-bottom:20px;}
body.post-type-archive-meq_downloads article.entry-archive {border-bottom:1px solid #cccccc; margin-top:20px;padding-bottom:0;}

/* SLLP Formatting */
body.single-meq_products header h1 {font-size:2.5rem;}
body.single-meq_products header h2 {font-size:1.65rem;}
.super_ofie h1, .super_ofie_sllp h1 {text-align:center;margin:0px auto 10px auto;}
.super_ofie_sllp p {text-align:center;margin:0px auto 0px auto;}
.super_ofie_sllp img {margin-bottom:20px;}
div.sllpButton {text-align:center;margin:20px auto 10px auto;}
#sidebar aside.super_ofie_sllp {padding-bottom:0;}

h2.offer-title {
	font-family: "open-sans", "Open Sans", Helvetica, Arial, sans-serif;
	color: #4D95D0;
	font-size: 1.25rem;
}

p.offer-description {
	margin-bottom: .25rem;
}

p.offer-price {
	font-weight: bold;
	color: #777777;
}

/* My Picks */
.myPickDrop h3 {margin-top:0;font-size:1em;font-weight:normal;}
.myPickDrop select {width:200px;height:2.0em;padding:0 0 0 10px;}

/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   background: url(img/customSelect.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 240px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px 5px 5px 10px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}


/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.green   { background-color: #679055; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #000; }
.black select   { color: #fff; }

/* go to top */
/***********************************************************************************************/
/* Button */
/***********************************************************************************************/
.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: white;
	background-color: rgba(103, 144, 85, 0.8);
	font-size: 12px;
	padding: 1em;
	display: none;
}


.go-top:hover, .go-top:focus {
	background-color: rgba(158, 197, 229, 1.0); color:#04233d;
}
@media only screen and (max-width: 480px)  {
	.go-top { bottom: 5em;right: 0; }
	div.ssbp-set--one.ssbp-wrap.ssbp--aligned-right.ssbp--theme-4 {background-color:#9ec5e5;}
}

@media only screen and (min-width: 1225px)  {
	.go-top {
		right: 10em;
	}

}


div.background-ad-left {
	width: 750px;
	height: 1050px;
	position: fixed;
	top: 0;
	right: 50%;
	margin-right: 575px;
	background-image: url('/wp-content/uploads/purina-left.jpg');
	z-index: 999;
}

div.background-ad-right {
	width: 750px;
	height: 1050px;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: 575px;
	background-image: url('/wp-content/uploads/purina-right.jpg');
	z-index: 999;
}

body.single.single-meq_downloads article.loggedIn header {
	clear:both;
	}

body.single.single-meq_downloads article.loggedIn header h1 {
	float: left;
}

body.single.single-meq_downloads article.loggedIn header img {
	float: right; width: 200px;
}

/* Glossary FAQ */

.glossaryOffsetFaq {
  position: relative;
  height: 240px;
  margin-top: -240px;
  opacity: 0;
  display: block !important;
  z-index: -1;
}

@media only screen and (max-width: 850px)  {
  body.single.single-meq_downloads article.loggedIn header h1 {
	  font-size:1.5em !important;
  }
    body.single.single-meq_downloads article.loggedIn header img {
	width: 130px !important;
   }

    body.single.single-meq_downloads article.loggedIn  div.wp-caption {
	width: 100% !important;
   }

}

@media only screen and (max-width: 480px)  {
  body.single.single-meq_downloads article.loggedIn header h1 {
	  font-size:1em !important;
  }

  body.single.single-meq_downloads article.loggedIn header img {
	float: right; width: 100px !important;
   }
}


article ul.bullet_list li {margin-bottom:.75em;}
article ul.bullet_list li a, article  ul.bullet_list li a:visited {color:#4d95d0;}

body.single-shopp_product .ssbp-wrap.ssbp--aligned-right {text-align:left !important;}



p.promotedByHome {margin-bottom:5px;margin-top:-2px;}
p.promotedBy {margin-bottom:42px;margin-top:-7px;}
p.promotedBy a, p.promotedByHome a {background-color:#679055;padding:2px 5px;color:white;font-size:.9em;}
p.promotedBy a {float:right;}
@media only screen and (max-width: 1024px)  {
p.promotedBy a {float:left;color:$fff;}
}

@media only screen and (max-width: 640px)  {
p.promotedBy a {float:none;width:100%;color:#fff;display:inline-block;}
}

.htmlfloater a.medium.alert.button.radius.full {
	h2.floater-header {
		color: #0B63AD;
	}
 	@media only screen and (min-width: 768px) {
        font-size: 1rem;
        width: auto;
        max-width: 90%;
      }
      @media only screen and (max-width: 767px) {
        font-size: 1rem;
        width: 80%;
      }
 }

#floater.reveal-modal .close-reveal-modal {padding:0 0 40px 40px;}
@media only screen and (max-width: 1024px)  {
.free-guides-ofie {text-align:center;}
.free-guides-ofie img {max-width:200px !important;}
}
@media only screen and (max-width: 640px)  {
.free-guides-ofie img {max-width:150px !important;}
}

@media only screen and (max-width: 380px) {
	.small_ofie.panel, .super_ofie.panel {
    padding: .5rem;
	}

	button.small, .button.small {
    padding-top: 0.8rem;
    padding-right: .7rem;
    padding-bottom: 0.8rem;
    padding-left: .7rem;
	}
}

.clickLink {color:#000000;text-align:center;}
a.clickLinksubscribe {color:#fff !important;padding:8px 16px !important;font-size:16.8px;margin-top:5px;}
.inline-list.displayInline {display:inline-block;margin-bottom:5px;}
.displayCenter {text-align:center;}