@charset "utf-8";
/* CSS Document */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {    
    box-sizing: border-box;  
}    
*, *:before, *:after {    
    box-sizing: inherit;  
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}


* {    
  box-sizing: border-box;   
  margin: 0;    
  padding: 0;  
}

body {
        overflow-x: hidden;
        line-height: 1.5; 
	font-family: 'Barlow', sans-serif;
}
html {
  position: relative;
  min-height: 100%;
}
svg:not(:root) {
	overflow: hidden
}
.button {
 min-height: 88px;
 display: block;
}

.button a {
                display:inline-block;
                padding:15px 30px;
                font-size:16px;
                text-transform:uppercase;
                color:#fff;
                text-decoration:none;
                margin-top: 4px;
				margin-bottom: 8px;
                font-style:normal;
                background-color: #2A4F6A;
                font-weight: 500;
}

.button a:hover {
                background-color: #1E3749;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
}

.clear {
	clear: both;
}



/* Sticky footer styles
-------------------------------------------------- */
/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#141414; /* change if the mask should have another color then white */
	z-index:9999; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(images/Ripple.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
body {
	/* Margin bottom by footer height */
	margin-bottom: 170px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 180px;
	-webkit-box-shadow: 0px -4px 9px rgba(0,0,0,0.50);
	box-shadow: 0px -4px 9px rgba(0,0,0,0.50);
}

#map {
    width: 100%; height: 300px; margin-top: 20px; margin-bottom: 40px;
}

footer {
	position: relative;
	background-image: -webkit-linear-gradient(0deg,rgba(23,49,67,1.00) 0%,rgba(23,49,67,1.00) 4.66%,rgba(47,94,128,1.00) 29.53%,rgba(60,109,144,1.00) 49.22%,rgba(47,94,128,1.00) 72.02%,rgba(23,49,67,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(23,49,67,1.00) 0%,rgba(23,49,67,1.00) 4.66%,rgba(47,94,128,1.00) 29.53%,rgba(60,109,144,1.00) 49.22%,rgba(47,94,128,1.00) 72.02%,rgba(23,49,67,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(23,49,67,1.00) 0%,rgba(23,49,67,1.00) 4.66%,rgba(47,94,128,1.00) 29.53%,rgba(60,109,144,1.00) 49.22%,rgba(47,94,128,1.00) 72.02%,rgba(23,49,67,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(23,49,67,1.00) 0%,rgba(23,49,67,1.00) 4.66%,rgba(47,94,128,1.00) 29.53%,rgba(60,109,144,1.00) 49.22%,rgba(47,94,128,1.00) 72.02%,rgba(23,49,67,1.00) 100%);
}
#subfooter  {
	background-color: #141414;
	display: block;
	min-height: 42px;
	-webkit-box-shadow: inset 0px 7px 14px rgba(0,0,0,0.87);
	box-shadow: inset 0px 7px 14px rgba(0,0,0,0.87);
	padding-top: 10px;
	padding-bottom: 10px;
}
#subfooter p {
	color: rgba(255,255,255,1.00);
}
.edje {
	color: rgba(255,255,255,1.00);
	float: right;
	margin-right: 23px;
	transition: ease .3s;
}
.edje strong {
	font-weight: 900;
}
.edje:hover {
	color: rgba(255,156,0,1.00);
	text-decoration: none;
}




.navbar-brand  {
	position: absolute;
	height: 190px;
	margin-top: -9px;
	transition: ease .5s;
	background-image: url(images/head-logo.png);
	background-position: left 0%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	left: 160px;
}


#header .navbar-nav li a  {
	color: rgba(255,255,255,1.00);
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 2px;
	text-shadow: 0px 0px 7px rgba(0,0,0,0.95);
	transition: ease .8s;
	border-radius: 6px;
}
#header .navbar-nav li a:hover, navbar-nav>li a:focus {
	background-color: rgba(255, 163, 15, 0) !important;
	color: rgb(34, 64, 86);
	text-shadow: 0px 0px 9px rgba(255,255,255,1.00);
	text-decoration: none;
}


