/*
Theme Name: BB Ecommerce Store
Theme URI: https://www.themeshopy.com/themes/wp-ecommerce-store-wordpress-theme/
Author: ThemeShopy
Author URI: https://www.themeshopy.com
Description: E-commerce Store is a free multipurpose E-commerce WordPress theme. E-commerce Store is an elegant E-commerce/Woo-Commerce WordPress theme suitable for E-commerce websites of any store type such as online bookstore, toy store, affiliate store clothing, decorative stores, electronic store, apparel, digital market, eMarket, products online, home appliances site, Online Grocery and Foods, Subscription Boxes, ecommerce, retail, online store, marketplace, shopping, business, products, sales, inventory, digital storefront, store website, organic food, men’s fashion, cufflinks, storefront, sport & athletic goods store, handbags, automobile accessories store, tablet market, online book market, dropshipping store & feminine products store, baby store, Selfie Drones, Smart Watches, kitchen online shop, food selling website cosmetics & saloon item shop, Face Masks, jewelry & luxury item store and various multipurpose online stores. The modern design and smooth coding standard make them perfect for business, corporate, companies and freelancers. Who wants to have an impactful and awesome online presence? We also utilize best and clean coding standard that functions well with the latest WordPress version. This Free customizable responsive Woo-commerce WordPress theme includes plenty of customization options that are fairly easy to use. You can easily customize them, using the short codes and hook. Setting up, an astonishing e-store that’s a dazzling beauty was never this easy before. Main features of our Free e-commerce-store includes Customizer theme options, grid layout, background image, and color, SEO optimized, fully responsive, fast loading. If you ever required our assistance. Customer satisfaction is our top priority; we strive to deliver the best and aren’t going to be ever content with anything less. Our free themes are user and mobile friendly, very responsive and have a beautiful professional look. It is not going to be enough in a longer run. Your business is bound to grow and with a booming business, you would need to make upgrades in almost every business aspect. The way your website appears and works is significant for an online store. Demo: https://www.themeshopy.com/ecommerce-store-wordpress-theme/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 2.4.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: bb-ecommerce-store
Tags: wide-blocks, flexible-header, block-styles, block-patterns, left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, post-formats, front-page-post-form, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, e-commerce, portfolio

BB Ecommerce Store WordPress Theme has been created by ThemeShopy(themeshopy.com), 2017.
BB Ecommerce Store WordPress Theme is released under the terms of GNU GPL
*/

*{ 
  outline:none;
}
body{ 
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-family:'Roboto';
  color:#000;
  overflow-x: hidden;
}
img{ 
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{ 
  margin:0;
  padding:0 0 15px;
}
p{ 
  margin:0;
  padding:0;
}
a{ 
  text-decoration:none;
  color:#e22626;
}
a:hover{ 
  text-decoration:none;
  color:#666;
}
a:focus, input:focus, textarea:focus, .woocommerce form .form-row input:focus.input-text, .woocommerce form .form-row textarea:focus, #menu-sidebar input.search-field:focus, .header .primary-navigation ul ul a:focus{
  outline: 2px solid #000;
  border-bottom: 1px solid #000;
}
.header a:focus, .copyright-wrapper a:focus, .header input:focus, form.woocommerce-product-search button[type="submit"]:focus,.copyright-wrapper input:focus{
  outline: 2px solid #fff;
  border-bottom: 1px solid #fff;
}
ul,ol{ 
  margin:0 0 0 15px;
  padding:0;
}
input[type='submit']{
  background-color: #e22626;
  padding: 1%;
  border: 0;
  color: #fff;
  margin: 2% 0;
}
.clear{ 
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
input[type="text"],input[type="email"],input[type="phno"],input[type="password"],textarea{
  border:1px solid #bcbcbc;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
textarea{
  height:auto;
}
select, table, iframe, .entry-audio audio{
  width:100%;
}
.center{ 
  text-align:center;
  margin-bottom:40px;
}
.middle-align{
  margin:14px auto;
  padding:0;
}
.wp-caption{ 
  font-size:13px;
  max-width:100%;
}
.main-container, .wp-caption, .wp-caption-text, *, body, .sticky, .gallery-caption, .bypostauthor{ 
  margin:0;
  padding:0;
}
.widget_text a,.entry-summary a, #footer .textwidget a, #sidebar .textwidget a, .woocommerce-product-details__short-description p a, .textwidget p a, .entry-content a, #comments p a, .comment-meta.commentmetadata a, #content-vw a, .woocommerce-MyAccount-content p a, .new-text p a, .comment p a{
  text-decoration: underline;
  color: #000;
}
/*wide block*/
.entry-content .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
} 
.left-sidebar-page .entry-content .alignwide, .left-sidebar-page .entry-content .alignfull, .right-sidebar-page .entry-content .alignwide, .right-sidebar-page .entry-content .alignfull{
  margin-left  : 0;
  margin-right : 0;
}
/* block image */
.page-box-single .alignwide, .page-box-single .alignfull, .services .alignwide, .services .alignfull{
  margin-left: 0;
  margin-right: 0;
}
/* Block Gallery */
.page-box-single .blocks-gallery-caption{
  margin-bottom: 15px;
}
.page-box-single .extraclass.wp-block-gallery-3{
  margin-right: 25px;
  margin-top: 15px;
}
/* block button */
.page-box-single .wp-block-button.is-style-outline{
  margin: 5px 0;
}
.page-box-single .wp-block-button.is-style-outline a:hover{  
  color: #e22626 !important;
}
.page-box-single .wp-block-button.is-style-squared a{
  border-radius: 0 !important;
}
/* Block Layout */
.page-box-single .wp-block-media-text__media img{
  width: 100% !important;
}
/* Block widget */
#sidebar .widget_block.widget_tag_cloud a, .page-box-single .wp-block-tag-cloud a, .services .wp-block-tag-cloud a{
  border: 1px solid #eeeeee;
  color: #051f31;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
  text-decoration: none !important;
}
#sidebar .widget_block.widget_tag_cloud a:hover, .page-box-single .wp-block-tag-cloud a:hover, .services .wp-block-tag-cloud a:hover, .copyright-wrapper .widget_block.widget_tag_cloud a:hover{
  background: #e22626;
  color: #fff;
}
.copyright-wrapper .widget_block.widget_tag_cloud a{
  border: 1px solid;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
#sidebar .widget_block.widget_tag_cloud .wp-block-tag-cloud{
  margin-bottom: 0;
}
#sidebar .widget_block .wp-block-calendar .wp-calendar-nav, .copyright-wrapper .widget_block .wp-block-calendar .wp-calendar-nav{
  text-align: left;
}
.copyright-wrapper .widget_block .wp-block-calendar .wp-calendar-nav a{
  color: #fff;
}
.copyright-wrapper .widget_block .wp-block-calendar th{
  background: transparent;
  font-weight: 800;
}
#sidebar .widget_block .wp-block-social-links li, .copyright-wrapper .widget_block .wp-block-social-links li{
  padding: 0;
  margin: 0;
  background: transparent;
}
#sidebar .widget_block .wp-block-social-links li a, .copyright-wrapper .widget_block .wp-block-social-links li a{
  color: #000;
  padding: 10px;
  font-size: 20px;
}
.copyright-wrapper .widget_block .wp-block-social-links li a{
  color: #fff;
}
#sidebar .widget_block.widget_media_image .wp-block-image, #sidebar .widget_block .wp-block-gallery{
  margin-bottom: 0;
}
#sidebar .widget_nav_menu .menu ul.sub-menu{
  margin: 0;
}
#sidebar .widget_block.widget_recent_comments li, .copyright-wrapper .widget_block.widget_recent_comments li{
  display: flex;
}
#sidebar .widget_block.widget_recent_comments li .wp-block-latest-comments__comment-meta, #sidebar .widget_block.widget_recent_comments li .wp-block-latest-comments__comment-excerpt, .copyright-wrapper .widget_block.widget_recent_comments li .wp-block-latest-comments__comment-meta, .copyright-wrapper .widget_block.widget_recent_comments li .wp-block-latest-comments__comment-excerpt{
  margin-left: 0;
}
/*elementor*/
.elementor-html #loader, .toggle-menu, a.closebtn.responsive-menu, #menu-sidebar .social-icons, #contact-info, .no-js #loader-wrapper, .elementor-html #loader-wrapper{ 
  display: none; 
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.alignleft,img.alignleft {
  display: inline;
  float: left;
  margin-right:25px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.alignright,img.alignright { 
  display: inline;
  float: right;
  margin-left:25px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.aligncenter,img.aligncenter { 
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul { 
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.main-container ol{
  list-style-position:outside;
  margin-left:20px;
}
.main-container ol li{
  margin:5px 0;
}
section{ 
  padding:34px 0;
  position:relative;
  max-width:1400px;
  margin:0 auto;
}
h2.section-title { 
  font-size:30px;
  font-weight:700;
  padding:0 0 45px 0;
  text-align:center;
  display:table;
  margin-bottom:50px;
}
/* --------- SLIDER--------- */
#slider .carousel-control-next-icon,#slider .carousel-control-prev-icon{
  background: transparent;
  color: #fff;
}
#slider{ 
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.7;
  height: 600px;
  object-fit: cover;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height:auto;
}
#slider .inner_carousel h1{
  font-weight: bolder;
  color: #fff;
  font-size: 35px;
}
#slider .inner_carousel {
  text-align:left;
  color: #fff;
}
#slider .more-btn a {
  color: #fff;
  background: #e22626;
  padding: 10px;
  border: 2px #fff solid;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
