@import url('https://fonts.googleapis.com/css?family=Nunito+Sans&display=swap');
body
{
  margin:0px; padding: 0px; position: relative; font-family: 'Nunito Sans', sans-serif;
}
ul {
    list-style-type: none !important;
    margin: 0px !important;
    padding: 0px !important;
}
a {
    text-decoration: none !important;
}
a:hover
{
  text-decoration: none !important;
}
button
{
  cursor: pointer !important;
}
.wrapper 
{
  width: 100%; float: left; margin: 0 0 0 0px;
}
.header
{
  width: 100%; float: left; margin: 0 0 0 0px; padding: 0px 0;
}
.topHeader
{
  width: 100%;
  float: left; margin:0 0 0 0px;
  background: #ff2d2d;
  padding: 5px 0px;
}
.topLeftMenu
{
  width: 100%; float: left; margin:0 0 0 0px; text-align: left;
}
.topLeftMenu ul
{
  display: inline-block;
}
.topLeftMenu ul li
{
  display: inline; margin:0 0 0 0px; color:#fff; font-size: 13px; padding: 0px 10px;
}
.topLeftMenu ul li a
{
  color:#fff; font-size: 13px; display: inline-block;
}
.topLeftMenu ul li i
{
  padding-right: 5px;
}
.topRightMenu
{
  width: 100%; float: left; margin:0 0 0 0px; text-align: right;
}
.topRightMenu ul
{
  display: inline-block;
}
.topRightMenu ul li
{
  display: inline; margin:0 0 0 0px; color:#fff; font-size: 13px; padding: 0px 5px;
}
.topRightMenu ul li a
{
  color:#fff; font-size: 13px; display: inline-block;
}
.topRightMenu ul li i
{
  padding-right: 5px;
}
.topRightMenu ul li:first-child
{
  padding-right: 30px;
}
.mainHeader
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.logo
{
  width: 100%; float: left; margin:0 0 0 0px; padding: 5px 0 5px 0;
}
.logo img
{
  width:100%;
  width: 243px;
}
.rightAccount
{
  width: 100%; float: left; margin: 49px 0 0 0; text-align: right;
}
.rightAccount ul
{
  display: inline-block; 
}
.rightAccount li
{
  display: inline; margin:0 0 0 0px; padding: 5px 10px; font-size: 14px; color: #444;
}
.rightAccount li i
{
  font-size: 22px; position: relative; top: 5px; color: #333; padding-right: 5px;
}
.rightAccount li a
{
  color: #444
}
.rightAccount ul .dropdown01 .ppp li
{
   
  cursor: pointer;!important;
  padding:10px;
}

.mainMenu
{
  width: 100%;
  float: left; margin:0 0 0 0px;
  background: #1f95b6;
}
.mainMenu ul
{
  display: inline-block;
}
.mainMenu ul li
{
  float: left; margin:0 0 0 0px; position: relative;
}
.mainMenu ul li a
{
  color: #fff;
  font-weight: 600;
  font-size: 19px;
  padding: 9px 50px 9px 13px;
  display: block;
}
.mainMenu ul li ul
{
  position: absolute; top: 80px; visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out; left: 0px; width: 200px; background: #fff; z-index: 9; padding:5px 0;
}
.mainMenu ul li:hover ul
{
  top:45px; visibility: visible; opacity: 1;
}
.mainMenu ul li ul li
{
  float: none;
}
.mainMenu ul li ul li a
{
  color:#000; padding: 8px 20px; font-size: 14px;
}
.mainMenu ul li ul li:hover a
{
  background: #f7f7f7;
  color: #ff2d2d;
}
.sliderBlock
{
  width: 100%; float: left; margin: 0 0 0 0px;
}
.sliderBlock img
{
  width: 100%; 
}
.dealsBlock
{
  width: 100%; float: left; margin:0 0 0 0px; padding: 40px 0px;
}
.dealsHeader
{
  width: 100%; float: left; margin:0 0 0 0px; text-align: center;
}
.dealsHeader h4
{
  font-size: 35px; color:#911816; font-family: 'Berkshire Swash', cursive;
}
.dealsHeader h4 span
{
  position: relative;
}
.dealsHeader h4 span:before
{
  content: ''; background: url(../images/border.png) no-repeat; position: absolute; top: 11px; left: -70px; width: 60px; height: 20px; background-size: 100%; 
}
.dealsHeader h4 span:after
{
  content: ''; background: url(../images/border.png) no-repeat; position: absolute; top: 11px; right: -70px; width: 60px; height: 20px; background-size: 100%; 
}
.dealItem
{
  width: 100%; float: left; margin:20px 0 0 0px; position: relative; overflow: hidden;
}
.dealItem img
{
  width:100%; transition: all 0.2s ease-in-out;
}
.categoryName
{
  position: absolute; width: 90%; opacity: 0; left: 50%; transition: all 0.2s ease-in-out; top:50%; text-align:center; transform: translate(-50%,-50%); padding: 50px; background: rgba(19, 199, 109, 0.90);
}
.categoryName h5
{
  font-size: 30px; line-height: 40px; color: #fff; margin:0 0 40px 0px; text-transform: uppercase; text-align: center;
}
.categoryName a
{
  text-align: center; display: inline-block; color: #fff; font-size: 15px; font-weight: 600; text-transform: uppercase; border:1px solid #fff; padding:5px 22px 8px 22px; position: relative;
}
.categoryName a:after
{
  position: absolute; top: 18px; width: 10px; height: 1px; background: #fff; content: ''; left: -10px;
}
.categoryName a:before
{
  position: absolute; top: 18px; width: 10px; height: 1px; background: #fff; content: ''; right: -11px;
}
.categoryName a:hover
{
  background: #fff; color: #333; text-decoration: none;
}
.dealItem:hover img
{
  transform:scale(1.3); 
}
.dealItem:hover .categoryName
{
  opacity: 1;
}
.sliderTopHeader
{
  text-align: center;
}
.sliderTopHeader a
{
  color: #fff;
}
.sliderTopHeader a:hover
{
  color: #fff;
}
.sliderTopHeader p
{
  margin: 0px; font-size: 14px;
}
.searchBlock
{
    width: 250px;
    position: absolute;
    top: -6px;
    left: -25px;
    z-index: 9;
}
.searchBlock input
{
    width: 100%;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 4px;
    font-size: 14px;
    height: 45px;
    font-weight: 600;
    padding-left: 40px;}
