/* your styles go here */

body{background: #fff; font-family: "Oswald"; }

.top-bar{background: rgba(218, 77, 77, 0.9); padding: 15px 0;}
.top-bar p{font-size: 1em;}
header.nav-holder.sticky{border-bottom: 1px solid rgba(218, 77, 77, 1);}

#navbar .navbar-nav > li:hover > a{color: #fff;}

#smallBanner{position: relative; margin-bottom: 30px; width: 100%; background: url('/img/truck-loading-platform-banner.jpg') center center repeat; background-size: cover; height: 200px;}

.btn{border-radius: 2px;}

.dark-mask.mask-primary{background: rgba(70, 127, 191, 0.5);}

.home-carousel-wrapper{background: url('/img/truck-loading-platform-banner.jpg') center center repeat; background-size: cover;}
.home-carousel h1, .home-carousel p{ color: #fff; text-shadow: 2px 2px 2px #000;text-transform: uppercase;letter-spacing:0;}
.home-carousel .btn{background: #fff; font-size: 102%; margin-bottom: 10px;border: 1px solid #fff; width: 60%;}
.home-carousel .btn:hover{color: rgba(218, 77, 77, 1);border: 1px solid rgba(218, 77, 77, 1);}
.home-carousel .item{background: rgba(0,0,0, 0.4);}

.home-carousel {
  position: relative;
}
  .owl-next, .owl-prev {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
	background: rgba(0,0,0,.85);
  }
  .owl-next .fa, 
  .owl-prev .fa{font-size: 40px; width: 40px; text-align: center; margin: 0 auto;}
  
  .owl-prev {
    left: 10px;
  }
  .owl-next {
    right: 10px;
  }
}

.home-byline-banner{padding: 50px 50px;position: relative; background: url('/img/truck-loading-platform-banner.jpg') center center repeat; background-size: cover;}
.home-byline-banner h3{font-size: 220%; color: #fff; text-shadow: 2px 2px 2px #000;text-transform: uppercase;}
.home-byline-banner .btn{background: #fff; font-size: 102%; margin-bottom: 10px;border: 1px solid #fff; width: 100%;}
.home-byline-banner .btn:hover{color: rgba(218, 77, 77, 1);border: 1px solid rgba(218, 77, 77, 1);}

.home-byline-banner .dark-mask2.mask-primary2{position: absolute; height: 100%; width: 100%; background: rgba(70, 127, 191, 0.6); top: 0; left: 0; }
.home-blog-post .btn{background: #fff; font-size: 102%; border: 1px solid #467fbf; margin-bottom: 10px; width: 50%;}
.home-blog-post .btn:hover{color: rgba(218, 77, 77, 1); border: 1px solid rgba(218, 77, 77, 1);}


.product-list:hover{background: #fefefe;}
.product-list:hover a{color: rgba(218, 77, 77, 1);}

.heading h1{letter-spacing: 0;}

.pad0{padding: 0px; margin: 0px;}
.alignRight{float: right; margin: 0 0 30px 30px;}
.white{color: #fff;}
.bottom15{margin-bottom: 15px;}