.navbar-container {
    padding: 20px 0 20px 0;
}
.navbar.navbar-fixed-top,
.navbar.navbar-fixed-top.fixed-theme {
	border-color: #080808;
	box-shadow: 0 0 5px rgba(0,0,0,.8);
	background-image: -webkit-linear-gradient(270deg,rgba(69,42,1,0.80) 0%,rgba(255,156,0,0.80) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(69,42,1,0.80) 0%,rgba(255,156,0,0.80) 100%);
	background-image: -o-linear-gradient(270deg,rgba(69,42,1,0.80) 0%,rgba(255,156,0,0.80) 100%);
	background-image: linear-gradient(180deg,rgba(69,42,1,0.80) 0%,rgba(255,156,0,0.80) 100%);
}

.navbar-brand.fixed-theme  {
	height: 80px;
	margin-top: 0px;
	background-image: url(images/head-logo-nd.png);
}

.navbar-container.fixed-theme {
    padding: 0;
}

.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container{
	transition: ease 0.8s;
	-webkit-transition: ease  0.8s;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: rgba(255,156,0,0.40);
	border: 0;
}


/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #000; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }
#myCarousel {
	-webkit-box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.90);
	box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.90);
}
#main h1 {
	color: rgba(42,79,106,1.00);
	font-weight: 700;
	 font-family: 'Barlow', sans-serif;
}
.panel-default {
	background-color: rgba(255,156,0,.40);
	border-color: rgba(255,156,0,1.00);
	min-height: 318px;
}
.panel-default > .panel-heading {
	background-image: none !important;
	border: 0;
	background-color: transparent;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.panel-heading h3 {
	text-align: center;
	font-weight: 900;
	text-transform: uppercase;
	color: rgba(42,79,106,1.00);
	margin-top: 8px;
	margin-bottom: 2px;
}
.panel-body {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.panel-heading p {
	margin-bottom: 0px;
}
.main-feature {
	width: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: auto;
	-webkit-box-shadow: 0px 9px 11px rgba(0,0,0,0.65);
	box-shadow: 0px 9px 11px rgba(0,0,0,0.65);
}
.page {
	width: 100%;
	min-height: 290px;
	background-position: center 0%;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.page.about {
	background-image: url(images/feature-whoweare.jpg);
	background-position: 0% 80%;
	
}
.page.sales {
	background-image: url(images/feature-sunset.jpg);
	background-position: center 30%;
	
}
.page.sales-merchandise {
	background-image: url(images/feature-merchandise.jpg);
	background-position: center 30%;
	
}
.page.sales-bulls {
	background-image: url(images/feature-bulls.jpg);
	background-position: center 30%;
	
}
.page.sales-heifers {
	background-image: url(images/feature-heifers.jpg);
	background-position: center 30%;
	
}
.page.sales-semen {
	background-image: url(images/feature-semen.jpg);
	background-position: center 30%;
	
}
.page.services {
	background-image: url(images/feature-services.jpg);
	background-position: center 45%;
	
}
.page.contact {
	background-image: url(images/feature-contact.jpg);
	background-position: center 45%;
	
}
.rule-yellow {
	border-color: rgba(255,156,0,1.00);
}


.statements > article h2 {
	font-size: 2.4em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(42,79,106,1.00);
}
.statements article {
	border-bottom: 1px solid rgba(42,79,106,1.00);
}
.statements article:last-of-type {
	border-bottom: 0;
}

.statements {
	padding: 10px;
	height: 100vh;
	display: table-cell;
}
.text-blue {
	color: rgba(42,79,106,1.00);
}
.dropdown-menu {
	background-color: rgba(255,156,0,0.50);
	border-radius: 8px
!important;
}
.dropdown-menu li a:hover , .dropdown-menu li a:focus, .dropdown-menu li a:active{
	background-color: rgba(255,156,0,1.00);
	background-image: none !important;
	color: rgba(255,255,255,1.00);
	text-shadow: 0px 0px 0px !important;
}


/* Collage*/

#photos {
	/* Prevent vertical gaps */
	line-height: 0;
	-webkit-column-count: 5;
	-webkit-column-gap: 0px;
	-moz-column-count: 5;
	-moz-column-gap: 0px;
	column-count: 5;
	column-gap: 0px;
	margin-bottom: 20px;
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}
.gallery {
	margin-bottom: 20px;
}
.prod {
	padding-bottom: 10px;
	margin-bottom: 15px;
}
form {
	margin-bottom: 30px;
	display: block;
	padding-bottom: 10px;
}
.form-group .btn.btn-default {
	margin-bottom: 20px;
}





@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




/* Carousel Control custom */
.carousel-control .control-icon {
	font-size: 48px;
	height: 30px;
	margin-top: -15px;
	width: 30px;
	display: inline-block;
	position: absolute;
	top: 50%;
	z-index: 5;
	color: rgba(255,156,0,1.00);
  }

  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */
  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */


/* Removing BS background */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}


/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
  } 


