#spinner{
    opacity:0;
    visibility:hidden;
    transition:opacity .8s ease-out,visibility 0s linear .5s;
    z-index:99999
}
#spinner.show{
    transition:opacity .8s ease-out,visibility 0s linear 0s;
    visibility:visible;
    opacity:1
}
.back-to-top{
    position:fixed;
    right:30px;
    bottom:30px;
    display:flex;
    width:45px;
    height:45px;
    align-items:center;
    justify-content:center;
    transition:.5s;
    z-index:99
}
.btn{
    font-weight:600;
    transition:.5s
}
.btn-square{
    width:32px;
    height:32px
}
.btn-sm-square{
    width:34px;
    height:34px
}
.btn-md-square{
    width:44px;
    height:44px
}
.btn-lg-square{
    width:56px;
    height:56px
}
.btn-square,.btn-sm-square,.btn-md-square,.btn-lg-square{
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:400
}
.btn.border-secondary{
    transition:.5s
}
.btn.border-secondary:hover{
    background:var(--bs-secondary)!important;
    color:var(--bs-white)!important
}
.fixed-top{
    transition:.5s;
    background:var(--bs-white);
    border:0
}
.topbar{
    padding:20px;
    border-radius:230px 100px
}
.topbar .top-info{
    font-size:15px;
    line-height:0;
    letter-spacing:1px;
    display:flex;
    align-items:center
}
.topbar .top-link{
    font-size:15px;
    line-height:0;
    letter-spacing:1px;
    display:flex;
    align-items:center
}
.topbar .top-link a{
    letter-spacing:1px
}
.topbar .top-link a small:hover{
    color:var(--bs-secondary)!important;
    transition:.5s
}
.topbar .top-link a small:hover i{
    color:var(--bs-primary)!important
}
.navbar .navbar-nav .nav-link{
    padding:10px 15px;
    font-size:16px;
    transition:.5s
}
.navbar{
    height:100px;
    border-bottom:1px solid rgba(255,255,255,.1)
}
.navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .nav-link.active,.fixed-top.bg-white .navbar .navbar-nav .nav-link:hover,.fixed-top.bg-white .navbar .navbar-nav .nav-link.active{
    color:var(--bs-primary)
}
.navbar .dropdown-toggle::after{
    border:none;
    content:"\f107";
    font-family:"font awesome 5 free";
    font-weight:700;
    vertical-align:middle;
    margin-left:8px
}
@media(min-width:1200px){
    .navbar .nav-item .dropdown-menu{
        display:block;
        visibility:hidden;
        top:100%;
        transform:rotateX(-75deg);
        transform-origin:0% 0%;
        border:0;
        transition:.5s;
        opacity:0
    }
}
.dropdown .dropdown-menu a:hover{
    background:var(--bs-secondary);
    color:var(--bs-primary)
}
.navbar .nav-item:hover .dropdown-menu{
    transform:rotateX(0deg);
    visibility:visible;
    background:var(--bs-light)!important;
    border-radius:10px!important;
    transition:.5s;
    opacity:1
}
#searchModal .modal-content{
    background:rgba(255,255,255,.8)
}
.hero-header{
    background:linear-gradient(rgba(248,223,173,0.1),rgba(248,223,173,0.1)),url(../img/tradsl.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.carousel-item{
    position:relative
}
.carousel-item a{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:25px;
    background:linear-gradient(rgba(255,181,36,0.7),rgba(255,181,36,0.7))
}
.carousel-control-next,.carousel-control-prev{
    width:48px;
    height:48px;
    border-radius:48px;
    border:1px solid var(--bs-white);
    background:var(--bs-primary);
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.carousel-control-next{
    margin-right:20px
}
.carousel-control-prev{
    margin-left:20px
}
.page-header{
    position:relative;
    background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url(../img/cart-page-header-img.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
@media(min-width:992px){
    .hero-header,.page-header{
        margin-top:152px!important
    }
}
@media(max-width:992px){
    .hero-header,.page-header{
        margin-top:97px!important
    }
}
.featurs .featurs-item .featurs-icon{
    position:relative;
    width:120px;
    height:120px
}
.featurs .featurs-item .featurs-icon::after{
    content:"";
    width:35px;
    height:35px;
    background:var(--bs-secondary);
    position:absolute;
    bottom:-10px;
    transform:translate(-50%);
    transform:rotate(45deg);
    background:var(--bs-secondary)
}
.service .service-item .service-content{
    position:relative;
    width:250px;
    height:130px;
    top:-50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.fruite .tab-class .nav-item a.active{
    background:var(--bs-secondary)!important
}
.fruite .tab-class .nav-item a.active span{
    color:var(--bs-white)!important
}
.fruite .fruite-categorie .fruite-name{
    line-height:40px
}
.fruite .fruite-categorie .fruite-name a{
    transition:.5s
}
.fruite .fruite-categorie .fruite-name a:hover{
    color:var(--bs-secondary)
}
.fruite .fruite-item{
    height:100%;
    transition:.5s
}
.fruite .fruite-item:hover{
    box-shadow:0 0 55px rgba(0,0,0,.4)
}
.fruite .fruite-item .fruite-img{
    overflow:hidden;
    transition:.5s;
    border-radius:10px 10px 0 0
}
.fruite .fruite-item .fruite-img img{
    transition:.5s
}
.fruite .fruite-item .fruite-img img:hover{
    transform:scale(1.3)
}
.vesitable .vesitable-item{
    height:100%;
    transition:.5s
}
.vesitable .vesitable-item:hover{
    box-shadow:0 0 55px rgba(0,0,0,.4)
}
.vesitable .vesitable-item .vesitable-img{
    overflow:hidden;
    transition:.5s;
    border-radius:10px 10px 0 0
}
.vesitable .vesitable-item .vesitable-img img{
    transition:.5s
}
.vesitable .vesitable-item .vesitable-img img:hover{
    transform:scale(1.2)
}
.vesitable .owl-stage{
    margin:50px 0;
    position:relative
}
.vesitable .owl-nav .owl-prev{
    position:absolute;
    top:-8px;
    right:0;
    color:var(--bs-primary);
    padding:5px 25px;
    border:1px solid var(--bs-secondary);
    border-radius:20px;
    transition:.5s
}
.vesitable .owl-nav .owl-prev:hover{
    background:var(--bs-secondary);
    color:var(--bs-white)
}
.vesitable .owl-nav .owl-next{
    position:absolute;
    top:-8px;
    right:88px;
    color:var(--bs-primary);
    padding:5px 25px;
    border:1px solid var(--bs-secondary);
    border-radius:20px;
    transition:.5s
}
.vesitable .owl-nav .owl-next:hover{
    background:var(--bs-secondary);
    color:var(--bs-white)
}
.banner .banner-btn:hover{
    background:var(--bs-primary)
}
.counter{
    height:100%;
    text-align:center;
    box-shadow:0 0 30px rgba(0,0,0,.05)
}
.counter i{
    font-size:60px;
    margin-bottom:25px
}
.counter h4{
    color:var(--bs-primary);
    letter-spacing:1px;
    text-transform:uppercase
}
.counter h1{
    margin-bottom:0
}
.testimonial .owl-nav .owl-prev{
    position:absolute;
    top:-58px;
    right:0;
    color:var(--bs-primary);
    padding:5px 25px;
    border:1px solid var(--bs-secondary);
    border-radius:20px;
    transition:.5s
}
.testimonial .owl-nav .owl-prev:hover{
    background:var(--bs-secondary);
    color:var(--bs-white)
}
.testimonial .owl-nav .owl-next{
    position:absolute;
    top:-58px;
    right:88px;
    color:var(--bs-primary);
    padding:5px 25px;
    border:1px solid var(--bs-secondary);
    border-radius:20px;
    transition:.5s
}
.testimonial .owl-nav .owl-next:hover{
    background:var(--bs-secondary);
    color:var(--bs-white)
}
.pagination{
    display:inline-block
}
.pagination a{
    color:var(--bs-dark);
    padding:10px 16px;
    text-decoration:none;
    transition:.5s;
    border:1px solid var(--bs-secondary);
    margin:0 4px
}
.pagination a.active{
    background-color:var(--bs-primary);
    color:var(--bs-light);
    border:1px solid var(--bs-secondary)
}
.pagination a:hover:not(.active){
    background-color:var(--bs-primary)
}
.nav.nav-tabs .nav-link.active{
    border-bottom:2px solid var(--bs-secondary)!important
}
.footer .footer-item .btn-link{
    line-height:35px;
    color:rgba(255,255,255,.5);
    transition:.5s
}
.footer .footer-item .btn-link:hover{
    color:var(--bs-secondary)!important
}
.footer .footer-item p.mb-4{
    line-height:35px
}