@media screen and (min-width: 780px) {
    .bb {
        display: none;
    }
}


/*tabla cutata linkuri*/
.ll:hover{
    text-decoration: none;
}




/*index arrow slider*/

.revolution-slider .tparrows.tp-leftarrow {
    left: 50px !important;
    right: auto !important;
}

.revolution-slider .tparrows.tp-leftarrow:before {
    content: "\e93b";
}

.revolution-slider .tparrows.tp-rightarrow {
    right: 50px !important;
    left: auto !important;
}

.revolution-slider .tparrows.tp-rightarrow:before {
    content: "\e93c";
}




footer {

    padding-top: 2rem;
}

.f_grid{
    display: grid;
    grid-template-areas:
            " area_1 area_1 area_1 area_1"
            " area_2 area_3 area_4 area_5"
            "area_6 area_6 area_6 area_6";
    grid-template-columns: 1fr 1fr 1fr 1fr;

    margin-left: 3rem;
    margin-right: 3rem;

}

.area_1{
    grid-area: area_1;
}
.area_2{
    grid-area: area_2;
}
.area_3{
    grid-area: area_3;
}
.area_4{
    grid-area: area_4;
}
.area_5{
    grid-area: area_5;
}
.area_6{
    grid-area: area_6;
}


@media screen and (max-width: 765px) {
    .f_grid{
        width: 100% !important;
        margin-left: 10px;
        margin-right: 10px;
        display: grid;
        grid-template-areas:
                " area_1 area_1"
                " area_2 area_3"
                "area_4 area_5"
                "area_6 area_6";
        grid-template-columns: 1fr 1fr;

        margin-bottom: -500px;
    }
    .f_grid2 {
        margin-bottom: -200px;
    }

    .area_1{
        margin-bottom: 15px;
    }
    .area_6 {
        margin-top: -30px;
        padding-bottom: 20px;
    }

    .rf {
        margin-left: 10px;
        margin-bottom: 30px!important;
        text-align: left!important;
        display: block!important;
    }


}



/*index*/
.b_border:hover {
    border-color: #F24A00!important;
}
.ac {

    color: white;
    font-size: 30px!important;
    text-decoration: none!important;
    height: 10px;
    padding-top: 5px;

}
.ac:hover {
    color: #F24A00!important;
}

/*poza si text oranj*/
.d_div{
    background-color: #F24A00;
    color: white;

}

#btno:hover{
    cursor: pointer;
}

.but{
    width: 250px;
    text-align: center;
    padding: 10px;
    color: black;
    border: 2px solid orangered;
    box-shadow: 11px 17px 40px 3px rgba(0,0,0,0.65);
    background-color: whitesmoke;
}

.but:hover{
    color: #F24A00!important;

}


.b_grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'poza ptext';
}

.poza {grid-area: poza}
.ptext {grid-area: ptext}

@media screen and (max-width: 1380px) {
    .b_grid {
        grid-template-columns: 1fr 2fr;
        grid-template-areas: "poza ptext";
    }
}

@media screen and (max-width: 880px) {
    .b_grid {
        grid-template-columns: 1fr;
        grid-template-areas: "poza"
        "ptext";
    }
    .poza{
        height: 400px;
    }
}



.ff {
    font-size: 30px;
}

.ap {
    height: 390px!important;
    object-fit: cover;
}

.ad {
    height: 40px;
}


/*index*/
.ds:hover{

    color: black;
    text-decoration: none!important;
    border: 3px solid black;

}

.ds:active{
    text-decoration: none!important;
}

.ds{
    margin-top: -20px;
    border: 3px solid white;
    border-radius: 25px;
    padding: 10px;
    text-decoration: none!important;
}




.teh:hover{

    color: #F24A00;
    text-decoration: none;
}
.tehw:hover{

    color: white;
    text-decoration: none;
}


/*vide*/


.main-slider {
    position: relative;
    background-color: black;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    /*height: 75vh;*/
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.container {
    position: relative;
    z-index: 2;
}

 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}


@media screen and (max-width: 480px) {
    video {
        height: 100vh;
        object-fit: cover;
    }
}


@media screen and (max-width: 480px) {
    footer {
        font-size: 10px;
    }
}


/*fonts*/

. f fo nt{
    font-family: 'Oswald', serif;
    font-size: 48px;
    text-align: center;
}

.b f ont {

    font-family: 'Oswald', serif;
    font-size: 28px;
    text-align: center;

}



/*tigla metalica*/

@media screen and (max-width: 675px) {
    .medt  {
        font-size: 35px!important;
    }
}


/*tabla citata*/

.sl4 {
    font-size: 50px;
}

.sl4:hover {
    color: #F24A00;
}

/*accesorii*/


@media screen and (max-width: 675px) {
    .poza  {
        width: 100%!important;
        height: auto;
        object-fit: cover;
        margin-right: -1em!important;



    }
}

.active {
    color: #F24A00;
}


.hov:hover span{
    color: white;
}



@media screen and (max-width: 675px) {
    .hed  {
        margin-right: 10px;
        padding-top: 0;
    }
}


@media screen and (max-width: 675px) {
    .zz  {
        margin-top: 0!important;
    }
}

/*contacte*/

@media screen and (max-width: 675px) {
    .exp  {
        margin-bottom: 60px!important;

    }

    .ruexp {
        margin-bottom: 100px!important;
    }

    .frm {
        margin-top: -100px;
    }

    .ial {
        margin-top: -50px!important;
    }

    .cent {
        text-align: center;
    }
}


/*sistem scurgere*/

@media screen and (max-width: 675px) {
    .slf  {
        font-size: 60px!important;
    }
}



/*logo*/


.logo {
    margin-top: -15px;
    margin-bottom: -14px;
}



/*colors*/


@media screen and (max-width: 675px) {
    .colfot  {
        width: 100%!important;
        height: auto;
        object-fit: cover;




    }
}








/*cookies==================================================================*/


.cook {

    width: 100%;
    height: auto;

}

.ctext{
    margin-right: 20px;
    align-self: center;
    font-size: 25px;
    text-align: center;
}

.ctextru {
    margin-right: 20px;
    align-self: center;
    font-size: 14px;
    text-align: center;
}

.accept {
    background-color: #00EAFF;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}


@media screen and (max-width: 675px) {
    .cook  {

        width: 100%!important;
        margin-left: 0!important;
        height: auto!important;
        padding-right: 20px;

    }

    .cook p{
        margin-right: 20px;
        align-self: center;
    }

    .cbtn {
        height: auto;
        text-align: center;
        margin-left: 20%!important;
        width: auto;
        font-size: 15px;

    }

    .ctext{
        margin-right: 20px;
        align-self: center;
        font-size: 15px;
        text-align: center;

    }



}


/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #00EAFF;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    justify-content: center;
    margin: 0 60px 0 10px;

}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #F24A00;
}
/*Cookie Consent End*/