/* Hover animation */
.carousel:hover .control-box { opacity: 1; }

.btn-default-sm {
	background-color: rgba(42,79,106,1.00);
	background-image: none;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	font-weight: 900;
	font-size: .9em;
	letter-spacing: 1px;
	border-color: rgba(35,39,37,1.00);
	transition: ease .4s;
	float: right;
}
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  


/* Carouse Indicator */
.carousel-indicators li.active,
.carousel-indicators li { border: 0; }

.carousel-indicators li {
  background: #666;
  margin: 0 3px;
  width: 12px;
  height: 12px;
  }

.carousel-indicators li.active {
  background: #fff;
  margin: 0 3px;
  }

.carousel-caption h3 {
	font-size: 5em;
	text-transform: uppercase;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	text-align: right;
	line-height: 0.85;
	text-shadow: 2px 2px 12px rgba(0,0,0,0.61);
}
.carousel-caption h3 span {
	color: rgba(255,156,0,1.00);
}


#main {
	min-height: 300px;
	padding: 1rem 0;
}





.grid-container {
	display: table;
	height: 100%;
}

.grid-item {
	display: table-cell;
}

.panel-footer {
	background-image: none;
	background-color: transparent;
	margin-top: 0px;
	padding-top: 0px;
}

.magazine {
	position: relative;
	left: -14px;
	width: 100%;
	margin-left: 15px;
	margin-top: 20px;
	-webkit-box-shadow: 3px 3px 9px;
	box-shadow: 3px 3px 9px;
	 -ms-transform: rotate(-8deg); /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Safari */
    transform: rotate(-8deg); /* Standard syntax */
}

.btn-default {
	background-color: rgba(42,79,106,1.00);
	background-image: none;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	font-weight: 900;
	font-size: 1.4em;
	letter-spacing: 2px;
	border-color: rgba(35,39,37,1.00);
	transition: ease .4s;
}

.btn-default:hover, .btn-default-sm:hover {
	background-color: rgba(255,156,0,1.00);	
	color: rgba(255,255,255,1.00)
}

.blue-bkg {
	background-color: rgba(42,79,106,0.40);
}

article {
	padding-top: 15px;
	padding-bottom: 10px;
}

article > p {
	font-family: 'Barlow', sans-serif;
}

article img {
	margin-top: 10px;
}

.shadow {
	-webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.81);
	box-shadow: 2px 2px 12px rgba(0,0,0,0.81);
	margin-bottom: 15px;
}

article h4 {
	font-weight: 600;
	margin-bottom: 0px;
}

.btn-link {
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 0px;
	text-transform: uppercase;
	color: rgba(42,79,106,1.00);
	font-weight: 900;
}

.blog-call {
	height: 570px;
	padding-top: 15px;
}

