.widget.homeBanner {margin:0;}
.widget.homeBanner .itemsHolder { position:relative;}

.widget.homeBanner .banner{ height:calc(80vh - 88px); background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; color:#fff;}
.widget.homeBanner .banner .col-sm-12 { position:static;}
.widget.homeBanner .banner .textHolder {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.widget.homeBanner .banner .textHolder h1 {font-size:90px; line-height:92px; text-transform:uppercase; margin-bottom:15px;}
.widget.homeBanner .banner .textHolder .subtitle { color:#fff; margin-bottom:25px; margin-left:5px;}

.widget.homeBanner  .navItems { position:absolute; bottom:-2px; left:0; right:0;}
.widget.homeBanner  .navItems .navItem {display:inline-block; width:25%; position:relative; height:85px; border:1px solid #8d96b3; border-color:rgba(141, 150, 178, 0.7); border-left:none;}
.widget.homeBanner  .navItems .navItem .overlay {position:absolute; opacity:0.7; background-color:#3d3c62; z-index:30; top:0; left:0; right:0; bottom:0;}
.widget.homeBanner  .navItems .navItem .textHolder {position:absolute; z-index:50; color:#fff; top:50%; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); left:50%; text-align:center; width:100%;}
.widget.homeBanner  .navItems .navItem .textHolder .title { font-size:17px; line-height:19px; font-weight:700; margin-bottom:2px;}
.widget.homeBanner  .navItems .navItem .textHolder .tagLine { font-size:14px; line-height:15px; }

.widget.homeBanner  .navItems .navItem:hover { border:1px solid #01a8f3; border-color:#01a8f3; }
.widget.homeBanner  .navItems .navItem:hover .overlay { background-color: #01a8f3; opacity:1;}

.widget.homeBanner  .navItems .navItem.slick-current { border:1px solid #8d96b3; border-color:rgba(141, 150, 178, 0.7); border-left:none;  }
.widget.homeBanner  .navItems .navItem.slick-current .overlay { background-color:#7d87a9; opacity:1; border-bottom:4px solid #493e7a; }

@media (max-width:991px) {
    .widget.homeBanner .banner { height:calc(80vh - 98px); }
    .widget.homeBanner .banner .textHolder .subtitle {width:80%;}
    .widget.homeBanner .navItems {bottom:-2px;}
    .widget.homeBanner  .navItems .navItem.slick-current .overlay {border:none;}
    .widget.homeBanner .banner .textHolder h1 { font-size:70px; line-height:75px;}
    .widget.homeBanner .slick-dots { bottom:100px;}
    .widget.homeBanner .slick-dots button { border-color:#fff; height: 10px; width:10px; }
    .widget.homeBanner .slick-dots li:after { height:10px; width:10px; background-color:#fff; top:0; left:5px;}
}

@media (max-width:768px) {
    .widget.homeBanner .banner .textHolder .subtitle {width:100%;}
    .widget.homeBanner .banner .textHolder h1 { font-size:45px; line-height:50px;}
    .widget.homeBanner .banner .textHolder { top:40%; left:5px; right:0; width:95%;}
    .widget.homeBanner .slick-dots li:hover:after { opacity:0;}
    .widget.homeBanner .slick-dots li.slick-active:hover:after { opacity:1;}

}