*{border:0;margin:0;padding:0;}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600&subset=latin,cyrillic);
html,body{background: #fff;position:relative;font-family: 'Open Sans', sans-serif;font-size:14px;color:#222;margin:0;padding:0;}

@-webkit-keyframes swing {
30%{-webkit-transform:translateX(-5px);transform:translateX(-5px);}
50%{-webkit-transform:translateX(3px);transform:translateX(3px);}
65%{-webkit-transform:translateX(-3px);transform:translateX(-3px);}
80%{-webkit-transform:translateX(2px);transform:translateX(2px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
h1 {color: #444; font-size: 32px; font-weight: 300;}
h1 span {text-transform: uppercase;}
h2 {color: #e80b0b; font-size: 28px; padding: 5px 0; font-weight: 300;}
h3 {color: #444; font-size: 24px; padding: 5px 0;}
h4 {color: #009999; font-size: 18px; padding: 5px 0; font-weight: 300;}

.wrapper {
    width: 980px;
    margin: 0 auto;
}
#top {background: #626262; height: auto; color: #737373; padding: 10px; font-size: 13px;}
#header {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 10;
  box-shadow: 0 3px 15px #ccc;
}
.contacts {
    width: 980px;
    margin: 0 auto;
}
.contacts .custom {
    display: flex;
    flex-direction: row;
    gap: 25px;
}
.contacts .custom p {
    text-align: center;
    overflow: hidden;
}
.contacts a {color: #fff; text-decoration: none;}
/* .contacts .adress i {display: none} */
/* .adress {border-right: 1px solid #fff; padding-right: 5px;} */
.phone {font-weight: 600; padding: 0 0 0 5px; white-space: nowrap;}
.phone * { color: #fff;}
.phone a {text-decoration: none}
.email {border-right: 1px solid #fff; padding: 0 20px;}
.skype {display: none; padding-left: 20px;}
.sidebar {width: 600px; margin: 0 auto;}
.sidebar a {color: #fff;}
.top2 {background: #fff; height: 100px;}

.head-in {width: 980px; margin: 0 auto; height: 100px; display: flex; flex-direction: row; gap: 15px;}
.logo {width: 250px; margin: 15px 0 0 0}
.search img {width: 140px; margin: 0 auto; display: block;}
.search {width: 450px; margin-top: 8px; font-size: 12px}
.search a {color: #222; text-decoration: none;}
.search p {padding: 2px 0;}
.search i {color: #737373;}
.searchbox {margin: 6px;}
/* .searching input#searchfield {height: 24px; border: 1px solid #ccc; padding: 5px 2px; font-size: 14px; float: left; } */
.search input.button {padding: 8px 14px; display: block; color: #fff; background: #666; text-transform: uppercase; cursor: pointer;}
.cart {width: 230px; font-size: 12px; align-self: center;}



#sidebar {background: rgba(0, 0, 0, 0.05); height: 49px; margin-top: 25px;}
.side-in {width: 980px; margin: 0 auto;}
.menu {width: 700px; float: left;}
.menu ul {list-style: none; display: inline-block;}
.menu ul li {float: left; padding: 15px 0;}
.menu ul li a {color: #737373; text-decoration: none; padding: 15px;}
.menu ul li a:hover {color: #737373; background: #fff; padding: 15px; transition:all 0.9s ease;}
.menu li.item-133 {background: #005691;}
.menu li.item-133 a:hover {color: #005691}

.span-js-title {font-weight: 700;}

#content {width: 980px; margin: 0 auto;}
.left {width: 250px; float: left;}
.left-block .moduletable h3 {font-size: 14px; font-weight: 600; text-align: center; text-transform: uppercase; padding: 10px; border-bottom: 1px solid #ccc;}
.left-block .moduletable .custom {font-size: 14px;}
.left-block .moduletable .custom a {color: #000; text-decoration: none;}
.left-block .moduletable .custom p {padding: 3px 0;}
.left-block .moduletable .custom i.fa {color: #009999}
.left-block .moduletable .custom .fa.fa-home {padding-right: 3px;}
.left-block .moduletable .custom .border-line {margin: 5px 0; border-top: 1px solid #ccc; display: block; width: 100%;}
.left-block {margin: 10px 0; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 3px solid #009999;}
.left-block .custom {padding: 10px;}
.left-block .head3 {border-bottom: 1px solid #ccc; font-size: 14px; text-transform: uppercase; font-weight: 600;padding: 10px; text-align: center;}
.shopcate {margin-top: 69px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 3px solid #e80b0b;}
.filtr {border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 3px solid #e80b0b; margin: 10px 0;}
.filtr .head3 {font-size: 14px; font-weight: 600; text-align: center; text-transform: uppercase; padding: 10px; border-bottom: 1px solid #ccc;}
.filter-vars {padding: 5px 15px; color: #444;}
.filter-vars label {line-height: 20px;}
.filtr input.shop-find {padding: 5px 10px; background: #F5F5F5; border: 1px solid #ddd; color: #444; cursor: pointer; display: block; margin: 5px auto;  }
.shop-filter .head4, .shop-filter .pSection {color: #e80b0b; padding: 5px 0; background: #F5F5F5; font-weight: 300; text-transform: uppercase; font-size: 14px; text-align: center;}
.mod-shop-categories { display: none; background: #fff; border: 1px solid #ccc; position: relative; z-index: 999;}
.mod-shop-categories.opened { display: block; }
.mod-shop-categories ul {list-style: none;}
.mod-shop-categories ul li {padding: 10px 10px; border-bottom: 1px solid #ccc; position: relative}
.mod-shop-categories ul li:last-child {border: none;}
.mod-shop-categories ul li a {text-decoration: none; color: #444;}
.mod-shop-categories ul li a:hover {color: #e80b0b;}
.mod-shop-categories li.subcategory-item.active a {color: #e80b0b;}
.mod-shop-categories ul ul {list-style: circle; margin-left: 20px;}
.mod-shop-categories ul li li {border: none; padding: 5px;}
.mod-shop-categories ul li li:first-child {padding-top: 10px;}
.mod-shop-categories ul ul {
  display: none;
  background: #fff;
  border: 1px solid #ccc;
  margin: 0;
  list-style: none;
}
.mod-shop-categories ul ul:first-child {
  display: flex;
}
.mod-shop-categories ul ul li {
  padding: 0 5px;
}
.mod-shop-categories ul ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 10px;
}
.mod-shop-categories ul ul li a img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}

.sub-category-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
}
.sub-category {
    background: #f2f2f2;
    padding: 15px;
    text-align: center;
}
.sub-category-list .img-container-link {
    display: block;
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
}
.sub-category-list .img-container-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: multiply;
}
.sub-category a {
    text-transform: uppercase;
    text-decoration: none;
    color: #334eb3;
    font-weight: bold;
}

@media (min-width: 762px) {
  .mod-shop-categories ul ul {
    position: absolute;
    z-index: 99;
    top: -1px;
    left: 100%;
  }
  .mod-shop-categories ul li:hover ul {
    width: 200%;
    display: flex;
    flex-wrap: wrap;
  }
  .mod-shop-categories ul ul li {
    box-sizing: border-box;
    flex: 0 0 50%;
    min-width: 200px;
    display: flex;
    align-items: center;

    /* flex-basis: 50%;
    min-width: 200px;
    box-sizing: border-box; */
  }
}

.shop-categories {width: 250px; background: #fff; border: 1px solid #626262; height: 49px; margin-right: 30px; margin-top:10px; cursor: pointer}
.shop-categories:hover {background: #626262;}
.shop-categories .moduletable:after {content: ''; clear: both; display: block;}
.shop-categories p img {float: left; margin: 18px 17px 0 17px; mix-blend-mode: difference;}
.shop-categories .marimg {margin-top: 17px; margin-bottom: 17px;}
.shop-categories h3 {color: #626262; margin-top: 15px; text-transform: uppercase; font-weight: 300; float: left; padding: 0 !important; font-size: 16px !important;}
.shop-categories:hover h3 { color: #fff }

span.show-subcategories {margin-left: 20px;}
span.show-subcategories img {width: 14px;}
.slider {width: 710px; margin: 0 0 0 270px; padding-top: 20px;}
.content-in {width: 710px; margin: 0 0 0 270px; padding-top: 15px;}
.content-in p {text-indent: 10px;}
.content-in ul {margin: 15px 30px; list-style: circle;}
.content-in ul li {padding: 3px 0; font-weight: 600;}
.content-in ol {margin: 15px 30px;}
.content-in ol li {padding: 3px 0; font-weight: 600;}

.slider h3 {border-bottom: 1px solid #ddd;}
.slider .similar-products {margin: 10px 0;}
.slider .similar-item {width: 210px; float: left; margin: 0 7px; text-align: center; border: 1px solid #ddd; padding: 5px;}
.slider .similar-item:hover {box-shadow: 0 0 8px rgba(117, 113, 98, 0.7); transition:all 0.9s ease;}
.slider .similar-item img {width: 200px;}
.slider .img-href {display: block; height: 100px;}
.slider .similar-item span.price {color: #e74c3c; text-align: center; font-size: 16px; margin: 5px 0; display: block}
.slider a.simp-title {font-size: 16px; text-transform: uppercase; text-decoration: none; color: #444;}

.content-in .breadcrumbs {margin: -5px 0 0 0 !important; padding: 0 0 10px 0!important; }
.breadcrumbs {width: 710px; margin: 0 0 0 270px; padding-top: 10px; color: #666; font-size: 12px;}
.breadcrumbs ul {list-style: none;}
.breadcrumbs ul li {float: left;}
.breadcrumbs ul li a {text-decoration: none; color: #737373; }
a.pathway {text-decoration: none; color: #737373; }

.user1a {width: 710px; margin: 20px 0 0 270px; padding: 15px 0; overflow: auto;}
.user1a h3 {margin-bottom: 20px}
.user1a .moduletable {margin-bottom: 0px; overflow: auto;}
.user1a .moduletable:last-child {margin-bottom: 0px;}
.user1a .similar-item {width: 225px; float: left; padding: 0 5px 30px 5px;}

.user1a .similar-item img {max-height: 150px; margin: 0 auto; width: auto; display: block;}
.user1a .similar-item span.price {display: block; color: #e74c3c; text-align: center; margin-top: 5px;}
.user1a .similar-item  a.simp-title {text-decoration: none; color: #222; font-size: 12px; font-weight: 600; text-align: center; display: block;}

.user1 {width: 710px; margin: 0 0 0 270px; padding: 15px 0; background: #EEEEEE; height: 70px; margin-top: 20px;}
.user1 i.fa {display: block; font-size: 28px; text-align: center; padding-bottom: 5px;}
.us1 {display: block; width: 25%; float: left; color:#444; font-size: 12px; font-weight: 300; text-align: center;  border-right: 1px solid #DDD; text-transform: uppercase; box-sizing: border-box;}
.us2 {display: block; width: 25%; float: left;  color:#444; font-size: 12px; font-weight: 300; text-align: center;  text-transform: uppercase; box-sizing: border-box;}
.us3 {display: block; width: 25%; float: left;  color:#444; font-size: 12px; font-weight: 300; text-align: center; border-left: 1px solid #DDD; text-transform: uppercase; box-sizing: border-box;}
.us4 {display: block; width: 25%;  float: left;  color:#444; font-size: 12px; font-weight: 300; text-align: center; border-left: 1px solid #DDD; text-transform: uppercase; box-sizing: border-box;}
.us1:hover, .us2:hover, .us3:hover, .us4:hover {color: #009999; transition:all 0.9s ease;}


.user8 {width: 980px; margin: 20px auto;}
.user8 h3 {border-bottom: 1px solid #ddd;}
.user8 .similar-products {margin: 10px 0;}
.user8 .similar-item {width: 300px; float: left; margin: 0 7px; text-align: center; border: 1px solid #ddd; padding: 5px;}
.user8 .similar-item:hover {box-shadow: 0 0 8px rgba(117, 113, 98, 0.7); transition:all 0.9s ease;}
.user8 .similar-item img {width: 295px;}
.user8 .img-href {display: block; height: 160px;}
.user8 .similar-item span.price {color: #e74c3c; text-align: center; font-size: 16px; margin: 5px 0; display: block}
.user8 a.simp-title {font-size: 16px; text-transform: uppercase; text-decoration: none; color: #444;}

.moduletable h3 {
    padding: 20px 0;
}

.our-store-list {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    gap: 15px;
}
.our-store {
    flex: 1;
    padding: 15px;
    border: 1px solid #ccc;
}
.our-store iframe {
    margin: 15px 0;
}
.our-store img {
    width: 100%;
}
.our-store h3 {
    padding: 0 40px 0 0;
    font-size: 21px;
}

#aftercontent {background: #F5F5F5; height: 200px; padding: 10px 0; margin-top: 20px;}
.aftercont {width: 980px; margin: 10px auto;}
.user2 {width: 300px; float: left; padding:0 13px; border-right: 1px solid #ddd;}
.user3 {width: 300px; float: left; padding: 0 13px; border-right: 1px solid #ddd;}
.user4 {width: 300px; float: left; padding: 0 13px;}
.user2 img, .user3 img, .user4 img {width: 300px; text-align: center; margin: 0 auto;}
.user2 h4, .user3 h4, .user4 h4 {text-align: center; text-transform: uppercase;}

#ppWindow {padding: 20px 40px; border-color: #009999 !important;}
#ppWindow a {color: #009999; font-weight: bold; text-decoration: none;}
#ppWindow .success {font-size: 18px; text-align: center;}
.ppClose {padding: 3px; display: block; text-align: right;}
a.ppClose {color: #666 !important; font-weight: 400 !important; text-decoration: none;}
.addToCart {padding: 10px;}
input#phone {border: 1px solid #ccc;}
.line.button-line input.button {padding: 5px; width: 100px; display: block; margin: 10px auto 5px auto;}

.sort {background: rgba(0, 0, 0, 0.05); padding: 5px; color: #737373; margin: 5px 0;}
.sort a {color: #333; text-decoration: none;}

/* .image-cont {width: 250px; float: left; margin-right: 30px; min-height: 150px;} */
/* .image-cont img {max-width: 250px; max-height: 300px; margin: 0 auto; display: block } */
/* .info-cont {margin-left: 280px; margin-top: 5%;} */
.info-cont ul li {font-weight: normal; display: none !important;}
.info-cont p {font-size: 12px; display: none !important;}

/* .info-cont .head4 a {font-size: 18px; text-transform: uppercase; font-weight: 600; text-decoration: none; color: #334eb3;} */
.countDown.xdsoft{text-align: center;}
.product-price {color: #e74c3c; text-align: center; font-size: 22px; margin: 5px 0; font-weight: 600;}
.info-cont .success {color: #81DB2C; font-size: 12px; text-align: center; display: none}
.info-cont .error {color: #444; font-size: 12px; text-align: center;}
.full-desc.inshare .product-price {text-decoration: line-through; color: #222;}
/* input.button.to-cart-btn {padding: 5px 10px; border: 1px solid #ddd; background: #fff; margin-right: 10px; float: left; display: block; cursor:pointer; font-weight: bold; color: #666; text-transform: uppercase; font-size: 12px;}
input.button.to-cart-btn:hover {-webkit-animation: swing 1s ease; animation: swing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;} */
/* .product-item {padding: 10px 0; margin: 10px 0; border-bottom: 1px dotted #ddd;}
.product-item:first-child {margin-top: 0;}
.product-item:hover {box-shadow: 0 0 10px rgba(0,0,0,0.1); transition:all 0.9s ease;} */

.product-item, .product-item * {
    box-sizing: border-box;
}
.products-list.oneline {
    grid-template-columns: 1fr;
}
.similar-products-wrapper {
    padding: 15px;
}
.products-list.featured-products {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.products-list {
    float: none;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    overflow: hidden;
    gap: 15px;
}
.product-item {
    overflow: hidden;
    height: auto;
    display: flex;
    flex-direction: column;
    border: 1px #ccc solid;
}
.product-item .image-cont a {
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
    padding: 10px;
}
.product-item .image-cont a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-item .info-cont .head4 {
    margin: 10px;
    display: flex;
    align-items: center;
    height: 60px;
}
.product-item .info-cont .head4 a {
    display: block;
    max-height: 60px;
    overflow: hidden;
    text-transform: uppercase;
    text-decoration: none;
    color: #334eb3;
    font-weight: 600;
    text-align: center;
}
.product-item .buy {
    margin: 10px;
}
.product-item .buy {
    display: block;
}
.product-item .buy input {
    display: block;
    width: 100%;
    height: 40px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
    border-color: #e80b0b;
    background: #e80b0b;
    transition: 0.3s ease-in;
}
.product-item .buy input:hover {
    opacity: 0.75;
}
.product-item .buy:last-child input {
    color: #666;
    border: 1px solid #ddd;
    background: #fff;
}

.xdsoft_flipcountdown.xdsoft_size_sm >.xdsoft_digit {
    width: 22px;
    height: 32px;
}

.benefit-list {
    display: flex;
    gap: 15px;
    margin: 15px;
}
.benefit {
    flex: 1;
    text-align: center;
}
.benefit i {
    display: block;
    font-size: 42px;
    margin: 15px 0;
}

div#flipcountdownbox1 {text-align: center; margin: 5px 0;}
.sharePrice {text-align: center; color: #e74c3c;  font-size: 22px; margin: 5px 0;}
.product-price.headShare {text-decoration: line-through; font-size: 18px; color: #444;}

.full-desc { float: left; width: 100%; margin-top: 15px }
.single-product {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
    gap: 20px;
}
.single-product, .single-product * {
    box-sizing: border-box;
}
.single-product .fd-images {
    width: 350px;
    overflow: hidden;
}
.single-product .fd-images .fd-main-image a {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    width: 100%;
    height: 350px;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
.single-product .fd-images .fd-main-image a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.fd-thumb-images {
    margin: 0 35px;
    position: relative;
    text-align: center;
}
.fd-thumb-images .slick-arrow {
    position: absolute;
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    font-size: 0;
    border-radius: 50%;
}
.fd-thumb-images .slick-arrow:before {
    content: "<";
    font-size: 20px;
    display: inline-block;
    transform: scale(0.8, 1.6);
    color: #ccc;
}
.fd-thumb-images .slick-arrow.slick-next {
    left: auto;
    right: -35px;
}
.fd-thumb-images .slick-arrow.slick-next:before {
    content: ">";
}
.fd-thumb-images a {
    width: 100px;
    height: 100px;
    margin: 0 5px;
}
.fd-thumb-images a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 3px;
    border: 1px solid #ddd;
}
.single-product .fd-content {
    flex: 1;
}
.single-product .fd-content .buy {
    margin: 0;
    text-align: center;
}
.single-product .fd-content .button {
    display: inline-block;
    width: 250px;
    height: 40px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 5px;
    overflow: hidden;
    transition: 0.3s ease-in;
    color: #666;
    border: 1px solid #ddd;
    background: #fff;
}
.single-product .fd-content .button.add-to-cart {
    color: #fff;
    border-color: #e80b0b;
    background: #e80b0b;
}
.single-product .fd-content .button:hover {
    opacity: 0.7;
}
/* .fd-images { float: left; width: 300px; margin-left: 5px } */
/* .full-image img {max-width: 300px; max-height: 300px; padding: 3px; border: 1px solid #ddd; margin-bottom: 10px;}
.thumb-image  {overflow: hidden; float: left;}
.thumb-image img { max-width: 65px;  padding: 2px; margin: 1px; border: 1px solid #ddd;} */
/* .fd-content { margin-left: 300px } */
.fd-content .product-price { margin: 10px 0; font-size: 22px; color: #e74c3c; }
form.ask {text-align: center; margin-bottom: 14px;}
.ask input.button.ask-button {padding: 5px 20px; background: #F5F5F5; border: 1px solid #ddd; color: #444; cursor: pointer;}
.fd-content .success {color: #81DB2C; font-size: 12px; text-align: center; padding: 5px 0;}
.fd-content .error {color: #444; font-size: 12px; text-align: center; padding: 5px 0;}
/* .fd-content .buy {margin: 5px 0 5px 70px;} */
h1 .sku { font-size: 14px; color: #ccc; margin: 0 5px }
.fd-content .to-cart-btn { margin: 0 0 10px 0;}
.fd-content .credit input {float: none !important}
.fd-content .credit {width: 250px; margin: 0 auto;}

.description {max-height: 150px; overflow-x: auto; position: relative}
.description p {text-indent: 0; padding: 0; font-size: 13px;}
h1.desc-main-title {font-size: 16px; font-weight: 600; padding-bottom: 5px; color: #333; }
.description h2 {font-size: 15px; font-weight: 600; padding: 5px 0; color: #222; }

.tab h5 { color: #009999; font-size: 16px; padding: 5px 0; font-weight: 300; }
.tab ul li {font-weight: normal;}
.tabs-container { margin: 15px 5px 5px 5px; position: relative; z-index: 2; border: 1px #ddd solid; padding: 10px; background: #fff; color: #444; }
.tab h2{color: #737373; padding: 5px 0; background: #F5F5F5; font-weight: 300; text-transform: uppercase; font-size: 15px; text-align: center; margin-bottom: 5px; }
.tab h4 {color: #737373; padding: 5px 0; background: #F5F5F5; font-weight: 300; text-transform: uppercase; font-size: 13px; text-align: center; margin-bottom: 5px; }
.full-desc .params { margin: 20px 5px }
.full-desc .param span { display: inline-block; width: 180px; margin: 1px 0 0 0; background: #f2f2f2; padding: 5px 8px; color: #737373; }
.pVal { margin-left: -2px !important; font-weight: bold }
.ri-header {margin: 0 0 5px 0;}
.ri-header .date {font-size: 12px;}
.ri-header .author {color: #737373; }
.review-item p {font-style: italic;}
.review-item {padding: 5px 0 10px 0; border-bottom: 1px dotted #ddd}

p.error {color: #e74c3c}
table.cart th { background: #F5F5F5 !important; color: #444;}
input.minusCart, input.plusCart {width: 20px; height: 20px; border: 1px solid #ccc; cursor: pointer;}
span.pCount {padding: 0 5px;}
td.itemPrice {color: #e74c3c}
input.button.delFromCart {padding: 5px 10px; background: #F5F5F5; border: 1px solid #ddd; color: #444; cursor: pointer;}

.line {margin: 5px 0;}
.line input#name, .line input#email, .line textarea#question, .line textarea#comment, .line input#name2, .line input#city, .line input#street, .line input#building, .line input#city, .line input#sklad {border: 1px solid #ddd;}
.line label {width: 100px; display: block; float: left;}
.radios-line label {width: 400px;}

.bc-checkout {padding-bottom: 0 !important;}
.bon1, .bon2 {width: 280px; margin: 0 auto; text-align: center; font-size: 12px; color: #333; font-weight: 600; text-transform: uppercase;}
.bon1 i.fa, .bon2 i.fa {float: left; color: #e80b0b; font-size: 24px; padding-right: 5px}
.bon1 {padding: 10px; overflow: auto; margin-bottom: 2px !important;}
.bon2 {padding: 10px;}
.bon1 a, .bon2 a {text-decoration: none; color: #e80b0b; font-weight: 400 !important; cursor: pointer;}


#bottom {background: #DDDDDD; padding: 10px 0; height: 150px;}
.bot-in {width: 980px; margin: 0 auto;}
.user5 {width: 300px; float: left; padding:0 13px; border-right: 1px solid #E4E4E4; height: 120px}
.user5 ul {list-style: circle; padding-top: 10px; margin-left: 30px;}
.user5 ul li {padding: 3px 0;}
.user5 ul li a {color: #444; text-decoration: none;}
.user5 ul li a:hover {padding-left: 5px; transition:all 0.2s ease-in-out 0s; color: #009999;}
.user6 {width: 299px; float: left; padding: 0 13px; border-left: 1px solid #D4D4D4; border-right: 1px solid #E4E4E4; height: 120px}
.user7 {width: 299px; float: left; padding: 0 13px; border-left: 1px solid #D4D4D4; height: 120px}

#copyright {background: #23262D;  height: 40px; color: #fff; font-size: 12px; }
#copyright a, #copyright span {color: #e80b0b; text-decoration: none;}
.copy-in {width: 980px; margin: 0 auto;}
.copy-left {width: 490px; float: left; padding: 12px 0;}
.copy-right {width: 490px; float: left; text-align: right; padding: 12px 0;}

.clr {clear: both}
#slider

#bottom {background: #fff;}

.brand-container { margin-top: 4%; text-align: center; }

/* MAX 840px */
@media (max-width: 840px) {
    #top { overflow: auto; box-sizing: border-box;}
    #top * { white-space: nowrap;}
  #top, #header, #sidebar, #content, #copyright {width: 100% !important; box-sizing: border-box; overflow-x:hidden}
  .head-in, .side-in, .copy-in {width: 100% !important; box-sizing: border-box;}
  .logo { width: 40%}
  /* .cart {width: 25% !important}
  .cart {float: right; margin: 5px 0 0 0 !important} */
  .search {width: 50% !important;}
  /* .cart-header img {width: 20px !important;} */
  .searching {width: 30% !important; margin-right: 0 !important}
  .searching input#searchfield {width: 83% !important;}
  .menu {width: 70% !important;}
  .nav.menu.mod-list {width: 100% !important;}
  .left {width: 30% !important; }
  .htitle {width: 100% !important}
  .shop-filter {font-size: 12px;}
  /* .breadcrumbs {width: 70% !important;}
  .content-in {width: 60% !important;} */
  .full-image img {max-width: 180px !important; max-height: 180px !important;}
  .fd-images {max-width: 180px !important;}
  .fd-content {margin-left: 180px !important;}
  .slider {width: 60% !important; }
  .user1 {width: 60% !important; }
  .us1 {font-size: 10px !important;}

    #content,
    .wrapper {
        width: 100%;
        box-sizing: border-box;
    }
    .wrapper .moduletable h3, .h2title {
        padding: 10px;
    }
    #content .left-block {
        display: none;
    }

    #sidebar {
        height: auto;
    }
}

@media ( max-width: 640px ) {
    body {
        width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    .head-in {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        height: auto;
        padding: 0 10px;
        box-sizing: border-box;
        gap: 5px;
    }
    .logo {
        width: 100%;
        grid-column: span 3;
        margin: 0;
    }
    .shop-categories {
        margin: 10px auto 0;
    }
    .search, .searching {
        width: auto !important;
        float: none;
    }
    .cart {
        float: none;
        width: 200px;
    }
    .cart .bc-checkout {
        width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .search, .cart {
        margin: 0;
    }
    .cart-header {
        text-align: right !important;
        width: 45px !important;
        padding-top: 12px !important;
    }
    .cart-header img {
        width: 26px !important;
    }

    .products-list,
    .sub-category-list,
    .products-list.featured-products {
        box-sizing: border-box;
        padding: 0 10px;
        grid-template-columns: 1fr 1fr;
    }
    .our-store-list {
        box-sizing: border-box;
        padding: 0 10px;
        flex-direction: column;
    }
    .item-page {
        padding: 10px;
    }
    #content {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        overflow-x: hidden;
    }

    .left,
    .breadcrumbs,
    .content-in {
        width: 100% !important;
        padding: 10px;
        box-sizing: border-box;
        margin: 0;
    }
    .single-product {
        flex-direction: column;
    }
    .fd-content,
    .fd-images {
        max-width: 100% !important;
        margin: 0 !important;
    }
    #copyright {
        width: 100%!important;
        box-sizing: border-box;
        overflow: hidden;
    }

    .filtr {
        position: fixed;
        z-index: 9999;
        background: #fff;
        left: -120%;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        overflow: scroll;
        transition: 0.2s ease-in;
    }
    .filtr.open {
        left: 0;
    }

    .open-filter {
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 200px;
        z-index: 999;
        left: 0;
        width: 32px;
        height: 32px;
        border-radius: 0 10px 10px 0;
        background: #009999;
        color: #fff;
    }

    .close-filter {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #009999;
        color: #fff;
        border-radius: 50%;
    }
}

@media ( max-width: 640px ) {

}

/* MAX 420px */
@media (max-width: 420px) {
  /* #top {padding: 5px 0;} */
  /* .contacts {width: 420px !important; margin: 0 auto; } */
  /* .adress, .phone, .email {border-right: 0 !important; padding: 0 !important; display: block; float: none; witdh: 100%; text-aling: center;} */
  /* .skype, .htitle, .slider, .user1, .user1a, .left-block, .filtr {display: none;} */
  /* .searching {display: none !important;} */
  /* .head-in {width: 420px !important; margin: 0 auto; height: 300px;}
  .logo {width: 250px !important; float: none !important; margin:13px auto 0 auto; display: block; } */
  /* .logo img {width: 200px; margin: 0 auto; display: block;} */
  /* .search {width: 410px; float: none !important; margin: 2px auto; display: block; }
  .searchbox {margin: 0 auto !important; width: 360px; display: block;}
  input#searchfield.textfiled {width: 279px}
  .search input#searchfield {border: 1px solid #ccc; padding: 5px 2px; font-size: 14px; float: left; }
  .search input.button {padding: 8px 14px; display: block; color: #fff; background: #666; text-transform: uppercase; cursor: pointer;}
  .cart {width: 230px; float: none !important; margin: 5px !important;} */

  /* #sidebar {background: #009999; height: 200px;} */
  /* .sidebar {width: 420px !important; margin: 0 auto;}
  .side-in {width: 420px !important; margin: 0 auto;}
  .menu {width: 420px !important; float: none !important;}
  .menu ul li {float: none !important; padding: 0 !important; text-align: center; width: 100%;}
  .menu ul li a {color: #fff; text-decoration: none; padding: 5px 0 !important; width: 100%; display: block;}
  .menu ul li a:hover {color: #009999; background: #fff; padding: 5px 0 !important; transition:all 0.9s ease; width: 100%; display: block;}
  .menu ul li.current.active a {color: #009999; background: #fff; padding: 5px 0 !important; width: 100%; display: block;} */

  /* #content {width: 420px !important; margin: 0 auto;} */
  .left {width: 420px !important; float: none !important;}
  .shopcate { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 3px solid #009999; margin-top: 10px !important;}
  /* .content-in {width: 410px !important; margin: 5px auto !important; padding: 0 !important;} */
  /* .content-in .breadcrumbs {margin: -5px 0 0 0 !important; padding: 0 0 10px 0!important; } */
  .breadcrumbs {width: 410px !important; margin: 0 auto !important; padding: 5px; color: #666; font-size: 10px; float: none !important; display: block !important;}
  .breadcrumbs ul {list-style: none; width: 100% !important;}
  .breadcrumbs ul li {float: left;}
  .breadcrumbs ul li a {text-decoration: none; color: #009999; }
  a.pathway {text-decoration: none; color: #009999; }

  .products-list {float: none !important;}
  /* .image-cont {width: 100% !important; display: block; float: none !important; margin: 0 auto !important;} */
  /* .info-cont {margin: 0 auto !important; width: 100% !important; } */
  input.button.to-cart-btn {float: none !important; width: 150px !important; margin: 0 auto !important;}
  /* .products-list .buy {margin: 5px 0 !important;} */
  div#ppWindow {box-sizing: border-box; padding: 0 !important;}
  .fd-images {width: 100% !important; float: none !important; }
  .full-image {text-align: center;}
  .thumb-image {display: none;}
  .fd-content {margin: 0 auto !important; }
  .fd-content .buy {margin: 5px 0 10px 0 !important;}
  .full-desc .param span {width: 110px !important; font-size: 10px !important; }

  #copyright {font-size: 10px !important; height: 45px !important;}
  /* .copy-in {width: 420px !important; margin: 0 auto;} */
  .copy-left, .copy-right  {width: 100%; float: none !important; padding: 3px 0; text-align: left !important}
}

/* MAX 380px */
@media (max-width: 380px) {
  /* #top {padding: 5px 0;}
  .contacts {width: 380px !important; margin: 0 auto; }
  .adress, .phone, .email {border-right: 0 !important; padding: 0 !important; display: block; float: none; witdh: 100%; text-aling: center;}
  .skype, .htitle, .slider, .user1, .user1a, .left-block, .filtr {display: none;}

  .head-in {width: 380px !important; margin: 0 auto; height: 300px;}
  .logo {width: 250px; float: none !important; margin:13px auto 0 auto; display: block; } */
  /* .logo img {width: 200px; margin: 0 auto; display: block;} */
  /* .search {width: 370px; float: none !important; margin: 2px auto; display: block; }
  .searchbox {margin: 0 auto !important; width: 360px; display: block;}
  input#searchfield.textfiled {width: 275px}
  .search input#searchfield {border: 1px solid #ccc; padding: 5px 2px; font-size: 14px; float: left; }
  .search input.button {padding: 8px 14px; display: block; color: #fff; background: #666; text-transform: uppercase; cursor: pointer;}
  .cart {width: 230px; float: none !important; margin: 5px !important;} */

  /* #sidebar {background: #009999; height: 200px;} */
  /* .sidebar {width: 380px !important; margin: 0 auto;}
  .side-in {width: 380px !important; margin: 0 auto;}
  .menu {width: 380px !important; float: none !important;}
  .menu ul li {float: none !important; padding: 0 !important; text-align: center; width: 100%;}
  .menu ul li a {color: #fff; text-decoration: none; padding: 5px 0 !important; width: 100%; display: block;}
  .menu ul li a:hover {color: #009999; background: #fff; padding: 5px 0 !important; transition:all 0.9s ease; width: 100%; display: block;}
  .menu ul li.current.active a {color: #009999; background: #fff; padding: 5px 0 !important; width: 100%; display: block;} */

  /* #content {width: 380px !important; margin: 0 auto;} */
  .left {width: 380px !important; float: none !important;}
  .shopcate { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 3px solid #009999;}
  /* .content-in {width: 370px !important; margin: 5px auto !important; padding: 0 !important;} */
  /* .content-in .breadcrumbs {margin: -5px 0 0 0 !important; padding: 0 0 10px 0!important; } */
  .breadcrumbs {width: 370px !important; margin: 0 auto !important; padding: 5px; color: #666; font-size: 10px; float: none !important; display: block !important;}
  .breadcrumbs ul {list-style: none; width: 100% !important;}
  .breadcrumbs ul li {float: left;}
  .breadcrumbs ul li a {text-decoration: none; color: #009999; }
  a.pathway {text-decoration: none; color: #009999; }

  .products-list {float: none !important;}
  /* .image-cont {width: 100% !important; display: block; float: none !important; margin: 0 auto !important;} */
  /* .info-cont {margin: 0 auto !important; width: 100% !important; } */
  input.button.to-cart-btn {float: none !important; width: 150px !important; margin: 0 auto !important;}
  /* .products-list .buy {margin: 5px 0 !important;} */
  div#ppWindow {box-sizing: border-box; padding: 0 !important;}
  .fd-images {width: 100% !important; float: none !important; }
  .full-image {text-align: center;}
  .thumb-image {display: none;}
  .fd-content {margin: 0 auto !important; }
  .fd-content .buy {margin: 5px 0 10px 0 !important;}
  .full-desc .param span {width: 130px !important; font-size: 11px !important; }

  #copyright {font-size: 10px !important; height: 45px !important;}
  /* .copy-in {width: 380px !important; margin: 0 auto;}
  .copy-left, .copy-right  {width: 100%; float: none !important; padding: 3px 0; text-align: left !important} */
}


/* MAX 360px */
@media (max-width: 360px) {
  /* #top {padding: 5px 0;} */
  /* .contacts {width: 360px !important; margin: 0 auto; }
  .adress, .phone, .email {border-right: 0 !important; padding: 0 !important; display: block; float: none; witdh: 100%; text-aling: center;}
  .skype, .htitle, .slider, .user1, .user1a, .left-block, .filtr {display: none;} */

  /* .head-in {width: 360px !important; margin: 0 auto; height: 300px;}
  .logo {width: 250px; float: none !important; margin:13px auto 0 auto; display: block; } */
  /* .logo img {width: 200px; margin: 0 auto; display: block;} */
  /* .search {width: 340px; float: none !important; margin: 2px auto; display: block; }
  .searchbox {margin: 0 auto !important; width: 340px; display: block;}
  input#searchfield.textfiled {width: 249px}
  .search input#searchfield {border: 1px solid #ccc; padding: 5px 2px; font-size: 14px; float: left; }
  .search input.button {padding: 8px 14px; display: block; color: #fff; background: #666; text-transform: uppercase; cursor: pointer;}
  .cart {width: 230px; float: none !important; margin: 5px !important;} */

  /* #sidebar {background: #009999; height: 200px;} */
  /* .sidebar {width: 360px !important; margin: 0 auto;}
  .side-in {width: 360px !important; margin: 0 auto;}
  .menu {width: 360px !important; float: none !important;}
  .menu ul li {float: none !important; padding: 0 !important; text-align: center; width: 100%;}
  .menu ul li a {color: #fff; text-decoration: none; padding: 5px 0 !important; width: 100%; display: block;}
  .menu ul li a:hover {color: #009999; background: #fff; padding: 5px 0 !important; transition:all 0.9s ease; width: 100%; display: block;}
  .menu ul li.current.active a {color: #009999; background: #fff; padding: 5px 0 !important; width: 100%; display: block;} */

  /* #content {width: 360px !important; margin: 0 auto;} */
  .left {width: 360px !important; float: none !important;}
  .shopcate { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 3px solid #009999;}
  /* .content-in {width: 350px !important; margin: 5px auto !important; padding: 0 !important;}
  .content-in .breadcrumbs {margin: -5px 0 0 0 !important; padding: 0 0 10px 0!important; } */
  .breadcrumbs {width: 350px !important; margin: 0 auto !important; padding: 5px; color: #666; font-size: 10px; float: none !important; display: block !important;}
  .breadcrumbs ul {list-style: none; width: 100% !important;}
  .breadcrumbs ul li {float: left;}
  .breadcrumbs ul li a {text-decoration: none; color: #009999; }
  a.pathway {text-decoration: none; color: #009999; }

  .products-list {float: none !important;}
  /* .image-cont {width: 100% !important; display: block; float: none !important; margin: 0 auto !important;} */
  /* .info-cont {margin: 0 auto !important; width: 100% !important; } */
  input.button.to-cart-btn {float: none !important; width: 150px !important; margin: 0 auto !important;}
  /* .products-list .buy {margin: 5px 0 !important;} */
  div#ppWindow {box-sizing: border-box; padding: 0 !important;}
  .fd-images {width: 100% !important; float: none !important; }
  .full-image {text-align: center;}
  .thumb-image {display: none;}
  .fd-content {margin: 0 auto !important; }
  .fd-content .buy {margin: 5px 0 10px 0 !important;}
  .full-desc .param span {width: 110px !important; font-size: 10px !important; }

  #copyright {font-size: 10px !important; height: 45px !important;}
  /* .copy-in {width: 360px !important; margin: 0 auto;}
  .copy-left, .copy-right  {width: 100%; float: none !important; padding: 3px 0; text-align: left !important} */
}


/* MAX 320px */
@media (max-width: 320px) {
  /* #top {padding: 5px 0;}
  .contacts {width: 320px !important; margin: 0 auto; }
  .adress, .phone, .email {border-right: 0 !important; padding: 0 !important; display: block; float: none; witdh: 100%; text-aling: center;}
  .skype, .htitle, .slider, .user1, .user1a, .left-block, .filtr {display: none;} */
/*
  .head-in {width: 320px !important; margin: 0 auto; height: 300px;}
  .logo {width: 250px; float: none !important; margin:13px auto 0 auto; display: block; } */
  /* .logo img {width: 200px; margin: 0 auto; display: block;} */
  /* .search {width: 300px; float: none !important; margin: 2px auto; display: block; }
  .searchbox {margin: 0 auto !important; width: 300px; display: block;}
  input#searchfield.textfiled {width: 219px}
  .search input#searchfield {border: 1px solid #ccc; padding: 5px 2px; font-size: 14px; float: left; }
  .search input.button {padding: 8px 14px; display: block; color: #fff; background: #666; text-transform: uppercase; cursor: pointer;}
  .cart {width: 230px; float: none !important; margin: 5px !important;} */

  /* #sidebar {background: #009999; height: 200px;} */
  /* .sidebar {width: 320px !important; margin: 0 auto;}
  .side-in {width: 320px !important; margin: 0 auto;}
  .menu {width: 320px !important; float: none !important;}
  .menu ul li {float: none !important; padding: 0 !important; text-align: center; width: 100%;}
  .menu ul li a {color: #fff; text-decoration: none; padding: 5px 0 !important; width: 100%; display: block;}
  .menu ul li a:hover {color: #009999; background: #fff; padding: 5px 0 !important; transition:all 0.9s ease; width: 100%; display: block;}
  .menu ul li.current.active a {color: #009999; background: #fff; padding: 5px 0 !important; width: 100%; display: block;} */

  /* #content {width: 320px !important; margin: 0 auto;} */
  .left {width: 320px !important; float: none !important;}
  .shopcate { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 3px solid #009999;}
  /* .content-in {width: 310px !important; margin: 5px auto !important; padding: 0 !important;}
  .content-in .breadcrumbs {margin: -5px 0 0 0 !important; padding: 0 0 10px 0!important; } */
  .breadcrumbs {width: 310px !important; margin: 0 auto !important; padding: 5px; color: #666; font-size: 10px; float: none !important; display: block !important;}
  .breadcrumbs ul {list-style: none; width: 100% !important;}
  .breadcrumbs ul li {float: left;}
  .breadcrumbs ul li a {text-decoration: none; color: #009999; }
  a.pathway {text-decoration: none; color: #009999; }

  .products-list {float: none !important;}
  /* .image-cont {width: 100% !important; display: block; float: none !important; margin: 0 auto !important;} */
  /* .info-cont {margin: 0 auto !important; width: 100% !important; } */
  input.button.to-cart-btn {float: none !important; width: 150px !important; margin: 0 auto !important;}
  /* .products-list .buy {margin: 5px 0 !important;} */
  div#ppWindow {box-sizing: border-box; padding: 0 !important;}
  .fd-images {width: 100% !important; float: none !important; }
  .full-image {text-align: center;}
  .thumb-image {display: none;}
  .fd-content {margin: 0 auto !important; }
  .fd-content .buy {margin: 5px 0 10px 0 !important;}
  .full-desc .param span {width: 110px !important; font-size: 10px !important; }

  #copyright {font-size: 10px !important; height: 45px !important;}
  /* .copy-in {width: 320px !important; margin: 0 auto;}
  .copy-left, .copy-right  {width: 100%; float: none !important; padding: 3px 0; text-align: left !important} */
}