@charset "UTF-8";
/*
Theme Name: metall
Author: alter
*/

* {
    margin: 0;
    padding: 0;
}
:root {
	--dark: #000;
	--ora: #FFDD2D;
	--green: #156EB4;
	--lblue: #48A1E6;
	--grey: #D9D9D9;
	--lgrey: #F1F1F1;
	--dgrey: #727272;
}
html {
    width: 100%;
    height: 100%;scroll-behavior: smooth;
}
body {
    width: 100%;
    /*overflow-x:hidden;*/
    scroll-behavior: smooth;
    font-family: Qanelas;
    font-size: 16px;
    line-height: 24px;
	color:#000;
}
.product-image-link{
    border: 1px solid var(--grey);
    display: flex;
    padding: 25px;
    justify-content: center;
    align-items: center;
}
.product-image-link img{
    max-height: 368px;
    object-fit: contain;
}
.ctline{
    padding: 25px 0;
    border-bottom: 1px solid var(--grey);
    color: var(--dgrey);
    font-size: 18px;
}
.ctline span{
    font-weight: 500;
    color: var(--green);
}
.ctl{
    flex: 0 0 45%;
    margin-right: 5%;
}
.ctr{
    flex: 0 0 50%;
}
.woocommerce-ordering{}
.woocommerce-ordering .orderby{
    border: 0;
    background: var(--lgrey);
    padding: 5px 10px;
    border-bottom: 1px solid var(--green);
}
.woocommerce-ordering .orderby option{}
.woocommerce ul.order_details {
    margin: 2em 0 1em 2em!important;
    list-style: none;
}
.vbuts{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 15px;
}
.vbuts a{
    background: var(--lblue);
    font-weight: 500;
    font-family: Qanelas;
    padding: 5px 15px;
    font-size: 15px;
}
.zerr{
    padding: 20px 0 !important;
}
.zerr .inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#ztov{}
.cle{
    font-weight: 500;
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 15px;
    color: var(--green);
}
.cle span{
    color: #222;);
} 
.vbuts button{
    background: var(--ora);
    border: 0;
    padding: 5px 15px;
    font-weight: 500;
    font-size: 15px;
    margin-left: 10px;
}
.wc-block-checkout__sidebar .wc-block-components-product-name{font-size:14px;}
.wc-block-components-checkout-place-order-button{    border: 0;
    background: none;
    font-size: 16px;
    font-family: Qanelas;}
.wp-block-woocommerce-checkout-order-summary-coupon-form-block, .wc-block-components-totals-shipping .wc-block-components-totals-item__label, .wc-block-components-checkout-step__title, .wc-block-components-totals-shipping .wc-block-components-totals-item__value, .wc-block-components-totals-shipping__via,.wp-block-woocommerce-cart-order-summary-coupon-form-block,.wc-block-components-checkout-step__description,.added_to_cart,.woocommerce-pagination{display:none;}
.wc-block-components-totals-item__value, .wc-block-components-totals-item__label,.wp-block-woocommerce-cart-order-summary-coupon-form-block{}
.wc-block-components-panel__button>.wc-block-components-panel__button-icon,.wp-block-woocommerce-cart-order-summary-subtotal-block{display:none;}
.wc-block-components-panel__button{cursor:auto !important;}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text{color:#fff;background:var(--green);padding: 10px 25px;}
.product-action button{
    background: var(--green) !important;
    font-weight: 500 !important;
}
.product-action button:hover{}
.product-name a{
    font-weight: 500;
}
.t25{padding-top:25px;}
.woo-parent-categories{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.woo-parent-categories a{/* background-size:contain; */background-color:#f1f1f1;background-repeat: no-repeat;background-position: 100% 100%;flex: 0 0 24.5%;border: 1px solid var(--grey);margin-bottom: 0.5%;height: 175px;}
.woo-parent-categories a:hover{
    background-color: var(--green);
}
.zline{
    background: url(img/zline.png) 100% 50% no-repeat;
    background-size: cover;
    padding: 40px 0 30px;
}
.zline h1{
    font-weight: 500;
    margin-bottom: 15px;
    flex: 0 0 75%;
}
.zline .inner p{
    font-weight: 500;
    width: 75%;
}
.prices{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.prices div{
    font-weight: 600;
}
.priced{
    padding-bottom: 0px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--grey);
    display: flex;
    justify-content: space-between;
}
.priced span{
    color: var(--lblue);
    font-size: 14px;
}
.featured-products-list{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#topp .featured-product-item{
    border: 1px solid var(--grey);
    padding: 15px;
    margin: 0px 7px;
}
.qty-minus{
    background: none;
    border: 1px solid var(--green);
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}
.scrolled .hcli .wishlist_products_counter{top:-20px;}
.tinv-wishlist{}
.tinv-wishlist a{
    color: var(--green);
    /* width: 25px !important; */
    /* height: 25px !important; */
}
.tinv-wishlist a:before{opacity:1;font-size: 30px !important;top: 3px !important;left: 3px !important;}
.hcli .wishlist_products_counter{
    margin-left: 0;
    top: -25px;
}
.hcli .wishlist_products_counter span{}
.hcli a:before{display:none;}
.qty-plus{
    cursor: pointer;
    background: none;
    border: 1px solid var(--green);
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
}
.qty-minus:hover{
    border: 1px solid var(--ora);
    background: var(--ora);
}
.nomd{flex:0 0 100%;max-width: 900px;margin-bottom: 100px;}
.nomd .featured-product-item{margin:0 7px;}
.qty-plus:hover{
    border: 1px solid var(--ora);
    background: var(--ora);
}
.blox{
    border: 1px solid var(--grey);
    padding: 15px;
}
.quantity{
    /* width: 50px; */margin:0 !important;
}
.woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before{display:none;}
.qty{
    width: 30px!important;
    text-align: center!important;
    border: 0;
    color: #000;
    FONT-WEIGHT: 600;
    font-size: 16px;
    padding: 0 0 0 10px;
}
#catts{
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
#catts .blox{
    flex: 0 0 29%;
    margin-bottom: 12px;
    flex-direction: column;
}
.woocommerce ul.products::before, .woocommerce ul.products::after{display:none;}
.wc-cat-accordion-menu-vertical {
  max-width: 330px;
  margin: 0 0 30px 0;
  font-family: inherit;
}

.cat-accordion-list-vertical {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.cat-parent-item-vertical {
  position: relative;
  margin: 0;
}

.cat-parent-link-vertical {
  display: flex;
  align-items: center;
  cursor: default;
  padding: 10px 15px;
  background: var(--lgrey);
  font-weight: 500;
  transition: background 0.15s;
  user-select: none;
  min-height: 42px;
  position: relative;
}

.cat-parent-item-vertical.open > .cat-parent-link-vertical,
.cat-parent-link-vertical:hover {
  background: var(--ora);
  color: #000;
}

.cat-link-name {
  flex: 1 1 auto;
  color: inherit;
  text-decoration: none;
  font-size: 1em;
  cursor: pointer;
  transition: color 0.16s, font-weight 0.14s;
}

.cat-link-name:hover,
.cat-parent-item-vertical.open > .cat-parent-link-vertical .cat-link-name {

}

.cat-parent-toggle {
  display: flex;
  width: 20px;
  height: 20px;
  /* margin-left: 10px; */
  background: var(--grey) url(img/carr.svg) 50% 50% no-repeat;
  transition: transform 0.22s;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  padding: 5px;
}

.cat-parent-item-vertical.open > .cat-parent-link-vertical .cat-parent-toggle {
  background: #fff url(img/carr.svg) 50% 50% no-repeat;
}
.cat-parent-item-vertical:hover > .cat-parent-link-vertical .cat-parent-toggle {
  background: #fff url(img/carr.svg) 50% 50% no-repeat;
}

.cat-accordion-list-vertical ul {
  display: none;
  background: #fff;
  margin: 0;
  /* border-bottom: 1px solid var(--lgrey); */
}

.cat-parent-item-vertical.open > ul {
  display: block;
  animation: fadeInCatAccordion 0.23s;
}
#nid{}
#nid summary{}
.onec{
    color: var(--dgrey);
    font-size: 17px;
    border-bottom: 1px solid var(--dgrey);
}
.onec:hover{}
#product-title-span{display:block;font-size: 18px;font-weight: 500;line-height: 22px;position: relative;top: 15px;color: var(--ora);}
@keyframes fadeInCatAccordion {
  from { opacity: 0; transform: translateY(-8px);}
  to   { opacity: 1; transform: translateY(0);}
}

.cat-accordion-list-vertical li {
  margin: 0 0 10px;
}

.cat-accordion-list-vertical li a {
  color: #000;
  font-size: 16px;
  text-decoration: none;
  display: block;
  padding: 0;
  transition: color 0.18s;
  line-height: 120%;
  font-weight: 500;
}
.catdesc h1:before{content:"";background:url(img/dots.svg);width: 14px;height: 52px;position: absolute;left: 0px;top: -5px;}
.central h2:before{content:"";background:url(img/dots.svg);width: 208px;height: 54px;position: absolute;left: 0px;top: -8px;z-index: -1;}
.cat-accordion-list-vertical li a:hover,
.cat-parent-item-vertical.open > .cat-parent-link-vertical .cat-link-name {
  color: #000;
  font-weight: 500;
}

/* Тонкая граница для последних уровней */
.cat-accordion-list-vertical ul ul {
  margin-left: 10px;
}

@media (max-width: 600px) {
  .wc-cat-accordion-menu-vertical {
    max-width: 100%;
  }
  .cat-parent-link-vertical {
    padding: 12px 12px;
    font-size: 0.97em;
  }
  .cat-accordion-list-vertical ul {
    padding-left: 14px;
  }
}

.cat-parent-item-vertical ul{}
.cat-parent-item-vertical ul li{
    margin: 0;
    border-bottom: 1px solid var(--lgrey);
}
.cat-parent-item-vertical ul li ul{}
.cat-parent-item-vertical ul li ul li{}
.cat-parent-item-vertical ul li div{
    background: #fff;
    padding: 5px 15px;
}
.cat-parent-item-vertical ul li .cat-parent-toggle{
    background: var(--green) url(img/pluss.svg) 50% 50% no-repeat;
    width: 15px;
    height: 15px;
    background-size: 10px;
}
.cat-parent-item-vertical ul li:hover .cat-parent-toggle{
    background: var(--lblue) url(img/pluss.svg) 50% 50% no-repeat!important;
    width: 15px;
    height: 15px;
    background-size: 10px!important;
}

.cat-parent-item-vertical ul li.open > .cat-parent-link-vertical .cat-parent-toggle{ background: var(--lblue) url(img/minuss.svg) 50% 50% no-repeat!important;
    width: 15px;
    height: 15px;
    background-size: 10px!important;}
.cat-parent-item-vertical ul li.open > .cat-parent-link-vertical{background:#fff;}
.cat-parent-item-vertical ul li div:hover{
    background: #fff;)
}
.cat-parent-item-vertical ul li div a{
    font-size: 15px;
}
.cat-parent-item-vertical ul li div:hover a{
    color: var(--green);
}
.bios{
    max-height: 150px;
}
.ublocks div{
    flex: 0 0 15%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 30px 0 25px;
    padding: 125px 0 50px;
    position: relative;
    background-size: contain !important;
}
.ublocks div span{
    position: relative;
    left: 0;
    top: -155px;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
    line-height: 23px;
}
.ublocks div a{
    position: relative;
    top: 45px;
    left: 40px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    background: url(img/yell.svg) no-repeat;
    padding: 4px 35px 5px;
    text-transform: uppercase;
    background-size: contain !important;
}
.ctleft{
    flex: 0 0 25%;
}
.ctright{
    flex: 0 0 72%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.quantity-wrapper{
    display: flex;
    align-items: center;
}
.featured-product-item .cart{
    display: flex;
    justify-content: space-between;
    align-items: center;margin-bottom:0!important;
}
.featured-product-item .single_add_to_cart_button{
    background: var(--ora) url(img/sc.svg) 11% 55% no-repeat!important;
    background-size: 20px!important;
    border: 0!important;
	color:#000!important;
    outline: none!important;
    font-weight: 500!important;
    font-size: 14px!important;
    padding: 7px 13px 8px 45px!important;
    cursor: pointer!important;
	border-radius:0!important;
}
.featured-product-item .single_add_to_cart_button:hover{background: var(--lblue) url(img/sc.svg) 11% 55% no-repeat!important;background-size: 20px!important;}
.product-rating img{}
.product-thumbnail{
    margin-bottom: 15px;
    display: block;
}
.product-thumbnail img{
    max-height: 200px;
    object-fit: contain;
    min-height: 200px;
}
.anem{
    min-height: 65px;
    margin-top: 15px;
}
.anem a{
    font-weight: 500;
    line-height: 19px;
    display: block;
    font-size: 15px;
}
.product-sku{
    color: var(--dgrey);
    font-size: 14px;
}
.product-price{}
.product-add-to-cart{}
.product-rating{}
.aline{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.woo-parent-categories a span{
    display: block;
    padding: 15px;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    width: 65%;
}
.cntk{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 50px;
}
.cntk .f2{flex: 0 0 24%;}
.cntk .cmap{flex:0 0 70%}
.cntk .cmap iframe{
    margin-bottom: -6px;
}
.woo-parent-categories a:hover span{color:#fff;}
#vprem{
}
.premv{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.vm{
    display: flex;
    flex: 0 0 21%;
    border: 1px solid var(--grey););
    /* border-radius: 5px; */
    /* align-items: center; */
    padding: 15px 15px 5px;
}
.vl{
    margin-right: 15px;
}
.vk img{}
.vr{
    /* flex: 0 0 70%; */
}
.vr span{
    font-weight: 500;
    display: block;
    line-height: 110%;
    margin-bottom: 2px;
}
.vr p{
    font-size: 15px;
    line-height: 17px;
}
.hsea{}
.hsea img{
    width: 40px;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{background:none!important;}
.hcon{
    flex: 0 0 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hl{
    line-height: 0;
    margin-right: 10px;
}
.hr{}
.hr1{}
.hr1 a{font-weight: 600;font-size: 17px;}
.hr1 span{
    font-size: 13px;
    color: #727272;
    padding-left: 5px;
    font-weight: 500;
}
.hr2{
    font-weight: 500;
    font-size: 15px;
    margin: -3px 0 -3px;
}
.hr3{}
.hr3 a{
    color: var(--green);
    font-size: 15px;
    font-weight: 500;
}
.hl img{width: 50px;}
.hcli{
    flex: 0 0 15%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.hcli a{
    margin-left: 10px;
    line-height: 0;
    position: relative;
}
.cont .woocommerce{display:flex;justify-content: space-between}
.woocommerce-account .woocommerce::before{display:none;}
.woocommerce-account .woocommerce::after{display:none;}
#catts .products{
    display: flex;
    flex-wrap: wrap;
    /* gap: 14px; */
    justify-content: space-between;
}
.hcli a img{}
.hcli a span{
    position: absolute;
    right: -5px;
    top: -5px;
    background: var(--ora);
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-weight: 500;
    font-size: 14px;
}
.inner {
    width: 1280px;
    margin: 0 auto;
position: relative;}
#mban{
    background: url(img/mban.jpg) 100% 50% no-repeat;
    background-size: cover;
    padding: 50px 50px 35px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.ml{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 0 0 65%;
}
.mr{}
#mban h1{
    text-transform: uppercase;
    font-weight: 500;
    color: var(--green);
    font-size: 38px;
    flex: 0 0 100%;
    margin-bottom: 25px;
}
#mban p{
    margin: 25px 0 0;
    width: 95%;
}
#mban img{
    margin-right: 50px;
    width: 50%;
    flex: 0 0 35%;
}
.scrolled .hr2,.scrolled .hr1 span{display: none;}
.scrolled .hcli a img, .hl img{
    width: 40px;
}
.scrolled .hsea img{
    width: 35px;
}
.scrolled .hr1{
    margin-bottom: -5px;
}
.bt1{}
.bt2{color: #fff;font-weight: 600;font-size: 16px;align-items: center;text-transform: uppercase;padding: 13px 50px 12px;background: url(img/blue.svg) no-repeat;background-size: cover;}
.bt2:hover{color:#000;background: url(img/yell.svg) no-repeat;background-size: cover;}
.sinner {
    width: 1140px;
    margin: 0 auto;
}
.grecaptcha-badge{display: none!important}
.menu-btn {
    display: none;
}

#topper{
}
#topper .inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.topleft{
    flex: 0 0 50%;
}
.xcv:hover{color:#fff;background:var(--green)!important}
.topleft h1{}
.topleft .cont{}
.topleft .cont p{
    font-size: 17px;
    margin-bottom: 20px;
}
.lio{}
#topper .inner img{
    width: 100%;
    flex: 0 0 46%;
    object-fit: cover;
    border-radius: 15px;
}
.wpcf7-not-valid-tip{display:none;}
h2{font-weight: 600;font-size: 28px;line-height: 34px;margin: 15px 0 25px;}
h3{font-weight: 500;font-size: 20px;line-height: 30px;margin: 20px 0 15px;color: var(--green);}
h4{}
.bx{}
.central h2 span{color: var(--green);}
.catdesc h1 span{font-weight:300}

.catdesc h1{position:relative;}



p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
    color: #4b4b4b;
}


input,
button,
textarea,
select,
option {
    outline: none !important;font-family: Qanelas;
}
/*input, button{-webkit-appearance: none;-moz-appearance: none;appearance: none;}*/
a {
    text-decoration: none;
    color: inherit;
}

a:hover{}
.clear {
    display: block;
    clear: both;
    width: 100%;
}
li {
    list-style: none;
}
.marg{margin:0 10px!important;}
.low, .scrolled .hcli a img, .hl img {
    position: relative;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.closed{
    position: absolute;
    right: 10px;
    top: 23px;
    color: #fff;
    background: var(--green);
    border: 0;
    line-height: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(45deg);
    font-size: 50px;
    font-weight: 300;
    cursor:pointer;
    }
.icon_big_heart_check,.icon_big_times{color:var(--green) !important;}
.ims{
       font-size: 20px;
       line-height: 24px;
       position: relative;
       text-transform: uppercase;
       margin-bottom: 35px;
       color: #000;
       padding-left: 30px;
       font-weight: 600;
       flex: 0 0 100%;
}
.ims:before {
    content: "";
    background: url(img/dots.svg) no-repeat;
    width: 215px;
    height: 45px;
    position: absolute;
    left: 0px;
    top: -10px;
    z-index: -1;
    background-size: contain;
}
 .ims span{color: var(--green);}
.tinv-wishlist .tinvwl-buttons-group button{background:var(--green)!important;color:#fff !important;border:0 !important;height:40px !important;padding:5px 0 9px !important;line-height:1 !important;}
.closed:hover{color:var(--ora);}
.foot{margin:0!important;box-shadow: none !important;background: var(--blue) !important;}
#revv{/* margin: 50px 0; *//* background: var(--green); */padding-bottom: 50px;}
#revv .slick-dots li button:before {
    color: var(--grey);
    opacity: 1;
    font-size: 16px;
}
#revv .slick-dots{    bottom: -50px;}
#revv .slick-dots li{}
#revv .slick-dots li button:before{
   color: #dbdbdb;
   opacity: 1;
   font-size: 16px;
}
#revv .slick-dots li button:hover, .slick-dots li button:focus {}
#revv .slick-dots li button:hover:before, .slick-dots li button:focus:before {
    color: var(--lblue);
}
#revv .slick-dots li.slick-active button:before{
    
opacity: 1;
    
color: var(--lblue);
}
#revv .sinner{
    padding: 75px 0;
}
.revv{
    /*width: 90%;*/
    margin: 0 auto;
    }
.rev{text-align: left;display: flex !important;flex-direction:column;position:relative;padding: 20px;min-height: 150px;justify-content: center;align-items: flex-start;margin: 0 10px;background: #FAFDFF;height:auto!important;max-height: 225px;border: 1.15571px solid #E9E9E9;border-radius: 3.46714px;}

.rev p{font-size: 15px;line-height: 21px;color: #4a4a4a;font-weight: 400;}
.rev span{font-weight: 600;color: var(--green);font-size: 18px;position: relative;left: 0;/* text-transform: uppercase; *//* margin-bottom: 20px; */}




#mott{}
#mott .xline{
    height: 70px;
}
#mott .xline a{
    font-weight: 500;
	font-size:16px;
}
#mott .xbuts{}

#catt h3{
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 25px;
    padding-bottom: 5px;
}