#slider .carousel-caption {
  position: absolute;
  transform: translateY(-50%);
  right: 10%;
  left: 50%;
  top: 55%;
}
/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0; left:0;
  width: 100%;
  background: #e22626;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 9999;
}
body.admin-bar .fixed-header {
  margin-top: 32px;
}
/*preloader*/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  overflow: hidden;
  display: block;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #16a085;
  -webkit-animation: spin 1.7s linear infinite;
          animation: spin 1.7s linear infinite;
  z-index: 99999999;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin-reverse .6s linear infinite;
          animation: spin-reverse .6s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #222;
  z-index: 10;
}
#loader-wrapper .loader-section.section-left {
  left: 0;
}
#loader-wrapper .loader-section.section-right {
  right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

/*preloader 2*/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  display: block;
  background: #fff;
}
.loader{
  width: 70px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loader div{
    background-color: #14213d; 
    width: 48px;
    height: 48px;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    animation: jump 2.25s linear infinite;
}
.loader div:nth-child(1):after{
    content: '';
    width: calc(48px * 2 / 3);
    height: calc(48px * 2 / 3);
    border-radius: 50%;
    border-top: 4px solid #14213d;
    border-left: 4px solid #14213d;
    transform: rotate(135deg);
    position: absolute;
    left: 28px;
    bottom: calc(48px / 6);
}
.loader div:nth-child(2){
    background-color: #fca311;
    width: calc(48px / 2);
    height: calc(48px / 2);
    left: calc(5px * 2.2);
    z-index: 0;
    animation: jump1 2.25s linear infinite;
}
.loader div:nth-child(3){
    background-color: #f72585;
    width: calc(48px / 3);
    height: calc(48px / 3);
    left: calc(5px * 5 / 2);
    z-index: 0;
    animation: jump2 2.25s linear infinite;
}
@keyframes jump{
    0%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
    }
    8%{
      transform: scaleY(0.5) scaleX(1.4);
      transform-origin: bottom;
      bottom: 0;
      animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1);
    }
    25%{
      transform: scaleY(1) scaleX(1);
      bottom: calc(48px * 3);
      animation-timing-function: cubic-bezier(0.8, 0.42, 1, 0.64);
    }
    95%{
      transform: scaleY(1) scaleX(1) rotate(0turn);
      bottom: 0;
    }
    100%{
      transform: scaleY(1) scaleX(1) rotate(0turn);
      bottom: 0;
    }
}
@keyframes jump1{
    0%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
    }
    8%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
      animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1);
    }
    55%{
      transform: scaleY(1) scaleX(1) rotate(-1turn);
      transform-origin: center;
      bottom: calc(48px * 5.5);
      animation-timing-function: cubic-bezier(0.29, 0.01, 1, 0.55);
    }
    100%{
      transform: scaleY(1) scaleX(1) rotate(-2turn);
      bottom: 0;
    }
}
@keyframes jump2{
    0%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
    }
    8%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
      animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1);
    }
    55%{
      transform: scaleY(1) scaleX(1) rotate(1turn);
      transform-origin: center;
      bottom: calc(48px * 6.5);
      animation-timing-function: cubic-bezier(0.29, 0.01, 1, 0.55);
    }
    100%{
      transform: scaleY(1) scaleX(1) rotate(2turn);
      bottom: 0;
    }
}

/* --------- Bradcrumbs --------- */
.bradcrumbs a {
  background: none;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 25px;
  border: 2px solid #000;
  text-transform: uppercase;
  padding: 8px 17px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}
