#home-slider {
  overflow: hidden;
  position: relative;
}

 #home-slider .caption {
      position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 15;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}
 #home-slider .caption h1 {
  color: #fff;
  font-size: 37px;
  font-weight: 400;
  margin-bottom: 30px;
}

.caption .btn-start {
     width: 250px;
    background-color: #da2f2f;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    padding: 14px 40px;
    border: 1px solid #6e6d6c;
    border-radius: 4px;
    margin-top: 180px;
    font-family: 'Roboto', sans-serif;
}

.caption .btn-start:hover {
  background-color: red;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  background-repeat: no-repeat;
  background-size: cover;
}

.carousel-fade .carousel-inner .item:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.left-control, .right-control {
      position: absolute;
    top: 50%;
    height: 51px;
    width: 51px;
    line-height: 48px;
    border-radius: 50%;
    border: 1px solid #d62b2b;
    z-index: 20;
    font-size: 24px;
    color: #d62b2b;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.left-control:hover, .right-control:hover {
  background-color: #d62b2b;
}
 .left-control {
  left: -51px
} 

 .right-control {
  right: -51px;
}

.left-control:hover, 
 .right-control:hover {
  color: #fff;
}

 #home-slider:hover .left-control {
  left:30px
} 

 #home-slider:hover .right-control {
  right:30px
}

 #home-slider .fa-angle-down {
  position: absolute;
  left: 50%;
  bottom: 50px;
  color: #fff;
  display: inline-block;
  width: 24px;
  margin-left: -12px;
  font-size: 24px;
  line-height: 24px;
  z-index: 999;
  -webkit-animation: bounce 3000ms infinite;
  animation: bounce 3000ms infinite;
}
#home-slider .item img {
	margin-left: 80px;
  position: absolute;
}


 @media (min-width:1024px) and (max-width:1366px) {
        #home-slider .item img {
          margin-left: 23px !important;
          width: 50%;
        }
        
       }