#testimonials {
	background-image: -webkit-linear-gradient(0deg,rgba(119,73,0,1.00) 0%,rgba(238,146,0,1.00) 34.20%,rgba(255,156,0,1.00) 61.14%,rgba(132,81,0,1.00) 97.93%);
	background-image: -moz-linear-gradient(0deg,rgba(119,73,0,1.00) 0%,rgba(238,146,0,1.00) 34.20%,rgba(255,156,0,1.00) 61.14%,rgba(132,81,0,1.00) 97.93%);
	background-image: -o-linear-gradient(0deg,rgba(119,73,0,1.00) 0%,rgba(238,146,0,1.00) 34.20%,rgba(255,156,0,1.00) 61.14%,rgba(132,81,0,1.00) 97.93%);
	background-image: linear-gradient(90deg,rgba(119,73,0,1.00) 0%,rgba(238,146,0,1.00) 34.20%,rgba(255,156,0,1.00) 61.14%,rgba(132,81,0,1.00) 97.93%);
	min-height: 275px;
	-webkit-box-shadow: 0px 2px 16px 4px rgba(0,0,0,0.40);
	box-shadow: 0px 2px 16px 4px rgba(0,0,0,0.40);
	position: relative;
	z-index: 1;
}

#quote-carousel 
{
	padding: 0 10px 30px 10px;
	margin-top: 30px;
	position: relative;
	display: block;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
	content: "\f10d";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
	color: rgba(42,79,106,1.00);
	font-size: 2em;
}

.item blockquote p:after {
	content: "\f10e";
	font-family: 'Fontawesome';
	float: right;
	margin-left: 80px;
	color: rgba(42,79,106,1.00);
	font-size: 2em;
}
#testimonials h2 , #partners h2{
	text-transform: uppercase;
	color: rgba(255,255,255,0.60);
	font-family: 'Barlow', sans-serif;
	letter-spacing: 4px;
	font-weight: 700;
	font-size: 2.5em;
	margin-bottom: 0px;
}

#quote-carousel .item {
	height: auto;
}

#quote-carousel .item p {
	color: rgba(255,255,255,1.00);
	font-weight: 700;
}

#quote-carousel .item small {
	color: rgba(42,79,106,1.00);
	font-weight: 700;
	position: relative;
}

#partners {
	background-color: #6d6d6d;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
	z-index: 0;
}

.partners {
	margin: 20px 0 10px;
}

.partners a {
	min-height: 125px;
	width: 100%;

}