.bradcrumbs a:hover{
  background:#e22626;
  color: #fff;
}
.bradcrumbs span{
  background: none;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 15px;
  border: 2px solid #000;
  text-transform: uppercase;
  padding: 8px 15px;
  display: inline-block;
  margin-bottom: 10px;
}
/* slider end */
.top-header{
  background: #e22626;
}
.header.fixed{
  position:fixed !important;
  top:0 !important;
  margin:0;
  padding:15px 0;
  z-index:99999999;
  background-color:#ffffff;
  opacity:inherit;
}
.header .logo h1{ 
  font-size:20px;
  font-weight: 600;
}
.header .logo a{ 
  color:#fff;
  font-size:34px;
  font-weight: 600;
  text-decoration:none;
}
.header .logo p{ 
  font-size:14px;
  color:#fff;
  line-height: 1.1;
}
.header .cart-btn-box {
  display: -webkit-box;
}
.header{
  z-index:999;
  background: #333;
}
.cathead {
  background: #000;
  color: #fff;
  position: absolute;
  top: -60px;
  left: 0;
}
.cathead i {
  font-size: 16px;
}
.cathead span {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.topbar {
  background: #e22626;
}
.social-media i {
  font-size: 19px;
}
.social-media a, .social-media i{
  color: #fff;
}
.top-contact a {
  color: #fff;
  font-size: 16px;
}
.top-contact i {
  color: #fff;
}
.header form.woocommerce-product-search button[type="submit"] {
  padding: 10px 25px;
  background:url(images/search.png) no-repeat scroll 14px #e22626;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
  position: relative;
  right: 0;
  left: 0;
}
.header form.woocommerce-product-search {
  display: flex;
}
.woocommerce ul.products.columns-4{
  display: inline-table;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: auto;
}
.woocommerce.columns-4 {
  margin: 20px;
}
.woocommerce-shipping-fields h3 label span {
  font-size: 30px;
}
.woocommerce .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
  color: #000;
}
.woocommerce ul.products li.product .button {
  text-align: center;
}
.woocommerce ul.products li.product .star-rating{
  margin: 10px auto !important;
}
.single-product .background-img-skin {
  margin: 22px 0;
}
.woocommerce-Address, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
/*woocommerce pagination*/
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #e22626;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  padding: 10px 15px;
  font-size: 18px;
}
/*-------Cart Page---------*/
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide{
  margin-left: auto;
  margin-right: auto;
} 
.wp-block-woocommerce-cart .wc-block-components-main{
  padding-right: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-components-main th, .wp-block-woocommerce-cart .wc-block-components-main tr{
  padding: 10px !important;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  font-size: 18px;
  background: #e22626;
  color: #fff;
  font-weight: 500;
  padding: 10px 20px;
  text-decoration: none;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container a:hover, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a:hover{
  background: #202020;
}
.wc-block-cart .wc-block-cart-item__product a{
  text-decoration: none;
  font-size: 20px;
}
.wp-block-woocommerce-cart table.wc-block-cart-items, .wc-block-cart .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #e6e3e3;
  padding: 10px;
}
.wc-block-components-sidebar span.wc-block-cart__totals-title, .wc-block-components-sidebar .wc-block-components-totals-coupon{
  text-align: left !important;
}
.wc-block-components-sidebar .wc-block-components-totals-coupon, .wc-block-components-sidebar .wc-block-components-totals-item, .wc-block-components-sidebar .wc-block-components-totals-item{
  padding-left: 0 !important;
}
.wp-block-woocommerce-cart table th span, .wp-block-woocommerce-cart .wc-block-cart__totals-title, .wc-block-cart .wc-block-cart__totals-title{
  color: #000 !important;
  font-size: 15px !important;
}
.wc-block-components-main .wc-block-checkout__actions_row button, .wc-block-components-sidebar .wc-block-components-totals-coupon__content button{
  color: #000;
  border-color: #000;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a{
  border-radius: 0 !important;
  border: none;
  text-decoration: none;
  font-size: 15px !important;
  font-weight: 800;
  background: #e22626;
  color: #fff !important;
}
.wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
  margin-top: 20px;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a:hover{
  background: #202020;
}
.wp-block-woocommerce-empty-cart-block .price del, .wp-block-woocommerce-empty-cart-block .price ins{
  color: #000 !important;
  font-weight: 700;
}
.wp-block-woocommerce-empty-cart-block .price del{
  color: inherit;
  opacity: .5;
  display: inline-block;
  font-size: 16px;
}
.wp-block-woocommerce-empty-cart-block .price ins{
  background: 0 0;
  font-weight: 700;
  display: inline-block;
  font-size: 16px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{
  padding: 5px 0;
  text-align: center;
  text-transform: capitalize;
  color: #121212 !important;
  font-size: 18px !important;
  font-weight: 500;
}
.wp-block-woocommerce-empty-cart-block a img{
  width: 100% !important;
}
.wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link{
  text-decoration: none;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
  background: #e22626 !important;
  border-color: #e22626 !important;
  color: #fff !important;
  padding: 12px 8px !important;
  font-size: 14px !important;
  border-radius: 50% !important;
  margin: 0 !important;
  top: -6px !important;
  right: -6px !important;
  left: auto !important;
  text-transform: capitalize !important;
}
/* --------- MENUS CSS --------- */
.primary-navigation ul{
  list-style: none;
}
.primary-navigation li{
  display: inline-block;
  position: relative;
}
.primary-navigation a{
  display: block;
  color: #fff;
  font-size: 14px;
  padding: 19px 25px;
  text-transform: uppercase;
}
.primary-navigation ul ul{
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 999;
  top:45px;
  margin:0;
  border-top: 6px solid #000 !important;
  border: 1px solid #e22626;
}
.primary-navigation ul ul ul{
  left: 100%;
  top: 5px;
}
.primary-navigation ul ul a{
  color: #e22626;
  background-color: #fff;
  border: none;
  padding: 13px;
  font-size: 14px;
  z-index: 999;
  font-weight: 600;
}
.primary-navigation ul ul li:hover > a {
  color: #000;
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  padding: 0;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after{
  content: '\f067';
  position: absolute;
  font-weight: 600;
  font-family: 'Font Awesome 5 Free';
  font-size: 10px !important;
  padding: 0px 6px;
  top: 20px;
}
.sf-arrows ul .sf-with-ul:after{
  right: 10px;
  top:15px;
}
.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows .sfHover > .sf-with-ul:after{
  content: '\f068';
  font-weight: 600;
  font-family: 'Font Awesome 5 Free';
}
.sf-arrows .sf-with-ul{
  padding-right: 30px;
}
/*footer*/
.cart_icon a, .copyright-wrapper .textwidget a, .copyright-wrapper li span,.copyright-wrapper td a,.copyright-wrapper #wp-calendar td a{
  color: #fff;
}
.copyright-wrapper .textwidget a{
  text-decoration: underline;
}
.copyright-wrapper aside{
  padding: 10px 0;
}
/*scroll to top*/
#scroll-top{
  background:#e22626;
  border:2px solid #e22626;
  color:#fff;
  cursor:pointer;
  width:65px;
  height:65px;
  position:fixed;
  bottom:60px;
  right:20px;
  z-index:999;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  font-size:20px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  display: none;
}
.left-align{
  left: 20px;
}
.center-align {
  left: 50%;
  right: 50%;
}
/*----------static page----------*/
.cart_icon i {
  background: #fff;
  color: #e22626;
  padding: 12px;
  font-size: 20px;
}
button.search-submit {
  background: #e22626;
  border: none;
  padding: 10px 15px;
  color: #fff;
}
input#woocommerce-product-search-field {
  width: 90%;
}
.woocommerce ul.products li.product .price {
  color: #000 !important;
  font-weight: bold !important;
  margin-bottom: 0 !important;
  font-size: 17px !important;
  margin-top: 2% !important;
}
h2.woocommerce-loop-product__title {
  font-size: 18px !important;
}
#our-products a.button {
  font-size: 14px;
}
#our-products a.button:hover {
  background: #202020;
}
#our-products li.product {
  background: #f5f5f5;
  margin-bottom: 0;
  padding-bottom: 25px !important;
}
.product-category img {
  width: 50px;
  margin-right: 15px;
}
.static-sidebar {
  background: #fff;
  z-index: 999;
  list-style: none;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
}
.static-sidebar i {
  font-size: 14px;
  color: #fff;
}
.static-sidebar li a {
  color: #3f3f3f;
}
.static-sidebar li {
  padding: 10px;
  border-bottom: solid 1px #aeaaaa;
}
.static-sidebar {
  background: #f3f3f3;
  color: #222222;
  position: relative;
}
/* --------- Homepage --------- */
#our-products {
  border: 2px solid #f1f1f1;
}
#our-products strong{
  font-size: 30px;
  color: #000;
  display: block;
}
#our-products .box-image .woocommerce.columns-4{
  margin: 0;
}
section { 
  width:100%;
  margin:0 auto;
  position:relative;
}
#our-service {
  background: #e22626;
}
#our-service .service a h4 {
  color: #000;
}
#our-service .service p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
#our-service .service {
  margin: 5px 0;
}
#our-service .service strong {
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
#our-service .service strong a{
  color: #fff;
}
.services {
  padding:0;
  margin-top: 2%;
}
.services .section-title a{
  color:#a94442;
  font-size:24px;
  font-weight:normal;
}
.services .section-title a:hover{
  text-decoration:none;
}
.services .new-text p {
  color: #636060;
  margin: 0 0 10px;
  line-height: 1.8;
  font-size: 15px;
}
#our-services .search-form .search-submit {
  padding: 10px;
}
.inner-service {
  background: #fff;
  margin-bottom: 4%;
  padding: 10px;
  border-top: solid 4px #e22626;
}
.inner-service .post-categories{
  display: block;
  margin-left: 0;
}
.inner-service .post-categories li{
  margin-bottom: 25px;
  margin-top: 25px;
}
.inner-service .post-categories a{
  margin-right: 0;
}
h2.ecomercepost-title {
  font-size: 30px;
}
.read-btn, h2.ecomercepost-title {
  padding: 15px 0;
}
.services .about-us{
  padding: 10px;
  margin-top:20px;
}
.services  .about-us a{
  border: 1px solid #000;
  padding:8px 20px;
  color: #000;
  text-decoration:none;
  text-transform: uppercase;
  font-size: 19px;
}
.services .button{
  margin: 0 18%;
  display: inline-block;
}
/* --------- Blog Page ------- */
.blogbutton-small{
  background:none;
  color:#000;
  font-size:12px;
  font-weight:bold;
  padding: 10px 25px;
  border:2px solid #000;
  text-transform:uppercase;
}
a.blogbutton-small:hover {
  background: #e22626;
  color: #fff;
}
.box-image img {
  width: 100%;
}
.metabox{
  color:#000;
  clear:both;
  margin: 10px 0;
}
.metabox i{
  margin-right: 5px;
}
.metabox a, .metabox a:hover, h2.ecomercepost-title a{
  color: #000;
}
h1.page-title span {
  font-size: 30px;
  color: #67696b;
}
.entry-content a, .comment-body p a,.woocommerce-product-details__short-description p a{
  text-decoration: underline;
  color: #000;
}
.entry-content li, .entry-content code, .page-box-single h1{
  color: #000;
}
.entry-date:hover i, .entry-date:hover a, .entry-author:hover i, .entry-author:hover a{
  color: #e22626;
}
.meta-nav {
  color: #000;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px;
  background: #f1f2f3;
}
.meta-nav:hover{
  background: #e22626;
  color: #fff;
}
.page-box-single{
  background: #fafafa;
  padding: 10px;
}
.post-title{
  margin:10px 0;
  color: #1a8129;
  display: block;
}
.meta-nav i {
  font-weight: 900;
  font-size: 15px;
  padding: 8px 0;
}
.tags{
  margin:20px 0;
}
.tags i{
  font-size: 20px;
  color:#e22626;
  margin-right: 10px;
}
.tags p a{
  font-size: 15px;
  color:#000;
  border: 1px solid #000;
  padding: 5px 10px;
  display: inline-block;
  margin: 5px;
}
.tags p a:hover{
  color: #fff;
  background: #e22626;
  border: 1px solid #fff;
}
/* Related Post */
.related-box {
  background: #f6f6f6;
  margin-bottom: 4%;
  padding: 10px;
  border-top: solid 4px #e22626;
}
.related-box h4 a {
  color: #000;
  font-size: 20px !important;
}
.related-posts .read-more-btn{
  display: inline-block;
}
/* Comments BOX */
#comments {
  display: block;
}
#comments h2.comments-title{
  font-size:25px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  margin:10px 0;
  padding: 30px 0 10px;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}  
