.filtru_activ {
    color:#80c356!important;
    font-weight:600!important;
}

.red { color: darkred !important;}
.hide { display: none !important;}

.open { color:#8f8f8f!important }

.pret_baza{
    text-decoration: line-through;
    color: #fd330d;
    font-size: 1.4em;
    font-weight: 700;

}
#home {
    z-index: 5 !important;
}
#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}
.decupat{
    text-decoration: line-through;
}

@media (min-width:768px) {
    .left_img_bf{
                position: fixed;
                top: 300px;
                left: 0px;
                padding: 0px;
                background: url('/solarenergy/images/bf/desktop/cat-floating-desktop.png');
                margin: 0px;
                width: 100px;
                background-size: contain;
                background-repeat: no-repeat;
                z-index: 300;
                height: 190px;
    }
    .icon_phone_mail {
        width: 24px; margin-top: -25px;
    }
    .img_small{ width: 150px; height: 150px; }
    .text_slider { margin-top: 480px}
    #portofoliuX { height: 880px}
    .text_slider_mic { margin-top: 110px; font-size: 20px !important;}
    .swiper-slide { height: 580px}
    .btn_formular { float: left}
}
@media (max-width:768px) {

    .left_img_bf{
        position: fixed;
        top: 300px;
        left: 0px;
        padding: 0px;
        background: url('/solarenergy/images/bf/mobile/cat-floating-mobile.png');
        margin: 0px;
        width: 100px;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 300;
        height: 190px;
    }


    .icon_phone_mail {
        width: 24px
    }

    .com_form_elig { font-size: 12px !important;}
    #portofoliuX { height: 588px}
    .swiper-slide { height: 300px}
    .text_slider_mic { margin-top: 10px; font-size: 12px !important; color: #80c356; font-weight: 700; padding:  3px !important;}
    .text_slider { margin-top: 220px}
    .img_small{ width: 60px; height: 60px !important; }

    .list_pozeX{ display: none}
    .text_parteneri {
        font-size: 1.2em;

    }
}

.swiper-button-prev, .swiper-button-next{ color:  #80c356 !important;}

.swiper-slide { background-repeat: no-repeat !important; background-size: cover !important;  }

.img_smallX { }
#left_partener {
    background: url(../images/left_banner.jpg?444) no-repeat center center;
    height: 100%;
    width: 100% !important;
    /*background: #fff;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 3% !important;
    padding-bottom: 20% !important;
}

#right_partener {
    background: url(../images/right_banner.jpg?33) no-repeat center center;
    height: 100%;
    width: 100% !important;
    /*background: #fff;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 3% !important;
    padding-bottom: 20% !important;
}

.slidecontainer {
    width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 25px; /* Specified height */
    background: #d3d3d3; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #04AA6D; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #04AA6D; /* Green background */
    cursor: pointer; /* Cursor on hover */
}


.fc-toolbar-title { color: black !important; }


.tippy-box[data-theme~='tomato'] {
    background-color: white;
    border: 1px;
    color: black;
}