.fcs {
	background-image: url(images/partners/2018/FCS_grey.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	display: block;
	transition: ease .3s;
}
.aca {
	background-image: url(images/partners/2018/ACA_logo_grey.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 79% auto;
	display: block;
	transition: ease .3s;
}
.vca {
	background-image: url(images/partners/2018/vca_grey.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 85% auto;
	display: block;
	transition: ease .3s;
}
.mca {
	background-image: url(images/partners/2018/MCA_grey.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 55% auto;
	display: block;
	transition: ease .3s;
}
.windsor {
	background-image: url(images/partners/2018/WINDSOR_grey.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90% auto;
	display: block;
	transition: ease .3s;
}
.mix30 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 65% auto;	
	display: block;
	transition: ease .3s;
	background-image: url(images/partners/2018/Mix%2030%20logo_grey.png);
}
.gripple {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 79% auto;	
	display: block;
	transition: ease .3s;
	background-image: url(images/partners/2018/GRIPPLE-LOGO_grey.png);
}
.wheeler {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% auto;
	display: block;
	transition: ease .3s;
	background-image: url(images/partners/2018/Wheeler-Sons-logo_grey.png);
}
.drover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% auto;
	display: block;
	transition: ease .3s;
	background-image: url(images/partners/2018/Drovers-Logo_grey.png);
}
.blue-grass {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% auto;
	display: block;
	transition: ease .3s;
	background-image: url(images/partners/2018/bg-logo_grey.png);
}
.rcr {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;
	display: block;
	transition: ease .3s;
	background-image: url(images/partners/2018/RCR-Logo_grey.png);
}
.rcr:hover {
	background-image: url(images/partners/2018/RCR-Logo.png)
}
.arfb {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% auto;
	display: block;
	transition: ease .3s;
	background-image: url(images/partners/2018/ARFB-logo_grey.png);
}
.fcs:hover {
	background-image: url(images/partners/2018/FCS.png)
}
.aca:hover {
	background-image: url(images/partners/2018/ACA_logo.png)
}
.vca:hover {
	background-image: url(images/partners/2018/vca.png)
}
.mca:hover {
	background-image: url(images/partners/2018/MCA.png)
}
.windsor:hover {
	background-image: url(images/partners/2018/WINDSOR.png)
}
.mix30:hover {
	background-image: url(images/partners/2018/Mix-30-logo.png)
}
.gripple:hover {
	background-image: url(images/partners/2018/GRIPPLE-LOGO.png)
}
.wheeler:hover {
	background-image: url(images/partners/2018/Wheeler-Sons-logo.png)
}
.drover:hover {
	background-image: url(images/partners/2018/Drovers-Logo.png)
}
.blue-grass:hover {
	background-image: url(images/partners/2018/bg-logo.png)
}
.arfb:hover {
	background-image: url(images/partners/2018/ARFB-logo.png)
}

.mo-kan {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% auto;
	display: block;
	transition: ease .3s;
	background-image: url(images/partners/2018/MO-Kan-Logo-bw.png);
}
.mo-kan:hover {
	background-image: url(images/partners/2018/MO-Kan-Logo.png)
}

footer h3 {
	color: rgba(255,255,255,1.00);
	font-weight: 900;
}

.list-phone {
	color: rgba(255,255,255,1.00);
	display: block;
}
footer .social li a {
	color: rgba(255,255,255,1.00) !important;
	text-align: center;
	font-size: 3em;
	border: 4px solid rgba(255,255,255,1.00);
	border-radius: 50%;
	width: 70px;
	height: 70px;
	display: inline-block;
	padding-top: 2px;
	transition: ease .3s;
}
footer .social li a:hover {
	background-color: rgba(255,156,0,1.00) !important;
}

.list-phone li {
	display: inline-block;
	width: 45%;
	margin-bottom: 5px;
	font-size: 11px;
}

footer .social {
	width: 58%;
	display: block;
	margin-top: 40px;
	float: right;
}

.border-blue {
	border: 1px solid rgba(42,79,106,1.00);
}

a[href]:not([class]) {       
    text-decoration: none;  
    transition: all ease-in-out .3s;
    color: rgba(42,79,106,1.00);
	font-weight: 600
}

a[href]:not([class]):hover {       
    color: rgba(255,156,0,1.00);
}

a[href] {       
    text-decoration: none;  
    transition: all ease-in-out .3s;
}

.sale-header {
 padding-top: 15px;
 border-top: 1px solid rgba(255,156,0,1.00);
}
.w-100 {
 width: 100%;
}
.mb-2 {
 margin-bottom: 2%;
}
.mt-2 {
 margin-top: 2%;
}





/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}



/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}






@media screen and (max-width:1600px){
.statements {

}

}

@media screen and (max-width:1200px){
.carousel-caption h3 {
	font-size: 4em;
	text-transform: uppercase;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	text-align: right;
	line-height: 0.85;
	text-shadow: 2px 2px 12px rgba(0,0,0,0.61);
}
#header .navbar-nav li a {
	color: rgba(255,255,255,1.00);
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: ease .8s;
	border-radius: 6px;
}
.magazine {
	position: relative;
	left: auto;
	width: 54%;
	right: auto;
	margin-bottom: 20px;
}
.blog-call {
	padding-top: 15px;
	position: relative;
	height: 1195px;
}
footer .social li a {
	text-align: center;
	font-size: 2.35em;
	border: 2px solid rgba(255,255,255,1.00);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding-top: 0px;
	transition: ease .3s;
}
.footer-logo {
	margin-top: 14px;
}
article {
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: block;
	margin-top: 0px;
	width: 100%;
	min-height: 50px;
}
.heifer-video {
	margin-top: 81px;
}
.page {
	background-repeat: no-repeat;
	width: 100%;
	min-height: 290px;
	background-position: center 0%;
	background-size: 110% auto;
	background-repeat: no-repeat;
}
.statements {
	padding: 10px;
	height: 100vh;
	display: table-cell;
}










}