#comments input[type="text"],#comments input[type="email"],#comments textarea{
  width:100%;
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments a{
  color: #000;
}
#comments input[type="submit"].submit{
  background:#e22626 ;
  padding:10px 50px;
  text-transform:normal;
  font-weight:bold;
  color: #fff;
  margin-top:20px;
  margin-left:0;
  border: none;
}
#comments a.comment-reply-link{
  color:#fff;
  background: #e22626;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:rgb(21, 28, 39);
  color: #fff;
}
#comments a time{
  color: #000;
  font-weight:bold;
  font-size:12px;
}
#comments ol li li{
  margin-left: 25px;
}
.comment-body{
  margin-bottom: 20px;
}
.content-ts #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  text-align: right;
}
#comments ol.comment-list {
  color: #3a4d5e;
  font-size: 18px;
  padding-left: 10px;
}
.comment-meta.commentmetadata {
  margin: 8px 0;
}
li#comment{
  margin-bottom: 20px;
}
.comment-author cite.fn{
  padding-left: 10px;
}
.content-ts #comments h2.comments-title{
  padding-top: 10px;
  font-size: 25px;
}
.content-ts #comments ol li li{
  margin-left: 25px;
}
.content-ts #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0;
  background:#fff;
  display: inline-block;
} 
/* Sidebar */
#sidebar caption {
  font-weight: bold;
  color: #000;
  font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
