@charset "UTF-8";
/* CSS Document */
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}
.container-fluid .container{
	padding-left:0;
	padding-right:0;	
}
body{
	background:#D8D1C6;
}
.navbar{
	background:url(../images/Surefeed_Web1_Home_01.png) center top no-repeat #000B11;	
	margin-bottom:0;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-static-top {
    border-width: 0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
	border-top:3px solid #EEC435;
}
#navbar{
	padding-top:46px;	
}
.navbar-nav > li > a {
    padding-top: 4px;
    padding-bottom: 5px;
    text-transform: uppercase;
    color: #fff;
	border-top:3px solid transparent;
	font-size:13px;
	line-height:13px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding-left:1px;
	padding-right:1px;
	margin-right:30px;
	font-family: "nimbus-sans-extended";
	font-weight:300;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
	border-top:3px solid #EEC435;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
@media(min-width:768px){
	.navbar{
		height:71px;
		background:url(../images/Surefeed_Web1_Home_01.png) center top no-repeat #BAA688;	
		margin-bottom:0;
	}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		background-color: transparent;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		color: #fff;
		background-color: transparent;
		border-top:3px solid #EEC435;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		background-color: transparent;
	}
	.logo{
		padding-top:16px;
	}
}
.container{
		position:relative;
	}
@media(min-width:992px){
	.logo{
		padding-top:10px;
	}
	
}

.dropdown-menu {
	background:#fff;
    background: rgba(255,255,255,0.8);
}
.dropdown-menu > li > a {
    padding: 6px 20px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
	border-bottom:1px solid #000;
	margin-left:12px;
	margin-right:12px;
}
@media(max-width:1199px){
.navbar-nav > li > a {
	font-size:11px;
}
.nav > li > a {
	margin-right:25px;
}
}
@media(max-width:991px){
.navbar-nav > li > a {
	font-size:11px;
}
.nav > li > a {
	margin-right:12px;
}
.navbar{
	  background:url(../images/tablet-header-back.jpg) center top no-repeat #000B11;	
	}
}
@media(max-width:767px){
.navbar{
	background:url(../images/mobile-header-back.jpg) center top no-repeat #000B11;	
	margin-bottom:0;
}
#navbar{
	padding-top:10px;
}
.navbar-nav .open .dropdown-menu {
    background-color: #031728;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    /* border-color: #e7e7e7; */
	border:0px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-color:transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
	background-color: #baa688;
}
.navbar-nav > li > a {
	font-size:14px;
}
.nav > li > a {
	margin-right:0px;
	padding:15px 25px;
}
	.logo img{
		max-width:205px;
	}
	.logo{
		padding-top:8px;
	}
}
.dropdown-menu > li:last-child > a {
	border-bottom:0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background: transparent none repeat scroll 0% 0%;
    text-align: center;
    background-color: #031728;
}

.find-distributor{
	color:#fff;
	font-weight:bold;
	position:absolute;
	top:7px;
	right:15px;
	font-size:14px;
	line-height:13px;
}
.btn-sm{
	border-radius:0;
	border:1px solid #000;
	padding:2px 5px;
	font-size:11px;
}
.find-distributor .btn-sm, figure .btn-sm{
	margin-top:-3px;
	background:#002032;
	border:1px solid #beab8b;
}
.find-distributor .btn-sm:hover, figure .btn-sm:hover{
	background:#beab8b;
}
.vcenter{
	display:inline-block;
	float:none;
	vertical-align:middle;	
}

