.main-color{
    color: #fbb710;
}


.bg-footer-color{
    background-color: #252525;
}

.bg-main-color{
    background-color: #fbb710;
}

.special-span-circle{

    width: 11px;
    height: 11px;
    background-color: rgb(27, 186, 27);
    display: inline-block;
    margin-top: 2px;

}

.main-border{
    border: solid 1px #fbb710;
}

.bg-second-color{
    background-color: #3c3c3c;
}

/* start navbar */
 .discount-link{
    color:white;
    background-color: #fbb710;
    font-size: 19px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}

.discount-link:hover{
    background-color: black;

}

.navbar .nav-links li .nav-link{
    text-transform: uppercase;
    color: black;
    font-weight: 500;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    position: relative;
}

.navbar .nav-links li .nav-link.active::before,
.navbar .nav-links li .nav-link::before{
    content: '';
    position: absolute;
    top: 12px;
    left: -48px;
    background-color: #fbb710;
    width: 0;
    height: 3px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}

.navbar .nav-links li .nav-link.active::before{
    width: 40px;
    height: 3px;


}

.navbar .nav-links li .nav-link:hover,
.footer-links li:hover{
    color: #fbb710;
}

.footer-links li{
    color: white;
}

.footer-links .active{
    color: #fbb710;
}

.navbar .nav-links li .nav-link:hover::before{
     width: 40px;

}


.black-link{
    background-color: black;
    color: white;
    font-size: 19px;
}


.spesific-links li a{
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    color: black;
      font-weight: 500;
        font-size: 19px;
      
}

.spesific-links li a:hover{
    color: #fbb710;
}


.social li a i{
    color: black;
    opacity: .5;
    transition:.4s ;
    -webkit-transition:.4s ;
    -moz-transition:.4s ;
    -ms-transition:.4s ;
    -o-transition:.4s ;   
    font-size: 20px;
}

.social li a:hover i{
    color: #fbb710;
}


.header .image-holder{
    position: relative;
    cursor: pointer;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}



.header .image-holder .text{
    position: absolute;
    z-index: 3;
    top: 30px;
    left: 40px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}

.header .image-holder::before{
    content: '';
    position: absolute;
    width: 100%;
    height:0;
    background-color: rgba(0, 0, 0, 0.378);
    z-index: 1;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}
.header .image-holder:hover::before{

    height: 100% !important;

}

.header .image-holder .text span{
     transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;

}

.header .image-holder:hover .text,
.header .image-holder:hover .text span{
    color: white !important;
}

.header .image-holder .text::before{
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    background-color: #fbb710;
    width:75px;
    height: 3px;
}

.width-150{
    width: 150px;
}

tr{
    border-color: white ;
}


.second-bg{
    background-color: #f5f7fa;
}

.margin-50{
    margin-top: 86px;
}

/* start navbar */