#home_banner{position:relative; width:100%; background:#001325; margin-bottom: 70px; }
#home_banner .slider-for{position: relative; width:100%;}
#home_banner .slider-for .slick-slide:before{position:absolute; left:0; bottom:0; content:""; display:block;  width:100%; height: 100%; z-index:5; 
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(5,24,41,1) 98%, rgba(0,19,37,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(5,24,41,1) 98%,rgba(0,19,37,1) 100%); 
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(5,24,41,1) 98%,rgba(0,19,37,1) 100%); }
#home_banner .slider-for img{width:100%; opacity:.5; display:block; }
#home_banner .slider-for .slide .caption{position: absolute; width:100%; z-index:6; padding-top: 60px; left:0; top:0; }
#home_banner .slider-for h2{color:#fff; font-size: 60px; font-weight:500; line-height: 1em; margin-bottom: 15px;}
#home_banner .slider-for h2 small{display:block; font-size:50%; color:#fff;line-height:1.1em; }
#home_banner .slider-for p{font-size: 18px; line-height: 1.4em; margin-bottom: 20px; color:#fff;}
#home_banner .slider-navigation{position:absolute; bottom:60px; width: 100%; left:0; z-index:10;  }

#home_banner .card{padding:0 25px; }
#home_banner .card img{border-radius:10px; display:block; margin-bottom:17px; filter:grayscale(1);}
#home_banner .slick-current .card img{filter:grayscale(0);}
#home_banner .card h3{margin-bottom: 10px; font-size: 30px; font-weight: 400; color:var(--theme-red);}
#home_banner .card strong{font-weight:bold; color:#fff;}
#home_banner .card p{font-size:15px; line-height: 1.4em; margin-bottom:15px; color:#fff;}
#home_banner  .slider-nav .slick-track {transform:translate3d(0px, 0px, 0px) !important}

@media screen and (max-width:767px){
#home_banner{padding:40px 15px; margin-bottom: 50px;}
#home_banner .slider-for{display:none;}
#home_banner .slider-navigation{position:static;  }
#home_banner .card{position: relative; margin-bottom:25px; padding:0 15px;  width:100%;}
#home_banner .card:last-of-type{margin-bottom: 0;}
#home_banner .card img{opacity:.5; margin: 0; display:block; width:100%;}
#home_banner .card h3{position: absolute; left:30px; top:auto; bottom:48px; z-index:10; font-size:24px; }
#home_banner .card p{display:none;}
#home_banner .card .btn-primary{position:absolute; bottom:15px; left:30px;}
}