#sidebar #wp-calendar td a, #sidebar input[type="search"]::placeholder{
  color: #000;
}
#sidebar td {
  padding: 7px;
  color: #000;
}
#sidebar th {
  text-align: center;
  padding: 10px;
  color: #000;
}
#sidebar select {
  padding: 8px 5px;
  border-radius: 25px;
}
#sidebar {
  background: #f3f3f3;
  margin-top: 15px;
  margin-bottom: 20px;
}
#sidebar h3, #sidebar .widget_block h2, #sidebar .widget_block.widget_search label{
  text-align: center;
  padding: 15px;
  font-size: 24px;
  background: #e22626;
  color: #fff;
  margin-bottom: 5%;
  font-weight: 500;
}
#sidebar .widget_block.widget_search label{
  line-height: 1.2;
}
#sidebar input[type="search"] {
  background:none;
  padding:10px;
  border:none;
  font-size:15px;
  color:#000;
  width:100%;
  border: 1px solid;
}
#sidebar .wp-block-search__inside-wrapper button{
  border-color: #000;
  background: none;
}
#sidebar form.search-form label, .copyright-wrapper form.search-form label{
  width:100%;
  float:left;
}
#sidebar #block-2 button[type="submit"]{
  background: #e22626;
  border: none;
  color: #ffffff;
}
#sidebar input[type="submit"] ,.copyright-wrapper input.search-submit{
  background: #e22626;
  border: none;
  color: #ffffff;
  padding: 10px;
  width: 100%;
  font-size: 16px;
  margin-top: 5px;
  font-weight: bold;
}
#sidebar aside{
  padding: 10px;
  box-shadow: 0 0 10px #acacac;
  margin-bottom: 20px;
}
#sidebar ul {list-style:none;
  margin:0;
  padding:0;
  font-size:17px;
}
#sidebar ul li{
  background:url('images/bullets-sidebar.png') no-repeat scroll 0 7px;
  margin:15px;
  padding:0 0 0 23px;
}
#sidebar ul ul li{
  margin: 0;
}
#sidebar ul li a{
  color:#000;
}
#sidebar ul li a:hover{
  color: #e22626;
}
li.recentcomments {
  color: #000;
}
#sidebar .tagcloud a,.copyright-wrapper .tagcloud a{
  border:1px solid;
  color:#000;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