#mott .xbuts a{border-radius: 0;
    color: #fff !important;}

.else .xline{padding: 10px;}
.else .xline a{
    font-weight: 500;font-size:16px!important;line-height:22px !important;
}
.else .xbuts{
    /*padding: 10px 0 20px 15px;*/
}
.reps{border-left:5px solid var(--ora);margin-left: 25px;padding-left: 25px;}
.revv .slick-next {
    right: -18px;
}
.revv .slick-prev {
    left: -16px;
}
.revv .slick-prev, .revv .slick-next {
    top: 54%;
    width: 44px;
    height: 50px;
    background: none;
    z-index: 1;
}
.revv .slick-prev:before {
    content: "";
    width: 44px;
    height: 50px;
    background: url(img/prev.svg) no-repeat;
    font-size: 0;
    opacity: 1;
    display: block;
}
.revv .slick-next:before {
    content: "";
    width: 44px;
    height: 50px;
    background: url(img/next.svg) no-repeat;
    font-size: 0;
    opacity: 1;
    display: block;
}
#galx .slick-dots li button:before {
    color: var(--grey);
    opacity: 1;
    font-size: 16px;
}
#galx .slick-dots{bottom: -50px;}
#galx .slick-dots li{}
#galx .slick-dots li button:before{
   color: #dbdbdb;
   opacity: 1;
   font-size: 16px;
}
#galx .slick-dots li button:hover, .slick-dots li button:focus {}
#galx .slick-dots li button:hover:before, .slick-dots li button:focus:before {
    color: var(--lblue);
}
#galx .slick-dots li.slick-active button:before{
    
opacity: 1;
    
color: var(--lblue);
}
#galx .slick-next {
    right: -20px;
}
#galx .slick-prev {
    left: -19px;
}
#galx .slick-prev, #galx .slick-next {
    top: 52%;
    width: 44px;
    height: 50px;
    background: none;
    z-index: 1;
}
#topp{
    padding-bottom: 100px;
}
#galx{
    /* width: 90%; */
    margin: 0 auto;
}
#galx .slick-prev:before {
    content: "";
    width: 44px;
    height: 50px;
    background: url(img/prev.svg) no-repeat;
    font-size: 0;
    opacity: 1;
    display: block;
}
#galx .slick-next:before {
    content: "";
    width: 44px;
    height: 50px;
    background: url(img/next.svg) no-repeat;
    font-size: 0;
    opacity: 1;
    display: block;
}
#qblocks .slick-prev{
    top: 48%;
    width: 35px;
    height: 35px;
    background: none;
    left: -8px;
    z-index: 1;
} 
#qblocks .slick-next {
    top: 48%;
    width: 35px;
    height: 35px;
    background: none;
    right: -8px;
}
#qblocks .slick-prev:before {
    content: "";
    width: 35px;
    height: 35px;
    background: url(img/prev.svg) no-repeat;
    font-size: 0;
    opacity: 1;
    display: block;
}
#qblocks .slick-next:before {
    content: "";
    width: 35px;
    height: 35px;
    background: url(img/next.svg) no-repeat;
    font-size: 0;
    opacity: 1;
    display: block;
}


.po{}
.poll{
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
}
.poll div{
    flex: 0 0 48%;
}

.bemm .checker {
    margin: 0;
    flex: 0 0 50%;
    position: relative;
    left: 0;
    /* margin-right: 17%; */
    position: relative;
    top: 10px;
}
.bemm p{
    flex: 0 0 48%;
}
.bemm #mexx{
    margin: 0 auto;
}
.bemm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
#else form {
    position: relative;
  
}
.bnr {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
}
.bnl {
    flex: 0 0 40%;
}
.bnl .h2 {
    color: #000;
    font-weight: 700;
    font-size: 60px;
    line-height: 70px;
    margin: 0 0 25px;
    text-transform: uppercase;
}
.sub {
}
#else .central {
    padding: 75px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#else2 .central {
    padding: 75px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#zname {
    background: #fff url(img/man.svg) 1.4% 55% no-repeat;
    background-size: 30px;
    padding: 15px 0 14px 60px;
    width: calc(100% - 60px);
    border-radius: 0 30px 0 0;
}

#zphone {
    background: #fff url(img/phone.svg) 2.5% 55% no-repeat;
    background-size: 30px;
    padding: 15px 0 14px 60px;
    width: calc(100% - 60px);
    border-radius: 0 30px 0 0;
}

#zmail {
    background: #fff url(img/email.svg) 3% 55% no-repeat !important;
    background-size: 30px;
    padding: 15px 0 14px 60px;
    width: calc(100% - 60px);
    border-radius: 0 30px 0 0;
}

#zname2 {
    background: #fff url(img/man.svg) 1.4% 55% no-repeat;
    background-size: 30px;
    padding: 15px 0 14px 60px;
    width: 100%;
}

#zphone2 {
    background: #fff url(img/phone.svg) 2.5% 55% no-repeat;
    background-size: 30px;
    padding: 15px 0 14px 60px;
    width: 100%;
}

#zname3 {
    background: #fff url(img/man.svg) 2% 55% no-repeat;
    background-size: 30px;
    padding: 15px 0 14px 50px;
    width: 100%;
    margin-bottom: 20px;
}
#else2 .wpcf7-list-item-label,#else2 .wpcf7-list-item-label a{color: #fff;}
#zphone3 {
    background: #fff url(img/phone.svg) 2.5% 55% no-repeat;
    background-size: 30px;
    padding: 15px 0 14px 50px;
    width: 100%;
}

#zname4 {
    background: #fff url(img/man.svg) 1.4% 55% no-repeat;
    background-size: 30px;
    padding: 15px 0 14px 60px;
    width: calc(100% - 60px);
    border-radius: 0px 30px 0px 0px;
}

#zphone4 {
    background: #fff url(img/phone.svg) 2.5% 55% no-repeat;
    background-size: 30px;
    padding: 15px 0 14px 60px;
    width: calc(100% - 60px);
    border-radius: 0px 30px 0px 0px;
}

#zmail4 {
    background: #fff url(img/email.svg) 3% 55% no-repeat !important;
    background-size: 30px;
    padding: 15px 0 14px 60px;
    width: calc(100% - 60px);
    border-radius: 0px 30px 0px 0px;
}

.coco{background: #fff;font-size: 16px;border: 0;color: #000;width: 100%;padding: 15px 15px 14px;position:relative;font-weight: 400;font-style: italic;border-bottom:1px solid var(--lgreen);}

.coco::-webkit-input-placeholder{opacity: 1; transition: opacity 0.3s ease;font-size:16px;color:#000;font-style:italic;width: 100%;position:relative;font-weight: 400;}
.coco::-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;font-size:16px;color:#000;font-style:italic;width: 100%;position:relative;font-weight: 400;}
.coco:-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;font-size:16px;color:#000;font-style:italic;width: 100%;position:relative;font-weight: 400;}
.coco:-ms-input-placeholder{opacity: 1; transition: opacity 0.3s ease;font-size:16px;color:#000;font-style:italic;width: 100%;position:relative;font-weight: 400;}

.coco:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.coco:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
.coco:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
.coco:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}
.wpcf7-not-valid-tip {
    color: var(--green);
    font-size: 14px;
    font-weight: normal;
    display: block;
    position: relative;
    top: 10px;
    text-align: center;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: 0;
    color: #fff;
    text-align: center;
    font-size: 15px;
}
#mexx{
    cursor: pointer;
    color: #000;
    background: url(img/yell.svg) no-repeat;
    border: 0;
    text-transform: uppercase;
    font-size: 16px;
    margin: 25px auto 0;
    display: block;
    padding: 11px 26px 10px;
    /* border: 2px solid var(--green); */
    position: relative;
    /* border-radius:5px; */
    width: 100%;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    font-weight: 600;
    background-size: cover;
    }
#mexx:hover{background: url(img/grey.svg) no-repeat;color: #000;background-size: cover;}

#header{
    position: fixed;
    width: 100%;
    z-index: 9;
    top:0;
    background: #fff;
}

.topped{}
.topped .inner{
    display: flex;
    align-items: center;
    padding: 25px 0;
    justify-content: space-between;
}
.topped .inner .hb{
    display: flex;
    /* flex: 0 0 23%; */
    align-items: center;
    color: #000;
}
.ublocks div{}
.hlogo{
    flex: 0 0 15%;
    /* padding-right: 25px; */
}
.hlogo img{
    width: 100%;
    /* position: absolute; */
    position: relative;
    top: 2px;
}
.hlogo span{
    color: #fff;
    font-size: 11px;
    font-weight: 300;
    position: relative;
    top: -10px;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    left: 39px;
}

.hsea{
    flex: 0 0 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* position: relative; */
    /* top: 2px; */
}
.hsea a{
    color: #fff;
    font-size: 24px;
}
.hsea a:hover{color:var(--green);
}
.htime{
   
}
.hb p{font-size: 16px;margin-bottom: 0;} 
.htime img{
    position: relative;
    margin-right: 0px;
}

.hphone{
   
/* flex: 0 0 23%; */
}
.hphone img{
    position: relative;
    margin-right: 10px;
    width: 54px;
    height: 54px;
}
.hphone a{
    font-family: Qanelas;
    font-weight: 600;
    font-size: 28px;
    display: flex;
    align-items: center;
    color: #000;
}
.hphone a:hover{
    
color: var(--green);
}
.adds{}
.adds img{
    position: relative;
    margin-right: 5px;
}

.hrass img{
    margin-right: 10px;
}
.hcall{left: 15px;}
.hcall a{
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    background: url(img/yell.svg) no-repeat;
    border-radius: 0;
    padding: 8px 30px 7px 50px;
    position: relative;
    background-size: cover;
    }
.hcall a:after{
    /*content:"";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-bottom: 40px solid #fff;
    z-index: 9;*/
    }
.hcall a:hover{
    background: url(img/blue.svg) no-repeat;
    color: #fff;
    background-size: cover;
}
.hcall a img{
    position: absolute;
    left: -15px;
}

