.hdslider{overflow: hidden;}

.hhdslider_content::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.hdslider_content{overflow-x:scroll;ms-overflow-style: none;scrollbar-width: none;display: flex;flex-direction: column;}
.hdslider_content::-webkit-scrollbar{width: 1em;display:none;}

.hdslider_slides{position:relative;transition: transform 500ms;}
.hdslider_slides_slide{padding:3px;float:left;}
.slide_home_costs{padding:3px;}

.slider-active .hdslider_navigation{}
.slider-inactive .hdslider_navigation{display:none;}

.hdslider_slides_slide:hover, .hdslider_slides_slide:visited, .hdslider_slides_slide:active{text-decoration: none;}
.hdslider_navigation{border-radius:50%;padding: 5px;line-height: 0px; position:absolute;background-color:#ffffff9e; fill: #ccc;cursor:default;}
.hdslider_navigation-active{background-color:#fffffff0; fill: #555555;cursor:default;}
.hdslider_navigation-active:hover{background-color:#ffffff; fill: #222222;cursor:pointer;}
.hdslider_navigation_svg{fill:inherit;width:24px;height:24px;}
.hdslider_slides_slide-photo{height:100%;margin:3px; padding:3px; border-radius:3px; background-position: 50% 50%; background-repeat: no-repeat;background-size: 150% auto;}

.hdslider-ncl {fill: #e1dede;}

.hdslider-ncl .hdslider_content{margin-left:25px; margin-right:25px;}
.hdslider-ncl .hdslider_navigation_svg{width:50px; height:50px;}
.hdslider-ncl .hdslider_navigation{background:none;fill: #f7f7f7;}
.hdslider-ncl   .hdslider_navigation-active{background:none; fill: #a7a7a7;cursor:default;}
.hdslider_navigation-active:hover{background-color:none; fill: #555;cursor:pointer;}

@media (min-width: 960px) {
    .slide_home_costs{padding:10px;}
    .hdslider-ncl .hdslider_content{margin-left:50px; margin-right:50px;}
    
}