.carousel{
	background:#031728;
}
.features, .page-content{
	background:#fff;	
	padding-bottom:35px;
}
.features h2{
	color:#7d5f42;
	background:url(../images/Surefeed_Web1_Home_11.jpg) left 1px no-repeat;
	padding-left:27px;
	text-transform:uppercase;	
	font-size:20px;
	line-height:22px;
	font-family: "nimbus-sans-extended";
	font-weight:300;
	height:44px;
}
.footer{
	background:#D8D1C6;
	padding-top:25px;
	padding-bottom:25px;
}
.footer .column-1 .img-responsive, .footer .column-3 .img-responsive{
	margin:auto;
}
.social-icons{
	text-align:center;
	padding-right:18px;	
}
.social-icons a{
	 display:inline-block;
	 margin-right:18px;
}
.social-icons a:last-child{
	margin-right:0;	
}
.social-icons img{
	margin-right:18px;
}
.social-icons img:last-child{
	margin-right:0;	
}
.social-icons p{
	color:#005cb9;
	font-size:20px;
	line-height:20px;
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:5px;
	padding:0;	
	font-family: "nimbus-sans-extended";
	font-weight:300;
}
.footer-nav{
	padding-top:10px;
	text-align:center;
}
.footer .footer-nav a{
	font-weight:bold;
	color:#005cb9;
	text-decoration:none;
	display:inline-block;
	margin-bottom:15px;	
	font-size:12px;
	line-height:12px;
	text-transform:uppercase;
	margin-right:10px;
}
.footer .footer-nav a:last-child{
	margin-right:0;
}
.footer .column-3 p{
	color:#005cb9;
	font-size:12px;
	line-height:15px;
	margin-top:15px;
	margin-bottom:0px;
	margin-left:70px;
	padding:0;	
}
.footer .copyright{
	font-size:12px;
	color:#005cb9;
	text-align:left;
	margin-top:10px;
	padding-top:0;
}
@media(max-width:991px){
	.footer .column-3 p{
		margin-left:35px;
	}
	.find-distributor{
		top:7px;
		right:15px;
		font-size:12px;
		line-height:13px;
	}
	.features h2{	
		font-size:16px;
		line-height:18px;
		height:36px;
	}
	
}
@media(max-width:767px){
	.footer .column-3 p{
		margin-left:71px;	
	}
	.footer .footer-nav{
		text-align:center;
	}
	
	.footer .column-1{
		padding-bottom:25px;	
	}
	.footer .column-3{
		margin-top:25px;
	}
	.footer .copyright{
		text-align:center;
	}
	.owl-prev, .owl-next{
		display:none;
	}
	.features h2{	
		height:auto;
	}
}

/* OWL CAROUSEL TWEAKS */
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
    position: absolute;
    top: 46%;
}
.owl-prev, .owl-next{
	height:17px;
	width:17px;
}
.owl-prev{
	left:0;
	background:url(../images/Surefeed_Web1_Home_04.jpg) no-repeat;
}
.owl-next{
	right:0;
	background:url(../images/Surefeed_Web1_Home_06.jpg) no-repeat;
}

@media(max-width767px){
	.owl.controls{
		display:none !important;
	}	
}

.text-overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    padding: 15px;
    font: 0px/0 a;
    background-color: rgba(3, 23, 40, 0.8);
    transition: all 200ms ease-out 0s;
	opacity:1;
	display:none;
}
.text-overlay-on{
	opacity:1;
}
.text-overlay-off{
	opacity:0;	
}
.text-overlay:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

/*figure:hover .text-overlay, figure:focus .text-overlay {
    opacity: 1;
}*/
.text-overlay .info{
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	font-size: 14px;
	line-height: 22px;
	/*color: #FFF;*/
	text-align: center;
	font-family: "nimbus-sans-extended";
	font-weight:300;
}
.text-overlay .info h2,
.text-overlay .info h3,
.text-overlay .info h4 {
	color: #D7D1C6;
	margin-bottom: 2px;
}
.text-overlay .info h4{
	font-size:16px;
	line-height:20px;
	margin-top:0;
	padding-top:0;	
}
.text-overlay .info p {
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
	margin-bottom: 0;
	margin-top:15px;
}
.text-overlay .info.big p {
	font-size: 18px;
	line-height: 140%;
	padding-top: 10px;
	margin-top: 0;
}