.copyright-wrapper .tagcloud a{
  color: #fff;
}
.copyright-wrapper form label {
  display: inline-block;
  margin-bottom: .5rem;
  width: 61%;
}
.copyright-wrapper .textwidget p, #sidebar h3.widget-title a {
  color: #fff;
}
#sidebar .tagcloud a:hover,.copyright-wrapper .tagcloud a:hover{
  background:#e22626;
  color: #fff;
}
#sidebar .textwidget a{
  color: #000;
  text-decoration:underline;
}
/* woocommerce */
.woocommerce .woocommerce-MyAccount-navigation ul{
  margin: 0;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce div.product form.cart .button{
  padding: 11px;
}
.woocommerce-message {
  border-top-color: #e22626;
}
.woocommerce span.onsale{
  background: #e22626;
  color: #fff;
  padding: 0;
  border-radius: 50px !important;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
  background: #e22626 !important;
  padding: 12px!important;
  margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
.woocommerce-MyAccount-content header.woocommerce-Address-title{
  display: inline-grid;
  margin-bottom: 20px;
}
.wc-block-cart__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button,
.wc-block-checkout__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button, 
.wc-block-checkout__form .wc-block-components-button{
  border: none;
  min-height: 0 !important;
  background: #e22626;
  color: #ffffff;
}
.wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  padding-left: 35px;
}
.wc-block-checkout__main .wc-block-checkout__actions .wc-block-components-checkout-place-order-button{
  padding: 11px !important;
}
.wc-block-checkout__sidebar .wc-block-components-totals-coupon__form button .wc-block-components-button__text,
.wc-block-cart__sidebar .wc-block-components-totals-coupon__form button .wc-block-components-button__text{
  opacity: 1 !important;
}
.wc-block-checkout__form .wc-block-components-button span{
  color: #ffffff;
}
.woocommerce .woocommerce-MyAccount-content .title a{
  background: #e22626;
  color: #fff;
  text-decoration: none;
  padding: 5px 8px;
}
.woocommerce .entry-summary .posted_in a{
  color: #fff;
  background: #e22626;
  text-decoration: none;
  padding: 5px 10px;
}
.posted_in {
  display: block;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
span.woocommerce-input-wrapper{
  width: 100%;
}
h2.woocommerce-loop-product__title,.woocommerce div.product .product_title {
  color: #000;
  font-weight: 500;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
  text-transform: capitalize;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background: #e22626;
  color: #fff !important;
  border-radius: 0;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #202020;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
  padding: 11.1px;
}
.woocommerce span.woocommerce-Price-amount.amount {
  font-size: 16px;
}
.woocommerce td.product-name a, .woocommerce ul#shipping_method li label, .woocommerce-cart .cart-collaterals .shipping-calculator-button,.woocommerce-MyAccount-content p a, .woocommerce form .form-row .required{
  color: #e22626;
}
.woocommerce-privacy-policy-text a, a.showcoupon,.woocommerce-message::before, .woocommerce span.posted_in a,.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price,.woocommerce div.product .woocommerce-tabs ul.tabs li.active,.woocommerce-checkout .content-bb ul li, .woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb{
  color: #000;
}
.woocommerce-privacy-policy-text a,a.showcoupon, .woocommerce-MyAccount-navigation ul li a,.woocommerce td.product-name a,.woocommerce-cart .cart-collaterals .shipping-calculator-button{
  text-decoration: none;
}
.woocommerce-MyAccount-navigation li {
  list-style: none !important;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover {
  color: #000 !important;
}
.woocommerce #comments p {
  float: left;
  width: 100%;
}
.woocommerce #reviews #comment{
  height: auto;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 16px;
}
.woocommerce .product-title{
  font-size: 17px;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
.select2-container--default .select2-selection--single, input#billing_phone {
  padding: 10px 0px;
  border-radius: 0px;
}
#sidebar .star-rating, .copyright-wrapper .star-rating{
  margin: 0 !important;
}
#sidebar .product_list_widget .star-rating, .copyright-wrapper .product_list_widget .star-rating{
  margin: 5px 0 10px 0 !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: #e22626;
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #000;
}
.copyright-wrapper .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
.copyright-wrapper .price_label, #sidebar .price_label{
  font-size: 14px;
}
.woocommerce .star-rating {
  float: left;
}
.woocommerce .product .added_to_cart {
  background: #e22626;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  padding: 6px 20px;
  margin-top: 10px;
}
.woocommerce .product .added_to_cart:hover{
  background: #202020;
}
.news-item.layout-two .news-text-wrap{
  font-size: 14px;
}
.related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
  float:none;
  display: inline-table;
  width: 29%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  text-align: center;
}
.woocommerce .woocommerce-product-rating .star-rating {
  margin: 0.5em 20px 0 0;
}
.woocommerce form.login .form-row,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce-Reviews .comment-text p.meta {
  width: 100%;
  float: left;
  padding-top: 10px;
}
#sidebar a.remove.remove_from_cart_button , .copyright-wrapper a.remove.remove_from_cart_button{
  font-size: 22px !important;
}
.woocommerce #reviews #comments h2{
  font-size: 25px;
}
.related.products h2 {
  text-align: left;
}
.comment-form-rating label {
  padding: 10px 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  font-size: 11px;
  padding: 7px;
}
.copyright-wrapper .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
}
#sidebar .widget_shopping_cart_content li:hover{
  padding-left: 2em;
}
.woocommerce-Reviews .comment-form-rating label{
  padding: 10px 0;
}
.copyright-wrapper form.woocommerce-product-search button, #sidebar form.woocommerce-product-search button{
  background: #e22626 ;
  border-radius: 0px;
  color: #fff;
  padding: 10px;
  width: 100%;
  border: none;
  border: solid 1px #e22626;
  margin-top: 5px;
}
#sidebar .woocommerce ul.product_list_widget li img, .copyright-wrapper .woocommerce ul.product_list_widget li img {
  width: 50px;
}
#sidebar .price_slider_wrapper{
  padding:10px;
}
#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item{
  background: none;
}
.copyright-wrapper .price_slider_amount .price_label,.copyright-wrapper .woocommerce .widget_shopping_cart .total, .copyright-wrapper .woocommerce.widget_shopping_cart .total{
  color: #fff;
}
.copyright-wrapper .woocommerce a.button:hover, .copyright-wrapper .woocommerce button.button:hover{
  background: #e22626;
  color: #fff;
}
.woocommerce-Reviews .comment-form-rating label{
  padding: 10px 0;
}
.woocommerce form.login{
  display: inline-block;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  text-align: center;
}
.copyright-wrapper input.search-field{
  width: 100%;
}
/* Page */
.title-box{
  background-repeat:no-repeat;
  background-size:100% 100%;
  color:#fff;
  text-transform:uppercase;
  padding:75px 0;
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.cat-box{
	background:url(images/cat-icon.png) no-repeat 1px 3px;
	padding:0 0 0 25px;
	font-style:italic;
	font-weight:bold;
	margin:15px 0 30px 0;
}
.single .title-box{
  background-size:100% 100%;
}
.content-bb{
  margin: 36px 0;
}
.content-bb p{
  font-size: 16px;
  margin:0 0 10px 0;
}
.content-bb hr{
  border:none;
  border-bottom:2px dotted #7e7e7e;
  margin:10px 0;
  clear:both;
}
.content-bb h1{
  font-size:35px;
  margin:20px 0 0 0;
  text-transform: capitalize;
}
.content-bb h2{
  font-size:30px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 15px;
}
.content-bb h3{
  font-size:36px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 25px;
}
.content-bb h4{
  font-size:20px;
  font-weight:bold;
  margin:0;
  padding:0;
  color:#333;
  margin:0 0 10px;
}
.content-bb  h6{
  font-size:18px;
}
.content-bb  h6{
  margin:0 0 15px;
  font-size:17px;
  padding:0;
  font-weight:bold;
  line-height:normal;
}
.content-bb ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
.content-bb ul li{
  line-height:25px;
}
.content-bb ul li ul li{
  list-style-type: circle;
}
.content-bb ol{
  list-style: none;
  margin:0 0 0 15px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
.content-bb ol li{
  padding:0 0 0 0;
  margin:0 0 15px 5px;
  list-style:decimal;
}
.content-bb ol li ol li{
  margin:0 0 15px 0;
  padding:0 0 0 35px;
}
.content-bb  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
  font-weight:bold;
  line-height:normal;
}
.read-moresec{
  margin:3% 0;
}
a.button {
  border: 2px solid #000;
  background: #fff;
  color: #000;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase;
  font-weight: bold;
}

/* Pagination */
.services .navigation .nav-previous a, .services .navigation .nav-next a{
  background: #e22626;
  color: #fff;
  border: 2px solid #000;
  padding: 10px;
  font-weight: bold;
}
nav.navigation.pagination {
  padding: 10px 0;
}
.pagination {
  clear:both;
  position:relative;
  font-size:14px;  
  line-height:13px;
  float:right;  
  font-weight:bold;
  width:100%;
} 
.pagination span, .pagination a, .page-links .page-links-title, .page-links .post-page-numbers.current, .page-links a {
  display:block;
  float:left;
  margin: 2px 8px 2px 0;
  padding:14px 15px;
  text-decoration:none;
  width:auto;
  color:#fff;  
  background: #131313 ;  
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
} 
.page-links .page-links-title, .page-links .post-page-numbers.current, .page-links a{
  padding: 6px 12px;
}
.page-links{
  padding-top: 10px;
}
.pagination a:hover, .page-links a:hover{
  color:#fff;
  background: #e22626;
} 
.pagination .current, .page-links .post-page-numbers.current{
  background: #e22626;
}
.content-bb .pagination ul{
  margin:0;
  clear:both;
}
.content-bb .pagination ul li{
  margin:0;
}

/*copyright css*/
.copyright-wrapper .widget ul{
  margin-left: 0;
}
.copyright-wrapper .search-form .search-field {
  width: 100%;
}
.copyright-wrapper caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
.copyright-wrapper table,.copyright-wrapper th,.copyright-wrapper td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
.copyright-wrapper td {
  padding: 3px;
  color: #fff;
}
.copyright-wrapper th {
  text-align: center;
  color: #fff;
}
.copyright-wrapper select {
  padding: 8px 5px;
}
.copyright-wrapper h3, .copyright-wrapper .widget_block .wp-block-heading {
  color: #fff;
  font-weight: 600;
  font-size: 25px;
}
.copyright-wrapper h3 a.rsswidget{
  color: #fff;
}
.copyright-wrapper li a {
  color: #fff;
  font-size: 15px;
}
.copyright-wrapper li a:hover{
  color: #e22626;
}
.copyright-wrapper ul li {
  list-style: none;
  padding: 5px 0;
}
#sidebar .rssSummary {
  color: #000;
}
.copyright-wrapper li{
  color: #f1f1f1;
}
.copyright-wrapper ul {
  margin: 0;
}
.copyright-wrapper { 
  position:relative;
  background-color:rgba(41, 41, 41, 0.98);
  padding: 10px 35px;
}
.copyright {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin: auto;
  text-align: center;
  padding:18px;
  background: #e22626;
}
.footer-social-icon{
  background: #e22626;
  padding: 10px;
  text-align: center;
}
.footer-social-icon a{
  color: #ffffff;
  margin: 5px 10px 10px;
}
input.search-field, .post-password-form input[type=password] {
  border: 1px #6c6c6c solid;
  padding: 9px;
  width: 100%;
  background: transparent;
  color: #fff;
}
.copyright a,.copyright p{
  color: #fff !important;
  font-size: 15px;
}