@media screen and (max-width:1024px){
.carousel-caption h3 {
	font-size: 2.75em;
	text-transform: uppercase;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	text-align: right;
	line-height: 0.85;
	text-shadow: 2px 2px 12px rgba(0,0,0,0.61);
}
#header .navbar-nav li a {
	color: rgba(255,255,255,1.00);
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: ease .8s;
	border-radius: 6px;
	padding-left: 8px;
	padding-right: 8px;
}
.page {
	background-repeat: no-repeat;
	width: 100%;
	min-height: 290px;
	background-position: center 0%;
	background-size: 120% auto;
	background-repeat: no-repeat;
}

.magazine {
	position: relative;
	left: auto;
	width: 38%;
	right: auto;
	margin-bottom: 20px;
}

.partners a {
	min-height: 100px;
	width: 100%;

}



}

@media screen and (max-width:990px){
#header .navbar-nav li a {
	color: rgba(255,255,255,1.00);
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: ease .8s;
	border-radius: 6px;
	padding-left: 10px;
	padding-right: 0px;
}
.navbar-brand {
	position: absolute;
	height: 160px;
	margin-top: -9px;
	transition: ease .5s;
	background-image: url(images/head-logo.png);
	background-position: left 0%;
	width: 91%;
	background-repeat: no-repeat;
	background-size: contain;
	left: 78px;
}
.panel-heading h3 {
	text-align: center;
	font-weight: 900;
	text-transform: uppercase;
	color: rgba(42,79,106,1.00);
	margin-top: 8px;
	margin-bottom: 2px;
	font-size: 20px;
}
.panel-default {
	background-color: rgba(255,156,0,.40);
	border-color: rgba(255,156,0,1.00);
	min-height: 0px;
}
.blog-call {
	height: 811px;
	padding-top: 15px;
}
article {
	padding-top: 5px;
	padding-bottom: 10px;
}
#quote-carousel .item p {
	color: rgba(255,255,255,1.00);
	font-weight: 700;
	font-size: 15px;
}
footer .social li a {
	text-align: center;
	font-size: 2.35em;
	border: 2px solid rgba(255,255,255,1.00);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding-top: 0px;
	transition: ease .3s;
}
footer .social {
	width: 69%;
	display: block;
	margin-top: 40px;
	float: right;
	position: relative;
	right: 0px;
}
footer h3 {
	color: rgba(255,255,255,1.00);
	font-weight: 900;
	font-size: 1.4em;
}
.heifer-video {
	margin-top: 35px;
}
.page {
	background-repeat: no-repeat;
	width: 100%;
	min-height: 290px;
	background-position: center 0%;
	background-size: 131% auto;
	background-repeat: no-repeat;
}

.statements {
	height: auto;
}

.partners a {
	min-height: 80px;
	width: 100%;

}


}

@media screen and (max-width:845px){
#header .navbar-nav li a {
	color: rgba(255,255,255,1.00);
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: ease .8s;
	border-radius: 6px;
	padding-left: 10px;
	padding-right: 0px;
}

.page {
	background-repeat: no-repeat;
	width: 100%;
	min-height: 290px;
	background-position: center 0%;
	background-size: 141% auto;
	background-repeat: no-repeat;
}






}

@media screen and (max-width:768px){
#header .navbar-nav li a {
	color: rgba(255,255,255,1.00);
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: ease .8s;
	border-radius: 6px;
	padding-left: 10px;
	padding-right: 0px;
}
.navbar-right {
	padding-right: 25px;
	text-align: center;
}
.navbar-brand {
	position: absolute;
	height: 116px;
	margin-top: -9px;
	transition: ease .5s;
	background-image: url(images/head-logo.png);
	background-position: left 0%;
	width: 51%;
	background-repeat: no-repeat;
	background-size: contain;
	left: 60px;
}
.navbar-toggle {
	margin-top: 0px;
	padding-top: 0px;
}
.hamburger-inner {
	background-color: rgba(255,255,255,1.00);
}
	
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
 
    background-color: rgba(255,255,255,1.00);
}



