body {
  color: #fff; }
  body .fa {
    font-size: 25px; }
  body .fa:hover {
    color: #ff1a00; }

.navbar {
  background-color: #000;
  box-shadow: 2px 2px 4px #000;
  opacity: 0.9; }
  .navbar .nav-item {
    padding-right: 20px; }
    .navbar .nav-item .nav-link:hover {
      color: #ff1a00;
      border: none;
      border-radius: 8px;
      box-shadow: 0 0px 2px 1px rgba(246, 9, 9, 0.7), 0 0px 3px 1px rgba(246, 9, 9, 0.7); }
    .navbar .nav-item .nav-link {
      color: #fff;
      font-size: 1.3rem; }

.navbar1 {
  background-color: #000;
  opacity: 0.9;
  font-size: 20px;
  padding: 8px; }

.bg-black {
  background: #000; }

.text-black {
  color: #000; }

.bg-dale {
  background: -webkit-linear-gradient(top, #f85032 36%, #f6290c 65%, #f02f17 100%, #e73827 100%);
  opacity: 0.8; }

.btn-dale {
  background: -webkit-linear-gradient(top, #f85032 36%, #f6290c 65%, #f02f17 100%, #e73827 100%);
  color: #fff;
  opacity: 0.8;
  border-radius: 12px;
  font-size: 22px; }

.btn-dale:hover {
  background: -webkit-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
  opacity: 0.9;
  text-decoration: none;
  text-shadow: 1px 2px #000;
  transition: all 1.2s ease; }

.text-red {
  color: #ff1a00;
  font-size: 24px; }

.text-red:hover {
  color: #000;
  font-size: 24px;
  opacity: 0.8;
  text-decoration: none; }

.carousel-item {
  height: 400px; }

.carousel-image-1 {
  background: url("../img/truck-4.jpg");
  background-size: cover; }

.carousel-image-2 {
  background: url("../img/truck-5.jpg");
  background-size: cover; }

.carousel-image-3 {
  background: url("../img/truck-6a.jpg");
  background-size: cover; }

#explore-section .fa, #share-section .fa {
  color: #fff;
  background: #333;
  padding: 4px;
  border-radius: 5px;
  font-size: 30px; }

#create-section {
  background: url("../img/grade1.jpg") no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center; }
  #create-section .fa {
    color: #000;
    background: #fff;
    padding: 4px;
    border-radius: 5px;
    font-size: 30px; }

.dalebold{
     font-weight: bold;
     font-size: 22px;
}
.daleborder{
   padding: 3px;
  border-radius: 7px;
      box-shadow: 0 0px 2px 1px rgba(246, 9, 9, 0.6), 0 0px 2px 1px rgba(246, 9, 9, 0.6); 
}
.daleborder:hover{
        box-shadow: 0 0px 2px 1px rgba(246, 9, 9, 0.9), 0 0px 2px 1px rgba(246, 9, 9, 0.8); 
		   transition: .75s ease;
}

.daleborder2{
   padding: 2px;
  border-radius: 9px;
      box-shadow: 0 0px 1px 1px rgba(246, 9, 9, 0.5), 0 0px 1px 1px rgba(246, 9, 9, 0.5); 
	     transition: .75s ease;
}

.text-shade{
  text-shadow: 2px 2px 2px #000000;
}

.daleoverlayup{
	background-size: cover;
   background-position: center;  
	margin-top: -99px;
}
	
.overlay {
  position: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height:17%;
  width: 85%;
   transition: .75s ease;
 }

.container:hover .overlay {
  opacity: 1;
}
.daleloweropacity {
opacity: 0.33;}

#authors img {
  margin-top: -50px; }

#authors .fa {
  font-size: 25px; }

#authors .fa:hover {
  color: #ff1a00; }

#authors .card:hover {
  background: #000;
  color: rgba(0, 0, 0, 0.7); }

#inspire .card {
  border: #444; }
  #inspire .card a {
    color: #fff;
    text-decoration: none; }
  #inspire .card .card-body, #inspire .card .card-header {
    background: #333; }

#accordian {
  width: 100%; }
  #accordian .card {
    border: #000444;
	}
    #accordian .card a {
      color: #fff;
       text-decoration: none; }
    #accordian .card .card-body, #accordian .card .card-header {
      background: #fff; 
 	  }
	  
  

.dale {
  font-size: 40px;
  color: #ff1a00; }

.dale:hover {
  color: #ff1a00;
  opacity: 0.8; }

#contact img {
  margin-top: 44px; }

#contact .fa {
  font-size: 25px;
  text-align: center; }

#contact .fa:hover {
  color: #ff1a00; }

#main-footer {
  color: #fff; }
  #main-footer .lead {
    font-size: 14px; }

.video-section .pattern-overlay {
  background-color: rgba(71, 71, 71, 0.59);
  padding: 50px 0 0px;
  min-height: 300px;
  /* Incase of overlay problems just increase the min-height*/ }

.video-section h1, .video-section h3 {
  text-align: center;
  color: #fff; }

.video-section h1 {
  font-size: 110px;
  font-family: 'Buenard', serif;
  font-weight: bold;
  text-transform: uppercase;
  margin: 40px auto 0px;
  text-shadow: 1px 1px 1px #000;
  -webkit-text-shadow: 1px 1px 1px #000;
  -moz-text-shadow: 1px 1px 1px #000; }

.video-section h3 {
  font-size: 25px;
  font-weight: lighter;
  margin: 0px auto 15px; }

.video-section .buttonBar {
  display: none; }

.player {
  font-size: 1px; }