.searchBlock:before
{
  font-family: 'feather' !important;
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 font-size: 20px; color: #999;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 content: '\e9bf';
 position: absolute; top: 14px; left: 10px;
}
.closeBtn
{
  background: none; border:none; color: #333; font-size: 16px; font-weight: 600; padding: 0px; position: absolute; top: -25px; right: 0px;
}
.featureProduct
{
  width: 100%;
  float: left; margin:0 0 0 0px;
  /* background: url(../images/aboutslider.jpg) no-repeat; */ background-size:
  cover;
  padding: 40px 0;
  position: relative;
}
.featureProduct:before
{
  background: url(../images/top_grid.png); width: 100%; height: 10px; position: absolute; left: 0px; top:-6px; content: '';
}
.featureHeader
{
  width: 100%; float: left; margin: 1px 0 22px 0px; text-align: center;
  
}
.featureHeader h4
{
  font-size: 30px;
  color: #1f95b6;
  font-family: 'Berkshire Swash', cursive;
}
.featureHeader h4 span
{
  position: relative;
}
.featureHeader h4 span:before
{
  content: ''; background: url(../images/border.png) no-repeat; position: absolute; top: 11px; left: -70px; width: 60px; height: 20px; background-size: 100%; 
}
.featureHeader h4 span:after
{
  content: ''; background: url(../images/border.png) no-repeat; position: absolute; top: 11px; right: -70px; width: 60px; height: 20px; background-size: 100%; 
}
.featureSlider
{
  width: 100%; float: left; margin:20px 0 0 0px;
}
.featureSlider .owl-nav img{
  height: 60px;
}
.featureSlider .owl-nav .owl-next{
 position: absolute;
 right: 0;
 top: 0;
}