/*SUB PAGE STYLES START HERE*/
.page-content p{
	color:#00263e;
	font-size:14px;
	line-height:18px;
	margin-bottom:20px;
	padding-bottom:0;	
}
.content-header{
	position:relative;
	height:289px;
	margin-bottom:20px;
}
.header-txt-outer{	
	z-index:10;
	position:absolute;
}
.header-txt{
	padding-top:20px;
	padding-bottom:20px;
	background-color:#031728;
	color:#fff;
	height:288px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#031728+0,031728+100&1+0,0+100 */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzMTcyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzE3MjgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(left,  rgba(3,23,40,1) 0%, rgba(3,23,40,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(3,23,40,1)), color-stop(100%,rgba(3,23,40,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(3,23,40,1) 0%,rgba(3,23,40,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(3,23,40,1) 0%,rgba(3,23,40,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(3,23,40,1) 0%,rgba(3,23,40,0) 100%); /* IE10+ */

background: linear-gradient(to right,  rgba(3,23,40,1) 0%,rgba(3,23,40,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031728', endColorstr='#00031728',GradientType=1 ); /* IE6-8 */


}
.header-txt-inner{
height:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6c818e+50,6c818e+100&0+50,1+100 */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZjODE4ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YzgxOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(-45deg,  rgba(108,129,142,0) 50%, rgba(108,129,142,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,rgba(108,129,142,0)), color-stop(100%,rgba(108,129,142,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(-45deg,  rgba(108,129,142,0) 50%,rgba(108,129,142,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(-45deg,  rgba(108,129,142,0) 50%,rgba(108,129,142,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(-45deg,  rgba(108,129,142,0) 50%,rgba(108,129,142,1) 100%); /* IE10+ */

background: linear-gradient(135deg,  rgba(108,129,142,0) 50%,rgba(108,129,142,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006c818e', endColorstr='#6c818e',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
margin-right:20px;
}
.header-txt h1{
	font-family: "nimbus-sans-extended";
	font-weight:300;
	font-size:21px;
	line-height:24px;
	padding:10px 15px 0 30px;
	padding-bottom:0;
	margin:0;
	text-transform:uppercase;
}
.header-txt p{
	color:#fff;
	font-size:13px;
	line-height:17px;
	padding:15px 15px 15px 30px;
	margin:0;
}
.header-txt .contact-info p{
	padding-left:15px;
	font-size:12px;	
}
.header-txt a, .contact-info a{
	color:#fff;
}
.header-img{
	z-index:5;
	position:absolute;
}
.downloads{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}
.downloads li{
	background:url(../images/surefeed_magazines_standard_09.png) no-repeat left center;
	padding-left:45px;
	padding-top:15px;
	padding-bottom:15px;
	font-weight:bold;
	color:#00263e;
	font-size:14px;
}
.downloads li a{
	color:#00263e;
}
.info-btn{
	position:absolute;
	bottom:3px;
	right:3px;
	z-index:15;
}
.info-btn-minus{
	position:absolute;
	bottom:3px;
	right:3px;
	z-index:250;	
	display:none;
}
@media(max-width:991px){
  .content-header{
	  height:auto !important;
  }
  .header-txt-outer{	
	  position:relative;
	  
  }
  .header-txt{
	  background-color: rgba(3, 23, 40, 1.0);
	  height:auto;
	  padding-bottom:30px;
	  position:relative;
  }
  .header-img{
	  position:relative;
  }
  .header-txt p{
	  font-size:12px;
	  line-height:16px;
  }
  .text-overlay, figure {
	  /*position: relative;
	  padding: 15px;
	  background-color: rgba(3, 23, 40, 1);
	  transition:none;
	  opacity: 1;
	  clear:both;
	  border-top:1px solid #D8D1C6;
	  height:172px;*/
	  max-width:400px;	  
  }
  .info-btn{
		width:30px;
		height:auto;
	}
	.info-btn-minus{
		width:30px;
		height:auto;
	}
}
@media(max-width:767px){
	.page-content{
		padding-left:0;
		padding-right:0;
	}
	.content-header{		
		margin-left:-15px;
		margin-right:-15px;	
	}
	.container{
		overflow:hidden;
	}
	.features .feature{
		margin-left:auto;
		margin-right:auto;
		max-width:400px;	
	}
}
.cta-modal{
	
}
.cta-modal .modal-dialog {
    width: 100%;
    margin: 68px auto;
    max-width: 941px;
}
.cta-modal .close{
	width:28px;
	height:28px;
	z-index:10000;
	position:absolute;
	top:10px;
	right:10px;
	opacity:100;
}
.cta-modal .modal-body{
	padding:0;
	z-index:9999;
}
.cta-modal .modal-body a.cta-phone{
	display:block;
	width:208px;
	height:64px;
	position:absolute;
	bottom:0;
	right:357px;
	z-index:10000;
}
.cta-modal .modal-body a.cta-email{
	display:block;
	width:356px;
	height:64px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:10000;
}
@media(max-width:991px){
	.cta-modal .modal-dialog {
    	max-width: 750px;
	}
	.cta-modal .modal-body a.cta-phone{
		width:165px;
		height:50px;
		right:285px;
	}
	.cta-modal .modal-body a.cta-email{
		width:284px;
		height:50px;
	}
}
@media(max-width:767px){
	.cta-modal .modal-dialog {
    	max-width: 320px;
	}
	.cta-modal .modal-body a.cta-email{
		width:121px;
		height:22px;
	}
	.cta-modal .modal-body a.cta-phone{
		width:70px;
		height:22px;
		right:122px;
	}
}