.fancybox-content{background: var(--green)!important;padding:20px!important;overflow: hidden;/* border: 0.5px solid #000; */box-shadow: 1px 1px 5px 0px #000;}
.modalx{
    display: flex;
    flex-direction: column;
    align-items: stretch;
	padding-bottom: 25px;
}
.modalx .h3{
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin: 20px 0 30px;
    font-size: 24px;
}
.modalx form{width:75%;margin: 0 auto;}
.modalx img{
    width: 75%;
    margin: 10px auto;
    /* max-width: 250px; */
}
.checks{width: 47px;height: 47px;float: left;margin-right: 10px;position: relative;top: -7px;}
.checker{color: #fff;font-size: 12px;width: 100%;margin: 20px auto 0;}
.checker .wpcf7-list-item{margin:0}
.checker .wpcf7-list-item label{display:flex;}
.checker .wpcf7-list-item label .wpcf7-list-item-label{
    font-size: 13px;
    line-height: 16px;
}
.checker a{text-decoration:underline;color: #fff;}
#pills{}
.rp{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}
.rt{
    flex: 0 0 100%;
    margin-bottom: 15px;
}
.rts{
    flex: 0 0 48%;
}
.rps{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.rp textarea{width: 100%;height: 100px;}
.rp select{}
.rp input{}
#mainmenu{}


.hmenu{display:flex;justify-content: center;align-items:center;flex: 0 0 40%;}
.hmenu ul{
    display: flex;
    align-items: center;
    /* width: 100%; */
    justify-content: space-between;
}
.hmenu li{/* margin: 0 15px; */position:relative;}
.hmenu li a{
    color: #000;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
    padding: 0 10px;
    }
.hmenu li:last-child a{}
.hmenu li a:hover{color: var(--green);}

#menu-item-7242{position:relative;padding-left: 35px;}
#menu-item-7242:before{content:"";background:url(img/home.svg) no-repeat;width: 17px;height: 19px;display:block;position:absolute;left: 10px;top: 14px;}

#voss{}

.sub-menu-toggle{display:none;}
#bess{
    width: 100%;
}
#bess th{}
#bess thead{
}
#bess tbody td:nth-child(2){display:none;}
#bess thead td{
    background: var(--lblue);
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    padding: 10px 15px;
}
#bess tbody{}
#bess tbody td{
    text-align: center;
}
#bess tbody td{
    padding: 13px 15px;
    border-bottom: 1px solid #dedede;
    font-weight: 500;
}
#bess td:first-child{
    width: 60%;
    text-align: left;    font-weight: 400;
}
#bess td:last-child{
    width: 20%;
}
#bess td:last-child a{
    padding: 8px 50px 7px;
    font-size: 14px;
}
#bess td:last-child a:hover{}



#footer{background: #eaeaea;}
.topfooter{}
.topfooter .inner{padding: 50px 0;display: flex;justify-content: space-between;}
.ff{
	/* padding: 0 0 0 10px; */
	/* border-left:1px solid #9c9c9c; */
	/* height: fit-content; */
	/* flex: 0 0 23%; */
	}
.f1{
    flex: 0 0 16%;
    display: flex;
    flex-direction: column;
}
.f1 p{
    color: #000;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 25px;
    font-weight: 400;
}
.f1 a{
    color: #000;
    font-weight: 400;
    font-size: 14px;
    margin-top: 0;
    text-decoration: underline;
}
.f1 a:hover{
    color: var(--lblue);
}
.f2{
    position: relative;
    flex: 0 0 20%;
}
.f3{
    /* flex: 0 0 20%; */
}
.f4{
    flex: 0 0 40%;
}
.flogo{
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}
.flogo img{
    width: 80%;
}
.flogo span{
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    position: relative;
    top: -10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    left: 48px;
}
.f1 li{position:relative;top: 48px;margin-bottom: 25px;padding-left: 15px;display:flex;}
.f1 li div{color:#fff;}
.f1 li i{
    color: var(--green);
    margin-right: 15px;
    font-size: 20px;
    position: relative;
    top: 2px;
}
.f1 li a{
    color: #fff;
    font-weight: 400;
    font-family: Qanelas;
    font-size: 16px;
}
.f1 .hcall a{color:#000;text-decoration:none;font-weight: 700;font-size: 12px;    position: relative;
    top: -6px;}
.f1 .hcall a i{top: 0;color:#000;margin-right: 10px;font-size: 12px;}
.f1 .hcall a:hover{text-decoration:none;color:#000;}
.f1 li a:hover{ color: var(--green);text-decoration:underline;}
.f1 li:before{content:"";background:#9c9c9c;width: 15px;height:1px;position:absolute;left: -10px;top: 12px;}
.f4 li:before{content: navajowhite;background:#9c9c9c;width: 15px;height:1px;position:absolute;left: -10px;top: 12px;}

.f4 ul{
   
column-count: 2;
}
#trueModal{max-width: 450px;}
#trueModal2{max-width: 550px;}
#trueModal3{max-width: 50%;width: 50%;    top: -25%;}
#trueModal3 .modalx form{width:100%;}
#trueModal4,#trueModal5{width: 65%;
    padding: 0px !important;}
#trueModal4 .closed,#trueModal5 .closed{color:#000 !important;    top: 10px;
    right: 0;}
.ff .h3{
    line-height: 24px;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
    position: relative;
    left: 20px;
}
.f2 li img{
    margin-right: 15px;
    position: relative;
    top: 1px;
}
.rem{
    font-size: 20px !important;
    font-weight: 600 !important;
}
.f2 li a{}
.rem span{
    font-size: 16px;
    margin-right: 5px;
}
.f2 li a:hover{
    color: var(--lblue);
}
.f2 li p{
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 0;
}
.f2 li{position:relative;color: #fff;padding-left: 0;display: flex;align-items: center;margin-bottom: 20px;}
.f2 li:before{background:#9c9c9c;width: 15px;height:1px;position:absolute;left: -10px;top: 12px;}
.f2 li a{
    color: #000;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
}
.f2 .h3{
    display:block;
}
.f3 .h3{
}
.f2 li div{
    display: flex;
    align-items: center;
    margin: 10px 0 20px;
    font-size: 14px;
    line-height: 20px;
}
.f2 li div i{
    margin-right: 15px;
    color: var(--green);
    font-size: 26px;
}
.f2 li div span{
    color: #fff;
}

.f3 ul{}
.f3 li{position:relative;padding-left: 0px;margin-bottom: 10px;list-style: disc;color: #000;margin-left: 15px;}
.f3 li:before{background: var(--ora);width: 2px;height: 15px;position:absolute;left: 0px;top: 5px;}
.f3 li a{
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
}
.f3 li a:hover{
    color: var(--lblue);
}

.cleft{
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}
.cright{
    color: #A9A9A9;
    font-size: 16px;
}
.cright a{
    color: #A9A9A9;
    font-size: 15px;
    font-weight: 400;
    margin: 0 10px;
    text-decoration: underline;
}
.cright a:hover{
    color: var(--green);
}
.copy .inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 29px 0 24px;
}
.subfooter{
    padding: 25px 0 50px;
    background: var(--dark);
}
.subfooter h2{flex:0 0 100%;color:#fff;}
.subfooter .inner{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    }
.subfooter .inner div{
    flex: 0 0 10%;
    margin: 15px 0;
    padding: 0 0 0 10px;
	border-left:1px solid #9c9c9c;
    height: fit-content;
}
.subfooter .inner .h3{
    font-weight: 400;
    font-size: 13px;
    
/* identical to box height */
    text-transform: uppercase;
    color: var(--green);
    font-family: Qanelas;
    line-height: 10px;
}
.subfooter .inner li{
    line-height: 22px;
    position:relative;
    top: 9px;
    padding-left: 2px;
}
.subfooter .inner li:before{content:"";background:#9c9c9c;width: 7px;height:1px;position:absolute;left: -10px;top: 12px;}
.subfooter .inner li a{
    color: #fff;
    font-family: Qanelas;
    font-size: 12px;
    line-height: 0;
}
.subfooter .inner li a:hover{
    color: var(--green);
    text-decoration: underline;
}

#bform{background: url(img/form.jpg) 100% 50% no-repeat;background-size: cover;}
#bform .h2{color:#fff;font-weight: 700;font-size: 36px;line-height: 50px;margin: 15px 0 25px;}
#bform .h2 span{color:var(--green);}
#bform .sinner{padding: 50px 0;}
#bform .coco{
	padding:5px 0;
    border-top: 0;
    border-bottom: 1px solid #9c9c9c;
    border-left: 0;
    border-right: 0;
    background: transparent;
    color: #ACACAC;
    border-radius: 0;
	font-weight:500;font-size:16px;
}
#bform form{width: 45%;margin-top: 50px;}
.sub{color:#fff;font-weight: 300;font-size: 33px;line-height: 46px;text-transform: uppercase;}
#bform textarea{height:75px;resize:none;}
#bform .checks{}
#bform #mexx{}
#bform .coco::-webkit-input-placeholder{opacity: 1; transition: opacity 0.3s ease;font-size:16px;color:#000;font-style:italic;width: 100%;position:relative;font-weight: 400;}
#bform .coco::-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;font-size:16px;color:#000;font-style:italic;width: 100%;position:relative;font-weight: 400;}
#bform .coco:-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;font-size:16px;color:#000;font-style:italic;width: 100%;position:relative;font-weight: 400;}
#bform .coco:-ms-input-placeholder{opacity: 1; transition: opacity 0.3s ease;font-size:16px;color:#000;font-style:italic;width: 100%;position:relative;font-weight: 400;}

#bform .coco:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
#bform .coco:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
#bform .coco:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
#bform .coco:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

#seo{
    padding: 0 0 50px 0;
}
#seo .inner{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cont ul,.cont ol{
    margin: 25px 0 25px 50px;
}
#nihao{}
.ctright .premv{
    flex-wrap: wrap;
    margin-bottom: 33px;
    flex: 0 0 100%;
}
.ctright .premv .ims{
    flex: 0 0 100%;
    margin-top: 20px;
}

.ctright .vm{
    flex: 0 0 28%;
}
#nihao .quantity-wrapper{
    flex: 0 0 100%;
    margin-bottom: 25px;
}
#nihao .quantity-wrapper span{
    color: var(--dgrey);
    font-size: 18px;
    margin-right: 15px;
}
#nihao .cart{
    padding-top: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#nihao .tinv-wishlist{
    margin: 0 20px;
}
#nihao .tinv-wishlist a{
    width: 40px;
    height: 39px;
    font-size: 0;
    background: url(img/heart.svg) no-repeat;
    background-size: contain;
}
#nihao .tinv-wishlist a:before{display:none;}
#nihao .single_add_to_cart_button{
    text-align: center;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    background: url(img/yell.svg) 0% 50% no-repeat;
    padding: 12px 40px 11px 80px;
    border: 0;
    position: relative;
    overflow: hidden;
    background-size: cover;
    /* margin-top: 20px; */
}
#nihao .single_add_to_cart_button:hover{background: url(img/blue.svg) 0% 50% no-repeat;background-size: cover!important;}
#nihao .single_add_to_cart_button:before{content:'';background: url(img/sc.svg) no-repeat;width: 24px;height: 20px;display: block;position: absolute;left: 35px;top: 10px;}
.cont h1{
    font-size: 32px;
    line-height: 40px;
    position: relative;
    text-transform: uppercase;
    color: var(--green);
    margin-bottom: 50px;
    font-weight: 400;
    }
.title{    font-size: 32px;
    line-height: 40px;
    position: relative;
    text-transform: uppercase;
    color: var(--green);
    margin-bottom:35px;}
.inn .cont{padding:25px 0;}
.loadz{
    display: flex;
    align-items: center;
    /* color: var(--green); */
    font-weight: 500;
}
.loadz div{}
.loadz a:first-child{
    color: var(--lblue);
}
.loadz a:last-child{
    color: var(--green);
}
.loadz a:hover{}
.loadz img{
    width: 45px;
    object-fit: contain;
    margin-right: 10px;
}
.cont h2{color: var(--green);font-size:28px;line-height:38px;margin:25px 0 15px;font-weight: 500;}
.cont h3{color: var(--lblue);font-size: 20px;line-height:32px;margin:20px 0 10px;text-transform: uppercase;font-weight: 500;}
.cont p{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    }
.cont li{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
    list-style: none;
    color: #4b4b4b;
    position: relative;
}
.cont li:before{content:"";background: var(--lblue);width: 11px;height: 11px;display: block;position: absolute;left: -25px;border-radius: 50%;top: 8px;}
.tabs {

background: url(img/banner.jpg) 100% 100% no-repeat;

background-size: cover;
}
.pad{margin-top: 115px;}
/* Стили для списка вкладок */
.tab-header {
   list-style: none;
   padding-left: 0;
   display: flex;
   align-items: stretch;
   justify-content: space-between;
   margin: 0;
   /* position: sticky; */
   /* top: 128px; */
   z-index: 1;
}

/* Стили для вкладки */
.tab-header__item {
   padding: 10px 15px 9px;
   cursor: pointer;
   text-align: center;
   font-weight: 300;
   font-size: 17px;
   line-height: 16px;
   font-family: Qanelas;
   text-align: center;
   color: var(--dark);
   background: #FFFFFF;
   box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.25);
}
.tab-header__item:first-child{
   border-radius: 15px 0 0 15px;
}
.tab-header__item:last-child{
    border-radius: 0 15px 15px 0;
}
/* Стили для активной вкладки */
.tab-header__item.active {
   color: #000;
   position: relative;
   background-color: var(--green);
   font-weight: 700;
}

/* Стиль для списка контейнеров с содержимым вкладок */
.tab-content {
   list-style: none;
   padding: 0;
   margin: 0;
}

/* Стили для контейнера с содержимым вкладки. По умолчанию скрыт. */
.tab-content__item {
   display: none;
   padding: 30px 25px 35px;
}

/* Стили для активного контейнера вкладки */
.tab-content__item.active {
   display: block;
}
.tab-header__item:hover{background:var(--green);color: var(--dark);}

