/* header  */
.center{ text-align: center}
.afra-radius-5{border-radius: 50px;padding: 5px 20px 5px 20px ;}
.afra-radius-1{border-bottom-right-radius: 50px ;border-top-right-radius: 50px ;border-bottom-left-radius: 0px ;border-top-left-radius: 0px ;padding: 5px 50px 5px 50px ;box-shadow: 0 0.5rem 1rem rgba(0,0,0,.1); border: 2px solid ;}
.input-group.md-form.form-sm.form-1 input{border-bottom-left-radius: 50px ;border-top-left-radius: 50px ;height: 60px;box-shadow: 0 0.5rem 1rem rgba(0,0,0,.1);}
/*search*/
.afra-btn-group{border-radius: 50px;box-shadow: 0 0.5rem 1rem rgba(0,0,0,.1);}

/*end search*/
.afra-shadow{box-shadow: 0 0.5rem 1rem rgba(0,0,0,.1);}
.afra-m-h{margin: 5% 5% 5% 5%;}
.afra-m-h2{margin: 1% 4.5% 3% 4.5%;}
.afra-icon-head{font-size: 20px;}
.a-hover{}
.a-hover:hover{text-decoration:   underline ;text-decoration-color: #ffffff;padding-top: 10px;margin-top: 10px;}

#base-cart{position:relative;cursor: pointer;   }
#base-cart #text{position: absolute;top:-5px ;text-align: center ; left:56%;}

@media (min-width: 992px){.afra-btn-fix-cart {height: 45px;width: 82px;border-bottom-left-radius: 0px ;border-top-left-radius: 0px ;border-bottom-right-radius: 5px ;border-top-right-radius: 5px ;cursor: pointer; position: fixed;  ;left:0px ;right:96%;top:7%; }  }
@media (max-width: 992px){.afra-btn-fix-cart {height: 40px;width: 80px;border-bottom-left-radius: 0px ;border-top-left-radius: 0px ;border-bottom-right-radius: 5px ;border-top-right-radius: 5px ;cursor: pointer; position: fixed; left:0px ;right:85%;top:6%;  }  }


.marquee{
    padding: 0;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    height: 35px;
    margin-top: -2px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
 @media(min-width: 992px){.marquee .t {
    
    font-size: 1em;
    height: 37px;
    line-height: 35px;
    text-align: center;
    font-weight: bold;
    position: relative;
    color: #FFF;
    margin: 0px 0px 0px 6%;
}
    
}
 @media (max-width: 992px){.marquee .t {
    
    font-size: 1em;
    height: 37px;
    position: relative;
    color: #FFF;
    margin: 0;
}
    
}
.marquee .b {
     position: relative;
     top: 4px;
  
}
.marquee .t::before {
    content: "";
    width: 9px;
    height: 9px;
    display: block;
    background-color: #2b2171;
    transform: rotate(45deg);
    position: absolute;
    top: 13px;
    right: -5px;
}