.item-feature
{
  width: 100%; float: left; margin:0 0 0 0px; background: #fff;
}
.itemHover
{
    width:100%; float:left; margin:0px; transition:all 0.4s ease-in-out;
}
.itemHover:hover
{
    box-shadow:0 22px 43px rgba(0,0,0,0.15);
}
.item-feature:hover h2
{
  color: #CC3238;
}
.item-feature img
{
  width: 100%;
}
.product-header
{
  width: 100%; float: left; margin: 0 0 0 0px; padding:10px 10px; background: #fff;
}
.product-header h2
{
  font-size: 18px; color: #333; margin:0 0 3px 0px; padding-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.product-header h6
{
  font-size: 13px; color: #333; margin:0 0 0 0px; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.product-header h4
{
  font-size: 14px; color: #333; margin:0 0 0 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.product-header h4 i
{
  font-size: 12px;
}
.product-header h4 span
{
  color: #666; font-size: 12px; text-decoration: line-through;
}
.product-header p
{
  color:#666; font-size: 13px; margin-top: 10px;
}
.btn-remove
{
  position: absolute; right: 10px; top:10px; background: #fff; width:35px !important; height: 35px; border-radius: 100%; border:none; text-align: center; padding:6px 0px; cursor: pointer; font-weight: 600; font-size: 18px; 
}
.addtCart
{
  width: 100%; float: left; margin:15px 0 0 0px; border-radius: 3px; background: #13C76D; color: #fff; border:none; padding: 10px 0; text-transform: uppercase; font-size: 14px;
}
.bannerOffer
{
  width: 100%; float: left; margin:0 0 0 0px;overflow: hidden;
}
.bannerOffer img
{
  width: 100%;
}
.bannerOffer:hover img
{
  transition: all 0.3s ease-in-out;
}
.whyBlock
{
  width: 100%;
  float: left;
  margin: 0 0 0 0px;
  padding: 40px 0px;
  background-size:
  cover;
  background: #f5f5f5;
}
.featureHeader p
{
  font-size: 17px; color: #333; margin-top: 20px;
}
.why_icon {
    width: 18%;
    float: left;
}
.why_icon img{
  margin-top: 15px;
}
.why_sec {
  margin-left: 5%;
    width: 77%;
    float: left;
}
.why_sec h4{
  text-transform: uppercase;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 0px 0;
}
.why_sec p{
  margin-top: 15px; margin-bottom: 0px; color: #444;
}
.borderItem
{
  width: 100%; float: left; margin:0 0 40px 0px; padding: 0px;
}
.aboutBock
{
  width: 100%; float: left; margin:0 0 0 0px; padding: 40px 0px; background: url(../images/aboutslider.jpg) no-repeat; background-size:cover; background-position: center; 
}
.aboutText
{
  width: 100%; float: left; margin:20px 0 0 0px; padding: 20px 40px; background: rgba(255,255,255,0.8);
}
.footer
{
  width: 100%;
  float: left; margin:0px 0 0 0px; background: url(..//images/025.jpg); background-size: contain; padding:30px 0 0 0; position: relative;
;;;;;background: #1f95b6;;;;;;
}
.footer-item
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.footer-item h4
{
  font-size: 22px;
  color: #ffffff;
  margin-top: 25px;
}
.footer-item ul
{
  padding:0px; margin:0px 0 0 0px;
}
.footer-item ul li
{
  margin:0 0 0 0px;
}
.footer-item ul li a
{
  color: #fff; font-size:14px; display: block; padding:8px 0px;
}
.footer-item ul li:hover a
{
  text-decoration: none;
}
.footer-item p
{
  color: #fff; font-size:13px; display: block; padding:0px 0px; line-height: 22px;
}
.social
{
  margin:20px 0 0px 0px !important;
}
.social li
{
  float: left; margin-top: 15px !important; margin-right: 10px !important;
}
.social li.facebook
{
  background: #395694; border-radius: 100%;
}
.social li.facebook a
{
  padding:5px 9px; font-size: 17px;
}
.social li.twitter
{
  background: #1C9CEA; border-radius: 100%;
}
.social li.twitter a
{
  padding:5px 9px; font-size: 17px;
}
.social li.youtube
{
  background: #F60000; border-radius: 100%;
}
.social li.youtube a
{
  padding:5px 9px; font-size: 17px;
}
.social li.instagram
{
  background: #7238AC; border-radius: 100%;
}
.social li.instagram a
{
  padding:5px 9px; font-size: 17px;
}
.mobile-app li
{
  float: left;
}
.mobile-app li a
{
  display: block !important; text-align: center; padding: 5px 10px !important;
}
.mobile-app li a i
{
  display: block; font-size: 16px;
}
.disclaimer
{
  width:100%; float:left; margin:20px 0 0 0px;
}
.disclaimer p
{
  font-size: 14px; color: #eee;
}
.img-payment
{
  width: 100%; float: left; margin:20px 0 0 0px; text-align: center;
}
.img-payment img
{
    width:700px;
}
.copyright-block
{
  width: 100%; float: left; margin: 30px 0 0 0; background: #131A22; padding:10px 0;
}
.copyright-block p
{
  margin:0 0 0 0px; color: #eee; font-size: 13px;
}
.meentosys {

    width: 100%; float: left; margin: 0px 0 0 0px; padding: 0px 0px;
}
.meentosys p
 {
    float: right; margin: 0px; color: #999; font-size: 14px;
}
.meentosys-link 
{
    background:#C71D22; color: #fff; padding: 0px 3px 2px; font-size: 13px; border-radius: 2px; line-height: 0px !important;
}
.meentosys-link:hover
{
  text-decoration: none; color: #000;
}
.footer:before
{
  background: url(../images/footer_top_grid.png); width: 100%; height: 10px; position: absolute; left: 0px; top:-6px; content: '';
}
.testimonailBlock
{
  width: 100%; float: left; margin:0 0 0 0px; background: url(../images/testimoialbg.jpg); background-repeat: repeat-x; padding: 40px 0px;  position: relative;
}
.mainTesti
{
  width: 100%; float: left; margin:0 0 0 0px; background: #fff; padding:40px 80px;
}
.testiHeader
{
  width: 100%; float: left; margin:0 0 0 0px; text-align: center;
}
.testiHeader h4
{
  font-size: 30px; color:#911816; font-family: 'Berkshire Swash', cursive;
}
.testiHeader h4 span
{
  position: relative;
  background: #1f95b6;
  color: #fff;
  padding: 8px 20px;
  border-radius: 3px;
  display: inline-block;
  font-size: 25px;
}
.testiHeader h4 span:before
{
  content: ''; background: url(../images/border.png) no-repeat; position: absolute; top: 11px; left: -70px; width: 60px; height: 20px; background-size: 100%; 
}
.testiHeader h4 span:after
{
  content: ''; background: url(../images/border.png) no-repeat; position: absolute; top: 11px; right: -70px; width: 60px; height: 20px; background-size: 100%; 
}
.mainBlockTesti
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.testimonailBlock:before
{
  background: url(../images/testicon.png); width: 100%; height: 7px; position: absolute; left: 0px; top:-6px; content: '';
}
.testimonialItem
{
  width: 100%; float: left; margin:30px 0 0 0px; text-align: center;
}
.testimonialItem h5
{
  font-size: 22px; color:#444; font-weight: 600; margin-bottom: 20px;
}
.testimonialItem p
{
  color:#555; margin:0 0 0 0px; font-size: 18px; line-height: 30px; letter-spacing: 0.5px;
}
.testimonialItem h6
{
  font-size: 18px; display: block; color:#444; font-weight: 600; margin-bottom: 0px; margin-top: 30px;
}
.testimonialItem i
{
  display: block; font-size: 30px; margin-bottom: 10px;
}
.dialog-popup
{
  width:100%; background:rgba(0,0,0,0.5); height: 100%; z-index: 99; position: fixed; left: 0; top: 0;
}
.dialog-box
{
  width:470px; position: fixed; top:50%; left: 50%; transform: translate(-50%, -50%);
}
.dialog-content
{
  width: 100%; float: left; margin: 0px; background: #fff; padding:20px;
}
.dialog-header
{
  width: 100%; text-align: center;
}
.dialog-header h4
{
  font-weight: 600; font-size: 20px; margin-bottom: 20px;
}
.dialog-header h5
{
  font-weight: 500; font-size: 16px; color: #666;
}
.dialog-body
{
  width:100%; float: left; margin: 0 0 0 0px; padding:20px 0;
}
.login-input 
{
    width: 100%; float: left; margin: 0 0 20px 0px;
}
.login-input input 
{
    width: 100%; font-size: 14px; height: 50px; padding: 10px 20px; border: 1px solid #e0e0e0; border-radius: 5px; transition: all 0.2s ease-in-out; font-weight: 600;
}
.login-input select 
{
    width: 100%; font-size: 14px; height: 50px; padding: 10px 20px; border: 1px solid #e0e0e0; border-radius: 5px; transition: all 0.2s ease-in-out; font-weight: 600;
}
.login-input input:focus 
{
    border-color: #999; box-shadow: 2px 2px 2px 2px #eee; transition: all 0.2s ease-in-out;
}
.btn-login
{
  width: 100%; float: left; margin: 0 0 0 0px; background: #13C76D; color: #fff; padding:11px 0 !important; font-weight: 600 !important;
}
.btn.focus, .btn:focus 
{
  outline: 0;
  box-shadow:none;
}
.login-input p
{
  font-size: 13px; text-align: center; font-weight: 500;
}
.login-input p a
{
  text-transform: uppercase;
}
.btn-close
{
  background: none; padding: 0px; color:#000; border:none; position: absolute; right: 0px; top: -8px; cursor: pointer; font-size: 25px;
}
.btn-close:focus
{
  outline: none;
}
.companyDetail
{
  width: 100%; float: left; margin:25px 0 0 0px;
}
.companyDetail h4
{
 font-size: 25px;
    font-family: arial;
    color: #13C76D;
    text-transform: uppercase;
    font-weight: 600;
}
.companyDetail h4 span
{
  color: #911816;
}
.companyDetail h5
{
  font-size: 14px; color:#222; font-weight: 600; margin-top: 15px; letter-spacing: 0.4px;
}
.companyDetail h5 span
{
  position: relative;
}
.companyDetail h5 span:after
{
  position: absolute; top: -3px;left: 0px; height: 1px; width:100%; background: #999; content: '';
}
.companyDetail h5 span:before
{
  position: absolute; top: 25px;left: 0px; height: 1px; width:100%; background: #999; content: '';
}
.saleOther
{
  width: 100%; float: left; margin:0 0 0 0px; padding: 40px 0px; background: #f1f1f1;
}
.saleItem
{
  width: 100%; background: #fff; padding: 20px; margin:20px 0 0 0px; border:1px solid #e0e0e0; text-align: center;
}
.saleItem img
{
  width: 60%;
}
.brand-block
{
  width:100%; background: #fff; margin:0 0 0 0px; padding:40px 0px; float: left; 
}
.brand-block .category-header h2
{
  font-size: 30px;
}
.itemtags
{
  width: 100%; float: left; margin:0 0 0 0px; text-align: center;
}
.iconBlock
{
  width: 80px; height: 80px;  line-height: 80px; font-size: 30px; color: #CA252A; text-align: center; display: inline-block; border-radius: 100%;
}
.itmeHeading
{
  width: 100%; float: left; margin:30px 0 0 0px;
}
.itmeHeading h5
{
  font-size: 17px;
  color:#000;
  font-weight: normal;
}
.itmeHeading p
{ 
   font-size: 13px;
   color:#333;
   line-height: 22px;
   margin: 0;
}
.certifiedBlock
{
  width: 100%; float: left; margin:5px 0 0 0px; border-top:1px solid #666;
}
.product-list-block
{
  width: 100%; float: left; margin:0 0 0 0px; padding: 30px 0;
}
.product-list-header
{
  width:100%; float: left; margin:0 0 0 0px;
}
.product-list-header h2
{   color: #911816;
  font-size:24px; 
  display: inline-block; padding-bottom: 10px; font-weight: 500;
}
.product-list-header span
{
  position: relative;
}
.product-list-header span:after
{
  width: 60%; left:0px; bottom: -9px; content: ''; background: #13C76D; height: 3px; position: absolute; z-index: 9;
}
.product-sidebar
{
  width: 100%; float: left; margin:20px 0 0 0px;
}
.product-sidebar-header
{
  width:100%; float: left; margin:0 0 0 0px;
}
.product-sidebar-header h6
{  
  
    font-size: 18px;
    color:#666;
    margin-bottom: 20px;
}
.product-sidebar-body
{
  width:100%; float: left; margin: 0 0 0 0px;
}
.sidebar-item
{
  width:100%; float: left; margin:10px 0 10px 0px; 
}
.sidebar-item h4
{  
  font-size:16px; color: #333; border-bottom: 1px solid #e0e0e0;  padding: 0 0 10px 0;
}
.sidebar-item h4 span
{
  float: right;
}
.sidebar-item ul {
    margin-top: 20px;
}
.sidebar-item ul li 
{
  float: left; width: 100%; padding:5px 0;
}
.sidebar-item ul li .custom-control-label 
{
    font-size: 14px; font-weight: 500; cursor: pointer; padding: 1px 0 0 10px;
}
.sidebar-item ul li input:focus
{
  outline: none !important; box-shadow: none !important;
}
.sidebar-item .custom-checkbox .custom-control-label:before
{
  border-radius: 2px !important;
}
.sidebar-item .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #000;
}
.product-sidebar-body .sidebar-item ul
{
  display: none;
}
.product-sidebar-body .active ul
{
  display: block;
}
.sidebar-item ul li:hover
{
  color: #000;
}
.sidebar-item li a
{
  float: left; display: inline-block; width: 17px; height: 17px; border-radius: 100%; margin:-4px 10px 0px 50px;
}
.sidebar-item li a:hover
{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.right-cate-pro
{
  width: 100%; float: left; margin:0px 0 0 0px;
}
.left-breade-right-pro
{
  width:100%; float: left; margin:0 0 0 0px;
}
.left-breade-right-pro ul
{
  list-style-type: none; margin:0 0 0 0px;
}
.left-breade-right-pro ul li
{
  font-size:14px; color:#666; padding:0 5px; float: left;
}
.left-breade-right-pro ul li a
{
  font-size:12px; color:#666; display: block; 
}
.left-breade-right-pro ul li:hover a
{
  text-decoration: none; color: #000;
}
.right-shor
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.right-shor span
{
  font-size: 13px; color: #666;
}
.right-shor button
{
  background: none; border:none; font-size:13px;
}
.right-shor .dropdown-item
{
  font-size: 13px;
}
.product-list-cate
{
  width:100%; float: left; margin:0 0 0px; border-top: 1px solid #e0e0e0; margin-top: 15px;
}
.category-list-image{
    padding:150px 0;
}
.product-detail-block
{
  width: 100%; float: left; margin:0 0 0 0px; padding: 40px 0px;
}
.thumbnail-img
{
  width: 100%; float: left; margin: 0 0 0 0px;
}
.thumbnail-img ul li
{
  margin-bottom: 10px; border:3px solid #e0e0e0; border-radius: 3px;
}
.thumbnail-img ul li img
{
  width:100%; height: auto; border-radius: 3px;
}
.product-left
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.large-img
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.large-img img
{
  width: 100%;
}
.thumbnail-img ul li.active {
    border-color: #FFC61A;
}
.right-product-detail
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.right-pro-name
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.right-pro-name h1
{
  font-size: 19px; color: #333; margin:0 0 0 0px; line-height: 22px;
}
.right-pro-price
{
  width: 100%; float: left; margin:20px 0 0 0px;
}
.right-pro-price h4
{
  font-size: 30px; 
}
.right-pro-price h4 i
{
  font-size: 25px;
}
.right-pro-price h5
{
  font-size: 15px; color: #666; text-decoration: line-through;
}
.right-pro-price span
{
  background: #911816; color: #fff; border-radius: 3px; font-size: 12px; font-weight: 500; padding:5px 10px; margin: 10px 0 0 0px; display: inline-block;
}
.right-pro-color
{
  width: 100%; float: left; margin:40px 0 0 0px;
}
.right-pro-color p
{
  font-size:14px; color: #666;
}
.right-pro-color ul
{
  list-style-type: none; padding: 0px;
}
.right-pro-color ul li
{
  float: left; margin:0 10px 0 0px; width: 25px; height: 25px; border-radius: 100%; cursor: pointer;
}
.right-pro-color ul li.active
{
  transform: scale(1.2); border:3px solid #51CCCC; transition: all .1s ease-in-out;
}
.right-pro-size
{
  width: 100%; float: left; margin:40px 0 0 0px;
}
.right-pro-size p
{
  font-size:14px; color: #666;
}
.right-pro-size ul
{
  list-style-type: none;
}
.right-pro-size ul li
{
  float: left; margin:0 5px 0 0px; cursor: pointer; border:1px solid #e0e0e0; text-align: center; padding:8px 15px; color: #666;
}
.right-pro-size ul li.active
{
  border:2px solid #51CCCC;
}
.right-pro-check-cod
{
  width: 100%; float: left;  margin:20px 0 0 0;
}
.right-pro-check-cod input
{
  float: left; width: 150px; border:1px solid #e0e0e0; padding:8px 10px; font-size: 14px;
}
.check-btn
{
  float: left; margin:0 0 0 0px; background: #f7f7f7; border:none; font-size: 14px; padding:9px 15px; cursor: pointer;
}
.right-pro-check-cod h5
{
  font-size: 13px; color: #444; margin-bottom: 15px;
}
.right-pro-btns
{
  width: 100%; float: left; margin:40px 0 0 0px;
}
.btu-cart
{
  background: #13C76D; color: #fff; border:none; padding:15px 40px; cursor: pointer; margin-right: 20px; font-size: 14px; text-transform: uppercase; font-weight: 600; border-radius: 2px;
}
.btu-wish
{
  background: #333; color: #eee; border:none; padding:15px 40px; cursor: pointer; font-size: 13px; text-transform: uppercase; font-weight: 600; border-radius: 2px; 
}
.discription-block
{
  width: 100%; float: left; margin:0 0 0 0px; background: #f3f3f3; padding: 40px 0;
}
.item-discription
{
  width: 100%; float: left; margin:0 0 20px 0px;
}
.item-discription h4
{
  font-size: 16px; font-weight: 600; color: #333;
}
.item-discription p
{
  font-size: 13px; font-weight: 400; color: #666;
}
.recent-product
{
  width: 100%; float: left; margin:0 0 0 0px; padding:40px 0;
}
.recent-slider
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.productDesList
{
  width: 100%; float: left; margin:20px 0 0 0px;
}
.productDesList ul
{
  list-style-type: none;
}
.productDesList ul li
{
  font-size:14px; color:#444; padding:5px 0; width:50%; float: left;
}
.productDesList ul li strong
{
  color:#28a745;
}
.mainReview
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.mainReview
{
    width: 100%; float: left; margin: 20px 0 0 0px; border-top: 1px solid #e0e0e0; padding: 0px; background:#fff;
}
#feedback {
    display: none;
    width: 100%;
    float: left;
    margin: 0 0 0 0px;
}
.about-do-pro-feed {
    width: 100%;
    float: left;
    margin: 0px 0 0 0px;
    padding: 25px 10px 20px 10px;
    border-bottom: 1px solid #e0e0e0;
}
.user-feed {
    width: 100%;
    float: left;
    margin: 0 0 0 0px;
    text-align: center;
}
.about-do-pro-feed
{
  width: 100%; float: left; margin: 0px 0 0 0px; padding: 25px 10px 20px 10px;  border-bottom: 1px solid #e0e0e0;
}
.about-do-pro-feed:last-child
{
  border-bottom: none;
}
.user-feed
{
  width: 100%; float: left; margin: 0 0 0 0px; text-align: center;
}
.username
{
  text-align: center; border-radius: 100%; color:#fff; padding:10px 19px; font-size: 20px; width:50px; height:50px; display:inline-block;
}
.s
{
  background: #92000A; 
}
.r
{
  background: #DA2C43; 
}
.a
{
  background: #8D4E85; 
}
.m
{
  background: #008000; padding:13px 17px;
}
.v
{
  background-color: #1C39BB;
}
.n
{
  background: #004040; 
}
.k
{
  background: #664228;
}
.j
{
  background: #F70F69;
}
.b
{
  background: #92000A; 
}
.c
{
  background: #DA2C43; 
}
.d
{
  background: #8D4E85; 
}
.e
{
  background: #008000; padding:13px 17px;
}
.f
{
  background-color: #1C39BB;
}
.g
{
  background: #004040; 
}
.h
{
  background: #664228;
}
.i
{
  background: #F70F69;
}
.font-style
{
  font-size: 15px !important; color: #333; margin-top: 60px;
}
.font-style i
{
  color: #18880d;
}
.feedback-content
{
  width: 100%; float: left; margin: 0 0 0 0px;
}
.feedback-content h4
{
  font-size: 15px; margin: 0px;
}
.feedback-content i
{
  color: #177B4D;
}
.feedback-content p.feedStar
{
   font-size: 15px; margin: 0px; 
}
.feedback-content p
{
  font-size: 13px; margin: 10px 0 0 0px;
}
.select-icon
{
  position: absolute; top:-13px; right:0px; display: none;
}
.review-block
{
  width:100%; float: left; margin: 0 0 0 0px; padding: 0 0 0 10px;
}
.review-block h4
{
  font-size: 15px;
}
.review-block p.reviewHeadings
{
    font-size:15px; color:#333;
}
.review-block p
{
  font-size: 13px; margin-bottom: 0px; color: #666;
}
.review-block span
{
  float: left; font-size: 18px; margin-right:5px; cursor: pointer;
}
.review-block span:hover:nth-child(1)
{
  color:#FAC22F;
}
.more-reviews
{
  color:#ff0000; font-size: 13px; cursor: pointer; float:  right; margin:10px 0 0 0; text-transform: uppercase;
}
.more-reviews:hover
{
  text-decoration: underline;
}
.review-container
{
  width: 500px; margin:0 auto;
}
.review-form
{
  width:100%; float: left; margin: 10px 0 0 0px;
}
.form-item
{
  width:100%; float: left; margin: 0 0 0 0px;
}
.form-item label
{
  font-size: 13px;
}
.btn-post
{
  background: #C71D22; color: #fff; text-transform: uppercase; cursor: pointer; font-size:12px; border-radius: 3px; padding: 7px 17px;
}
.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}



.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
.description-menu
{
  width: 100%; float: left; margin:0 0 20px 0px;
}
.description-menu ul
{
  list-style-type: none; margin:0 0 0 0px;
}
.description-menu ul li
{
  float: left; margin: 0 0 0 0px; float: left; transition: all 0.2s ease-in-out; cursor: pointer; font-size: 15px; font-weight: 600; color:#000; padding:14px 15px; position: relative;
}
.description-menu ul li.active
{
  color: #C71D22;
}
.description-menu ul li.active:after
{
  width:100%; transition: width 0.3s ease 0s;
}
.description-menu ul li::after {
    background:#C71D22;
    content: "";
    display: block;
    height: 2px;
    margin-top: 0px;
    padding-top: 0;
    transition: width 0.3s ease 0s;
    width: 0;
    position: relative;
    bottom:0px;
}
.description-menu ul li::after {
    background: #C71D22;
    content: "";
    display: block;
    height: 2px;
    margin: 0 auto;
    transition: width 0.3s ease 0s;
    width: 0;
    position: relative;
}
.shopping-block
{
  width:100%; float: left; margin: 0 0 0 0px; padding:40px 0;
}
.cart-left-block
{
  width:100%; float: left; margin:0 0 0 0px; padding:5px 10px 5px 0px;
}
.cart-left-header
{
  width: 100%; float: left; margin:0 0 0 0px; border-bottom: 1px solid #e0e0e0;
}
.cart-left-header h4
{
  font-size: 16px; font-weight: 600; color: #333;
}
.cart-left-header p
{
  font-size: 14px; font-weight: 500; color: #666; margin-bottom: 10px;
}
.shopping-cart-body
{
  width: 100%; float: left; margin:0 0 10px 0px; padding:10px 0 20px 0; border-bottom: 1px solid #e0e0e0;
}
.left-cart-img
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.left-cart-img img
{
  width: 100%;
}
.product-cart-right
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.product-cart-right h5
{
  font-size: 15px; color: #333; margin-bottom: 10px;
}
.product-cart-right h4
{
  font-size: 14px; color: #333; float: left; margin-right: 20px;
}
.product-cart-right h4 i
{
  font-size: 13px;
}
.product-cart-right h6
{
  font-size: 13px; color: #666; text-decoration: line-through; float: left;
}
.product-cart-right h6 i
{
  font-size: 12px;
}
.shopping-cart-body .right-pro-size
{
  margin-top:10px; 
}
.shopping-cart-body .right-pro-size p
{
  margin-bottom: 5px; font-size: 13px;
}
.right-pro-size ul li
{
  font-size:13px; padding: 5px 13px;
}
.quantity
{
  width:100%; float: left; margin:20px 0 0 0px;
}
.btn-minu
{
  background: #fff; cursor: pointer; border:1px solid #e0e0e0; border-radius:100%; padding:2px 6px; margin-right: 10px;
}
.quantity input
{
  width:50px; border:1px solid #e0e0e0; padding:2px 10px; text-align:center; margin-right: 10px;
}
.btn-plus
{
  background: #fff; cursor: pointer; border:1px solid #e0e0e0; border-radius:100%; padding:2px 6px; margin-right: 10px;
}
.btn-remove-cart
{
  background: none; border:none; color: #666; font-size: 12px; margin-top: 15px; cursor: pointer;
}
.cart-order-sumry
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.cart-order-sumry h4
{
  font-size: 18px; font-weight: 600; color: #333; margin-top: 5px;
}
.membership-text
{
  font-size: 12px; color: #666; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px;
}
.order-list
{
  width:100%; float: left; margin:0 0 0 0px;
}
.order-list ul
{
  list-style-type: none; margin:0 0 0 0px;
}
.order-list ul li
{
  width:100%; float: left; margin:0 0 0 0px; font-size: 13px; padding:10px 0;
}
.order-list ul li span
{
  float: right; font-weight: 500; color: #333;
}
.order-list ul li span i
{
  font-size: 11px; vertical-align: middle;
}
.order-list ul li span strong
{
  font-weight: 600;
}
.order-list p
{
  font-size: 14px; color:#000; margin-top:10px; display: inline-block; font-weight: 600;
}
.checkout-btn
{
  background: #28a745; color: #fff; padding:15px 10px; font-size: 14px; border-radius: 2px; display: block; margin-top: 80px; text-align: center; font-weight: 600; text-transform: uppercase;
}
#promo_input{
  width: 74%; float: left;
}
.voucher_btn
{
  float: right; padding: 6px 14px
}
.checkout-btn:hover
{
  color: #fff; text-decoration: none;
}
.sticky
{
  position: sticky; position: -webkit-sticky; top:0px;
}
.checkout-block
{
  width: 100%; float: left; margin:0 0 0 0px; padding:40px 0; background: #f9f9f9;
}
.checkout-left
{
  width:100%; float: left; margin: 0 0 20px 0px; background:#fff; padding:20px; box-shadow: 0px 1px  1px #999;
}
.login-detail-checkout
{
  width: 100%; float:left; margin: 0 0 0 0px;
}
.login-detail-checkout h4
{
  font-size: 18px; color: #000; font-weight: 600;
}
.login-detail-checkout h4 .fe-user, .login-detail-checkout h4 .si-location-pin, .login-detail-checkout h4 .si-wallet
{
  background:#000; padding:10px; color:#fff; box-shadow: 0 3px 5px 0 rgba(40,44,63,.4); border-radius: 100%; margin-right:20px;
}
.login-detail-checkout h4 .fa-check-circle
{
  color:#64AB28; font-size: 18px;
}
.login-detail-checkout h5
{
  font-size: 15px; color: #333; font-weight: 600; padding-left: 60px; margin-top:20px;
}
.login-detail-checkout p
{
  font-size: 13px; color: #666; font-weight: 600;
}
.add-deliver
{
  width:45%; float: left; margin:20px 0 0 30px; border:2px dotted #e0e0e0; padding:20px;
}
.add-deliver h6
{
  font-size: 16px; margin:0 0 0 0px; color: #000;
}
.add-deliver p
{
  font-size: 12px; color: #666; text-align: left; padding:10px 0 0 0px; margin-bottom: 20px;
}
.add-deliver a
{
  text-align: center; background: #fff; color: #64AB28; border:1px solid #64AB28; font-size: 13px; padding:8px 15px;
}
.add-deliver a:hover
{
  text-decoration: none;
}
.checkout-right
{
  width:100%; float: left; margin: 0 0 20px 0px; background:#fff; padding:20px; box-shadow: 0px 1px  1px #999;
}
.payment-left
{
  width:30%; float: left; margin:30px 0 0 70px; background:#f1f1f1; padding:20px 0 20px 20px;
}
.payment-left ul
{
  margin:0px;
}
.payment-left ul li
{
  padding:0px; font-weight: 600; color:#000; padding:20px 20px; cursor: pointer; font-size: 13px; text-transform: uppercase;
}
.payment-left ul li.active
{
  background: #fff;
}
.payment-right
{
  width: 40%; float: left; margin: 20px 0 0 40px;
}
.cash-deliver
{
  width: 100%; float: left; margin:20px 0 0 0px;
}
.cash-deliver h6
{
  font-size: 18px;
}
.cash-deliver p
{
  padding:0px; font-size: 12px;
}
.btn-pay-check
{
  width: 100%; float: left; margin:10px 0 0 0px; background: #13C76D; color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 600; padding:10px 0;
}
.cart-left-img
{
  width:20%; float: left; margin:0 0 0 0px;
}
.cart-left-img img
{
  width: 100%;
}
.product-right-cart
{
  width:75%; float: right; margin:0 0 0 0px; text-align: left;
}
.product-right-cart h5
{
  font-size:16px; margin: 0 0 0 0px; color: #000;
}
.list-cart-menu
{
  width: 100%; float: left; margin:0px 0 5px 0px; padding:0 0 5px 0px; font-size: 13px;
}
.list-cart-menu p
{
  margin:10px 0;
}
.list-cart-menu:last-child
{
  border-bottom: none;
}
.payble
{
  font-weight: 600; font-size: 14px;
}
.price-payble 
{
    font-size: 14px; color: #000; font-weight: 500;  margin: 0px;
}
.alert-info
{
  font-size: 15px !important;
}
.send-otp
{
  background:#C71D22; color:#fff; position: absolute; right:8px; top:8px; padding:7px 15px; float: right; font-size: 13px; border-radius: 3px; cursor: pointer;
}

.paymnet-block
{
width: 100%; float: left; margin: 0 0 30px 0px; background: #fff; padding:20px 0;
}
.qr-show
{
width:100%; float: left; margin:0 0 0 0px;
}
.qr-show img
{
width:100%;
}
.right-pay-content
{
width: 100%; float: left; margin:20px 0 0 0px;
}
.right-pay-content h5 
{
    font-size: 17px; font-weight: 600; margin-bottom: 20px;
}
.right-pay-content ul li 
{
    font-size: 13px; line-height: 40px; color: #333;
}
.myaccount-block
{
  width: 100%; float: left; margin:0 0 0 0px; padding:40px 0;
}
.myaccount-header
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.myaccount-header h5
{
  font-size: 25px; color: #000; font-size: 600;
}
.myaccount-header h5 span
{
  position: relative;
}
.myaccount-header h5 span:after
{
  content: ''; position: absolute; bottom: -10px; left:0px; background: #13C76D; height: 3px; width: 100%;
}
.account-sidebar
{
  width:100%; float: left; margin: 0 0 0 0px;
}
.account-sidebar ul
{
  list-style-type: none; margin:0 0 0 0px;
}
.account-sidebar ul li
{
  width:100%; float: left; position: relative;
}
.account-sidebar ul li a
{
  padding:12px 10px; color: #000; display: block; border-bottom: 1px solid #f1f1f1; font-size: 14px; font-weight: 500;
}
.account-sidebar ul li a i
{
  padding-right:10px; font-weight: 500; font-size: 18px; color: #13C76D;
}
.account-sidebar ul li:hover a
{
  text-decoration: none; 
}
.account-sidebar ul li.active a
{
  background: #e7f9f0; color: #000; 
}
.account-sidebar ul li.active:after
{
  content: ''; width:2px; background:#13C76D; position: absolute; left:0; top: 0px; height: 100%;
}
.right-account-user
{
  width:100%; float: left; margin:0 0 0 0px; padding:0 20px;
}
.right-account-header
{
  width: 100%; float: left; margin:0 0 0 0px;
}
.right-account-header h3
{
  font-size: 18px; font-weight: 500; color: #000; border-bottom: 1px solid #e0e0e0; padding:10px 10px; background: #f7f7f7; margin:0px;
}
.account-user-right
{
  width:100%; float: left; margin:20px 0 0 0px;
}
.account-user-right button
{
  width: 50%;
}
.gj-picker-md table tr td.today div
{
  background: #C71D22; color: #fff !important; border-radius: 100%;
}
.gj-picker-md table tr td.selected.gj-cursor-pointer div
{
  background: #f2f2f2 !important; color: #000 !important; font-weight: 600 !important;
}
.gj-datepicker-md [role="right-icon"]
{
  right: 10px !important; top:13px !important; color: #666;
}
.account-user-right .product-header a
{
  background: #ffe599; color: #000; text-align: center; padding: 8px 0; margin-top: 10px; display: block; font-size: 15px; font-weight: 600;
}
.account-user-right .product-header:hover a
{
  text-decoration: none;
}
.btn-remove
{
  position: absolute; right: 10px; top:10px; background: #fff; width:35px !important; height: 35px; border-radius: 100%; border:none; text-align: center; padding:6px 0px; cursor: pointer; font-weight: 600; font-size: 18px; 
}
.notfound-product
{
  width:100%; float: left; margin:0 0 0 0px; text-align: center;
}
.notfound-product p
{
  font-weight: 600; font-size: 15px; margin-top:10px; color: #555; margin-bottom: 25px;
}
.notfound-product a
{
  background: #13C76D; color: #fff; font-size: 14px; font-weight: 500; padding:10px 20px; border-radius: 2px;
}
.notfound-product a:hover
{
  text-decoration: none; color: #fff;
}
.notfound-product-2
{
  width:100%; float: right; margin:0 0 0 0px; 
}

.notfound-product-2 a
{
  background: #13C76D; color: #fff; font-size: 14px; font-weight: 500; padding:10px 20px; border-radius: 2px;
}
.notfound-product-2 a:hover
{
  text-decoration: none; color: #fff;
}   
.my-menu{
    display:none;
}
.add-address
{
  width:100%; float: left; margin:20px 0 0 0px; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12);
  padding:0px 0px;
}
.address-btn
{
  background: none; border:none; display: block; color: #333; padding:12px 10px; text-align: left; cursor: pointer; font-size: 15px; width: 100%; font-weight: 600;
}
.address-btn i
{
  background: #13C76D; color: #fff; font-size: 22px; border-radius: 100%; padding:5px; margin-right: 10px; vertical-align: middle;
}
.address-btn:hover
{
  color: #000; text-decoration: none;
}
.addres-up
{
  width: 100%; float: left; margin:20px 0 0 0px; padding:15px; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12);
}
.addres-up p
{
  margin-bottom: 5px;
}
.edit-addres
{
  padding-left: 20px; color: #078cbd; background: none; border:none; font-size: 15px; cursor: pointer; font-weight: 600;
}
.addres-up h4
{
  font-size: 18px; color: #000;
}
.he-blo
{
  height: 100%;
}
.btn-default-add.active
{
  background: #13C76D; margin-top: 10px; color: #fff;
}
.account-user-right h3
{
  font-size: 16px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px;
}
.order-header 
{
    width: 100%; margin: 0 0 20px 0px; background: #f8f8f8; padding: 10px 20px;
}
.order-header h5 
{
    font-size: 16px; color: #000; margin: 0px;
}
.order-header p 
{
    font-size: 14px; color: #333; margin-bottom: 0px;
}
.btn-success
{
  padding: 5px 20px !important; font-size: 14px !important;
}
.cart-pro-name
{
  width:100%; float: left; margin: 0 0 0 0px;
}
.cart-pro-name h4
{
  font-size: 16px; font-weight: 600; color: #333; margin-bottom: 0px;
}
.cart-pro-name p
{
  font-size: 13px;
}
.cart-pric-pro
{
  width:100%; float: left; margin: 0 0 0 0px;
}
.cart-pric-pro h4
{
  font-size: 15px; color:#000; font-weight: bold; float: left; margin-right:20px;
}
.cart-pric-pro span
{
  font-size: 14px; color: #666; margin-left: 20px; font-weight: normal; text-decoration: line-through;
}
.cart-pric-pro p
{
  font-size: 13px; color: #C7003D; font-weight:bold;
}
.price-discount
{
  width: 100%; float: left; margin:10px 0 0 0px;
}
.price-discount h5
{
  float: left; margin:0 0 0 0px; color: #333; font-size: 15px; font-weight: 600;
}
.price-discount h6
{
  float: left; margin:2px 0 0 10px; color: #666; font-size: 14px; text-decoration: line-through;
}
.price-discount p
{
  color: #37BE5F; clear: left; font-size: 13px; margin-top:25px;
}
.order-replace
{
  width:100% !important; float: left; margin:20px 0 0 0px;
}
.btn-return
{
  background: #333; color:#eee; cursor: pointer; border-radius: 3px; text-align: center; margin-right: 10px; border:none; float: left; width: 30% !important; font-weight: 500;text-transform: uppercase; font-size: 12px; padding:9px 0 11px 0;
}
.order-replace a
{
  background: #13C76D; color: #fff; font-weight: 500; text-transform: uppercase; font-size: 12px; padding:10px 20px; float: left; border-radius: 2px;
}
.order-replace a:hover
{
  text-decoration: none; color: #fff;
}
.img-cart-prod
{
  width:100%; float: left; margin: 0 0 0 0px;
}
.img-cart-prod img
{
  width:100%;
}
.buttonApp
{
  position:fixed; top:50%; transform: translate(5%, -50%); transition:all 0.1s ease-in-out; background:#25D366; padding:10px 10px; color:#fff; z-index:999; border-top-left-radius:3px;  border-bottom-left-radius:3px;
}
.buttonApp a
{
  color:#fff; display:block; font-size:30px; padding:0px 5px;
}
.buttonApp:hover a
{
  color: #fff;
}
.buttonApp:hover
{
  transform:translate(0%, -50%);
}
.whyChoose span
{
  background: #1f95b6;
  color: #fff; padding:8px 20px;
  border-radius: 3px;
  display: inline-block;
  font-size: 25px;
}
.brandLogo
{
  width: 100%; float: left; margin: 0px; padding: 40px 0px;
}
.itemBrand
{
  width: 100%; float: left; margin:0 0 0 0px; border:1px solid #e0e0e0; text-align: center;
}
.brandLogo .owl-carousel .owl-item img
{
  display: inline-block;
}
.aboutHeri
{
  background: #1f95b6;
  color: #fff;
  padding: 8px 20px;
  border-radius: 3px;
  display: inline-block;
  font-size: 25px;
}
.centerLogo
{
  width: 100%; float: left; margin:0 0 0 0px; text-align: center;
}
.centerLogo img
{
  width: 80%;
}