.simple{color: #000;font-weight: 600;font-size: 16px;align-items: center;text-transform: uppercase;padding: 9px 50px 8px;background: url(img/grey.svg) no-repeat;background-size: cover;}
.full{text-align:center;color: #000;font-weight: 600;font-size: 16px;text-transform: uppercase;background: url(img/yell.svg) no-repeat;padding: 9px 50px 8px;border: 0;position: relative;overflow: hidden;background-size: cover;}
.simple:hover{color: #fff;background: url(img/blue.svg) no-repeat;background-size: cover;}
/*.full:before{content:"";display: block;position: absolute;left: 0;top: 0;width: 0;height: 0;border-right: 25px solid transparent;border-top: 41px solid #fff;}
.full:after{content:"";display: block;position: absolute;right: 0;top: 0;width: 0;height: 0;border-left: 25px solid transparent;border-bottom: 42px solid #fff;}


.conn .full:before{content:"";display: block;position: absolute;left: 0;top: 0;width: 0;height: 0;border-right: 25px solid transparent;border-top: 41px solid var(--green);}
.conn .full:after{content:"";display: block;position: absolute;right: 0;top: 0;width: 0;height: 0;border-left: 25px solid transparent;border-bottom: 46px solid var(--green);}

.xmore:before{content:"";display: block;position: absolute;left: 0;top: 0;width: 0;height: 0;border-right: 25px solid transparent;border-top: 41px solid #fff;}
.xmore:after{content:"";display: block;position: absolute;right: 0;top: 0;width: 0;height: 0;border-left: 25px solid transparent;border-bottom: 42px solid #fff;}

.simple:before{content:"";display: block;position: absolute;left: 0;top: 0;width: 0;height: 0;border-right: 25px solid transparent;border-top: 41px solid #fff;}
.simple:after{content:"";display: block;position: absolute;right: 0;top: 0;width: 0;height: 0;border-left: 25px solid transparent;border-bottom: 42px solid #fff;}

.buts .full:before{content:"";display: block;position: absolute;left: 0;top: 0;width: 0;height: 0;border-right: 25px solid transparent;border-top: 41px solid #f1f1f1;}
.buts .full:after{content:"";display: block;position: absolute;right: 0;top: 0;width: 0;height: 0;border-left: 25px solid transparent;border-bottom: 42px solid #f1f1f1;}

.subb:before{content:"";display: block;position: absolute;left: 0;top: 20px;z-index: 1;width: 0;height: 0;border-right: 25px solid transparent;border-top: 40px solid #cc8801;}
.subb:after{content:"";display: block;position: absolute;right: 0;top: 19px;width: 0;height: 0;border-left: 25px solid transparent;border-bottom: 41px solid #dea001;}

.buts .simple:before{content:"";display: block;position: absolute;left: 0;top: 0;width: 0;height: 0;border-right: 25px solid transparent;border-top: 41px solid #f1f1f1;}
.buts .simple:after{content:"";display: block;position: absolute;right: 0;top: 0;width: 0;height: 0;border-left: 25px solid transparent;border-bottom: 42px solid #fff;}
*/
.subb{position:relative;flex: 0 0 35%;}
.bemm .full:hover{}
.full:hover{background: url(img/blue.svg) no-repeat;color:#fff;background-size: cover;}

.full2{
    display: flex;justify-content: center;align-items: center;color: #fff;font-weight: 500;font-size: 15px;text-transform: uppercase;background: var(--green);/* border-radius: 50px; */padding: 17px 25px 15px;border: 0;
}
.full2:hover{background: #fff;color:#000;}

.tabs h1{
}
.tabs h1 span{
    font-size: 46px;
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
}



.tabs h1:before{content:"";background:url(img/lay.svg) 0% 0% no-repeat;display: block;position: absolute;width: 175px;height: 70px;left: -20px;top: 35px;}
.buts .simple{
    margin-left: 10px;
}
.buts .full{
}
.buts .simple:hover{
}

.buts .full:hover{
}
.buts{display: flex;margin: 30px 0 0 0px;align-items: center;}
#main{
}
#main .inner{}

.first{
    /* color: #fff; */
}
.first .cont{width: 40%;/* margin-top: 25px; *//* display: block; */}
.first .cont p:before{background:url(img/dot.svg) no-repeat;width: 12px;height: 12px;display: block;position: absolute;left: -10px;top: 5px;}
.first .cont p{font-size: 18px;line-height: 24px;font-weight: 400;/* margin-bottom: 20px; */padding-left: 20px;position: relative;color: #000;}
.why{
    font-weight: 700;
    font-size: 18px;
    margin: 20px 0px;
}
.why span{}
.prems{
    display: flex;
    margin: 35px 0 65px;
    /* justify-content: space-between; */
}
.prem{
    position:relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 0 0 20%;
}
.prem:before{content:"";background: #FFFFFF;border-radius: 20px;width: 2px;height: 146px;position: absolute;right: 0px;top: -5px;}
.prem:after{content:"";background: #FFFFFF;border-radius: 20px;position: absolute;height: 1px;width: 100px;bottom: -20px;}
.prem:last-child{}
.prem:last-child:before{
    display: none;
}
.prem .img{
    height: 60px;
    margin-bottom: 20px;
}
.prem img{}
.prem span{font-size: 15px;width: 70%;line-height: 20px;}

.tab-content__item{}
.tab-content__item h2{color:#fff;font-size: 32px;line-height: 38px;margin: 10px 0 25px;}
.tab-content__item h2 span{}
.less{
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.lesx{display:flex;justify-content: space-between;
    flex-wrap: wrap;}
.bop .qblock{flex: 0 0 23%;margin-bottom:75px;flex-direction: column;}
.bop .xbuts{
    margin-top: 10px;
}
.bop .xbuts a{
    flex: auto;
    padding: 8px 0 6px;
}
.bop .xbuts .full{}
.bop .xbuts .fuld{
    background: var(--green);
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
}
.bop .xbuts .full:hover{
    background: var(--green);
    color: #fff;
}
.bop .xbuts .fuld:hover{
    background: var(--ora);
    color: #000;
}
.xline{
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: rgba(0,0,0,0.7);
    margin-top: 250px;
}
.xline a{
    font-weight: 700;
    font-size: 22px;
    color: #fff;
}
.xline span{
    font-weight: 700;
    font-size: 22px;
    color: #fff;
}
.xline a:hover{
    color: var(--lgreen);
}
.xblock{
    display: flex;
    flex: 0 0 24%;
    background: #fff;
    border-radius: 5px;
    flex-direction: column;
    margin-bottom: 25px;
    border-bottom: 5px solid var(--lgreen);
}
.ximg{
    border-radius: 15px 0;
}
.ximg img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
    position: relative;
}
.xname{}
.xname a{
    color: var(--green);
    font-family: Qanelas;
    border-bottom: 1px dashed;
    font-weight: 700;
}
.xname a:hover{}
.xprice{
    color: #fff;
    font-family: Qanelas;
    font-weight: 700;
}
.xbuts{
    display: flex;
    justify-content: space-between;
    /* padding: 5px 30px 20px; */
    /* border-bottom: 5px solid var(--lgreen); */
    border-radius: 0 0 10px 10px;
    align-items: center;
    border-top: 4px solid var(--lgreen);
}
.xbuts a{
    /* padding: 7px 0 5px; */
    /* flex: 0 0 45%; */
}
.short{}
.short p{}
.short p span{}
/*.catfull h2 span, .catfull h3 span{text-transform: lowercase;}*/
.cont p a{border-bottom: 1px dashed #000;}
.cont p a:hover{color:var(--green);border-bottom: 1px dashed var(--green);}
.catdesc p a{border-bottom: 1px dashed #000;}
.catdesc p a:hover{color:var(--green);border-bottom: 1px dashed var(--green);}
#xform{    position: relative;
top: -120px;}

#catt{}
#catt h2:after{color: rgba(0, 0, 0, 0.025);font-size: 100px;font-weight: 700;position: absolute;left: 0;right: 0;}
.central{
   
padding: 50px 0 0;
}
.under{position:relative;top: -15px;text-align:center;font-size: 18px;}
.central h2{font-size: 28px;line-height: 40px;position: relative;text-transform: uppercase;margin-bottom: 50px;color: #000;padding-left: 30px;font-weight: 600;}
.tbuts{
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -18px;
    left: 20px;
}
.tbuts a{
    padding: 7px 10px 5px;
    font-size: 12px;
    /* border: 0; */
}
.tbuts a:hover{/* border:0; */}
.tr:first-child .topis:before{content: none;}
.tr:last-child .topis:after{content: none;}
.topis{
    position: relative;
    padding: 20px;
}
.topis:before{position: absolute;width: 2px;height: 185px;background: var(--green);top: -47px;}
.topis:after{width: 2px;height: 185px;position: absolute;right: 0;background: var(--green);top: 51px;}
.topis p{
    font-size: 15px;
    line-height: 19px;
}
.troi{
    margin: 75px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.troi .tr{
    flex: 0 0 24%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    background: rgba(38, 38, 38, 0.1);
    backdrop-filter: blur(17.5px);
    border-radius: 20px;
    position: relative;
}
.troi .tr img{
    height: 100px;
    width: auto;
}
.troi h3{
    font-size: 20px;
    position: relative;
    margin: 0;
    padding: 15px 10px 10px 20px;
}
.tbuts .full{
    /* padding: 9px 15px 6px; */
}
.tbuts .simple{/* color:#000; *//* padding: 9px 20px 6px; */}
#else{background: url(img/else.jpg) 100% 50% no-repeat;background-size: cover;}

#else .h3{
    color: var(--green);
    font-size: 42px;
    width: 45%;
    margin: 0 auto;
    line-height: 48px;
	font-weight:700;
}
#else2{background: url(img/else.jpg) 100% 50% no-repeat;background-size: cover;}
#else2 .h3{
    color: var(--green);
    font-size: 42px;
    width: 45%;
    margin: 0 auto;
    line-height: 48px;
	font-weight:700;
}

.ebuts{}
.ebuts a{
    font-size: 15px;
    padding: 12px 40px 12px;
}
#else .central{
}
.ebuts .simple{
    border: 2px solid #fff;
    color: #fff;
}
.ebuts .simple:hover{border: 2px solid var(--green);color:#000;}
.ebuts .simple i{margin-right: 10px;
    position: relative;
    top: 1px;}
.btn.loadMoreBtn {
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: flex;
    flex: 0 0 100%;
    justify-content: center;
    margin-top: 25px;
}

.product-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product-tab {
    padding: 6px 20px 5px;
    background: #f1f1f1;);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    border: 1px solid var(--grey);
    font-size: 14px;
    flex: 1 0 auto;
    text-align: center;
    justify-content: center;
}

.product-tab.active {
    background: var(--ora);
    color: #000;
    border: 1px solid var(--ora);
}

.tab-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    gap: 14px;
    margin-bottom: 30px;
}

.view-all {
    display: block;
    margin-top: 25px;
    width: 150px;
    margin: 25px auto 0;
	text-align:center;color: #000;font-weight: 600;font-size: 16px;text-transform: uppercase;background: url(img/yell.svg) no-repeat;padding: 9px 50px 8px;border: 0;position: relative;overflow: hidden;background-size: cover;
}

.loading {
    text-align: center;
    padding: 50px;
    font-size: 18px;
}

#loadMore span{
    color: #fff;
    text-align: center;
    font-family: Qanelas;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
    padding: 9px 50px 8px;
    background: linear-gradient(90deg, #48A1E6 0%, #156EB4 100%);
    font-size: 16px;
}
#loadMore:hover span{background:var(--ora);color: #000;}
#loadMore span{position:relative;}
#loadMore span:before{content:"";display: block;position: absolute;left: 0;top: 0;width: 0;height: 0;border-right: 25px solid transparent;border-top: 41px solid #fff;}
#loadMore span:after{content:"";display: block;position: absolute;right: 0;top: 0;width: 0;height: 0;border-left: 25px solid transparent;border-bottom: 42px solid #fff;}
.btn.loadMoreBtn:hover {
   
}
.cblocks{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 50px 0 0;
}

.cblock{position: relative;display: flex;height: 200px;cursor: pointer;margin: 5px;flex: 1 0 15%;transition: all 0.3s ease-out 0s;border-radius: 10px;}
.cblock:first-child{
}
.cblock:last-child{
   
}
.cblock:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
  z-index: 2;
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  display: none;
}
.cblock:hover:after{content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: none;
  z-index: 2;}
  
  

.cname{
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    background: var(--green);
    border-radius: 10px;
    padding: 5px 10px;
    /* width: 160px; */
    text-align: center;
}

.cblock:hover .cname{background-color: var(--ora);color:#000;}
.cname b{}
.cname p{color: rgb(255, 255, 255);font-size: 24px;font-weight: 700;position: absolute;right: 5px;z-index: 3;padding: 10px;}
.cname span{
    background: var(--green);
    padding: 4px 10px 2px;
    top: 46px;
    font-weight: 700;
    position: absolute;
    left: auto;
    width: 115px;
    font-size: 14px;
    right: -1px;
}
.as-breadcrumbs{
    padding: 25px 0 25px 0px;
}
.breadcrumbs{
    color: var(--dark);
    display: flex;
}
.breadcrumbs li{
    color: var(--dark);
    margin: 0 10px;
}
.breadcrumbs li a{
    color: var(--dark);
    font-size: 14px;
    font-weight: 300;
}
.breadcrumbs li a:hover{
    color: var(--green);
    text-decoration: underline;
}
.breadcrumbs__current{}
.breadcrumbs__current span{
    color: var(--green);
    font-size: 14px;
    font-weight: 700;
}
#catinn{
    /* padding-bottom: 50px; */
}
#.catinn .sinner{}
.cattop{
    display: flex;
    justify-content: space-evenly;
    margin-top: 50px;
    /* align-items: center; */
}
.catimg{
    position:relative;
    flex: 0 0 30%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
}
.catimg:after{content:"";background: url(img/obod.svg) no-repeat;position:absolute;display:block;height: 428px;width: 445px;z-index: 0;left: -25px;top: -10px;}
.catimg img{
	
width: 400px;
	
height: 400px;
	
object-fit: cover;
	
border-radius: 50%;
	
z-index: 1;
}
.catdesc{
    flex: 0 0 55%;
    padding: 0 0px 0 50px;
}
.catdesc h1{
    margin: 0 0 50px;
    color: var(--green);
    font-size: 28px;
    text-transform: uppercase;
    padding-left: 30px;
}
.short{}
.short a{}
.short a:hover{}
.short p{
    color: #4d4d4d;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
.short p span{
    text-transform: lowercase;
}
.fcprice{
    font-weight: 500;
    font-size: 18px;
    position: relative;
    color: #fff;
    background: var(--green);
    /* text-transform: uppercase; */
    border-radius: 100px;
    padding: 10px 50px 8px;
}
.fcprice b{/* font-weight: 700; *//* font-size: 50px; */}
.offer{
    position: relative;
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 11px 75px 9px;
    background: var(--green);
    border-radius: 5px;
    border: 2px solid var(--green);
}
.offer:hover{
    background: #fff;
    color: var(--green);
}
#catalog{
   /* padding: 25px 0; */
}
.once .ximg {
    flex: 0 0 10%;
}
.once .ximg img{height:75px;}
.ou{}
.ou .img{background: #000;
    display: flex;
    padding: 10px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    justify-content: center;}
.once h2{color: #000;}
.once .xname a{color:#000;}
.once{/* background: url(img/main.jpg) 50% 50% no-repeat; */background-size:cover;color: #000;}
.once h3{color: #000;}
.once .why{color: #000;}
.once p{color: #000;}
.once .prem span{color:#000}
#sizes{/* padding:25px 0; */}
.hars{
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.hars li{
    display: flex;
    flex-direction: column;
	color:#fff;
}
.hars li b{
    font-weight: 400;
}
.hars li span{
    text-transform: lowercase;
    font-weight: 700;
}
.stop{
    background: #fff;
    border-left: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    bottom: auto;
    top: 15px;
    position: absolute;
    left: -10px;
    padding: 10px 15px;
    width: 205px;
	    height: 81px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    }
.stop span{
    font-weight: 700;
    font-size: 18px;
    display: block;
    white-space: nowrap;
    z-index: 1;
    position: relative;
}
.stop p{
    padding: 0;
    margin: 5px 0 3px;
    position: relative;
    width: max-content;
    font-size: 14px;
}
.stop b{
    font-weight: 700;
    font-size: 16px;
    width: max-content;
    position: relative;
    display: block;
}
.stop:before {
    content: "";
    display: block;
    position: absolute;
    right: -74px;
    top: -1px;
    width: 0;
    height: 0;
    border-top: 103px solid #fff;
    border-right: 75px solid transparent;
}
.sblock:hover .stop{}

.slist{
    /* height: 350px; */
    margin:0 0 25px;
    position:relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
.sblock{
    height: 350px;
    flex: 0 0 24%;
    margin-bottom: 15px;
    flex-direction: column;
    display: flex;
}
.stop{}
.sbottom{
    position: absolute;
    bottom: 15px;
    display: flex;
    left: 5%;
}
.sbottom a{
    padding: 5px 30px 2px;
}
.sbottom .full{}
.sbottom .simple{
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}
.sbottom .simple:hover{background:var(--green);border:2px solid var(--green);color:#000;}

.service{
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sdblock{position: relative;display: flex;height: 250px;margin: 5px;flex: 1 0 25%;border-left: 8px solid var(--lgreen);transition: all 0.3s ease-out 0s;border-radius:10px;}
.sdblock:nth-child(1){flex:1 0 45%}

.sdblock:nth-child(5){flex:1 0 45%}

.sdblock:nth-child(1) .bm{text-align:right;display: flex;align-content: flex-end;align-items: flex-end;width: 98%;left: 1%;}
.sdblock:nth-child(5) .bm{text-align:right;display: flex;align-content: flex-end;align-items: flex-end;width: 98%;left: 1%;}
/*.sdblock:last-child .bm{width: 96%}*/



.uff{margin:50px auto 0;width:200px;border-radius: 50px;}
.uff:hover{background:var(--green);color: #fff;}
.sdblock span{
       color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    background: var(--green);
    border-radius: 10px;
    padding: 5px 10px;
    /* width: 160px; */
    text-align: center;
   
}
.sdblock:hover .bm{background:rgba(0,0,0,0)}
.sdblock:hover span{background: var(--ora);color:#000;}
.sdblock a{
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    bottom: 10px;
    position: absolute;
    background: var(--green);
    border-radius: 0 0 10px 0;
    width: 135px;
    text-align: center;
    right: 10px;
    padding: 3px 0;
}
.sdblock a:hover{background: var(--ora);color:#000;}

.under a{
    position: relative;
    top: 20px;
    border: 2px solid var(--dark);
    color: var(--dark);
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 50px 8px;
    border-radius: 5px;
    font-size: 14px;
}
.under a:hover{
    background: var(--green);
}
::-webkit-scrollbar {
 width: 10px;
}

::-webkit-scrollbar-track {
 background-color: var(--grey);
}

::-webkit-scrollbar-thumb {
 background-color: var(--green);border-radius:5px;
}
#lists{}
#qblocks{margin-top: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;}
#qblocks a{}
.qblock{
    display: flex;
    height: 350px;
    margin:  10px;
    flex-direction:column;
    flex: 0 0 22%;
    }

.vb {
    /* background: #f1f1f1; */
    padding: 0;
    font-size: 15px;
    text-align: center;
    /* border: 1px solid #E7E7E7; */
    /* font-weight: 500; */
    border-radius: 3px;
    border: 0.5px solid #EAEAEA;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.see {
    /* background: #F1F1F1; */
    /* border: 1px solid #E7E7E7; */
    /* border-radius: 3px; */
    margin: 10px 0 15px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.see img {
    width: 266px;
    height: 256px;
    object-fit: cover;
}




.see b span{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
}
.see p {
    padding: 0;
    margin: 5px 0 3px;
    position: relative;
    width: max-content;
    font-size: 14px
}

.see b {
    font-weight: 400;
    font-size: 14px;
    width: max-content;
    position: absolute;
    text-transform: none;
    top: 183px;
    /* padding: 5px 20px 4px; */
    right: 25px;
    color: #000;
    background: var(--ora);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-transform: uppercase;
    line-height: 20px;
    width: 75px;
    height: 75px;
    justify-content: center;
    z-index: 2;
}

#qblocks .slick-dots li button{}
#qblocks .slick-dots li{}
#qblocks .slick-dots li button:before{
    color: #ccc;
    opacity: 1;
    font-size: 16px;
}
#qblocks .slick-dots li button:hover, .slick-dots li button:focus {}
#qblocks .slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;color: var(--green);
}
#qblocks .slick-dots li.slick-active button:before{
    color: var(--green);
    opacity: 1;
}
#qblocks .slick-dots{
    bottom: -50px;
}
.tagg{background: url(img/else.jpg) 100% 50% no-repeat;background-size: cover;padding: 15px 30px;display: flex;justify-content: space-between;margin-bottom: 35px;align-items: stretch;}
.tagg select{
    
}
.tagg select option{
    
}

.selectlink {
	background: #FFFFFF url(img/poly.svg) 96% 54% no-repeat;
	box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
	flex: 0 0 23%;
	padding: 9px 0px 1px;
	font-weight: 700;
	border-radius: 5px;
	position: relative;
}

.selectlink-control{font-size: 14px;}
.selectlink ul{
    height: 30px;
    overflow: hidden;
    padding: 0 15px 5px;
    width: 100%;
}
.showw{height: auto !important;display: block;overflow: visible !important;position: absolute;background: #fff;z-index: 2;left: 0;box-shadow: 2px 4px 5px rgb(0 0 0 / 25%);border-radius: 0 0 5px 5px;}
.selectlink ul li {display: flex;}
.selectlink ul li:not(:first-child){/* ; */padding: 2px 0 1px;}
.selectlink ul li:last-child a{border-bottom: 0px dashed #e8e8e8;}
.selectlink li a{cursor:pointer;font-size: 14px;width: 100%;}			
.selectlink li:not(:first-child) a{border-bottom: 1px dashed #e8e8e8}
.selectlink li:not(:first-child) a:hover {
	color:var(--green)
}
.tagg .greenh{
    position: absolute;
    top: 9px;
    background: #fff;
    border: 0;
    width: 80%;
    border-bottom: 0 !important;
}
.float{}
.tagg .greenh:hover{}
#resx{
    color: #fff;
    border: 2px solid #fff;
    margin-right: 0;
    padding: 7px 45px 4px;
    /* height: 23px; */
}
#resx:hover{cursor:pointer;color: #000;border: 2px solid var(--green);}
.onto{}
.onto .less{margin-top:0;}
.sex{display:flex!important;}
.onto .xblock{display:none;}

.onto .ximg{}
.onto .ximg img{}
.onto .xname{}
.onto .xname a{
    color: #000;
}
.onto .xname a:hover{}
.onto .xprice{}
.onto .xbuts{}
.onto .full{}
.onto .simple{
    color: #000;
}
.onto .full:hover{}
.onto .simple:hover{}


.tagchoice{
}
.tagchoice a{
    cursor: pointer;
    border: 1px solid var(--grey);
    border-radius: 5px;
    padding: 2px 7px 2px;
    margin: 0 3px 8px;
    font-size: 14px;
    position: relative;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.tagchoice a:hover{
    border: 1px solid var(--green);
    background: var(--green);
}
.greenh{border: 1px solid var(--green);
    background: var(--green);}

.trx:nth-child(2n):before{content:"";/* opacity: 0; */}
.trx:nth-child(2n):after{content:"";/* opacity: 0; */}
.trx:last-child{/*
    flex-direction: column;*/
}
.trx:last-child a{}
.trx:first-child:before{content:"";opacity: 1;left: -11px;}
.trx:last-child:after{content: "";}
.trx:first-child:after{content: "";}
.trx:last-child:before{content: "";}
.trx{
    position: relative;
    /* padding: 0 10px; */
}
.long{
    display: flex;
    margin-top: -100px;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}

.trx:before{content:"";position: absolute;width: 2px;height: 144px;background: var(--green);top: 51px;opacity: 0;}
.trx:after{content:"";width: 2px;height: 144px;position: absolute;right: 5px;background: var(--green);top: 51px;}
.trx p{
    padding: 0 15px;
}
.tagchoice{
    margin: 50px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.tagchoice .trx{
    flex: 0 0 30%;
    display: flex;
    text-align: left;
    padding: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

.trx span{
    font-size: 22px;
    border-bottom: 2px solid var(--green);
    width: calc(100% - 15px);
    padding-bottom: 5px;
    position: relative;
    left: 0;
    font-weight: 700;
    position: relative;
    top: -20px;
}

#catund{/*margin-top:50px;*/}

#reset{
    border: 2px solid var(--green);
    font-size: 14px;
    padding: 6px 15px 4px;
    position: absolute;
    bottom: -60px;
    right: 30px;
}
#snow{
    flex: 0 0 95%;
    width: 95%;
    display: flex;
    justify-content: flex-end;
}
#snow a{
}
#reset:hover{}
#ott{margin-bottom:100px}
#qblocks .sblock{margin:0 10px;}
#neww{
    display: flex;
    justify-content: flex-end;
    width: 95%;
}
#neww a{}
#newx{
    height: 300px;
}
#newx .stop a{
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    display: block;
}
#newx .stop{
    display: flex;
    align-items: center;
    height: 50px;
}
#newx .stop:before{
    content: "";
    display: block;
    position: absolute;
    right: -50px;
    top: -1px;
    width: 0;
    height: 0;
    border-top: 72px solid #fff;
    border-right: 50px solid transparent;
    }
#newr{
    height: 300px;
}
#newr .stop a{
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: block;
}
#newr .stop{
    display: flex;
    align-items: center;
    height: 50px;
    padding: 5px 10px;
}
#newr .stop:before{
    content: "";
    display: block;
    position: absolute;
    right: -50px;
    top: -1px;
    width: 0;
    height: 0;
    border-top: 62px solid #fff;
    border-right: 50px solid transparent;
    }
.cp{}
#normal{padding: 0 0 50px;}
#nx{}
#wox{
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#wox article{
    flex: 0 0 70%;
}
#wox article h1{}
.else{
    display: flex;
    flex-direction: column;
    flex: 0 0 25%;
    margin-bottom: 75px;
}
.else h2{margin: 0 0 25px;font-size: 22px;border-bottom: 2px solid var(--green);}
.metas{
    position: absolute;
    bottom: 30px;
    display: flex;
    align-items: center;
    right: -15px;
    background: rgb(9 67 105 / 70%);
    padding: 15px 20px 15px 5px;
    color: #fff;
}
.metas:after{
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    bottom: -15px;
    width: 0;
    height: 0;
    border-left: 15px solid rgba(0,0,0,0.7);
    border-bottom: 15px solid transparent;
    }
.mmx{
    color: #fff;
    margin: 0 15px;
}
.mx1{}
.mx2{}
.mx3{}
.mx4{}
.mmx .far,.mmx .fas{
    color: var(--lgreen);
    margin-right: 5px;
}
.heads{
    background-size: cover !important;
    height: 300px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 35px;
}
.heads h1{
    background: rgb(9 67 105 / 70%);
    color: #fff;
    padding: 25px 15px 25px 25px;
    position: relative;
    left: -15px;
    margin: 15px 0 0;
    font-size: 26px;
    line-height: 34px;
}
.heads h1:after{
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: -15px;
    width: 0;
    height: 0;
    border-right: 15px solid rgba(0,0,0,0.7);
    border-bottom: 15px solid transparent;
    }
.heads img{}
#wox .cont{}
#simple .as-breadcrumbs{
    padding: 25px 0;
    position: relative;
    left: -10px;
}
#simple .cont{padding-bottom:50px;}
.cont h4{
    font-size: 22px;
    line-height: 26px;
    margin: 25px 0;font-weight: 500;
}
.cont h5{
    font-size: 18px;
    line-height: 24px;
    margin: 15px 0;
	font-weight: 500;
}
.cont .ol{}
.cont .li{
    margin-bottom: 10px;
}
.sml{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.smh{
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 10px;
}
.sml div{
    flex: 0 0 11%;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
}
.sml div li{
    font-size: 15px;
    margin-bottom: 5px;
}
.sml div li a{}
.sml div li a:hover{
    text-decoration: underline;
}
.sm{
    font-size: 26px;
}
.partnerso{margin-top: 50px;}
.pars{
    background: #f1f1f1;
    border: 1px solid #d0d0d0;
    position: relative;
    margin-bottom: 25px;
    padding: 25px 0 10px;
}
.pars span{
    background: var(--green);
    font-weight: 500;
    padding: 10px 15px 9px;
    left: -15px;
    position: relative;
    top: -5px;
	color:#fff;font-style:italic;
}
.pars span:after{content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: -15px;
    width: 0;
    height: 0;
    border-right: 15px solid rgba(0,0,0,0.7);
    border-bottom: 15px solid transparent;}
.pars p{font-weight:300;font-style:italic;
    padding: 20px 15px 0;
}
.noi{position:relative;top:0px;display:block;}
.noi2{position:relative;top:-200px;display:block;}
#medd{}
#medd table{}
#medd table tbody{margin-bottom: 25px;display: flex;justify-content: space-between;flex-wrap: wrap;}
#medd table thead td{}
#medd table thead td h3{
    margin: 5px 0 0 10px;
    color: #000;
    font-size: 20px;
    line-height: 24px;
    }
#medd table tbody tr{flex:0 0 100%;display: flex;align-items: center;}
#medd table tbody td{text-align:center;padding: 10px 0px 10px 15px;width: 20%;color: #000;border-bottom: 1px dashed #ccc;}
#medd table tbody td:nth-child(2n){font-weight: 500;font-size: 17px;}
#medd table tbody td:first-child{text-align:left;width: 60%;font-weight: 300;font-size: 16px;}
#medd table tbody td:last-child{
}
#medd table tbody td:last-child a{margin-right:0;padding:0}

#tbl{
    border-right: 1px solid #e0e0e0;
}
#tbl thead{
    background: var(--green);
    border-right: 1px solid var(--green);
}
#tbl thead td{
    border: 0;
    padding: 10px 0;
    font-size: 14px;
}
#tbl tbody{
}

#tbl tbody td{
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    color: #000;
    font-weight: 400;
}
#tbl tbody tr{}
.cont table{width: 100%;margin: 10px 0 25px 0;}
.cont table tbody td{color: #747474;font-weight: 300;padding: 10px 5px;}
.cont table thead td{color: #000;font-weight: 700;border: 0;padding: 5px 5px 10px;/* background: var(--green); */border-bottom: 2px solid var(--green);}
#simple .breadcrumbs{color:#000;}
#simple .breadcrumbs li a{color:#000;}
#simple .breadcrumbs li{color:#000;}
#simple .breadcrumbs__current span{color:#000;border-bottom: 1px dashed #000;}
#nx .catimg img{height:300px;}
.nono{margin:0 auto;display:block;width: 100%;}
.nof{width:50%;margin:25px auto 0;}
.ulist{}
.ublock{}
.uname{}
.ulink{}
.nxm{margin-bottom:50px;}
.fell{    width: 100%;
    margin: 25px 0;
    height: 300px;
    object-fit: cover;}
.htime{
    /* flex: 0 0 23%; */
}
.htime2{}
.contact{}
.contact h3{}
.contact p{}
.contact p i{}
.cnleft{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 50px 0;
}
.cnright{}
.cnright iframe{}
.cnleft div{
    flex: 0 0 22%;
    margin-right: 5px;
    background: var(--ora);
    padding: 10px 10px;
    color: #000;
}
.cnleft div p{font-size: 15px;margin: 0 0 5px;}
.cnleft div a{font-size: 15px;font-weight: 300;}
.cnleft div a:hover{}
.headl{
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    color: #000;
}
.headl i{
    /* color: var(--green); */
    margin-right: 5px;
}
#else2 form{position: relative;}
.smx{font-size:15px;font-weight: 300;color: #000;}
#coll{color:#000;}

@media screen and (max-width : 1280px){
.hr2, .hr1 span{display:none;}
.ublocks div span{font-size:14px;}


}

@media screen and (max-width : 1140px){
	.nomd{max-width:770px;}
#nihao .tinv-wishlist {
    margin: 0 10px;
}
#catts .blox {
flex: 0 0 45%;}
.products-grid {
    grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
}
}
@media screen and (min-width : 1025px) {.pushy{display:none}}
@media screen and (min-width : 1025px) and (max-width : 1280px) {
	
	

.inner,.sinner{width:95%;}	.hmenu li a{/* padding: 13px 19px 11px; */}
.hcall a{    font-size: 13px;}
.hb.hadd{    flex: 0 0 17%;}



}
@media screen and (max-width : 1024px){
	.hmenu{
    display: none !important;
}
.woo-parent-categories a{
    flex: 0 0 32%;
    margin-bottom: 15px;
}
#mban p{width:65%;}
.ublocks div{
    flex: 0 0 33%;
    margin: 30px 0 85px;
}
	.menu-btn{}
	.menu-btn img{}
	.nomd {
        max-width: 690px;
    }
	.onec{order:2;margin-bottom: 25px;}
	#nihao .quantity-wrapper{order:1;flex: 0 0 65%;}
	#nihao .single_add_to_cart_button{order:3}
	#nihao .tinv-wishlist{order:4}
	
	.tops .hb{}
	.hphone a {

    font-size: 22px;

}
.ublocks div span {
    position: relative;
    left: 35px !important;
    top: -160px !important;
    font-weight: 600;
    font-size: 17px !important;
    text-transform: uppercase;
    color: #000;
    line-height: 23px;
}
.hcall{}
.hcall a{    font-size: 14px;}
.hphone span {

font-size: 18px !important;
}
.hmenu li a {
    padding: 13px 15px 11px;
    font-size: 15px;
}
	.ublocks div a {
    top: 95px!important;
    left: 115px!important;
}
.ublocks div span {

}
	.sub{}
	.tabs {
    background: url(img/banner.jpg) 0% 100% no-repeat;
    background-size: cover;
}
	
	.bop .qblock{    flex: 0 0 31%;}

	.cblock{
    flex: 1 0 20%;
}
	.hlogo{
    flex: 0 0 20%;
}
	#main{
    /* background: url(img/main.jpg) 430% 0% no-repeat; */
    /* background-size: contain; */
}
	.hcall{
    /* flex: 0 0 25%; */
}
	.hphone{
    /* flex: 0 0 30%; */
}
	.hadd{
    
}
	.rev span{left:0}
#mainmenu{display:none!important}
	.checker{opacity:0}
	.f2,.f3{flex:0 0 25%}
	.pad {
    margin-top: 100px;
}
.first .cont {
    width: 45%;
}
.newp{color:#fff;font-weight: 600;font-size:24px!important;}
.tab-content{flex: 0 0 100%;}
.tabs img{/* width: 50%; */}
	
	.fcprice b {
    font-weight: 500;
    /* font-size: 38px; */
}
.fcprice {
    font-weight: 500;
    /* font-size: 32px; */
    position: relative;
}
.offer{padding: 11px 50px 9px;}
	.f4{display:none;}
	.f1{
    flex: 0 0 20%;
}
	.xline {
    padding: 15px 10px;
    flex-direction: column;
}
.xblock{    flex: 0 0 32%;}
.xline span {
}
	.xbuts {

}
.topleft {
    flex: 0 0 45%;
}
#topper .inner img {
width: 50%;}
	.bnl .h2 {
       font-size: 48px;
    line-height: 58px;
    }
	#newx .stop:before {
    content: "";
    display: block;
    position: absolute;
    right: -49px;}
	.cnleft div p {
    font-size: 16px;
    margin: 0 0 5px;
}
.smx {
    font-size: 16px;
}
.cnleft div a {
    font-size: 16px;
    font-weight: 400;
}
	#newr .stop:before {
    content: "";
    display: block;
    position: absolute;
    right: -49px;}
#newr {
    height: 200px;
    max-height: 200px;
}
#newr .stop {
    width: 180px;
}	
	.hars {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    flex-direction: column;
}
.hars li {
    display: flex;
    flex-direction: row;
}
.hars li b {
    font-weight: 400;
    margin-right: 10px;
}
	#else .h3 {
	width: 55%;}
	.catimg {
    /* flex: 0 0 50%; */
    /* margin: 50px 0; */
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
}
.catimg img {
    /* width: 100%; */
    /* height: 335px; */
    /* object-fit: cover; */
}
.catdesc {
    flex: 0 0 42%;
    padding: 10px 25px 35px 30px;
}
.catdesc h1 {
    margin: 15px 0 20px;
}
.long{margin-top: 35px;
}
	.qblock div:before,.qblock:nth-child(even) div:before{    right: -74px;}
	.tab-header{top:95px;}
	.topis p {
    padding: 0 15px;
    font-size: 15px;
}
.conn{
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 25px auto 0;
    align-items: stretch;
}
.conn a{
    text-align: center;
    padding: 10px 10px 10px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 0;
    width: auto !important;
    margin: 5px 0 !important;
}
.sblock{flex: 0 0 32%;}
.conn .simple{font-family: Qanelas;}
.conn a i{
    margin-right: 10px;
}
.f2 li {
    font-size: 13px;
}
h1{
    font-size: 30px;
    font-weight: 700;
    margin: 25px 0 35px;    line-height: 36px;
}
.tabs h1{font-size:26px;    line-height: 30px;}
h2{font-weight: 700;font-size: 28px;line-height: 34px;margin: 15px 0 25px;}
h3{font-weight: 700;font-size: 24px;line-height: 30px;margin: 15px 0;}
.inner,.sinner{width:95%;}
.hlogo span,.flogo span{display:none;}
.subfooter .inner div {
flex: 0 0 15%;}
.slogo{}
.slogo img{
    width: 65%;
    margin: 25px auto 0;
    display: block;
    }