@media only screen and (max-width: 767px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}
.page {
	background-repeat: no-repeat;
	width: 100%;
	min-height: 290px;
	background-position: center 0%;
	background-size: 153% auto;
	background-repeat: no-repeat;
}
#testimonials {
	background-image: -webkit-linear-gradient(0deg,rgba(119,73,0,1.00) 0%,rgba(238,146,0,1.00) 34.20%,rgba(255,156,0,1.00) 61.14%,rgba(132,81,0,1.00) 97.93%);
	background-image: -moz-linear-gradient(0deg,rgba(119,73,0,1.00) 0%,rgba(238,146,0,1.00) 34.20%,rgba(255,156,0,1.00) 61.14%,rgba(132,81,0,1.00) 97.93%);
	background-image: -o-linear-gradient(0deg,rgba(119,73,0,1.00) 0%,rgba(238,146,0,1.00) 34.20%,rgba(255,156,0,1.00) 61.14%,rgba(132,81,0,1.00) 97.93%);
	background-image: linear-gradient(90deg,rgba(119,73,0,1.00) 0%,rgba(238,146,0,1.00) 34.20%,rgba(255,156,0,1.00) 61.14%,rgba(132,81,0,1.00) 97.93%);
	min-height: 275px;
	-webkit-box-shadow: 0px 2px 16px 4px rgba(0,0,0,0.40);
	box-shadow: 0px 2px 16px 4px rgba(0,0,0,0.40);
	position: relative;
	z-index: 1;
	height: auto;
	display: block;
}



}

@media screen and (max-width:767px){
#header .navbar-nav li a {
	color: rgba(255,255,255,1.00);
	font-size: 1.4em;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: ease .8s;
	border-radius: 6px;
	padding-left: 10px;
	padding-right: 0px;
}
#header .navbar-nav li a:hover, #header .navbar-nav li a:focus {
	background-color: rgba(255,156,0,0.00);
	color: rgba(255,156,0,1.00);
	text-shadow: 0px 0px 9px rgba(35,39,37,1.00);
}
.magazine {
	position: relative;
	left: auto;
	width: 28%;
	right: auto;
	margin-top: 4px;
}
	
	.partners a {
	min-height: 130px;
	width: 100%;

}
	
	.footer-logo {
	margin-top: 15px;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 0px;
}
	
.footer {
	position: relative;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: auto;
	-webkit-box-shadow: 0px -4px 9px rgba(0,0,0,0.50);
	box-shadow: 0px -4px 9px rgba(0,0,0,0.50);
}
	
footer .social {
	width: 100%;
	display: block;
	margin-top: 40px;
	float: none;
	position: relative;
	right: 0px;
}

.navbar-collapse {
	background-color: rgba(35,39,37,0.80);
}
.main-feature {
	width: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: auto;
	-webkit-box-shadow: 0px 9px 11px rgba(0,0,0,0.65);
	box-shadow: 0px 9px 11px rgba(0,0,0,0.65);
}
.page {
	background-repeat: no-repeat;
	width: 100%;
	min-height: 219px;
	background-size: 151% auto;
}
.page.about {
	background-size: 190% auto;

	
}
.page.sales {
	background-position: left 0%;
	background-size: 140% auto;

}


.navbar-nav .open .dropdown-menu>li>a {
    display: block;
	text-align: center;
}

.navbar-nav .open .dropdown-menu {
    margin-bottom: 10px;
}

	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 440px;
}
.dropdown-menu {
    display: none !important;
}

.open .dropdown-menu {
    display: block !important;
}

}

@media screen and (max-width:590px){
.carousel-caption h3 {
	font-size: 2em;
	text-transform: uppercase;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	text-align: right;
	line-height: 0.85;
	text-shadow: 2px 2px 12px rgba(0,0,0,0.61);
}
.magazine {
	position: relative;
	left: auto;
	width: 41%;
	right: auto;
}
.blog-call {
	height: 590px;
	padding-top: 15px;
}
#quote-carousel .item {
	/* [disabled]height: 385px; */
}
.footer-logo {
	margin-top: 30px;
}

.navbar-brand {
	position: absolute;
	height: 116px;
	margin-top: -9px;
	transition: ease .5s;
	background-image: url(images/head-logo.png);
	background-position: left 0%;
	width: 51%;
	background-repeat: no-repeat;
	background-size: contain;
	left: 78px;
}
.main-feature {
	width: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: auto;
	-webkit-box-shadow: 0px 9px 11px rgba(0,0,0,0.65);
	box-shadow: 0px 9px 11px rgba(0,0,0,0.65);
}
.page {
	background-repeat: no-repeat;
	width: 100%;
	min-height: 144px;
	background-size: 111% auto;
}