.popupOffer
{
    width:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,.5); z-index:99; height:100%;
}
.mainContetnOffer
{
    width: 60%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.popupImg
{
    width:100%; float:left; margin:0 0 0 0px; background:#fff; padding: 3px;
  
}
.popupImg img
{
    width:100%;
}
.btnClosed
{
    position:absolute; top:-10px; right:-10px; background:#fff; border:none; color:#000; border-radius:100%; cursor:pointer; padding:3px 7px;
}
.total_count
{
  bottom: 18px;
    position: absolute;
    /* top: -6px; */
    right: 7px;
    padding-top: 2px;
    background: #C71D22;
    color: #ffff;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100%;
    font-size: 14px;
    font-weight: bold;

}
@media screen and (max-width: 780px) {
    .mainMenu ul li {
        float: left;
    margin: 0 0 0 0px;
    width: 100%;    position: relative;
}
.navbar-nav .dropdown-menu {
    position: absolute !important;
    left: 82px;
    background: #00a251;
    border: 0px;
    color: #fff;
}
.mainMenu ul li ul li a {
    color: #000;
    padding: 8px 20px;
    font-size: 14px;
}
.mainMenu ul li ul li a:hover {
    color: #000;
    padding: 8px 20px;
    font-size: 13px;
    background:#00a251;
}
    .whyBlock
    {
   background:none;
    }
    .logo img 
    {
        width: 100%;  
    
}
.total_count {
       bottom: 20px;
    position: absolute;
    /*right: -126px;*/
    padding-top: 1px;
    background: #C71D22;
    color: #ffff;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100%;
    font-size: 14px;
    font-weight: bold;
}
.dialog-box {
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.login-input input {
    width: 100%;
    font-size: 14px;
    height: 38px;
    padding: 7px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    font-weight: 600;
    margin-bottom: 7px;
}
.rightAccount {
    width: 100%;
    float: left;
        margin: 3px 0 11px 0px;
    text-align: left;
}
.rightAccount li .fe-shopping-cart
    {
            font-size: 22px;
    position: relative;
    top: 5px;
    color: #333;
    padding-right: 5px;
    right: 0;
    float: right;
    }
    .img-payment img
{
    width:100%;
}
 
/*.buttonApp {*/

/*    margin-right: 25px!important;*/
/*}*/
.popupImg img

{
    /*width:50%!important;*/
}
.btnClosed {
    position: absolute;
    top: -37px!important;
    /*right: 75px!important;*/
    background: #fff;
    border: none;
    color: #000;
    border-radius: 100%;
    cursor: pointer;
    padding: 3px 7px;
}
.popupImg {
    /*width: 50%!important;*/
    margin: 0 0 0 0px;
    background: #fffffff0;
    text-align: center;
    /*margin-left: 25%!important;;*/
}
}
.serv{
  padding: 5px;
  margin-bottom: 20px;
  background: #f9f9f9;
}
.serv_content h5{
  color: #F79B34;
}
.serv_content p{
  font-size: 15px;
}
.myaccount-header h5{
  font-size: 18px !important
}
.myaccount-header h5 a{
  color: #F79B34;
}
.serv_content a{
  color: #F79B34;
}
.contact h4 {
    position: absolute;
    top: -20px;
    left: 20px;
    background: #fff;
    padding: 6px 14px;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #333;
    border-radius: 4px;
    border: 1px solid #ced4da;
}
.career {
    border: 1px solid #ced4da;
    padding: 25px;
    background: rgba(255,255,255,0.8);
    border-radius: 4px;
    position: relative;
}.submit {
    padding: 6px 16px;
    background: #911816;
    border-radius: 4px;
    border: 1px solid #911816;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s;
}
.contact_social li{
  float: left;
  margin-right: 10px;
}
.repeat_order {
    background: #df8443;
    color: #eee;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    margin-right: 10px;
    border: none;
    float: left;
    width: 30% !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    padding: 9px 0 11px 0;
}