.menu-btn{background: none;border: 0;color: var(--lblue);font-size: 38px;cursor:pointer;display: flex;outline:none;margin-left: 20px;}
.hlogo img {
    width: 100%;
    position: relative;
    top: 4px;
}
.troi {
    flex-wrap: wrap;align-items: flex-start;
}
.troi .tr {
    flex: 0 0 49%;
    margin-bottom: 50px;align-items: stretch;}
.tbuts{    width: 85%;
    margin-left: auto;
margin-right: auto;}
.tbuts .full {
    padding: 9px 35px 6px;
}
.tbuts .simple {
    color: #000;
    padding: 9px 35px 6px;
}
.topped .inner {
    /* padding: 10px 0 9px; */
}
.fa-bars{
    color: var(--lblue);
}
.pad {
    
}
.xbuts a {
    padding: 9px 0px 8px;
}
.ximg img{/* height: 100px; */}
.mmx {
    color: #fff;
    margin: 0 10px;
}
}
@media screen and (min-width : 768px) and (max-width : 1023px) {.scrolled .hmenu{display: none !important;}
	.buts .full:before{content:"";display: block;position: absolute;left: 0;top: 0;width: 0;height: 0;border-right: 25px solid transparent;border-top: 41px solid transparent;}
.buts .full:after{content:"";display: block;position: absolute;right: 0;top: 0;width: 0;height: 0;border-left: 25px solid transparent;border-bottom: 42px solid transparent;}

.buts .simple:before{content:"";display: block;position: absolute;left: 0;top: 0;width: 0;height: 0;border-right: 25px solid transparent;border-top: 41px solid transparent;}
.buts .simple:after{content:"";display: block;position: absolute;right: 0;top: 0;width: 0;height: 0;border-left: 25px solid transparent;border-bottom: 42px solid transparent;}
	.menu-btn{display:flex!important}
	.central {
    /*padding: 0 0 50px 0 !important;*/
}
.qblock {
    display: flex;
    height: 350px;
    margin: 10px;
    flex-direction: column;
    flex: 0 0 45%;
}
.see a{}
.see b{
    right: 65px;
}
#catt{margin-top:-50px;}
	.hmenu{display:none;}
	.hcall a{
    padding: 8px 25px 7px 40px;
}
	.tops .hb{}
	.tops{
    width: 65% !important;
}
	.lio{
    width: 55%;
}
	.catimg:after {
    content: "";
    background: url(img/obod.svg) no-repeat;
    position: absolute;
    display: block;
    height: 428px;
    width: 445px;
    z-index: 0;
    left: 145px;
    top: -10px;
}
#catund {
    margin-top: -80px !important;
}
.ou {
    margin: 50px auto;
    display: block;
    width: 100%;
}
#cao {
    margin-top: -50px !important;}
	.tabs{}
	.ublocks div span{}
	.ublocks div a{}
	.ublocks div {
    flex: 0 0 49% !important;}
	
	.sub{
    font-size: 25px;
}
	.gblocks a{
    flex: 0 0 25% !important;
}
	.gblocks a img{
    width: 100%;
}
	.tabs img{
    /* width: 45%; */
    /* left: 20px; */
    position: relative;
}
	.bop .qblock {
    flex: 0 0 30%;
}
	.ab1 {
    flex: 0 0 100% !important;
}
	.ab2{display:none;}
	.tabs h1{
    font-size: 50px !important;
    line-height: 70px !important;
    margin: 5px 0px 5px !important;
    left: 20px;
}
.tabs h1 span{
    font-size: 36px;
}
	.first .cont {
    width: 55%;
    }
	#main {
    /* background: url(img/main.jpg) 417% 0% no-repeat; */
    /* background-size: auto; */
}
		.oncce{flex: 0 0 75%;}
	.hphone{
    flex: 0 0 35%;
}
	.hcall{
    flex: 0 0 30%;
}
	.menu-btn{
    flex: 0 0 5%;
}
	#else .central{/* flex-direction: column; */}
	.flogo img {
    width: 75%;
}
.cattop{flex-direction: column;}
	.sdblock span{font-size: 20px;}
	.bnl{/* text-align: center; */}
	.hadd{display:none!important}
	.cblocks{
    flex-wrap: wrap;
}
.fcprice b {
    font-weight: 500;
    font-size: 24px;
}
.fcprice {
    font-weight: 500;
    font-size: 24px;
    position: relative;
    margin-right: 20px;
}
.offer {
    padding: 11px 30px 9px;
}
	#topper .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