.partners a {
	min-height: 90px;
	width: 100%;

}
.btn-default {
	background-color: rgba(42,79,106,1.00);
	background-image: none;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	font-weight: 900;
	font-size: 1em;
	letter-spacing: 2px;
	border-color: rgba(35,39,37,1.00);
	transition: ease .4s;
}

}

@media screen and (max-width:435px){
.carousel-caption h3 {
	font-size: 1.5em;
	text-transform: uppercase;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	text-align: right;
	line-height: 0.85;
	text-shadow: 2px 2px 12px rgba(0,0,0,0.61);
}
.carousel-caption {
	margin-bottom: -40px;
}
#main h1 {
	color: rgba(42,79,106,1.00);
	font-weight: 700;
	font-family: 'Barlow', sans-serif;
	font-size: 2.25em;
}
.col-xx-12 {
	width: 100%;
	margin-left: 0px;
	left: 0px;
}
#quote-carousel .item small {
	color: rgba(42,79,106,1.00);
	font-weight: 700;
	position: relative;
	font-size: 14px;
	padding-bottom: 14px;
}
.col-xx-6 {
	margin-left: 0px;
	width: 48%;

}

footer h3 {
	color: rgba(255,255,255,1.00);
	font-weight: 900;
	font-size: 1.4em;
	text-align: center;
}
.list-phone {
	color: rgba(255,255,255,1.00);
	display: block;
	text-align: center;
}
.list-phone li {
	display: inline-block;
	width: 45%;
	margin-bottom: 5px;
	font-size: 16px;
}

#subfooter p {
	color: rgba(255,255,255,1.00);
	text-align: center;
}
.edje {
	color: rgba(255,255,255,1.00);
	transition: ease .3s;
	text-align: center;
	margin-right: 0px;
	float: none;
}



.main-feature {
	width: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: auto;
	-webkit-box-shadow: 0px 9px 11px rgba(0,0,0,0.65);
	box-shadow: 0px 9px 11px rgba(0,0,0,0.65);
}
.page {
	background-image: url(images/feature-riders.jpg);
	background-repeat: no-repeat;
	background-size: 132% auto;
	min-height: 137px;
}
.page.about {
	background-size: 142% auto;

}
.page.sales {
	background-position: right 0%;
	background-size: 166% auto;

}

.partners a {
	min-height: 70px;
	width: 100%;

}




}
@media screen and (max-width:380px){
#main h1 {
	color: rgba(42,79,106,1.00);
	font-weight: 700;
	font-family: 'Barlow', sans-serif;
	font-size: 2em;
}
	
	#myCarousel .carousel-inner {
	width: 110%;
}

.page {
	background-image: url(images/feature-riders.jpg);
	background-repeat: no-repeat;
	background-size: 160% auto;
	background-position: left 30%;
}





}
@media screen and (max-width:320px){
#myCarousel .carousel-inner {
	width: 140%;
}
.carousel-caption h3 {
	font-size: 1.5em;
	text-transform: uppercase;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	text-align: center;
	line-height: 0.85;
	text-shadow: 2px 2px 12px rgba(0,0,0,0.61);
	margin-left: -100px;
}
#main h1 {
	color: rgba(42,79,106,1.00);
	font-weight: 700;
	font-family: 'Barlow', sans-serif;
	font-size: 1.7em;
}
.page {
	background-size: 181% auto;
	min-height: 130px;

}
#testimonials h2, #partners h2 {
	text-transform: uppercase;
	color: rgba(255,255,255,0.60);
	font-family: 'Barlow', sans-serif;
	letter-spacing: 4px;
	font-weight: 700;
	font-size: 2.25em;
	margin-bottom: 0px;
}





}
.leftindent{
	margin-left: 15px;
}
.paddingtopbottom{

padding-top: 20px;
padding-bottom: 40px;
}