/*
Theme Name: Heat Water Trade
Author: Ruslan Ratych
Version: 1.0
*/

:root{
	--primary: #3B4AA7;
    --gray: #f5f5f5;    
}

@font-face {
  font-family: 'icomoon';
  src:
    url('fonts/icomoon.ttf?lixb5b') format('truetype'),
    url('fonts/icomoon.woff?lixb5b') format('woff'),
    url('fonts/icomoon.svg?lixb5b#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ico-"], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-cart:before { content: "\e900";}
.ico-email:before { content: "\e901";}
.ico-facebook:before { content: "\e902";}
.ico-instagram:before { content: "\e903";}
.ico-navi:before { content: "\e904";}
.ico-search:before { content: "\e905";}
.ico-support:before { content: "\e906";}
.ico-telegram:before { content: "\e907";}
.ico-viber:before { content: "\e908";}
.ico-wishlist:before { content: "\e909";}
.ico-youtube:before { content: "\e90a";}
.ico-filter-outline:before { content: "\e90b";}
.ico-close:before { content: "\e90c";}
.ico-linkedin:before { content: "\e90d";}

/* layout */
body { font-family: 'Montserrat', serif; color:#000;}
#wrapper { width:100%; min-width:300px; position:relative; overflow:hidden; min-height:100vh;}
#wrapper:before { content:''; position: absolute; left:50%; top:0; transform:translateX(-50%); margin-left: -120px; width: 1078px; height: 1017px; background:url(images/back-bg.png) no-repeat; background-size:100%; pointer-events: none; z-index: -1;}
.admin-bar #wrapper { min-height:calc(100vh - 32px);}
#content-wrapper { padding-top: 15px;}
#content-wrapper:after { content:''; display: table; clear: both;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { padding-left: 20px; padding-right: 20px;}
@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1330px;}
}

a { color:var(--primary); text-decoration: none; transition: all 0.2s ease;}
a:hover { color:var(--primary); text-decoration: none;}
h1, h2, h3, h4, h5, h6 { color:#000; font-weight:bold; text-transform: uppercase; margin: 0 0 18px;}
h1 { margin-bottom: 2.5rem;}
h1, h2 { font-size:2.25rem; line-height:2.5rem; text-transform: uppercase;}
h3 { font-size: 1.5rem;}
h4 { font-size:1.125rem;}
h5 { font-size: 1rem;}
h6 { font-size: 0.9rem;}
img { max-width: 100%; height: auto;}
#wpadminbar { position: fixed;}
.hidden { display: none;}

.jcarousel { position:relative; overflow:hidden;}
.jcarousel>ul { width:20000em; position:relative; list-style:none; margin:0; padding:0;}
.jcarousel>ul>li { float:left; position:relative;}

input, textarea, select, button { font-family: 'Montserrat', serif;}
input.input-text, input.wpcf7-captchar, select.input-text, textarea.input-text, .form-control { background: var(--gray); border-radius: 10px; color:#000; border: 1px solid var(--primary); width: 100%; max-width: 100%; font-size: 1rem; line-height: 1.5rem; font-weight: bold; height: calc(3rem + 2px); padding: .75rem 1.25rem; outline: none;}
select { background: var(--gray) url(images/select-triangle.svg) no-repeat right 1rem center; background-size: 10px; -webkit-background-size: 10px; border-radius: 10px; color:#000; border: 1px solid var(--primary); width: 100%; max-width: 100%; font-size: 1rem; font-weight: bold; height: 3.125rem; padding-left: 1.25rem; padding-right: 2rem; outline: none;}
textarea.input-text, textarea.form-control { display:block; resize:vertical; height: 7.5rem;}
.button { display:inline-block; position: relative; background: #61C5FF; background: linear-gradient(90deg, #61C5FF 0%, #F52FAA 100%); color:#fff; border:none; border-radius:15px; padding: 15px 20px; font-size: 14px; line-height: 20px; font-weight: bold; text-transform: uppercase; text-align: center; transition: all .2s ease; max-width: 100%; text-decoration:none !important;}
.button:hover { background: #F52FAA; background: linear-gradient(90deg, #F52FAA 0%, #61C5FF 100%); color:#fff;}
.button.w-200 { width: 200px;}
.button.w-300 { width: 300px;}
.button [class^="ico-"], .button [class*=" ico-"] { position: absolute; left:20px; top:50%; transform:translateY(-50%); font-size: 20px;}
button:focus { outline: none;}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance: textfield;}
select { -moz-appearance: none; -webkit-appearance: none; appearance: none;}
select::-ms-expand { display: none;}

/* Header */
.page-header { padding: 0; position: relative; z-index: 150;}
.page-header>.container { display: block;}
.header-main { padding: 10px 0;}
.header-logo { width: calc((100% - 90px)/4); text-align: center; margin-right: auto;}
.navbar-brand { padding: 0; margin: 0;}
.header-contacts-item { display: flex; margin-left: 20px; font-size: 20px; line-height: 24px; font-weight: bold;}
.header-contacts-item a { margin-left: 16px;}
.header-contacts-item .ico-email { position: relative; top:2px; margin-right: 10px;}
.header-contacts-item .ico-viber, .header-contacts-item .ico-telegram { font-size: 24px; line-height: 24px;}
.header-contacts-item .ico-viber { color:#754A91;}
.header-contacts-item .ico-telegram { color:#34AADF;}
.header-actions { margin-left: 30px;}
.header-action { margin-left: 10px;}
.hact-btn { display: block; position: relative; width: 40px; height: 40px; border-radius: 10px; padding: 10px; background-color: var(--gray); font-size: 20px; line-height: 20px; text-align: center;}
.hact-btn i { background-image: linear-gradient(0, #F52FAA, #61C5FF); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent;}
.header-action .hact-count { display: block; top:-4px; right:-4px; position: absolute; min-width: 16px; height: 16px; font-size: 12px; line-height: 16px; font-weight: bold; text-align: center; padding: 0 2px; border-radius: 8px; background: var(--primary); color:#fff;}
.header-navi { padding:0 0 10px;}
.navi-inner { width: 100%; padding: 0; display: flex;}
.main-menu { width: 100%;}
.main-menu>li>a { display: block; font-size: 14px; line-height: 20px; color: #000; text-transform: uppercase; text-align: center; font-weight: bold; padding: 10px; white-space: nowrap;}
.main-menu>li.current-menu-item>a, .main-menu>li>a:hover { color:var(--primary);}
.catalog-menu-wrapper { position: relative; width: calc((100% - 60px)/3); flex-shrink:0; margin-right: 30px;}
.catalog-menu-toggler { display: block; position: relative; font-size: 14px; line-height: 20px; background: var(--gray); border-radius:10px; color:var(--primary); text-transform: uppercase; text-align: center; font-weight: bold; padding: 10px; white-space: nowrap; cursor: pointer;}
.catalog-menu-toggler:before { content: "\e904"; font-family: 'icomoon'; display: block; position: absolute; left:15px; top:50%; transform:translateY(-50%); font-size: 16px; line-height: 20px; width: 20px; height: 20px; text-align: center;}
.catalog-menu-toggler:hover, .catalog-menu-wrapper.opened .catalog-menu-toggler { background: var(--primary); color:#fff;}
@media (min-width: 992px){
    .catalog-menu-wrapper.opened .catalog-menu-toggler { border-radius: 10px 10px 0 0;}
}
.catalog-menu { display: none; position: absolute; left:0; width: 100%; top:100%; background: var(--primary); border-radius: 0 0 10px 10px;}
.catalog-menu-wrapper.opened .catalog-menu { display: block;}
.catalog-menu-list { padding: 0 20px 10px; margin: 0; list-style: none;}
.catalog-menu-list li a { display: block; font-size: 14px; line-height: 15px; font-weight: 500; padding: 10px 0; color:#fff; border-top:1px solid rgba(255,255,255,0.2);}
.search-form-center { width: 100%;}
.search-form { position: relative;}
.search-form .input-search { width: 100%; background: var(--gray); border-radius: 10px; border:none; font-size: 14px; line-height: 20px; color:#000; padding: 10px 50px 10px 16px; outline: none;}
.search-form .submit-search { display: block; position: absolute; width: 50px; height: 40px; top:0; right:0; padding: 10px 15px; color:var(--primary); font-size: 20px; line-height: 20px; border:none; box-shadow: none; outline: none; cursor: pointer; background: none;}
.navbar-toggler { width: 40px; height:40px; background: var(--gray); color:var(--primary); font-size: 20px; line-height: 20px; padding: 10px; border-radius: 10px; border:none; outline: none; margin-left: 10px;}

/* Layout */
.page-section { min-height: 400px; margin-bottom: 2rem;}
.section { padding: 3.125rem 0;}
.section-heading { display: flex; align-items:center; margin-bottom: 3.125rem;}
.section-heading .heading-right { margin-left: auto;}
.section-heading .section-title { margin: 0;}
.cat-item { display: block; position: relative; text-decoration: none; border:1px solid #e5e5e5; border-radius: 20px; margin-bottom: 30px;}
.cat-item .cat-image { display: block; position: relative; background: #e5e5e5; border-radius: 20px; padding-bottom: 100%; overflow: hidden;}
.cat-item .cat-image img { position: absolute; left:0; top:0; width:100%; height:100%; border-radius: 20px; object-fit: cover; object-position: center; transform:scale(1); transition:all 0.3s ease;}
.cat-item .cat-image:before { content:''; display: block; position: absolute; left:0; top:0; width:100%; height:100%; border-radius:20px; background: linear-gradient(180deg, rgba(97,197,255,0.25) 0%, rgba(0,0,0,0.5) 100%); z-index: 1;}
.cat-item .cat-caption { display: block; position: absolute; bottom:0; left:0; padding: 1.875rem; font-size: 1.125rem; line-height: 1.25rem; color:#fff; font-weight: bold; z-index: 2;}
.cat-item:hover .cat-image img { transform:scale(1.1);}

/* Home */
.page-template-frontpage #wrapper:before { display: none;}
.home-main-section { position: relative; margin-bottom:3.125rem;}
.home-main-section .container { min-height: 31.25vw; display: flex; align-items: center; position: relative; z-index: 1;}
.home-main-image { position: absolute; top:50%; transform:translateY(-50%); left:0; width: 50%; height: 31.25vw;}
.home-main-image img { display: block; position: absolute; left:0; top:0; height: 100%; width: 100%; max-width: none; object-fit: contain; object-position: left center;}
.home-main-image .main-image-snake img { height: 150%; width: 144.4%; top:-26.67%;}
.home-main-text { width: 50%; margin-left: 50%; padding-left: 15px;}
.home-main-section .section-title { font-size: 3rem; line-height: 3rem; margin-bottom: 1.625rem;}
.home-section .section-text { font-size: 1.125rem; line-height: 1.875rem;}
.home-main-btn { margin-top: 2.5rem;}

.home-about-section { position: relative; margin-top: 3.125rem; margin-bottom:5rem;}
.home-about-section .container { min-height: 31.25vw; display: flex; align-items: center; position: relative; z-index: 1;}
.home-about-image { position: absolute; top:50%; transform:translateY(-50%); right:0; width: 50%; height: 31.25vw;}
.home-about-image img { display: block; position: absolute; right:0; top:0; height: 100%; width: 100%; max-width: none; object-fit: contain; object-position: left center;}
.home-about-image .home-about-snake img { height: 150%; width: 146.7%; top:-26.67%;}
.home-about-text { width: 50%; max-width: 37.5rem; padding-right: 15px;}
.home-about-section .section-title { font-size: 2.5rem; line-height: 2.5rem; margin-bottom: 1.625rem;}

.home-main-section + div, .home-cats-section, .page-template-frontpage .page-footer { position: relative; z-index: 1;}

.post-item { margin-bottom: 2.5rem;}
.post-item .item-thumb { display: block; position: relative; padding-bottom: 100%; border-radius: 20px; overflow: hidden; margin-bottom: 1.25rem;}
.post-item .item-thumb img { margin: 0; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px; transform: scale(1); transition: all 0.3s ease;}
.post-item .item-thumb :before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 20px; background: linear-gradient(180deg, rgba(97, 197, 255, 0.25) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 1;}
.post-item .item-thumb:hover img { transform: scale(1.1);}
.post-item .item-title { padding: 0; font-size: 1.125rem; line-height: 1.25rem; font-weight: bold; text-transform: uppercase; color: #000;}
.post-item .item-title:hover { color:var(--primary);}
.post-item .item-title a { color:inherit;}

.single-heading { margin-bottom: 2.5rem;}
.single-heading h1 { margin: 0;}
.single-heading .single-date { margin-top: 0.5rem; color:#777;}
.single-image { margin-bottom: 1.5rem;}
.single-image img { display: block; border-radius: 20px; width: 100%; max-height: 480px; object-fit: cover; object-position: center;}

.entry-content table { width: 100%; margin-bottom: 1.5rem;}
.entry-content table th, .entry-content table td { border:1px solid rgba(18, 18, 18, 0.11); padding: 5px 10px; text-align: center; vertical-align: middle;}
.entry-content table th { background: var(--primary); color:#fff;}
.scroll-y { height: auto; overflow-y: auto; width: 100%; margin-bottom:1.5rem;}
.scroll-y table { box-shadow:none !important; margin-bottom:0 !important;}

/* Woocommerce */
.woocommerce .woocommerce-breadcrumb, .breadcrumbs { font-size: 14px; line-height: 20px; color:#777; margin-bottom: 2rem;}
.woocommerce-breadcrumb a, .breadcrumbs a { color:#777; text-decoration: underline;}
.woocommerce-breadcrumb a:hover, .breadcrumbs a:hover { color:var(--primary);}
.woocommerce-breadcrumb .crumb-current, .breadcrumbs .breadcrumb_last { color:var(--primary); font-weight: bold;}
.woocommerce-breadcrumb .breadcrumb-sep, .breadcrumbs .breadcrumb-sep { margin: 0 6px;}

.woocommerce-error, .woocommerce-info, .woocommerce-message { outline: none;}

/* Product Category */
.woocommerce-products-header__title { margin-bottom: 3rem;}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { display: none;}
.woof_products_top_panel { float:left; padding: 4px 0;}
.woof_products_top_panel li>a[data-tax="orderby"] { display: none;}
.woocommerce-ordering { display: flex; align-items: center;}
.woocommerce-ordering .orderby-label { margin:0 0.5rem 0 0;}
.woocommerce-ordering .orderby-label .ico { display: none;}
.woocommerce-ordering select { width: 15rem;}
.subcats-tabs { list-style: none; padding: 0; display: flex; flex-wrap:wrap; justify-content: center; margin:0 -15px 1.25rem;}
.subcats-tabs li { margin: 0 15px 1.25rem; min-width: 25rem;}
.subcats-tabs li a { display: block; background: #fff; outline:1px solid var(--primary); font-size:1rem; line-height:1.625rem; font-weight: bold; text-transform: uppercase; color:var(--primary); text-align: center; text-decoration: none; padding: 1rem 2rem; letter-spacing: 0.02em; border-radius: 15px;}
.subcats-tabs li a:hover { color:#000; outline:none; background: #61C5FF; background: linear-gradient(90deg, #61C5FF 0%, #F52FAA 100%);}
.producs-page { margin-bottom: 2rem;}
.woocommerce .products ul, .woocommerce ul.products { display: flex; flex-wrap:wrap; margin:0 -15px;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0 0 3rem; padding: 0 15px; width: 25%; flex-shrink:0; display: flex; flex-direction: column;}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { margin-bottom: 3rem;}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: 33.33%;}
li.product .woocommerce-loop-product__link { display: block; position: relative; padding-bottom: 100%; border-radius:20px; overflow: hidden; margin-bottom: 1.25rem;}
li.product .woocommerce-loop-product__link:before { content:''; display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; border-radius:20px; background: linear-gradient(180deg, rgba(97,197,255,0.25) 0%, rgba(0,0,0,0.5) 100%); z-index: 1;}
.woocommerce ul.products li.product .woocommerce-loop-product__link img { margin: 0; display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius:20px; transform:scale(1); transition:all 0.3s ease;}
.woocommerce ul.products li.product .woocommerce-loop-product__link:hover img { transform:scale(1.1);}
.woocommerce-loop-product__title { font-size: 1.125rem; line-height: 1.25rem; font-weight: bold; color:#000;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { padding: 0; font-size: 1.125rem; margin-bottom: 1.25rem;}
.woocommerce-loop-product__title a { color:#000;}
.woocommerce-loop-product__title a:hover { color:var(--primary);}
.loop-product-actions { margin-top: auto; display: flex; justify-content: space-between;}
.woocommerce ul.products li.product .price { display: block; font-size: 1.875rem; line-height: 2.25rem; padding-top:0.125rem; margin: 0; font-weight: bold; color:var(--primary)}
.price .woocommerce-Price-currencySymbol, .price .price-prefix { font-weight: 400; font-size: 1.25rem;}
.woocommerce ul.products li.product .button { margin-top: 0; padding: 0; text-align: center; width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; background: linear-gradient(180deg, #61C5FF 0%, #F52FAA 100%);}
.woocommerce ul.products li.product .button:hover { background: linear-gradient(180deg, #F52FAA 0%, #61C5FF 100%);}
.woocommerce ul.products li.product .button [class^="ico-"], .woocommerce ul.products li.product .button [class*=" ico-"] { position: relative; left:auto; top:auto; transform: none; font-size: 1.25rem; line-height: 2.5rem;}
.woocommerce ul.products li.product a.added_to_cart { display: none;}
.woocommerce nav.woocommerce-pagination ul, .wp-pagenavi { display: flex; flex-wrap:wrap; justify-content: center; border:none; margin:0 0 1.5rem;}
.woocommerce nav.woocommerce-pagination ul li, .wp-pagenavi a, .wp-pagenavi span { border:none; margin: 0 3px 5px;}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .wp-pagenavi a, .wp-pagenavi span { display: block; height: 2.5rem; line-height:2.5rem; font-size: 1.25rem; font-weight: 700; color:#000; padding:0 .5rem; border-radius: 10px; border:none; min-width: 2.5rem; text-align: center;}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .wp-pagenavi a:hover, .wp-pagenavi span.current { background: var(--gray); color:var(--primary);}
.woocommerce-pagination ul li a svg, .wp-pagenavi a svg { display: block; width: 1rem; height: 1rem; margin: 0 auto; position: relative; top:0.75rem;}
.woocommerce-pagination ul li a svg path, .wp-pagenavi a svg path { fill:currentColor;}

/* Shop Page */
.woocommerce ul.products li.product.product-category, .woocommerce-page ul.products li.product.product-category { margin-bottom: 30px;}
.product-category .cat-item { margin-bottom: 0;}
.woocommerce .products .shop-subcategories { display: block; margin: 15px 0 0; padding: 0 5px;}

/* Product Page */
.woocommerce div.product:after { content:''; display: table; clear: both;}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { margin: 0 -5px;}
.woocommerce div.product div.images img { border-radius: 20px; border:1px solid #e5e5e5; margin:0 5px 1.25rem;}
.woocommerce div.product div.images .woocommerce-product-gallery__image img { width:calc(100% - 10px);}
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder { border:none;}
.product_meta .posted_in { display: none;}
.product-top-meta { display: flex; justify-content: space-between; margin-bottom: 0.5rem;}
.product-top-meta .stock { margin-bottom: 1rem;}
.product-top-meta .sku_wrapper { margin-bottom: 1rem;}
.woocommerce div.product p.stock { font-size: 1em;}
.stock.in-stock { color:var(--primary); font-weight:500;}
.stock.out-of-stock { color:#F52FAA;}
/*.woocommerce div.product form.cart .reset_variations { display: none !important;}*/
.single-product-description { margin-bottom: 1.5rem;}
.quantity-flex { display: flex; flex-wrap:wrap;}
.quantity-flex .quantity-label { width:18.75rem; margin-right: 10px; font-size: 1rem; line-height: 1.875rem; padding: 5px 0; font-weight: bold; text-transform: uppercase; color:#000;}
.woocommerce div.product form.cart .quantity-flex div.quantity { float:none; margin: 0;}
.woocommerce .quantity .qty { width:9.375rem; padding:0.4375rem 1.25rem; height:calc(2.375rem + 2px); text-align: left;}
.cart-flex { display: flex; flex-wrap:wrap; margin-top: 1.5rem;}
.cart-flex .price { display: block; margin: 0; width:18.75rem; margin-right: 10px; font-size: 1.875rem; line-height: 2.25rem; font-weight: bold; color:var(--primary); padding: 0.4375rem 0 0.25rem;}
.woocommerce div.product form.cart .single_add_to_cart_button { width:12.5rem;}
.woocommerce-variation-description, .woocommerce-variation-availability { display: none;}
.woocommerce div.product form.cart .variations, .woocommerce table.shop_attributes { margin: 0; border:none;}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th, .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th { padding:0 0 10px; line-height: 1.87rem; border:none; background: none !important;}
.woocommerce div.product form.cart .variations th, .woocommerce table.shop_attributes th { width: calc(18.75rem + 10px); padding-right: 10px;}
.woocommerce div.product form.cart .variations label { margin: 0; display: block; font-size: 1rem; line-height: 1.875rem; padding: 5px 0; font-weight: bold; text-transform: uppercase; color:#000;}
.woocommerce div.product form.cart .variations select { display: block; min-width: 1px; width:12.875rem; margin-right:0; padding-right:2rem; height: 2.5rem; background: var(--gray) url(images/select-triangle.svg) no-repeat right 1rem center; background-size: 10px; -webkit-background-size: 10px;}
.variations .woo-selected-variation-item-name { display: none;}
.variations ul { list-style: none; padding-left: 0; margin: 0;}
.variations .woo-variation-items-wrapper .button-variable-items-wrapper { display: flex; flex-wrap:wrap; padding: 0; margin: 0; list-style: none;}
.variations .woo-variation-items-wrapper .button-variable-item { margin-right: 1.25rem;}
.variations .woo-variation-items-wrapper .variable-item-span-button { display: block; position: relative; font-size: 1rem; line-height: 1.875rem; padding-left: 1.875em;}
.variations .woo-variation-items-wrapper .variable-item-span-button:before { content:''; display: block; position: absolute; left:0; top:0.3125rem; width: 1.25rem; height: 1.25rem; background: #fff; border:1px solid #61C5FF; border-radius: 5px;}
.variations .woo-variation-items-wrapper li.selected .variable-item-span-button:before { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2361C5FF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center;}
.variations .woo-variation-items-wrapper .button-variable-item.disabled { display: none;}
.woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th { vertical-align: top;}
.woocommerce table.shop_attributes .woocommerce-product-attributes-item__label { font-size: 1rem; line-height: 1.875rem; padding-top: 5px; padding-bottom: 15px; font-weight: bold; text-transform: uppercase; color:#000;}
.woocommerce table.shop_attributes .woocommerce-product-attributes-item__value { font-style: normal; font-size: 1rem; line-height: 1.875rem;}
.woocommerce table.shop_attributes .woocommerce-product-attributes-item__value a { color:#000;}
.woocommerce table.shop_attributes td p { padding: 5px 0;}
.woocommerce-tabs { margin-bottom: 3rem;}
.qty-number { display: inline-flex; width: 8.5rem; position: relative; background: var(--gray); border:1px solid var(--primary); border-radius: 10px;}
.woocommerce .qty-number .qty, #shopping_cart_table .qty-number .qty { flex-shrink: 0; width:3.5rem; border-width:0 1px; border-radius:0; height:2.375rem; text-align: center; padding:0.4375rem; margin: 0;}
.qty-number .qty-minus, .qty-number .qty-plus { display: block; height: 2.375rem; width:2.375rem; flex-shrink: 0; font-size: 18px; font-weight:700; line-height:2.375rem; color:#000; border-radius: 10px; padding:0; text-align: center; cursor: pointer; user-select:none;}
.qty-number .qty-minus:hover, .qty-number .qty-plus:hover { color:var(--primary);}

.related.products { clear: both;}

.col2-set .col-1, .col2-set .col-2 { max-width:none;}

/* woof filter */
.woof_show_mobile_filter, .woof_hide_mobile_wrapper, .woocommerce-products-header .woof_show_mobile_filter { display: none;}
.woof_reset_button_2 { display:inline-block; position: relative; background: #61C5FF; background: linear-gradient(90deg, #61C5FF 0%, #F52FAA 100%); color:#fff; border:none; border-radius:8px; padding: 5px 10px; font-size: 14px; line-height: 20px; font-weight: bold; text-transform: uppercase; text-align: center; transition: all .2s ease; max-width: 100%; text-decoration:none !important;}
.woof_reset_button_2:hover { background: #F52FAA; background: linear-gradient(90deg, #F52FAA 0%, #61C5FF 100%); color:#fff;}
a.woof_front_toggle { position: relative; top:-1px;}

/* Checkout */
#billing_country_field { display: none !important;}
.woocommerce .form-row { align-items: center;}
.woocommerce .form-row label { font-size: 1rem; line-height: 1.875rem; font-weight: bold; text-transform: uppercase; width: 200px;}
.woocommerce form .form-row label { line-height: 1.875rem; margin-bottom: 0;}
.woocommerce .form-row .woocommerce-input-wrapper { width: calc(100% - 220px); margin-left: 20px; margin-bottom: auto;}
.woocommerce form .form-row .select2-container { line-height: 1.5em;}
span.select2-container .select2-selection--single { height: 50px; margin: 0;}
span.select2-container--default .select2-selection--single { background: var(--gray); border: 1px solid var(--primary); border-radius: 10px;}
span.select2-container .select2-selection--single .select2-selection__rendered { padding-left:1.25rem; padding-right: 2rem;}
span.select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; font-weight: bold; line-height: 48px;}
span.select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; width: 2rem;}
span.select2-container--default .select2-selection--single .select2-selection__arrow b { border:none; height:10px; width: 10px; margin:-5px 0 0 -10px; background: var(--gray) url(images/select-triangle.svg) no-repeat center; background-size: 10px;}
.woocommerce-additional-fields { display: none;}
.woocommerce form .form-row .optional { display: none;}

#add_payment_method .checkout .checkout-inline-error-message, .woocommerce-cart .checkout .checkout-inline-error-message, .woocommerce-checkout .checkout .checkout-inline-error-message { font-size: 0.9em; margin-top: 5px;}
.woocommerce-order .woocommerce-order-details { margin-top: 2rem;}
.woocommerce-shipping-methods label strong { font-weight: 700;}

/* form */
.submit-group { position: relative;}
.form-group .cpt { display:none !important;}
.wpcf7-spinner { vertical-align: top; margin-top: 13px;}
.wpcf7-not-valid-tip { font-size: 0.8rem; margin-top: 3px;}
.form-control.wpcf7-not-valid { border-color:red;} 
.wpcf7 form div.wpcf7-response-output { margin: 1em 0; border-radius: 15px;}

/* Footer */
.page-footer { padding: 40px 0; font-weight:14px; line-height: 20px;}
.page-footer p { margin-bottom: 20px;}
.footer-col-3 p a { color:#000;}
.footer-col-3 p a:hover { color:var(--primary);}
.footer-logo { text-align: center; margin-bottom: 20px;}
.footer-support { text-align: center; margin-bottom: 20px;}

.socials { display: flex; justify-content: center; flex-wrap: wrap; list-style: none; padding: 0; margin:0 -5px 10px;}
.socials li { margin: 0 5px 10px;}
.socials li a { display: block; width: 40px; height: 40px; background: var(--gray); border-radius: 10px; font-size: 20px; line-height: 20px; padding: 10px; text-align: center; color:var(--primary);}
.socials li a:hover { background: var(--primary); color:#fff;}

@media screen and (min-width: 992px) {
    .woof_sid_widget { display: block !important;}
    
    .woof_show_filter_for_mobile.woof { opacity: 1; position:relative; top:auto; background:none; z-index:auto; overflow: visible; height:auto; width:auto; right:auto; padding:0; animation:none;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu>li>a { font-size: 12px;}
    
    .footer-support .button-support { display: flex; justify-content: center; white-space: nowrap;}
    .footer-support .button-support [class^="ico-"] { position: relative; top:auto; left:auto; transform:none; margin-right: 5px;}
}

@media screen and (max-width: 1199px) {
    .home-section .section-title { font-size: 2.25rem; line-height: 2.5rem;}
    
    .woocommerce div.product .product_title { font-size: 1.5rem; line-height: 1.875rem;}
    .quantity-flex .quantity-label, .cart-flex .price { width: 12rem;}
    .woocommerce div.product form.cart .variations th { width: calc(12rem + 10px);}
}

@media screen and (max-width: 991px) {
    body { font-size: 0.875rem;}
    #wrapper { padding-top: 100px;}
    #wrapper:before { width: 1076px; height: 898px; margin-left: -110px;}
    h1, h2 { font-size:1.875rem; line-height:2rem;}
    h1, .single-heading { margin-bottom: 1.75rem;}

    .page-header { background: #fff; position: fixed; top:0; left:0; width: 100%; border-bottom:1px solid #e5e5e5;}
    .admin-bar .page-header { top:32px;}
    .container.container-navi { max-width: 100%;}
    .header-navi { padding: 0; margin-left: -20px; margin-right: -20px;}
    .header-logo { width: auto;}
    .header-actions { margin-left: 0;}
    .header-main .header-contacts { display: none;}
    .header-contacts { margin-bottom: 5px;}
    .header-contacts-item { margin-left:0; padding: 8px 0;}
    .header-contacts-item a { margin-left:0;}
    .header-contacts-item .ico-viber, .header-contacts-item .ico-telegram { font-size: 22px; margin-right: 10px;}
    #navi { position: absolute; top:100%; left:0; width: 100%; background: #fff; margin: 0; max-height: calc(100vh - 100px); overflow: auto; border-bottom:1px solid #e5e5e5; z-index: 1;}
    .admin-bar #navi { max-height: calc(100vh - 132px);}
    #navi .navi-inner { display: block; max-width: 720px; padding: 10px 20px 15px; margin-left: auto; margin-right: auto;}    
    .main-menu>li { border-top:1px solid #e5e5e5;}
    .main-menu>li>a { font-size: 14px; line-height: 19px; padding: 5px 0; white-space: normal; text-align: left;}
    .catalog-menu-wrapper { width: 100%; margin-right:0; margin-bottom: 10px; z-index: 160;}
    .catalog-menu-toggler { background: var(--primary); color:#fff;}
    .catalog-menu { position: fixed; top:0; height: 100%; background:#fff; color:#000; border-radius:0; z-index: 170;}
    .admin-bar .catalog-menu { top:32px; height: calc(100% - 32px);}
    .catalog-menu-header { position: relative; align-items: center; justify-content:space-between; z-index: 5; height: 60px; background: #fff; border-bottom:1px solid #e5e5e5;}
    .catalog-menu-header .catalog-caption { font-size: 18px; font-weight: bold; padding: 15px;}
    .catalog-menu-header .catalog-close { display: block; width: 60px; height: 60px; line-height: 60px; text-align: center;}
    .catalog-menu-header .catalog-close:active { color:var(--primary);}
    .catalog-menu-list { max-height: calc(100% - 60px); overflow: auto; padding: 16px;}
    .catalog-menu-list li a { color:#000; border-top:none;}
    .catalog-menu-list li+li a { border-top:1px solid #e5e5e5;}
    .catalog-menu-list li a:active, .catalog-menu-header .catalog-close:active { color:var(--primary);}
    #header_search { position: absolute; top:100%; left:0; width: 100%; background: #fff; margin: 0; padding: 5px 0 10px; border-bottom:1px solid #e5e5e5;}
    #header_search .search-form-center { max-width: 720px; padding: 0 20px; margin-left: auto; margin-right: auto;}
        
    .section { padding: 2.5rem 0;}
    .section-heading { flex-wrap:wrap; margin-bottom: 2.25rem;}
    
    .home-main-section { padding-top: 15px; margin-bottom: 2.5rem;}
    .home-main-section .container { min-height:1px;}
    .home-main-image { position:relative; top:auto; transform:none; left:auto; width:auto; height:37.5rem; margin-bottom: 3.125rem;}
    .home-main-image .main-image-snake { position: absolute; right:0; top:0; height: 37.5rem; width: 60rem;}
    .home-main-text { width:auto; margin-left:0; padding-left:0;}
    .home-section .section-text { font-size: 1rem; line-height: 1.75rem;}
    .home-section .section-title { margin-bottom: 1rem;}
    .home-main-btn { margin-top: 1.5rem;}
    
    .home-about-section { margin-top: 2.5rem; margin-bottom: 4rem;}
    .home-about-section .container { min-height:1px;}
    .home-about-image { position:relative; top:auto; transform:none; right:auto; width:auto; height:37.5rem; margin-top: 2.5rem;}
    .home-about-image .home-about-snake { position: absolute; left:15px; top:0; height: 37.5rem; width: 60rem;}
    .home-about-text { width:auto; max-width: 100%; padding-right:0;}
    
    .single-image img { max-height: 400px;}
    
    .woocommerce-products-header__title { margin-bottom:1.5rem;}
    .subcats-tabs { margin-bottom: 0.5rem;}    
    .subcats-tabs li { min-width: 20rem;}
    .subcats-tabs li a { font-size:0.875rem;}
    
    .woof_products_top_panel { float:none;}
    .woof_sid_widget { display: none;}
    .woof_show_mobile_filter, .woof_hide_mobile_wrapper { display: block;}
    .filter-sorting-flex { display: flex; justify-content: space-between;}
    .filter-sorting-flex .woof_show_mobile_filter_container, .filter-sorting-flex .sorting-box { width:calc(50% - 15px); margin-bottom: 1.25rem;}
    .woocommerce .filter-sorting-flex .woocommerce-ordering { margin: 0; display: block; position: relative; float:none;}
    .filter-sorting-flex .woocommerce-ordering select.orderby { display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; opacity: 0; z-index: 1;}
    .woof_show_mobile_filter, .woocommerce-ordering .orderby-label { position: relative; background: #fff; outline:1px solid var(--primary); font-size:0.875rem; line-height:1.625rem; font-weight: bold; text-transform: uppercase; color:var(--primary); text-align: center; text-decoration: none; padding: 1rem 2rem 1rem 3rem; letter-spacing: 0.02em; border-radius: 15px; margin: 0;}    
    .woocommerce-ordering .orderby-label { display: block;}
    .woof_show_mobile_filter .ico, .woocommerce-ordering .orderby-label .ico { display: block; position: absolute; font-size: 1.25rem; left:6%; top:50%; transform:translateY(-50%);}
    .woof_show_filter_for_mobile.woof { opacity: 1; padding-top: 70px; padding-bottom: 50px;}
    .admin-bar .woof_show_filter_for_mobile.woof { margin-top: 32px; height: calc(100% - 32px);}
    .woof_show_filter_for_mobile .woof_hide_mobile_wrapper { display: flex; justify-content: space-between; align-items: center; position: fixed; width: 100%; left:0; top:100%; background: #fff; height: 4rem; padding: 1rem; z-index: 10; animation: move_top .5s ease; animation-fill-mode: forwards;}
    .woof_show_filter_for_mobile .woof_hide_mobile_wrapper .woof_hide_mobile_filter { display: block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 1.25rem; background: #fff; border:1px solid var(--primary); color:var(--primary);}
    .woof_mobile_filter_caption { font-size: 1.125rem; font-weight: 600; margin: 0;}
    .admin-bar .woof_show_filter_for_mobile .woof_hide_mobile_wrapper { margin-top:32px;}
    
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { margin-bottom: 2.25rem;}
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 33.33%;}
    
    .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { width: 100%; float:none;}
    .woocommerce div.product div.images { margin-bottom: 0;}
    .products-button-wrap { text-align: center; margin-bottom: 1.25rem;}
    
    #order_review_heading { margin-top: 2rem;}
    
    .submit-group .wpcf7-spinner { position: absolute; left:0; top:0;}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .related.products ul.products li+li+li+li.product { display: none;}
}

@media screen and (max-width: 782px) {
    .admin-bar .page-header { top:46px;}
    .admin-bar #navi { max-height: calc(100vh - 146px);}
    .admin-bar .woof_show_filter_for_mobile.woof { margin-top: 46px; height: calc(100% - 46px);}
    .admin-bar .woof_show_filter_for_mobile .woof_hide_mobile_wrapper { margin-top:46px;}
    .admin-bar .catalog-menu { top:46px; height: calc(100% - 46px);}
}

@media screen and (max-width: 767px) {
    #navi .navi-inner, #header_search .search-form-center { max-width: 540px;}
    .home-main-image, .home-about-image { height:31.25rem;}
    .home-main-image .main-image-snake, .home-about-image .home-about-snake { height: 31.25rem; width: 50rem;}
    
    .section-heading { flex-direction: column; align-items: flex-start;}
    .section-heading .heading-right { margin-left: 0; margin-top: 1.75rem; width: 100%;}
    
    .single-image img { max-height: 360px;}
    
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product, .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: 50%;}
    
    .woocommerce div.product form.cart .variations label { font-size: 0.875rem;}
}

@media screen and (max-width: 575px) {
    #navi .navi-inner, #header_search .search-form-center { max-width: 100%;}
    
    .home-main-image, .home-about-image { height:25rem;}
    .home-main-image .main-image-snake, .home-about-image .home-about-snake { height: 25rem; width: 40rem;}
    
    .quantity-flex .quantity-label { max-width: calc(100% - 9.375rem - 10px);}
    .cart-flex { align-items: center; flex-direction: column; margin-top: 1rem;}
    .cart-flex .price { width: 100%; text-align: center; font-size: 1.5rem; line-height: 1.875rem; padding: 0; margin-right: 0; margin-bottom: 1.25rem;}
    .cart-flex .price .woocommerce-Price-currencySymbol, .cart-flex .price .price-prefix { font-size: 1rem;}
    
    .products-button-wrap .button { width: 100%; max-width: 400px;}
    
    .woocommerce .form-row label { width: 100%;}
    .woocommerce form .form-row label { margin-bottom: 0.5rem;}
    .woocommerce .form-row .woocommerce-input-wrapper { width:100%; margin-left:0;}
    
    .page-footer { padding: 25px 0;}
    .footer-col-3 { text-align: center;}
}

@media screen and (max-width: 480px) {
    .subcats-tabs, .subcats-tabs li { margin-left: 0; margin-right: 0;}
    .subcats-tabs li { min-width: 1px; width: 100%;}
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product, .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: 100%;}
    .filter-sorting-flex .woof_show_mobile_filter_container, .filter-sorting-flex .sorting-box { width:calc(50% - 0.25rem);}
    .woof_show_mobile_filter, .woocommerce-ordering .orderby-label { padding:0.875rem 0.5rem 0.875rem 2rem; font-size: 0.75rem;}
    .woof_show_mobile_filter .ico, .woocommerce-ordering .orderby-label .ico { font-size: 1.125rem;}
}

@keyframes move_top {
    100% { top: 0;}
}