#topper .inner img{display:none;
}
#main .inner {
    padding: 0px 0 50px;
}
.htime{display:none!important;}
	.bnl .h2 {
    font-size: 36px;
    line-height: 50px;
}
	.xblock {
    display: flex;
    flex: 0 0 48%;}
	.once .xname a {
    color: #000;
    font-size: 14px;
}
.else {
    display: flex;
    flex-direction: row;
    flex: 0 0 25%;
    margin-bottom: 75px;
    margin-top: 50px;
    flex-wrap: wrap;justify-content: space-between;
}
.else h2 {
    flex: 0 0 100%;
}
.xname,.xprice{font-size: 14px;}
#medd table tbody td:last-child a {
    margin-right: 0;
    padding: 9px 35px 8px;
}
.catdesc h1 {
    margin: 15px 0 20px;
    font-size: 26px;
    line-height: 32px;
}
#wox{    flex-direction: column;}
#coll{font-size:14px;}
.hsea{display:none;}	

.hphone i{margin-right: 0;
    font-size: 20px;
    top: 5px}
.hlogo {
    flex: 0 0 35%;
}
.pad {
    margin-top: 90px;
}
.tagchoice .trx {
flex: 0 0 45%;}
.tab-header{    flex: 0 0 20%;}	
	.tab-header__item {    font-size: 11px;
padding: 3px 10px 2px;}
.xbuts a {
   /* margin: 0 5px;
    padding: 9px 0px 8px;*/
}	
.ximg img {
    /* height: 50px; */
}
.ximg {
    margin-right: 0;
    flex: 0 0 10%;
}
.first .cont p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.tab-content__item {
    padding: 15px 10px;
}
.tbuts {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.tbuts .full {
    padding: 9px 20px 6px;
}
.topis p {
    padding: 0 15px;
    font-size: 16px;
}
.trx:last-child {
    display: none !important;
}
#else .h3,#else span {
    width: 75%;
}
.tagg{    padding: 15px 15px;}
.sdblock{flex: 0 0 48% !important;}
.sbottom {
    position: absolute;
    bottom: 15px;
    display: flex;
    left: 5%;
    width: 95%;
    flex: 0 0 95%;
    justify-content: space-between;
}
#bform {
    background: url(img/form.jpg) 85% 50% no-repeat;
    background-size: cover;
}
.topfooter .inner{    flex-wrap: wrap;    align-items: flex-start;}
.ff{flex: 0 0 35%;}
.f3 {
    display: none;
}
.f2 {
    position: relative;
    /* top: 60px; */
    flex: 0 0 45%;
}
.cright a{font-size:14px;}
.catimg {
    /* flex: 0 0 45%; */
    margin: 0 0 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    }
.catdesc {flex: 0 0 45%;}
.catimg img {
    /* width: 100%; */
    /* height: 280px; */
    /* object-fit: cover; */
}
#resx{padding: 7px 15px 4px;}
.sblock {
    flex: 0 0 49%;
}
.cblock {flex: 1 0 30% !important;border-radius: 0 !important;}
.once .why,.once .prems{display:none;}
.once .ximg img {
    height: 50px;
}


}
.link{position: relative;
    top: -75px;}
.swal2-container {
	z-index: 99999 !important
}
#nid summary::-webkit-details-marker {
  display: none
}
#nid > summary {
  list-style: none;
}
@media screen and (max-width: 767px){
	.inn .woocommerce-MyAccount-navigation{margin-bottom:25px;}
	.cont .woocommerce{flex-direction:column;display:flex;}
	#else2 .central{
    padding: 25px 0 50px;
}
	#nihao .quantity-wrapper span{font-size: 16px;}
	.onec{font-size: 16px;}
	#nihao .single_add_to_cart_button{
    font-size: 14px;
}
	#nihao .tinv-wishlist a{
    height: 37px;
    width: 38px;
}
	.ctright .vm{
    flex: 0 0 40%;
}
	.ctright .vm:nth-child(2){display:none;}
	.ims{
    font-size: 18px;
}
	.ims:before{content:"";height: 39px;top: -8px;}
	.ctl{
    margin-right: 0;
}
	.ctr{}
	.ctline{
    padding: 10px 0;
    font-size: 16px;
}
	#nihao .cart{
    display: flex;
    justify-content: center;
}
	.product-image-link img{
    max-height: 225px;
}
	.vmob{
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.nomd{max-width:100%;}
	.cont p{
    font-size: 15px;
    line-height: 21px;
}
	.cont ul,.cont ol{
    margin: 10px 0 10px 30px;
}
	.cont ul li{}
	.zline .inner p{width:85%;}
	.cntk{
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    align-items: stretch;
}
	.cntk .f2{}
	#catts .blox{}
	#catts .products{
    display: flex;
    flex-direction: column;
}
	.cle{
    font-size: 20px;
    background: var(--lgrey);
    padding: 10px;
}
	#nid summary{}
	#nid summary:before {content: " + ";position: absolute;right: 10px;font-size: 30px;}
.zline{
    background: url(img/zline.png) 74% 50% no-repeat;
    background-size: cover;
    padding: 10px 0 !important;
}
.zerr{
    background: url(img/zline.png) 85% 50% no-repeat;
    background-size: cover;
}
#nid[open] summary:before {content: " - ";position: absolute;right: 10px;font-size: 30px;}