/* ------ Contact Form ------ */
.wpcf7{ 
  margin:0;
  padding:0;
  color:#222222;
}
.wpcf7 form{ 
  margin:0;
  padding:0;
}
.wpcf7 form span.last{ 
  float:none !important;
}
.wpcf7 form input[type="text"],.wpcf7 form input[type="email"],.wpcf7 form input[type="tel"],.wpcf7 form input[type="url"],.wpcf7 form input[type="date"],.wpcf7 form select,.wpcf7 form textarea,{ 
  width:94%;
  background-color:#f8f8f8;
  border:1px solid #e6e5e5;
  padding:10px;
  margin-top:15px;
  color:#777777;
}
.wpcf7 form textarea, .rightdiv textarea{
  height:132px;
}
.wpcf7 form input[type="checkbox"],.wpcf7 form input[type="radio"],.wpcf7 form input[type="file"]{ 
  margin-top:10px;
  padding:0;
}
span.wpcf7-list-item{ 
  margin:0 15px 0 0 !important;
}
.pagination{
  display:table;
  clear:both;
}
.pagination ul{
  list-style:none;
  margin:20px 0;
}
.pagination ul li{
  display:inline;
  float:left;
  margin-right:5px;
}
.pagination ul li span,.pagination ul li a{
  background:#222222;
  color:#fff;
  padding:5px 10px;
  display:inline-block;
}
.pagination ul li .current,.pagination ul li a:hover{
  background:#ff8a00;
}
h1.entry-title,h1.page-title{
  padding-bottom:20px;
  font-size:30px;
  color: #000;
  text-transform:uppercase;
}
article.tag-sticky-2{
  background:#f6f6f6;
  padding:10px;
}
article img{
  height:auto;
}
article p{
  margin:10px 0;
  font-size: 15px;
  color: #000;
}
.copyright-wrapper .widget_block .wp-block-latest-comments article p{
  color: #fff;
}
.post-date{
  display:inline;
}
.post-comment{
  display:inline;
}
.post-categories{
  display:inline;
  margin-top: 10px;
}
.post-categories ul{
  list-style: none;
}  
.post-categories li{
  display: inline-block;
  margin-bottom: 15px;
}
.post-categories li a{
  color: #000;
  border: 1px solid #000;
  background-color: none;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
.post-categories li a:hover {
  background-color: #e22626;
  color: #fff;
}
.category-sec{
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}
.post-tags{
  display:inline;
}
.header input.search-field::placeholder{
  color:#fff;
}
#our-services input.search-field{
  color: #000;
}
#our-services h1.search-title span{
  font-size: 35px;
}
input.search-submit,.post-password-form input[type=submit]{
  border:none;
  color:#ffffff;
  padding:4px 10px;
  cursor:pointer;
}
aside.widget ul{ 
  list-style:disc;
  margin-left:13px;
}
.nav-links{
  display: flex;
  gap: 6px;
  margin: 15px 0;
}
.single-post .nav-links{
  display: block;
  float: unset;
}
.nav-previous{
  float:left;
  margin-top:10px;
  margin-bottom:10px;
}
.nav-next{
  float:right;
  margin-top:10px;
  margin-bottom:10px;
}
nav.post-navigation{
  padding:10px 0 20px;
  clear: both;
  font-weight: bold;
}
.webicon{
  font-size:20px;
}
#sidebar ul{ 
  list-style:none;
  margin:0;
  padding:0;
}
.comment-list, ol.comment-list{
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ul{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,.comment-list .comment-content h2,.comment-list .comment-content h3,.comment-list .comment-content h4,.comment-list .comment-content h5,.comment-list .comment-content h6{
  margin-top:15px;
}
.fa::before, fa::after{ 
  display:table-cell;
  vertical-align:middle;
}
.wpcf7-form p{ 
  color:#222222;
}
/*responsive menu*/
@media screen and (min-width:720px){
  input#woocommerce-product-search-field {
    width: 86%;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
  .content-bb #comments ul{
    margin: 0!important;
  }
  .topbar,.social-media{
    text-align: center;
  }
  .cathead{
    position: relative;
    top: 0;
  }
  .nav-links {
    margin: 0 10px;
  }
  input#woocommerce-product-search-field{
    width: 83%;
  }
  .header .logo{
    text-align:center;
  }
  .pagination{
    float:none;
  }
  .services .button {
    margin: 0 auto;
    display: block;
    width: 34%;
  }
  .home .inner-service{
    margin: 20px 10px;
    min-height: auto;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
  }
  .header .cart-btn-box {
    display: inline-block;
    text-align: center;
    max-width: 100%; 
    top: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .center-align {
    left: 40%;
    right: 50%;
  }
  #slider .carousel-caption, #slider .inner_carousel{
    text-align: center !important;
    left: 0 !important;
    right:0 !important;
    top: 45%;
  }
  #slider .inner_carousel h1{
    font-size: 22px;
    text-align: center !important;
  }
  #slider img{
    height: auto !important;
  }
  #sidebar {
    clear: both;
  }
  ol.children {
    margin: 0 !important;
  }
  ol.children img {
    width: 30px;
    border: solid 1px;
  }
  .content-bb #comments ol li {
    padding: 10% 0 0 2%;
  }
  .comment-author img {
    border: solid 1px;
  }
  #comments .reply {
    float: left;
  }
  #our-products .woocommerce ul.products li.product {
    margin: 0 0px 2.992em;
    width: 100%;
  }
  .services .new-line {
    padding-bottom: 5px;
    font-size: 26px;
    width: 60%;
    font-style: oblique;
  }
  .toggle-menu{
    margin: 0 0 0 auto !important;
  }
  .comment-body {
    margin-bottom: 2em;
  }
  .wc-block-checkout__main .wc-block-checkout__actions_row{
    flex-direction: column;
    gap: 15px;
  }
}
@media screen and (max-width: 768px) and (min-width: 721px){
  .entry-content .alignwide {
    margin-left: -20px;
    margin-right: -20px;
  }
  #slider .carousel-caption {
    left: 10%;
  }
  #sidebar .woocommerce ul.product_list_widget li img, .copyright-wrapper .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
  .cathead {
    top:0px;
  }
  #slider .inner_carousel h2 {
    padding: 22px 0px;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
    display: inline-table;
    margin: 10px;
  }
  .related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
    width: 44%;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 44%;
    float: left;
    clear: both;
    margin: 10px;
  }
  #slider img{
    height: auto !important;
  }
}
@media screen and (max-width: 1024px) and (min-width: 990px){
  .entry-content .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }
  #our-products .woocommerce ul.products li.product {
    margin: 0 4px 2.992em;
  }
   #slider .inner_carousel h2 a {
    font-weight: bolder;
    padding: 0px;
    font-size: 28px;
  }
  #slider .carousel-caption {
    left: 20%;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px){
  #sidebar td, #sidebar th,
  .copyright-wrapper td,
  .copyright-wrapper th{
    padding: 0px !important; 
  }
  #slider .inner_carousel h1{
    font-size: 25px;
  }
  .woocommerce a.add_to_cart_button{
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 1000px){
  #sidebar td, #sidebar td#prev a, #sidebar th,.copyright-wrapper td ,.copyright-wrapper th{
    padding: 2px !important;
  }
}
@media screen and (max-width: 425px){
  .entry-content .alignwide {
    margin-left: -10px;
    margin-right: -10px;
  }
  #slider .inner_carousel h2
  {
    display: none;
  }
}
@media only screen and (max-width: 767px) and (min-width: 426px){
  #slider .inner_carousel h2{
    display: none;
  }
  #slider .carousel-caption{
    left:30%;
  }
}
@media screen and (max-width: 1000px){
  .menubar .nav ul li a:focus,a.closebtn.mobile-menu:focus,.toggle-menu button:focus, .primary-navigation a:focus, .header .primary-navigation ul ul a:focus{
    outline: 2px solid #fff;
    border-bottom: 1px solid #fff;
  }
  input:focus{
    outline: 2px solid #000;
    border-bottom: 1px solid #000;
  }
  .toggle-menu i {
    font-size: 22px;
    color: #fff;
    margin: 10px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
  }
  .sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #252525;
    overflow-x: hidden;
    visibility: hidden;
    padding-top: 60px;
    transition: 0.5s;
  }
  body.noscroll .sidebar{ 
    width: 100%; 
    visibility: visible;
  }
  .sidebar .closebtn {
    position: absolute;
    top: -9px;
    left: -6px;
    font-size: 40px !important;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .sidebar #primary-site-navigation {
    width: 100%;
  }
  .toggle-menu span{
    font-size:30px;
    cursor:pointer; 
  }
  .toggle-menu{
    display: block;
    text-align: left;
    background: #000;
  }
  .primary-navigation ul ul li{
    display: block;
  }
  .primary-navigation li a:hover, .primary-navigation li:hover a{
    background-image: linear-gradient(-90deg, #000 0%, #e22626 120% );
  }
  .primary-navigation ul ul a, .primary-navigation li a:hover, .primary-navigation li:hover a{
    background: none !important;
  }
  .primary-navigation ul li a{
    padding: 15px;
    display:block;
    color:#ffffff;
    border:none;
  }
  .primary-navigation ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .primary-navigation ul ul{
    position: static;
    width: 100%;
    background: unset;
    border: none !important;
  }
  .primary-navigation ul ul li{
    text-align: center;
  }
  .primary-navigation li{
    padding: 0;
    text-align: center;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #menu-sidebar {
    background-image: linear-gradient(-90deg, #000 0%, #e22626 120% );
    opacity: 0.95;
  }
  #header .primary-navigation ul.sub-menu li a, #header .primary-navigation ul li a,.primary-navigation ul ul a{
    color: #fff !important;
  }
  .primary-navigation ul{
    display: grid;
    text-align: center;
  }
  nav#primary-site-navigation a.closebtn.mobile-menu i {
    color: #fff;
  }
  #menu-sidebar .social-media{
    display: block;
    padding: 5px 0;
  }
  .top-header .social-media{
    display: none;
  }
  #menu-sidebar .social-media a{
    padding:5px 0;
  }
  #contact-info{
    background-image: linear-gradient(-90deg, #000 0%, #e22626 120% );
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    opacity: 1;
    padding: 20px 0;
  }
  #menu-sidebar .primary-navigation a{
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    padding: 8px;
    text-align: center;
  }
  #menu-sidebar .search-box i{
    color: #fff;
    text-align: center;
    display: block;
  }
  .search-box i{
    display: none;
  }
  #menu-sidebar input[type="submit"]{
    padding: 10px;
    background-color: #e22626;
    color: #fff;
    font-size: 15px;
  }
  #menu-sidebar input.search-field{
    background: #fff;
    padding: 9px;
    margin: 0 2%;
  }
  #menu-sidebar input.search-field::placeholder{
    color: #000;
  }
  #contact-info form.search-form {
    display: inline-block;
    margin-bottom: 0;
  }
  .main-menu-navigation{
    overflow-y: scroll;
    scroll-behavior: auto;
  }
  input.search-field{
    width: 100%;
  }
  .social-media{
    text-align: center;
  }
  .topbar {
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    position: absolute;
    left: 87%;
    right: 0;
    color: #fff;
    top: 5px;
  }
  .sf-arrows ul .sf-with-ul:after{
    top: 10px;
  }
  .social-media i{
    font-size: 17px;
  }
  #contact-info{
    display: block;
  }
  .topbar{
    display: none;
  }
  #sidebar ul ul li{
    padding: 0 0 0 5px;
  }
  #sidebar ul ul li a{
    padding-left: 10px;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
    font-size: 15px;
  }
  #contact-info .top-contact .call, #contact-info .top-contact .email {
    display: block;
  }
  #contact-info .top-contact .email{
    text-transform: lowercase;
  }
}