[home-slider]{
    display: block;
    position:relative;
    width:100vw;
    height:calc(100vh - 90px);
}
div.sliderBigWrapper{
    position:relative;
    height:100%;
    width:100%;
}

div.sliderBigWrapper div.slidesBin{
    height:100%;
    width:100%;
    overflow:hidden;
    position:relative
}

div.sliderBigWrapper div.slidesBin > img{
    min-width: 100%;
    min-height:100%;
    position:absolute;
    top:0;
    left:0;
    transition:all 0.25s ease;
}

div.sliderBigWrapper div.slidesBin > img.ng-leave.ng-leave-active{
    opacity:0;
}

div.sliderBigWrapper div.shadowOverlay{
    position: absolute;
    top:0;
    left:0;
    width:100vw;
    height:100%;
}

div.sliderBigWrapper div.shadowOverlay{
    /*height:calc(100vh - 95px);*/
    background: rgba(0, 0, 0, .2);
    background: -moz-linear-gradient(270deg, rgba(0, 0, 0,.5) 15%, rgba(0, 0, 0,0) 60%);
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0,.5) 15%, rgba(0, 0, 0,0) 60%);
    background: -o-linear-gradient(270deg, rgba(0, 0, 0,.5) 15%, rgba(0, 0, 0,0) 60%);
    background: -ms-linear-gradient(270deg, rgba(0, 0, 0,.5) 15%, rgba(0, 0, 0,0) 60%);
    background: linear-gradient(0deg, rgba(0, 0, 0,.5) 15%, rgba(0, 0, 0,0) 60%);
    padding:15px;
}

div.sliderBigWrapper div.shadowOverlay p{
    color:#fff;
    margin:2px 0;
}

md-icon.navKeys{
    position:absolute;
    top:calc(50% - 75px);
    font-size:150px;
    width:150px;
    height:150px;
    color:#fff;
    text-shadow: 0px 0px 10px rgba(150, 150, 150, 1);
    opacity:0.4;
    transition: opacity 0.25s linear;
}
md-icon.navKeys:hover{
    opacity:1;
    cursor:pointer;
}
md-icon.navKeys.nav-prev{
    left:0;
}
md-icon.navKeys.nav-next{
    right:0;
}