#nid[open] div {
  animation: spoiler 1s;
}
	#catts{
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}
#nid{}
	.zline h1{
    font-size: 20px;
    line-height: 22px;
    flex: 0 0 65%;
}
	.bios{
    max-height: 100px;
}
	#revv{padding-bottom:0;}
	.poll{
    margin-top: 15px;
}
.view-all{
    font-size: 14px;
    padding: 7px 25px 6px;
}
.ublocks div{
    flex: 0 0 40%;
    background-size: contain !important;
    margin: 35px 0 -25px;
}

#alle{padding-top:25px;}
.product-tabs{
    gap: 5px;
}
.product-tab{
    flex: 1 0 auto;
}
.product-tab img{}
.bemm{
    margin-top: -20px;
}
		.bemm .full{margin:0 auto;font-size: 15px !important;height: 40px;}
	.vl img{
    max-height: 45px;
}
.product-thumbnail img {
    max-height: 150px;
    object-fit: contain;
    min-height: 150px;
}
	.vr span{
    font-size: 15px;
}
	.vr p{
    font-size: 14px;
}
.woo-parent-categories a{
    flex: 0 0 48%;
    margin-bottom: 10px;
    background-size: 110px;
    height: 150px;
}
.woo-parent-categories a span{
    font-size: 13px;
    line-height: 18px;
}
	    .pushy-submenu ul li a {
        font-size: 15px;
        line-height: 19px;
    }
	.central h2:before{
    content: '';
    height: 39px;
    background-size: cover;
}
	.full{
    padding: 5px 30px 6px;
    background-size: cover;
    font-size: 14px;
}
	.full:hover{}
.bt2{
    padding: 7px 20px 7px;
    background-size: contain;
    font-size: 14px;
}
.bt2:hover{}
	.hcli a span{
    width: 15px;
    height: 15px;
    top: -3px;
    right: -3px;
    font-size: 9px;
}
.hl{
    margin-right: 0;
}
	.vl{}
	.vr{}
	.premv{
    display: flex;
    flex-wrap: wrap;
}
	.vm{
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
	.scrolled .hcli .wishlist_products_counter {
    top: -15px;
}
.hcli .wishlist_products_counter {
    margin-left: 0;
    top: -15px;
}
	.products-grid {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    }
	.hr{display:none;}
	.hcon{
    flex: 0 0 10%;
}
#mban{
    background: url(img/mban.jpg) 61% 50% no-repeat;
    background-size: cover;
    padding: 25px;
    display: flex;
    flex-wrap: wrap;
}
#mban h1{
    font-size: 30px;
    line-height: 120%;
    margin-bottom: 10px;
}
#mban img{
    margin-right: 5px;
    width: 45%;
}
#mban p{
    width: 90%;
}
.hcli a{
    margin-left: 5px;
}
.ml{
    flex: 0 0 100%;
}
.mr{
    margin-top: 25px;
    display: flex;
    flex: 0 0 100%;
    justify-content: center;
}
	.hcli a img{width:30px;}
	.scrolled .hcli a img{width:30px;}
	.hl img{width:30px;}
	.scrolled .hsea img{width:30px;}
.hsea{
    flex: 0 0 10%;
    display: flex;
    justify-content: flex-end;
    margin-right: 5px;
}
.hsea img{width:30px;}
.hcli{
    flex: 0 0 30%;
}
	#bess td:last-child {
    width: 35%!important;
}
#bess td:last-child a{    padding: 3px 20px 4px;
    font-size: 13px;
    background-size: contain;
}
#bess tbody td{
    padding: 5px;
    font-size: 14px;
    line-height: 18px;
}
#bess thead td{}
#bess td:first-child {
    width: 45%!important;
}
	.f2 li{justify-content: flex-start;}
	/*#footer{display:none!important}*/
	
	.hcall a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-bottom: 40px solid transparent!important;
    z-index: 9;
}
body{overflow-x:hidden;}
#down{-webkit-appearance: none;
   -moz-appearance: none;
appearance: none;padding: 15px 10px !important;height:50px !important;}
	.scrolled .topped .inner {
    padding: 0px 0 !important;
}
.rev{padding:20px !important;max-height: 275px!important;}
#seo .inner {
    flex-direction: column;
}
.scrolled .hlogo img {
    width: 100% !important;
}
.fsright{display:none;}
#else2 {
    background: url(img/else.jpg) 70% 50% no-repeat;
    background-size: cover;
}
	#serv{
    background: #fff !important;
}

	.subb {
    position: relative;
    flex: 0 0 100%;
}
	#catt h3{    margin-top: 50px;}
	.q2, .q3, .q4, .q5, .q6, .q7 {
    height: 325px !important;
    overflow: hidden;
}
	.see a{}
	.see b{
    right: 75px;
}
	.hphone span{
    font-size: 14px !important;
    margin-right: 5px !important;
    top: 1px !important;
}
	.hphone a{}
	.lio{
    margin: 0 auto;
    display: block;
}
	.conn .full:after {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-bottom: 47px solid var(--green);
}
.conn .full:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-right: 25px solid transparent;
    border-top: 46px solid var(--green);
}
	.hmenu,.scrolled .hmenu{display: none !important;}
/*	.buts .full:before{content:"";display: block;position: absolute;left: 0;top: 0;width: 0;height: 0;border-right: 25px solid transparent;border-top: 41px solid transparent;}
.buts .full:after{content:"";display: block;position: absolute;right: 0;top: 0;width: 0;height: 0;border-left: 25px solid transparent;border-bottom: 42px solid transparent;}

.buts .simple:before{content:"";display: block;position: absolute;left: 0;top: 0;width: 0;height: 0;border-right: 25px solid transparent;border-top: 41px solid transparent;}
.buts .simple:after{content:"";display: block;position: absolute;right: 0;top: 0;width: 0;height: 0;border-left: 25px solid transparent;border-bottom: 42px solid transparent;}*/
	.menu-btn{display:flex!important}
	.tops{
    width: 100% !important;
}
	.tops .hb{}
	.catdesc h1{    font-size: 22px;
    line-height: 28px;}
	.catdesc {
    flex: 0 0 42%;
    padding: 15px;
}
.ou {
    margin: 25px auto;
    display: block;
    width: 100%;
}
#medd table tbody tr {
    flex: 0 0 100%;
    display: flex;
    align-items: flex-end;
}
.cont h1 {
    font-size: 24px;
    line-height: 28px;
    position: relative;
    text-transform: uppercase;
    color: var(--green);
    margin-bottom: 30px;
}
#cao {
    margin-top: 0 !important;}
.catimg:after{content:"";background: url(img/obod.svg) no-repeat;position:absolute;display:block;height: 225px;width: 225px;z-index: 0;left: 70px;top: 10px;background-size: contain;}
.ublocks{justify-content: space-around !important;}

.ublocks div a{
    top: 0px !important;
    left: 15px !important;
    font-size: 13px;
    padding: 1px 30px 4px;
}
#revv .slick-dots {
    bottom: -30px;
}
.revv {
    width: 100%;
    margin: 0 auto;
}
.ublocks div span{left: 10px !important;font-size: 12px !important;}
	.sdblock:nth-child(5){flex:auto !important;}
	.sdblock:nth-child(1){flex:auto !important;}
	#qblocks .slick-dots{bottom:0 !important;}
	#qblocks {
    margin-top: 0 !important;
    flex-direction: column;
    display: flex;
    flex-wrap: nowrap;
}
.hcall a img{
    width: 42px;
}
.tabs h1 span{
    left: 0px;
    font-size: 26px;
    position: relative;
}
.oncce{
    display: flex;
justify-content:space-between;}
.tabs h1 {}
.tabs img {
    width: 75%;
    z-index: 1;
    position: relative;
    /* margin: 0 auto; */
    /* display: block; */
}
#catt {
    background: url(img/catt.jpg) 50% 0% no-repeat !important;
}
.gblocks a img {
    width: 100%;
}
.gblocks {
    display: flex;
    flex-wrap: wrap;
   justify-content: space-between !important;
  
}
.gblocks a{
flex: 0 0 48% !important;
    margin-bottom: 25px !important;
}
	.oncce{flex: 0 0 72%;border:0!important;padding: 0 !important;justify-content: flex-end;margin: 10px 0 !important;}
	.hphone img{
    width: 35px;
    margin-right: 7px;
}
	.hcall{
    flex: 0 0 39%;
}
	.hphone{flex: 0 0 15%;}
	.hlogo{}
	.hlogo img{
    width: 100%;
    top: 0;
}
	.fcprice b{font-size:28px;}
	.echo .cblock {
    flex: 1 0 35% !important;}
	.flogo {
    align-items: center;
}
	.bnl .h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 0;
}

.sdblock span{    font-size: 16px;padding:10px 20px}
#else .wpcf7 form.sent .wpcf7-response-output{position: relative;
    top: 30px;}
	.cname p{
    font-size: 18px;
}
.abb img {
    border-radius: 15px;
    width: 100%;
}
.cont h3 {
    color: var(--green);
    font-size: 18px!important;
    line-height: 24px!important;
    margin: 20px 0 10px;
}
#else2 .bnl{margin-bottom:25px;}
#else2 .central,.abb{flex-direction:column;text-align:center}
.f1 a{text-align:center}
	.hadd,.f1 p{display:none!important}
	.slogo img{width: 75%!important;}
	#simple{padding-top:15px;}
	.hphone i {
    color: var(--ora)!important}
	.cblocks{
    flex-wrap: wrap;
}
.cblock{}
	.xblock{flex:0 0 100%;margin-bottom: 25px;align-items: stretch;padding-bottom: 0;}
	#mexx{-webkit-appearance: none;
   -moz-appearance: none;
	appearance: none;}
	#else .central,.poll{flex-direction:column}
	.menu-btn{display:flex;flex: 0 0 12%;justify-content: flex-end;font-size: 32px;margin-left: 0;}
	.menu-btn img{
    width: 25px;
    height: 25px;
}
.poll div {
    margin-bottom: 25px;
}
.bemm p {
    flex: 0 0 100%;
}
	.topped{
    
padding: 10px 0;
}
	.topped .inner{padding: 0;}
.hrass, .trx:last-child, .f3, .subfooter, .htime, .adds, #mainmenu, #topper .inner, .checker, #catund{display:none!important;}
.hphone a{font-size: 17px;}
.hphone i {
    margin-right: 0px;
    top: 5px;
    font-size: 18px;
}
.pad {
    margin-top: 55px;
}
.tab-header__item {
    padding: 7px 5px 7px;
    font-size: 12px;
    line-height: 16px;
    flex: 1 0 13%;
    border-radius: 0 !important;
}
.first .cont p {
    display: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
.tab-header{flex-wrap: wrap;}
.tab-content{flex: 0 0 100%;display: flex;flex-direction: column;}
.tab-content__item{
    padding: 0 10px;
}
.tab-header__item:first-child{
    font-size: 12px;
}
h1{
    font-size: 22px;
    font-weight: 700;
    margin: 15px 0 25px;    line-height: 28px;
}
.tabs h1{font-size: 36px !important;line-height: 48px !important;top: 20px;}
h2{font-weight: 700;font-size: 22px;line-height: 28px;margin: 15px 0 20px;}
h3{font-weight: 700;font-size: 20px;line-height: 26px;margin: 15px 0;}
p{font-size:14px;line-height:20px;}
.cont li{font-size: 15px;line-height: 21px;margin-bottom: 10px;}
.copy .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 29px 0 24px;
    flex-direction: column;
    text-align: center;
}
.f2 {
    margin-top: 30px;
	display:flex;
	    flex-direction: column;width: 85%;

}
.topfooter .inner {
    padding: 50px 0;
    flex-direction: column;
    align-items: center;
}
.cright a {
font-size: 13px;}
.cleft {
    font-size: 13px;
    font-weight: 400;
    color: #fff;margin-bottom:10px;
    line-height: 19px;
}
.prems {
    margin: 20px 0;
    flex-direction: column;
}
.prem span {
    font-size: 12px;
    text-align: left;
    line-height: 16px;
}
.prem img {
    object-fit: contain;
    height: 35px;
    width: 35px;
    position: relative;
}
.prem .img {
    height: 35px;
    width: 35px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    position: relative;
}
.prem {
    display: flex;
    flex-direction: row;
    text-align: center;
    flex: 0 0 18%;
    align-items: center;
    margin-bottom: 10px;
}
.why {
    display: none;
    margin: 15px 0;
    font-size: 16px;
    line-height: 20px;
}
.sdblock {
    flex: auto;
    padding: 15px 15px 80px;
}
.under {
    position: relative;
    top: -15px;
    text-align: center;
    font-size: 15px;
    line-height: 21px;
}
.central h2 {
    font-size: 18px;
    text-align: left;
    line-height: 24px;
    margin-bottom: 30px;
    /* z-index: 0; */
}
.buts {
    margin: 10px auto 0;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    width: 75%;
}
.buts a{
    /* padding: 6px 5px 2px; */
    text-align: center;
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 12px;
    margin-left: 0 !important;
}
.hcall a {
    font-size: 12px;
    padding: 5px 20px 3px 35px;
}
.hlogo {
    flex: 0 0 35%;
    position: relative;
    top: 5px;
}
#trueModal,#trueModal2,#trueModal3,#trueModal4,#trueModal5 {
    max-width: 95%;
    width: 95%;
}
#main .inner {
    padding: 0;
    width: 100%;
}
.modalx .h3 {
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin: 15px 0 20px;
    font-size: 20px;
}
.modalx form {
    width: 100%;
    margin: 0 auto;
}
.cocos {-webkit-appearance: none;-moz-appearance: none;appearance: none;
    font-size: 14px;
    padding: 10px 10px;background: #FFFFFF url(img/poly.svg) 96% 54% no-repeat;
}
.breadcrumbs li a {
    color: #BABABA;
    font-size: 12px;
}
.breadcrumbs__current span {
    color: #fff;
    font-size: 12px;
}
.cattop {
    /* background: #fff; */
    background-size: contain;
    display: flex;
    padding: 0;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
}
.as-breadcrumbs {
    padding: 10px 0 10px 10px;
    display: none;
}
#catinn{padding-bottom:0;}
.tagg{
   display:none;
}

.cblock {flex: 1 0 35% !important;border-radius: 0 !important;height: 100px;}
.catimg img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}
.fcprice {
    font-weight: 700;
    font-size: 16px;
    position: relative;
    padding: 10px 35px;
}
.hars{margin-top: 15px;}
.hars li {
    font-size: 14px;
}
.long {
    margin-top: 25px;
}
.offer {
    position: relative;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 7px 40px 5px;
    background: var(--green);
    border-radius: 5px;
    border: 2px solid var(--green);
}
.catimg{margin:0}
.wpcf7-spinner{display:none !important}
.coco,#bform .coco{font-size:14px;padding: 10px;}

.coco::-webkit-input-placeholder{font-size:14px;}
.coco::-moz-placeholder{font-size:14px;}
.coco:-moz-placeholder{font-size:14px;}
.coco:-ms-input-placeholder{font-size:14px;}

