#main_banner1 {
    margin-bottom: 100px;
}

@media (min-width: 757px) {
    #main_tree5 ul {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (min-width: 979px) {
    #main_banner1 .slick-dots {
        background-color: black;
        bottom: -57px;
        max-width: 100%;
    }
}

#main_hotspot_zone1,
#main_hotspot_zone2,
#main_hotspot_zone4 {
    &:before {
     background-color:black;   
    }
    
    .headline{
        color: white;
    }
}

@media (min-width: 757px) {
    #main_tree5 ul {
        grid-template-columns: repeat(6, 1fr);
    }
}
@media (min-width: 979px) {
    #main_banner1 .slick-dots {
        max-width: 100%;
        background-color: black;
        z-index: 1;
        margin-bottom: 5px;
    }
}

/** {*/
/*    font-family: Inter;*/
/*}*/

#backTop {
    backdrop-filter: invert(1);
}

#main_tree5 ul .title span.gfx_lvl_1 {
    text-align: center;
}


.main_shop_info, 
#main_hotspot_zone1 span.headline__name, 
#main_hotspot_zone2 span.headline__name,
#main_hotspot_zone4 span.headline__name,
.projector_shop_info {
    color: white;
}

.main_shop_info:before, 
#main_hotspot_zone1:before, 
#main_hotspot_zone2:before, 
#main_hotspot_zone4:before,
.projector_shop_info:before {
    background-color: #000;
}

#main_hotspot_zone3:before {
    background-color: #fff;
}


section[id^="main_hotspot_zone"]:not(#main_hotspot_zone3) .headline__after:hover {
    color: white;
}

.main_shop_info {
    padding-left: 50px;
    @media ((min-width: 979px) and (max-width: 1200px)) {	
    	padding-left: 100px;
    	
    }
    @media (max-width: 1200px) {
        margin-top: 10px!important;
    }
}

/* Reposition salesmenage bell */
@media ((min-width: 758px) and (max-width: 1630px)) {
    #nc-37979 {
	    bottom: 40px!important;
    }
}

@media (max-width: 757px){
    #nc-37979 {
	    bottom: 60px!important;
    }
}

footer hr {
    z-index: 99;
}

div#projector_price_maxprice_wrapper {
  position: relative;
}

del#projector_price_maxprice {
    text-decoration: none;
}

del#projector_price_maxprice:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  width: 60px;

  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
}

#main_cms {
    display: block!important;
}

div#ck_dsclr_sub_v2 {
    max-height:90vh!important;
    overflow-y: auto!important;
}


.rebates_forms__sub {
    flex: 0 0 100%;
    max-width: 100%;
    & .--card {
        display: none!important;    
    }
    & .--code {
        max-width: 100%!important;
        flex: 0 0 100%!important;
    }
}