.fixed-top{
            background-color:#FFF;   
           box-shadow: 0 0 20px rgba(0,0,0,1);
        }
    
        .owl-carousel .item a{
            font-weight: normal;
            font-size: 18px;
        }
        .owl-carousel .item a:hover{
            color: #333;
        }
       .bgimg{
            width: 100%;
            /*height: 100vh;*/
            background-size: 100%;
            background-position: center;
            background-repeat: no-repeat;
            animation: animate 30s cubic-bezier(.8,0,0,.8) infinite;        
        }        

        .bgimg .details h1{
            font-size: 4em;
            color: #FFF;
        }
        
        /******************************/
        .bgimg .com-logo{
            width: 25px!important;
            margin:0px;
            padding: 0px;
           /* border: 1px solid orange;*/
        }
        .bgimg h2, h1{
            color: #0193B8;
        }

        a{
            color: #FFF;
        }

        .page{
             /*height: 100vh; */
             /*padding-top: 40px;*/
        }

        .collapse ul li a{
            border-bottom-right-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        .collapse ul li a.active{
            color: #55A7F5!important;
            border-bottom: 2px solid #FFC107;
            box-shadow: 0px 0px 0px -12px #FFC107;
        }

        .nav-container{
         /*box-shadow: 0 8px 6px -6px rgba(0,0,0,1);*/
        }

        .nav-link {
            color:#000!important;
            font-size: 18px;
            font-weight: normal;
        }
        .bgimg ul{
            list-style: none;
        }
        .login {
            margin: auto;
            align-items: center;
        }

        .login .log-span{
            font-size: 16px;
            font-weight: normal;
        }


        .login a:hover{
            text-decoration: none;
            color: var(--default-color);
        }

        .head-social a{
            margin: 5px;
        }

        .cart-icon{
            margin:0;
            padding-top: 2px;
            padding-left:0;
            font-size: 20px;
            color: var(--default-color);
            text-align: center;
        }
        .cart-icon .cart-inner{
            margin:auto;
            padding: 0;
        }
        .cart-icon i{
            color: #fff;
        }

        .cart-icon a:hover{
            text-decoration: none;
        }

        .basket{
            margin:auto;
            color:#fff;
            font-size: 13px;
            line-height: 14px;
            font-weight: normal;
        }

        .basket ul{
            margin:0;
            padding-left:8px!important;
        }

        .basket ul li{
            margin:0!important;
            padding:0!important;
            text-align: left;
        }
        .basket a:hover{
           text-decoration: none;
        }

        .product{
        padding-top: 80px;
    }

    .product a{
        font-size: 14px;
        color: #555D64;
    }


    .product .container {
        display: flex;
        margin: 0 auto;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .product .card {
        height: auto;
        margin: 15px;
        padding: 0px;
        box-shadow: 0px 18px 10px -15px #959595;
        border: 2px solid #f1f1f1!important;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        transition: 0.7s ease-in-out;
        overflow: hidden;
        margin: auto;
        display: block;
        flex-grow: 1;
        flex-shrink: 1;
        baseline: 24%;
    }

    .card p{
        margin: 1px;
        padding: 1px;
    }
    .card i{
        margin-left: 0!important;
        padding-left:0!important;
        padding-right: 8px;
        font-size: 18px!important;
    }
    .card i,
    .card .add-cart {
        color: #0193B8!important;
        transition: 1s ease-in-out;
    }

    .card .add-cart:hover i{
        color: #fff!important;
        transition: 1s ease-in-out;
    }

    .card .add-cart {
        margin-left: 8px;
        width:60%;
        height:10%;
        /*        width: 120px;*/
        font-size: 13px;
    }

    input {
        height: 25px !important;
        margin: auto;
    }

    .card .pic {
        transition: 1s ease-in-out;
        overflow: hidden;
    }

    .card .pic:hover {
        -ms-transform: scale(1.1);
        /* IE 9 */
        -webkit-transform: scale(1.1);
        /* Safari 3-8 */
        transform: scale(1.1);
    }

    .category {
        margin-top: 12px;
    }

    .category .container{
        display: flex;
        justify-content: space-between;
    }
    .card-cat {
        width: 250px;
       /* box-shadow: 0px 8px 13px 5px #E2E2E2;*/
        border: 10px solid #EAEAEA!important;
        /*margin: 15px;*/
        padding: 0px;
        /*background-color: #1C2739;*/
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        overflow: hidden;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 250px;
    }

    .card-cat:hover img{
        opacity: 0.5;
    }
    .card-cat .pic{
        width: 100%;
    }

    .card-cat .pic img{
       transition: 0.7s ease-in-out;
    }
    .card-cat .card-body {
        margin:0!important;
        padding: 0;
        height: 50%;
        width: 100%;
        text-align: center;
    }

    .card-cat .card-text {
       
    }

    .card-cat .cat-desc p{
        margin:10;
        padding:0;
    }
    .card-cat .card-text a {
        color: #fff;
        font-size: 16px;
        text-align: center;
        text-transform: uppercase;
        display: block;
        max-width: 100%;
        background: #2E2E2E;
        border-bottom: 1px solid #5A5A5A;
        padding: 8px;
        min-height:20px;
        line-height:20px;
    }

    .news {
        padding-top: 80px;
    }

    .product .card{
        width: 200px;
        height: auto;
        margin:0 30px 15px 30px;
        padding: 15px;
    }
    .product .p-body{
        padding-bottom: 0px!important;
    }
    .product .p-body p{
        line-height: 10px;
    }

    .product,
    .most-liked {
        background-color: #FAFAFA;
    }

    .product .card-body h4, .card-body h4 a,
    .most-liked .card-body h4 {
        color: #0193B8;
        font-size: 18px!important;
        padding-bottom: 0px!important;
        padding-top: 8px!important;
        padding-bottom: 0px!important;
    }

    .card-body h4 a:hover{
        text-decoration: none;
    }

    .product .card-body p,
    .most-liked .card-body p {
        font-size: 13px;
        font-weight: bold;
        color: #21272C;
    }


    /* explore product myslider -------*/

    .explore-product {
    }

    .explore-product h4 {
        text-transform: uppercase;
    }

    .exp-slide {
        background: #f1f1f1;
        display: flex;
        /*box-shadow: 0 0 20px rgba(0,0,0,.2);*/
    }

    .exp-slide .item {
        height: 300px;
        margin: 2px;
        padding: 5px;
    }

    .exp-slide .item:hover {
        cursor: pointer;
    }

    .owl-carousel .owl-nav button.owl-prev {
        background: none;
        color: #fff;
        border: none;
        padding: 0!important;
        /*font: inherit;*/
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        width: 40px;
        height: 40px;
        opacity: 0.5;
        border-radius: 50%;
        background-color: #5D5A5A;
    }

    .owl-carousel .owl-nav button.owl-next {
        background: none;
        color: #fff;
        border: none;
        padding: 0!important;
        font: inherit;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        opacity: 0.5;
        background-color: #5D5A5A;
    }


    .readmore {
        color: #fff;
        background: #0193B8;
        margin-bottom: 12px;
        transition: 1s ease-in-out;
        display: inline-block;
    }

    .readmore a:hover {
        color: #fff!important;
        border: 1px solid #0193B8;
        background: transparent!important;
    }

    .aboutus{
        padding-top: 80px;
        color: #fff;
        background-image: url(images/banner/aboutbg.jpg);
        background-size:cover;
        width: 100%; 
        height: 100vh;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .contactus{
        color: #fff!important;
        padding-top: 80px;
        min-height: auto;
        height: auto;
        background: linear-gradient(to right, rgb(40, 60, 134), rgb(69, 162, 71));
    }

    .contactus .implinks, .contactus .address, .contactus .exright{
        padding-top: 12px;
    }
    .contactus .address p{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .contactus .social {
        margin:0;
        padding:0;        
    }

    .contactus .social ul{
        margin:auto;
        padding: auto;        
    }
    .contactus .social ul li{
        list-style: none;   
        padding: 8px;
    }

    .contactus .social i{
        font-size: 24px;
        color: #328FFE;
        transition: 0.7s ease-in-out;
    }

    .contactus .social i:hover{
        color: #fff;
    }

    .cotactus .implinks{
        margin:0;
        padding:0;
    }
    .contactus .implinks ul{
        list-style: none;
        margin:0;
        padding:0;
    }
    .contactus .implinks a{
        font-size: 18px;
        color: #fff;
        text-decoration: none;
    }
    .contactus .implinks a:hover{
        color: #1F1C1C;
    }
    .contactus .exright h4{
        font-weight: bold;
        font-family: helvetica-regular;
    }
    .contactus .exright img{
        width: 80px!important;
        margin: 0px 10px;
    }

    .copyright p{
        text-align: center;
        color: #fff;
    }

    .viewmore{

    }
    
    .insider .heading, a{
        color: rgb(44, 44, 44);
    }

    .insider .heading, a{
        font-size: 14px;
        line-height: 1em;
    }
    .insider .heading{
        color: rgb(44, 44, 44);
        font-size: 2.75rem;
        font-weight: 400;
        line-height: 1em;
        margin: 0px;
        text-transform: uppercase;
    }

    .featured-products{
        position: relative;
        z-index: 0;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .featured-products h2{
         text-transform: uppercase;
         text-align: center; 
         font-weight: bold;
         margin-bottom: 12px;
    }
    .featured-products h5{
         text-transform: uppercase;
         text-align: center; 
         font-weight: bold;
         margin-bottom: 12px;
    }

    .featured-products a{
        color: #029C93; 
        margin-bottom: 15px;
    }
    
    .ratingstars .checked{
        font-size: 14px;
        color: orange;
    }

    .ratingstars span{
        font-size: 11px;
    }

    .shop-now{
        margin-top: 10px;
        margin-bottom: 8px;
        text-align: center;
        border-radius: 3px;
        transition: 0.5s ease-in-out;
    }

    .shop-now a{
        margin: auto;
        padding:10px;
        color:#FFF;
    }

    .featured .pic {
        overflow: hidden;
        transition: 1s ease-in-out;
        z-index: -1;
    }

    .featured{
      width: 250px;
      height: 400px;
      border: 1px solid #DCDCDC!important;
      margin-top: 15px;
      margin-bottom: 15px;
      padding:12px;
    }

    .featured .feature-body{
        height: 50%;
    }


    .feature-body .feature-details{
      height: 40%;
      margin-bottom: 28px!important;
    }

    .featured:hover{
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
        background-color: #ffffff;
        border: 1px solid #ebebed;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    }
    .featured .pic:hover {
        -ms-transform: scale(0.9);
        /* IE 9 */
        -webkit-transform: scale(0.9);
        /* Safari 3-8 */
        transform: scale(0.9);
    }

    .featured h5{
          font-weight: bold;
          font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
     
        }
        

     .featured .featured-view{
        position: absolute;
        top: 20%;
        left: 32%;
        display: none;
        z-index: 99;
         transition: 1s ease-in-out;
     }

     .featured:hover .featured-view{
        display: block;
     }

     .product-box:hover {
        box-shadow: 0px 10px 15px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    }