#bform .coco::-webkit-input-placeholder{font-size:14px;}
#bform .coco::-moz-placeholder{font-size:14px;}
#bform .coco:-moz-placeholder{font-size:14px;}
#bform .coco:-ms-input-placeholder{font-size:14px;}
.cocos option{font-size:14px;}
.checker .wpcf7-list-item label .wpcf7-list-item-label {
    font-size: 12px;
    line-height: 16px;
}
.central {
    padding: 15px 0;
}
.tab-content__item h2 {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.less {
    margin-top: 25px;
    flex-direction: column;
}

#morr {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding-bottom: 0;
    margin-bottom: 25px;

}
#morr .ximg{
    /* display: none; */
}
#morr .xbuts{}
#morr .xbuts a{
    width: 100%;
    flex: auto;
}
#morr .simple{
    display: none;
}
#morr .full{
    margin-right: 0;
    padding: 5px 5px 4px;
    font-size: 12px;
}
#morr .xprice{
    font-size: 13px;
    line-height: 16px;
}
#morr .xname{}
#morr .xname a{
    font-size: 13px;
    border: 0;
    line-height: 16px;
    display: block;
}
.trx:after {
    content: "";
    width: 2px;
    height: 100px;
    position: absolute;
    right: 5px;
    background: var(--green);
    top: 35px;
}
.tagchoice{    flex-direction: column;}
.tagchoice a {
    cursor: pointer;
    border: 1px solid var(--grey);
    border-radius: 5px;
    padding: 1px 4px 1px;
    margin: 0 2px 5px;
font-size: 12px;}
#fast{margin:-50px 0 0}
#murr{    margin-bottom: 5px;}
#murr .xbuts {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
#else .central {
    text-align: center;
    padding: 35px 0 50px;
}
#else .h3 {
    width: 100%;
    font-size: 26px;
    line-height: 32px;
}
#else span{
    width: 75%;
    margin: 20px auto 35px;
    font-size: 16px;
    line-height: 22px;
    }
.ebuts a{
    padding: 8px 5px 5px;
    font-size: 12px;
    flex: 0 0 44%;
    margin-right: 0;
}
.ebuts a i{
    margin-right: 5px !important;
    top: 0 !important;
}
.ebuts{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
}
#else{/* margin:25px 0; */background: url(img/else.jpg) 70% 50% no-repeat;background-size: cover;}
#murr .xbuts a{
    font-size: 11px;
    text-align: center;
    margin: 2px 0;
    padding: 2px 10px;
}
#murr .ximg{

margin-right: 10px;

flex: 0 0 20%;
}
#murr .ximg img{
    height: 75px;
}
#murr .xprice{
    font-size: 13px;
    line-height: 16px;
}
#murr .xname{
    margin-right: 15px;
}
#murr .xname a{
    font-size: 13px;
    border: 0;
    line-height: 16px;
    display: block;
}
.trx span {
font-size: 18px;    white-space: nowrap;}
.tagchoice .trx {
    flex: 0 0 45%;
    text-align: left;
padding: 10px;margin-bottom:10px;}
.troi{flex-direction:column;margin: 25px 0 0;}
.tbuts {
width: 90%;}
.tbuts .simple {
    color: #000;
    padding: 9px 25px 6px;
}
.tbuts .full {
    padding: 9px 15px 6px;
}
.service {
margin-top: 15px;}

#qblocks .slick-dots li {
    margin: 0 0px;
}

.flogo img {
    width: 85%;
}
#bform {
    background: url(img/form.jpg) 59% 50% no-repeat;
    background-size: cover;
}
#bform .h2 {
    color: #fff;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    margin: 15px 0 15px;
}
.sub {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 20px;
}
#bform .sinner {
    padding: 25px 0;
}
#bform form {
    width: 60%;
    margin-top: 50px;
}
.selectlink li a {
    cursor: pointer;
    font-size: 12px;
    width: 100%;
}
.sblock {
    flex: 0 0 100%;
    height: 300px;
}
.sbottom {
    position: absolute;
    bottom: 15px;
    display: flex;
    left: 5%;
    width: 95%;
    flex: 0 0 95%;
    justify-content: space-between;
}
.sbottom a {
    padding: 5px 35px 2px;
}
.once h3 {
    color: #000;
    font-size: 18px;
    line-height: 22px;
}
.nos{display:none;}
#catund {
    margin-top: 0;
}
#tbl thead td {
    border: 0;
    padding: 5px;
    font-size: 12px;
    line-height: 16px;
}
#tbl tbody td {
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    color: #000;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
#wox article {
    padding: 0 10px;
}
.heads h1 {
    /* background: rgba(0,0,0,0.6); */
    color: #fff;
    padding: 10px 10px 10px 25px;
    position: relative;
    left: -15px;
    margin: 15px 0 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}
.mmx {
    color: #fff;
    margin: 0 10px;
    font-size: 14px;
}
.metas {
    position: absolute;
    bottom: 30px;
    display: flex;
    align-items: center;
    right: -15px;
    /* background: rgba(0,0,0,0.6); */
    padding: 15px 20px 15px 5px;
    color: #fff;
    flex-wrap: wrap;
    justify-content: center;
}
.mx4 {
    margin-top: 10px !important;
}
.else {
    display: flex;
    flex-direction: row;
    flex: 0 0 25%;
    margin-bottom: 25px;
    flex-wrap: wrap;
}
#medd table thead td h3 {
    margin: 5px 0 0 0px;
    color: #000;
    font-size: 18px;
    line-height: 24px;
}
#wox {
    padding: 25px 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
#medd table tbody td:last-child a {
    margin-right: 0;
    padding: 5px 10px;
}
#makk{    overflow-x: scroll;}
#makk table{}
#medd table tbody td {
    padding: 10px 0;
    width: 30%;    font-size: 13px;
    line-height: 16px;
}
#medd table tbody td:first-child {
   text-align: left;
    width: 41%;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    
}
.cnleft {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 25px 0;
    flex-wrap: wrap;
}
.cnleft div {
    flex: 0 0 43%;
    margin-right: 0;
    /* background: #f6f6f6; */
    padding: 10px 10px;
    margin-bottom: 8px;
}
.cnleft div p {
    font-size: 14px;
    margin: 0 0 5px;
}
.smx {
    font-size: 14px;
}
.cnleft div a {
    font-size: 14px;
    font-weight: 400;
}

}

.hb.hadd {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    /* flex: 0 0 26%; */
    display: flex;
}

.hadd .fas {
    position: relative;
    color: var(--green);
    font-size: 18px;
    left: -5px;
}

.htime i {
    color: var(--green);
    font-size: 22px;
    position: relative;
    top: 2px;
}

.htime div {
    color: var(--dark);
    margin-left: 15px;
}

.htime span {
    font-size: 18px;
    font-family: Qanelas;
    position: relative;
    top: 3px;
    font-weight: 700;
}

.hphone i {
    color: var(--green);
    margin-right: 5px;
    position: relative;
    top: 2px;
    font-size: 16px;
}

.hmenu ul::before {
    /* content: ""; */
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    border-left: 50px solid rgb(255, 255, 255);
    border-bottom: 50px solid transparent;
}
.bemm .full,.bemm .full2{
    width: 100%;
    /* padding: 10px; */
    position: relative;
    top: 20px;
    font-size: 18px;
}
.f2 li i{
    color: var(--ora);
    font-size: 16px;
    margin-right: 10px;
}
.echo .cblock{
    flex: 1 0 13%;
    height: 100px;
}
.f2  li{
}
#revv h2{}
.revv .slick-track{display:flex!important;align-items: stretch;/* padding-top:15px; */}
#menu-item-7246::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 10px;
    width: 17px;
    height: 19px;
    display: block;
    background: url(img/home.svg);
}
.bemm .full,.bemm .full2{cursor:pointer}

.simple2{
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    background: #000;
    flex: 0 0 50%;
    text-align: center;
    padding: 10px 0 6px;
}
.simple2:hover{
    background: var(--lgreen);
	color:#000
}
.tabs h1 {
    color: #fff;
    font-size: 72px;
    line-height: 80px;
    position: relative;
    text-transform: uppercase;
}
#cblocks {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cblock:nth-child(4n) {
    flex: 1 0 35%;
}
.long a{
    /* padding: 15px 50px 13px; */
    /* font-size: 20px; */
    border-radius: 100px !important;
}
.xline p{
    margin: 10px 0 5px;
    color: #fff;
}
.hadd img{
    margin-right: 10px;
}
.htime p{
    /* color: var(--ora); */
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.hlogo:after{content:"";}
.hlogo:before{content:"";}
.oncce{
    display: flex;
     justify-content:space-between;
    padding: 0 0 25px 50px;
    align-items: center;
    border-left: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
    margin: 25px 0;
}
.hmenu li:after{/* content:""; */width: 1.2px;height: 18px;background: #000;display: block;position: absolute;top: 16px;right: 0;}
.hmenu li:last-child:after{content:"";display: none;}


.bm{
    width: 94%;
    height: 94%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    position: relative;
    top: 3%;
    left: 3%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cblock:hover .bm{ background: rgba(0, 0, 0, 0);}
.hide{display:none;}

.cprice{
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    top: -5px;
    position: relative;
}
.long .full{
    border-radius: 5px;
    padding: 10px 50px 8px;
    background: var(--ora);
    text-transform: none;
    font-size: 18px;
}

.uo{    color: var(--green);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;}
.ou{margin:50px auto;display:block;}
.long .full:hover{
    color: #fff;
    background: var(--green);
}
.cblock:last-child .bm{text-align:right;display: flex;align-content: flex-end;align-items: flex-end;width: 98%;left:1%;}
.cblock:nth-child(4n) .bm{text-align:right;display: flex;align-content: flex-end;align-items: flex-end;width: 98%;left:1%;}
.cblock:nth-child(4n) .cprice{
    left: -10px;
}
.cblock:last-child .cprice{
    left: -10px;
}
.cblock:nth-child(4n) .cname{}
.abb{
       display: flex;
    justify-content: space-between;
    align-items: center;
}
.ab1{    flex: 0 0 60%;}
.ab2{    flex: 0 0 35%;}
.abb img{border-radius: 15px;}
.h3:before{content:"";}


.ff .h3:before{content:"";background: var(--lblue);position: absolute;width: 14px;height: 14px;left: -25px;border-radius: 50%;top: 5px;}
.scrolled .hlogo img{}
.scrolled .hlogo{}
.hide{display:none;}
.scrolled .hide{display:flex;}

.scrolled .topped .inner{
    padding: 10px 0;
}

.central h2 span{}
.hh1{
    flex: 0 0 10%;
}
.hh1 img{
    width: 125px;
    top: -5px;
}
.gblocks{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.gblocks a{
    flex: 0 0 25%;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}
.ublocks{
  

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ublocks div a:hover{background: url(img/blue.svg) no-repeat;background-size: cover;color: #fff;}
#cao{margin-top:75px;}
.u1{background: url(img/u1.png) 50% 0% no-repeat;}
.u2{background:url(img/u2.png) 50% 0% no-repeat;}
.u3{background:url(img/u3.png) 50% 0% no-repeat;}
.u4{background:url(img/u4.png) 50% 0% no-repeat;}
.u5{background:url(img/u5.png) 50% 0% no-repeat;}
.u6{background:url(img/u6.png) 50% 0% no-repeat;}
.gblocks a img{}
.tops{
    display: flex;
    flex-wrap: wrap;
    width: 48%;
    justify-content: space-between;
}
.tops .hb{
    flex: 0 0 50%;
    margin-bottom: 25px;
    position: relative;
    display: flex;
    align-items: center;
}
.lio{
    margin-top: 0px;
}
.hphone span{
    font-weight: 400;
    margin-right: 7px;
    font-size: 22px;
    position: relative;
    top: 3px;
}
.fsleft{
    flex: 0 0 60%;
}
.fsright{
    flex: 0 0 33%;
}
.fsright img{
    width: 100%;
    margin-top: 50px;
}
.fsall{
    flex: 0 0 100%;
}
.f5{
    flex: 0 0 10%;
}
.f6{}
.xsname{min-height: 50px;
    font-style: italic;
    color: #000;
    font-weight: 600;
    font-size: 18px;
}
.xsname i{
    color: var(--lblue);
}
.vb span{
    background: #F1F1F1;
    flex: 0 0 50%;
    text-align: center;
    font-weight: 500;
    padding: 5px 0;
}
.vb div{
    text-align: center;
    flex: 0 0 50%;
}
#catt{background: url(img/catt.jpg) 50% 50% no-repeat;}
.hh2{}
.hh2 a img{}
.hh2 a{}
.scrolled .home{
    display: none;
}
.scrolled .home2{
    display: none;
}
.scrolled .menu-glavnoe-menyu-container{
    /* left: -30px; */
    position: relative;
}
.rline{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}
.rline b{
    font-size: 14px;
    color: var(--green);
    font-weight: 400;
}
.rline span{}
.rline img{}
.rev a{
    color: var(--lblue);
    font-size: 15px;
    border-bottom: 1px dashed var(--lblue);
}
.rev a:hover{
    color: var(--green);
    border-bottom: 1px dashed var(--green);
}
.q6 {
    /*font-size:18px;*/flex-direction: column;
}

.scrolled .hmenu{
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    /* padding: 0; */
}
#serv{
	 position: relative;
}
.q1,.q2,.q3,.q4,.q5,.q7{height: 375px;overflow:hidden;}
.xall{height:auto!important;}
.xmore{
    /* flex: 0 0 100%; */
    display: flex;
    justify-content: center;
    cursor: pointer;
    background: url(img/blue.svg) no-repeat;
    width: 200px;
    margin: 0 auto;
    position: relative;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 15px 7px;
    background-size: cover;
}
.xmore:hover{
    background: url(img/yell.svg) no-repeat;
    color: #000;
    background-size: cover;
}
.scrolled .topped{    box-shadow: 0 2px 5px 1px #e1e1e1;}
.see:after{content:"";background:url(img/mask.png) no-repeat;width: 266px;height: 256px;position: absolute;display: block;}
.see a{
    background: url(img/blue.svg) no-repeat;
    position: absolute;
    color: #fff;
    top: 204px;
    left: 0;
    padding: 7px 60px 6px 50px;
    font-size: 14px;
    z-index: 1;
    background-size: cover;
}
.see a:hover{background: url(img/yell.svg) no-repeat;color: #000;background-size: cover;}
.woocommerce a.added_to_cart,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after{display:none;}
.xxv {
    width: 75%;
}
@media screen and (max-width : 360px){
.hphone a {
    font-size: 16px;
}	
.hcall a {
    font-size: 12px;
    padding: 5px 18px 4px 30px;
    background: url(img/yell.svg) 100% 50% no-repeat;
    background-size: cover;
}
.hcall a:hover {
    background: url(img/blue.svg) 100% 50% no-repeat;
    color: #fff;
    background-size: cover;
}



}
.woocommerce-notices-wrapper{flex:0 0 100%;}
@media screen and (max-width : 320px){
	
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 844px) 
and (orientation : landscape) {
	
}

.woocommerce-MyAccount-navigation-link{}
.woocommerce-MyAccount-navigation-link:before{content:'';display: none !important;}
.inn .woocommerce-MyAccount-navigation{
    width: auto; flex: 0 0 20%;
}
.woocommerce-MyAccount-navigation ul{
    margin: 0;
}
.woocommerce-MyAccount-navigation-link.is-active a{background: var(--ora);}
.woocommerce-MyAccount-navigation-link a{
    padding: 10px 15px;
    background: var(--lgrey);
    font-weight: 500;
    transition: background 0.15s;
    display: block;
}
.inn .woocommerce-MyAccount-content{width:auto;flex:0 0 75%;}
.woocommerce-MyAccount-navigation-link a:hover{
    background: var(--ora);
}
.woocommerce-MyAccount-navigation-link--edit-address, .woocommerce-MyAccount-navigation-link--downloads{display:none;}