/* ------------------------------------------------------------ *\
	Section Hero
\* ------------------------------------------------------------ */

.section-hero { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; width: 100%; background: no-repeat center / cover; }

.section-hero .shell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; min-height: 430px; padding: 106px 15px; }

.section-hero h1 { align-self: flex-end; font-size: 40px; position: relative; }

.section-hero h1:before { content: ''; position: absolute; top: -webkit-calc(100% - 17px); top: calc(100% - 17px); left: 0; width: 68px; height: 43px; background: url(../images/hero-title.png) no-repeat center; z-index: 0; }

.section-hero h1 span { position: relative; display: inline-block; margin: 0; padding: 8px 15px; line-height: 1.175; font-weight: 500; color: #fff; background: #3aaa35; z-index: 2; }

/* All Mobile Sizes (devices and browser) */
@media (max-width: 767px) {
	.section-hero .shell { min-height: 350px; padding: 80px 15px; }

	.section-hero h1 { font-size: 30px; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media (max-width: 479px) {
	.section-hero h1 { font-size: 24px; }
}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1170px; width: 100%; margin: 0 auto; padding: 0 15px; }

/* ------------------------------------------------------------ *\
	Section Product
\* ------------------------------------------------------------ */

.section-product { margin: 50px 0 126px; overflow: hidden; }

.section-product .section__head { margin: 0 0 32px; }

.section-product .section__title { position: relative; padding: 0 0 0 20px; font-weight: 700; font-size: 23px; line-height: 1.17; }

.section-product .section__title span { display: block; font-size: 1em; }

.section-product .section__title span:nth-child(2) { font-weight: 400; }

.section-product .section__title:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 7px; background: #e30613; }

.section-product .section__inner { padding-bottom: 30px; border-bottom: 1px solid #dcdcdc; }
.section-product .section__body { position: relative; margin-bottom: 40px; }
.section-product .section__body .section__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }

.section-product .section__content-main { color: #404549; }

.section-product .section__body .section__content-main .section__inner { display: block; column-count: 2; column-gap: 40px; list-style: none; }

.section-product .section__content-main .section__inner p { margin-bottom: 20px; margin-top: 0; }

.section-product .section__body .labels { top: 0; transform: translateY(0); }

.section-product .section__aside { width: 50%; padding-right: 15px; }

.section-product .section__content { width: 50%; padding-left: 15px; }

.section-product .features-product { margin-bottom: 30px; }
.section-product .table-product { margin-bottom: 34px; }

.section-product .section__image { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 610px; overflow: hidden; margin: 0 auto 32px; border: 1px solid rgba(0, 0, 0, 0.2); overflow: hidden; cursor: zoom-in; position: relative; background-repeat: no-repeat; background-position: 50%, 50%; background-size: contain; }
.section-product .section__image img { pointer-events: none; }
body.no-touch .section-product .section__image:hover { background-size: auto; }
body.no-touch .section-product .section__image:hover img { visibility: hidden; opacity: 0; }
.section-product .section__image--mobile { display: none; }
.section-product .section__image a { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; display: block; background: #19a93d; border: 2px solid #19a93d; padding: 22px 20px; text-align: center; text-decoration: none; color: #fff; line-height: 1.1; transition: background .4s, color .4s; text-transform: uppercase; }
.section-product .section__image a:hover { background: transparent; color: #19a93d; }

.section-product .section__cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: -20px; }
.section-product .section__col { padding: 20px; }
.section-product .section__col--1of2 { width: 50%; }

.section-product .section__col p { margin: 0; margin-bottom: 8px; font-size: 16px; font-weight: 100; line-height: 1.67; }
.section-product .section__col p:last-child { margin-bottom: 0; }

.section-product .section__contact { padding-top: 42px; }

.section-product .section__contact-btns > ul { list-style: none; padding: 0; margin: 0; }
.section-product .section__contact-btns > ul > li { list-style: none; padding: 0; margin: 0; }
.section-product .section__contact-btns > ul > li + li { margin-top: 10px; }

.section-product .section__btn { display: flex; justify-content: center; align-items: center; background: #19a93d; border: 2px solid #19a93d; padding: 26px 20px; text-align: center; text-decoration: none; color: #fff; line-height: 1.1; transition: opacity .4s; text-transform: uppercase; font-size: 16px; font-weight: 700; }
.section-product .section__btn:hover { opacity: .7; }

.section-product .section__btn span { position: relative; padding: 0 50px; }
.section-product .section__btn i { width: 40px; height: 40px; display: flex; align-items: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

/*ipad landscape*/
@media (max-width: 1024px) {
	.section-product .section__aside { width: 100%; padding-right: 0; margin-bottom: 30px; }
	.section-product .section__content { width: 100%; padding-left: 0; }
	.section-product .section__image { display: none; }
	.section-product .section__image--mobile { display: flex; }
}

/* All Mobile Sizes (devices and browser) */
@media (max-width: 767px) {
	.section-product .section__image { height: 400px; }
	.section-product .section__col--1of2 { width: 100%; }

	.section-product .section__body .section__content-main .section__inner { column-count: 1; column-gap: 0; }
}

/* ------------------------------------------------------------ *\
	Features Product
\* ------------------------------------------------------------ */

.features-product { background: #f1f1f1; padding: 10px 20px; }

.features-product > ul { padding: 0; margin: 0; list-style: none; }
.features-product > ul > li { padding: 0; margin: 0; }
.features-product > ul > li + li { margin-top: 23px; }

.feature-product { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; }

.feature-product .feature__head { width: 50%; padding-right: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center;}

.feature-product .feature__image { width: 40px; height: 40px; background: #19a93d; position: relative; border-radius: 50%; flex-shrink:0 }
.feature-product .feature__image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 30px; max-height: 30px; }

.feature-product .feature__title { color: #19a93d; font-size: 16px; padding-left: 20px; font-weight: 700; position: relative;}
.feature-product .feature__title p { margin: 0; font-weight: 700; }

.table-product .table__head p > span,
.table__row .table__col p > span,
.feature-product .feature__title p > span {
	position: relative;
}

.table-product .table__head p > span > span:not(.hint),
.table__row .table__col p > span > span:not(.hint),
.feature-product .feature__title p > span > span:not(.hint) {
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	width: max-content;
	top: 0;
	left: 30px;
	z-index: 1;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	background-color: #19a93d;
	color: #fff;
	padding-inline: 20px;
	padding-block: 20px;
	border-radius: 6px;
	max-width: 200px;
	box-shadow: 5px 3px 5px 0px rgba(0, 0, 0, 0.25);
	transition: all .4s;
}

.table-product .table__head p > span:hover span:not(.hint),
.table__row .table__col p > span:hover span:not(.hint),
.feature-product .feature__title p > span:hover span:not(.hint) {
	visibility: visible;
	opacity: 1;
}

span.hint {
	font-size: 11px;
	font-family: Arial, sans-serif;
	text-align: center;
	color: #000;
	padding: 2px 4px;
	border: 1px solid #000;
	border-radius: 50%;
	opacity: .5;
	display: inline-flex;
	width: 20px;
	height: 20px;
	justify-content: center;
	align-items: center;
	line-height: 1;
	transition: all .4s;
	margin-inline-start: 5px;
}

span.hint:hover {
	color: #19a93d;
	border: 1px solid #19a93d;
	cursor: pointer;
	opacity: 1;
}

@media (max-width: 767px) {
	.feature-product .feature__head { position: relative; }

   	.table-product .table__head p > span,
	.table__row .table__col p > span,
	.feature-product .feature__title p > span {
		position: static;
	}

	.table-product .table__head p > span > span:not(.hint),
	.table__row .table__col p > span > span:not(.hint),
	.feature-product .feature__title p > span > span:not(.hint) {
		left: 20px;
		top: 30px;
	}
}

.feature-product .feature__body { width: 50%; }
.feature-product .feature__body p { margin: 0; margin-bottom: 10px; font-size: 14px; font-weight: 400; line-height: 1.2; letter-spacing: .1em; color: #000; }
.feature-product .feature__body p:last-child { margin-bottom: 0; }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media (max-width: 767px) {
	.feature-product .feature__head { width: 100%; padding-right: 0; margin-bottom: 16px; }
	.feature-product .feature__body { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Features Product Alt
\* ------------------------------------------------------------ */

.features-product-alt > p { margin: 0; margin-bottom: 10px; color: #19a93d; text-transform: uppercase; font-weight: 700; }
.features-product-alt > a:hover + p { color: #fff; }

.features-product-alt > ul { list-style: none; padding: 0; margin: -6px -10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.features-product-alt > ul > li { padding: 6px 10px; width: 50%; display: flex; }

.feature-product-alt { position: relative; width: 100%; flex-grow: 1; display: flex; flex-direction: column; }

.feature-product-alt > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; }

.feature-product-alt .feature__inner { flex-grow: 1; background: #f1f1f1; padding: 26px 10px 23px; transition: background .4s; }
.feature-product-alt > a:hover + .feature__inner { background: #19a93d; }

.feature-product-alt .feature__icon { position: relative; width: 30px; height: 44px; margin: 0 auto 10px; }
.feature-product-alt .feature__icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; transition: opacity .4s, visibility .4s; }
.feature-product-alt .feature__icon img:nth-child(2) { opacity: 0; visibility: hidden; }
.feature-product-alt > a:hover + .feature__inner .feature__icon img { opacity: 0; visibility: hidden; }
.feature-product-alt > a:hover + .feature__inner .feature__icon img:only-child { opacity: 1; visibility: visible; }
.feature-product-alt > a:hover + .feature__inner .feature__icon img:nth-child(2) { opacity: 1; visibility: visible; }

.feature-product-alt h4 { text-transform: uppercase; color: #19a93d; text-align: center; font-weight: 700; margin: 0; transition: color .4s; }
.feature-product-alt > a:hover + .feature__inner h4 { color: #fff; }

/* All Mobile Sizes (devices and browser) */
@media (max-width: 767px) {
	.features-product-alt > ul > li { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Table Product
\* ------------------------------------------------------------ */

.table-product p:last-child { margin: 0; }

.table-product .table__head { background: #19a93d; padding: 10px 10px; }
.table-product .table__head p { color: #fff; font-weight: 700; font-size: 16px; }

.table-product .table__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.table-product .table__row:nth-child(odd) { background: #f1f1f1; }
.table-product .table__col { width: 50%; padding: 10px 8px; }
.table-product .table__col p { font-weight: 400; }
.table-product .table__col p strong { font-weight: 700; }

.table-product--alt .table__head { background: #7f7f7f; }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media (max-width: 479px) {
	.table-product .table__col { width: 100%; padding: 10px 8px; }
}

/* ------------------------------------------------------------ *\
	Heading
\* ------------------------------------------------------------ */

.heading { position: relative; text-align: center; max-width: 980px; padding-bottom: 20px; margin: 0 auto 55px; font-size: 40px; font-weight: 800; }
.heading:before { content: ''; position: absolute; bottom: 0; left: 50%; z-index: 2; transform: translateX(-50%); height: 8px; width: 70px; background: url(../images/dots.svg) no-repeat center/cover; }

/* All Mobile Sizes (devices and browser) */
@media (max-width: 767px) {
	.heading { font-size: 32px; }
}

/* ------------------------------------------------------------ *\
	Section Related
\* ------------------------------------------------------------ */

.section-related { padding: 60px 0 80px; background: #e5e5e5; overflow: hidden; }

/* ------------------------------------------------------------ *\
	Products Featured
\* ------------------------------------------------------------ */

.products-featured > ul { list-style: none; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: -20px -16px; }
.products-featured > ul > li { width: 25%; margin: 0; padding: 20px 16px; display: flex; flex-direction: column; }

.product-featured { flex-grow: 1; width: 100%; display: flex; flex-direction: column; }
.product-featured > * { width: 100%; }

.product-featured .product__image { width: 100%; height: 262px; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }
.product-featured .product__image img { max-height: 100%; max-width: 100%; }

.product-featured h3 { flex-grow: 1; font-size: 23px; font-weight: 700; margin-top: 0; margin-bottom: 42px; text-align: center; }
.product-featured h3 span { display: block; }
.product-featured h3 span:nth-child(2) { font-weight: 400; }

.product-featured .btn { font-size: 16px; }

/*ipad landscape*/
@media (max-width: 1024px) {
	.products-featured > ul > li { width: 50%; }
}

/* All Mobile Sizes (devices and browser) */
@media (max-width: 767px) {
	.products-featured > ul > li { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Btn
\* ------------------------------------------------------------ */

.btn { display: inline-block; background: #19a93d; border: 2px solid #19a93d; padding: 22px 20px; text-align: center; text-decoration: none; color: #fff; line-height: 1.1; transition: background .4s, color .4s; text-transform: uppercase; }

.btn--block { display: block; width: 100%; }

/* ------------------------------------------------------------ *\
	Section Socials
\* ------------------------------------------------------------ */

.section-socials { margin: 135px 0 82px; }

.section-socials .heading { margin-bottom: 36px; }

/* All Mobile Sizes (devices and browser) */
@media (max-width: 767px) {
	.section-socials { margin: 60px 0; }
}

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials > ul { list-style: none; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: -10px -8px; }
.socials > ul > li { padding: 10px 8px; }

.socials-centered > ul { justify-content: center; }

/* ------------------------------------------------------------ *\
	Card Box
\* ------------------------------------------------------------ */

.card-box--products .text-card__img-wrapper { height: 210px; border: 1px solid gray; border-bottom: 0px; }
.card-box--products .text-card__img-wrapper--no-borders { border: 0px; }

.text-card .text-card__img-wrapper { max-width: 100%; }

/* ------------------------------------------------------------ *\
	Search Block
\* ------------------------------------------------------------ */

.card-box--products .input-search { margin: 0 auto; }


/* ------------------------------------------------------------ *\
	Slider products main
\* ------------------------------------------------------------ */

.sliders-product {
	margin-bottom: 33px;
}

/* Slider thumns */

.sliders-product .slider-thumbs {position: relative; padding: 0 28px 0 29px}

@media (max-width: 767px) {
	.sliders-product .slider-thumbs {padding: 0 40px}
}

@media (max-width: 767px) {
	.sliders-product .slider-thumbs .slider__clip {padding-right: 2px}
}

.sliders-product .slider-thumbs .slider__clip .slider__slides .slider__slide {width: 75px; height: 75px; position: relative; padding-bottom: 30px; cursor: pointer; transition: opacity .3s}

.sliders-product .slider-thumbs .slider__clip .slider__slides .slider__slide:hover {opacity: .7}

@media (max-width: 767px) {
	.sliders-product .slider-thumbs .slider__clip .slider__slides .slider__slide {width: 55px; height: 55px;}
}

.sliders-product .slider-thumbs .slider__clip .slider__slides .slider__slide .slider__title {position: absolute; background-color: #39aa35; bottom: 0; margin: 0; padding: 4px 8px 3px; left: 50%; transform: translateX(-50%); opacity: 0; pointer-events: none; visibility: hidden; transition: all .3s}

.sliders-product .slider-thumbs .slider__clip .slider__slides .slider__slide.swiper-slide-thumb-active .slider__title {opacity: 1; visibility: visible;}

.sliders-product .slider-thumbs .slider__clip .slider__slides .slider__slide .slider__title:before {content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px;border-color: transparent transparent #39aa35 transparent; top: -6px; left: 50%; transform: translateX(-50%);}

.sliders-product .slider-thumbs .slider__clip .slider__slides .slider__slide .slider__title h3 {font-size: 12px; color: #fff; margin: 0; line-height: 1}

.sliders-product .slider-thumbs .slider__clip .slider__slides .slider__slide img {width: 100%; height: 100%; object-fit: cover; border: 1px solid #bcbcbc;}

.sliders-product .slider-thumbs .slider__btn {position: absolute; max-width: 20px; display: inline-block; width: 100%; top: 30px; transition: opacity .3s}

.sliders-product .slider-thumbs .slider__btn:hover {opacity: .7}


@media (max-width: 1023px) {
	.sliders-product .slider-thumbs .slider__btn {top: 50%; transform: translateY(-50%);}
}

.sliders-product .slider-thumbs .slider__btn--prev {left: 0}

.sliders-product .slider-thumbs .slider__btn--next {right: 0}


/* Slider product */

.slider-product {margin-bottom: 14px;}

.slider-product .slider__clip {padding: 2px; border: 1px solid #6f6f6f;}

.slider-product .slider__clip .slider__slides {}

.slider-product .slider__slide {position: relative; padding-bottom: 90.2%; background-size: cover; background-position: center;}

@media (max-width: 1023px) {
	.slider-product .slider__slide {padding-bottom: 70%}
}

.slider-product .slider__slide img {position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0; left: 0}

/* ------------------------------------------------------------ *\
	Search-featured
\* ------------------------------------------------------------ */

.search-featured {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}

.search-featured .search__content {width: 47.3%;}

@media (max-width: 767px) {
	.search-featured .search__content {width: 100%;}
}

.search-featured .search__content h3 {background: #39aa35; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 400; margin: 0; padding: 13px 7px 10px 7px; display: inline-block; line-height: 1.2;}

.search-featured .search__container {border: 1px solid #6f6f6f; margin-top: -1px; padding-top: 1px; max-height: 254px; overflow: auto}

@media (max-width: 1023px) {
	.search-featured .search__container {min-height: 254px}
}

.search-featured .search__container::-webkit-scrollbar {width: 22px;}

.search-featured .search__container::-webkit-scrollbar-track {background-color: #e4e4e4; border: 7px solid rgba(0, 0, 0, 0); background-clip: padding-box; border-radius: 9999px;}

.search-featured .search__container::-webkit-scrollbar-thumb {border: 7px solid rgba(0, 0, 0, 0); background-clip: padding-box; border-radius: 9999px; background-color: #39aa35;}

.search-featured .search__container .search__field {padding-left: 52px; overflow: hidden; position: relative;}

.search-featured .search__container .search__field:before {content: ''; background-image: url('../images/search.png'); background-size: 20px; left: 14px; top: -1px; position: absolute; width: 20px; height: 100%; background-repeat: no-repeat; background-position: center;}


.search-featured .search__container input {border: none; height: auto; font-size: 16px; padding: 12px 0 8px}

.search-featured .search__container input::placeholder {color: #000}

.search-featured .search__container input:focus {border: none; outline: none;}

.search-featured .search__container input:focus-visible {border: none; outline: none;}

.search-featured .search__dropdown ul {list-style: none; margin: 0; padding: 0 4px 0 8px;}

.search-featured .search__dropdown ul li.is-current a {background-color: #f1f1f1}

.search-featured .search__dropdown ul li a {display: inline-block; font-size: 16px; background: transparent; color: #000; border-top: 1px solid #9a9a9a; width: 100%; padding: 14px 0 6px; transition: all .3s; padding-left: 9px}
.search-featured .search__dropdown ul li a:hover {background-color: #f1f1f1}

.search-featured .search__aside {width: 48.5%; background-color: #f2f2f2; margin-top: 40px; padding: 17px 19px 0;}

@media (max-width: 767px) {
	.search-featured .search__aside {width: 100%; margin-top: 20px}
}

.search-featured .search__aside h3 {font-size: 16px; color: #39aa35; text-transform: uppercase; margin: 0; line-height: 1.2; margin-bottom: 22px;}

.search-featured .search__aside h3 span {display: block; color: #e30613}

.search-featured .search__aside p {margin: 0 0 10px}

.search__copy {display: flex; background-color: #fff; align-items: center; padding: 7px 9px 5px; justify-content: space-between; width: 97%; margin-bottom: 18px;}

@media (max-width: 767px) {
	.search-featured .search__copy {width: 100%; }
}

.search__copy h4 {margin: 0; font-size: clamp(13px, 1.223vw, 16px);}

@media (max-width: 1023px) {
	.search__copy h4 {font-size: 16px}
}

.search__copy a {display: inline-block; max-width: 21px; margin-top: 1px; transition: opacity .3s}

.search__copy a:hover {opacity: .7}


.search-featured .search__aside > a {display: block; width: calc(100% + 38px); text-transform: uppercase; color: #fff; text-decoration: none; background-color: #39aa35; margin: 0 -19px; text-align: center; font-size: 16px; padding: 10px 0; transition: opacity .3s}

.search-featured .search__aside > a:hover {opacity: .7}

/* ------------------------------------------------------------ *\
	Section links
\* ------------------------------------------------------------ */

.section__links {display: flex; gap: 0.3%; align-items: flex-start; border-top: 1px solid #909090; border-bottom: 1px solid #909090; padding: 66px 0 50px; flex-wrap: wrap;}


@media (max-width: 768px) {
	.section__links {padding: 30px 0;}
}

.section__links .section__col {padding: 0;}

.section__links .section__col:first-child {width: 51%;}

.section__links .section__col:last-child {width: 48.7%;}

.section__links .section__col:last-child ul li { width: 47.3%; }

.section__links .section__col:last-child ul li a img { margin-right: 16px; }

@media (max-width: 1023px) {
	.section__links .section__col:first-child {margin-bottom: 20px}
	.section__links .section__col:first-child,
	.section__links .section__col:last-child {width: 100%;}
	.section__links .section__col:last-child ul li { width: 47% !important;}
}

.section__links h3 {font-size: 16px; font-weight: 700; color: #39aa35; text-transform: uppercase; margin: 0 0 22px; padding: 0}

.section__links ul {list-style: none; display: flex; flex-wrap: wrap; padding: 0 0 0 1px; margin: 0; justify-content: space-between;}

.section__links ul li {width: 47%; margin-bottom: 13px;}
.section__links ul.product-attributes li {display: flex; align-items: center; font-size: 16px}
.section__links ul.product-attributes li img {margin-right: 16px;max-width: 40px;}

@media (max-width: 768px) {
	.section__links ul li {width: 100% !important; margin-bottom: 10px;}
	.section__links .section__col:last-child ul li { width: 100% !important; }
}

.section__links ul li a {display: flex; font-size: 16px; align-items: center; padding-right: 20px}

.section__links ul li a img {max-width: 40px; margin-right: 11px;}

*:not(.sliders-product) > .swiper > .swiper-container .swiper-wrapper {
	transition-duration: 1000ms !important;
}

.sliders-product > .swiper > .swiper-container .swiper-wrapper {
	transition-delay: 0ms;
}

.header-search {
	display: none;
}

.slider-product.slider-product.slider-product.slider-product.slider-product .swiper .swiper-container .swiper-wrapper {
	transition-delay: 0 !important;
}

/* ------------------------------------------------------------ *\
	Filters
\* ------------------------------------------------------------ */

.container:has(.filters) { display: flex; max-width: 1370px; flex-wrap: wrap; justify-content: space-between; overflow: hidden; align-items: flex-start;}

.container:has(.filters) .search-block {width: 25%;}

.container:has(.filters):before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .85);
	display: none;
	z-index: 1020;
}

.container:has(.filters):after {
	content: '';
    width: 48px;
    height: 48px;
    border: 5px solid #19a93d;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: fixed;
	z-index: 2000;
}

    @keyframes rotation {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
    } 

.container:has(.filters.ajax-loading):before,
.container:has(.filters.ajax-loading):after {
	display: block;
}

@media (max-width: 1023px) {
	.container:has(.filters) .search-block {width: 100%; margin-block-end: 0;}  
}

@media (max-width: 1023px) {.container:has(.filters) .search-block .search-block__form { padding-inline: 15px; } }


.container:has(.filters) .card-box__grid { width: 73%; margin-block-start: unset; }

@media (max-width: 1023px) {
	.container:has(.filters) .card-box__grid {width: 100%; margin: unset;}  
}

@media (max-width: 1280px) {
	.container:has(.search-block .filters) .card-box__grid .card-box__item { width: 50%; }
}

@media (max-width: 767px) {
	.container:has(.search-block .filters) .card-box__grid .card-box__item { width: 100%; }
}

@media (max-width: 1023px) {
	.filters { position: fixed; width: 100%; height: 100%; overflow-y: auto; background-color: rgba(0, 0, 0, 0.8); display: grid; place-items: center; top: 0; left: 0; z-index: 1010; padding-block: 150px; transition: all .3s; transform: scale(.7); opacity: 0; visibility: hidden; pointer-events: none; }
}

@media (max-width: 1023px) { .filters.are-opened {transform: scale(1); opacity: 1; visibility: visible; pointer-events: all;} }

.filters .filters__inner { display: contents; }

@media (max-width: 1023px) {.filters .filters__inner { background-color: #fff; padding-inline: 40px; padding-block: 60px; display: flex; flex-direction: column; width: 85%; position: relative; transition: all .3s; opacity: 0;} }

@media (max-width: 1023px) { .filters.are-opened .filters__inner {opacity: 1;} }

.filters:not(h3):not(h4) { font-weight: 300;}

@media (max-width: 1023px) { .filters h3 { display: none; } }

.filters h3,
.filters h4 {color: #19a93d;}

.filters h4 { margin-block: 0 15px }

@media (max-width: 1023px) { h4 { margin-block: 0 10px } }

@media (max-width: 1023px) { h4:not(.filters__range h4) { margin-block: 0 30px !important } }

.filters .filters__type:has(.filters__boxes) h4 { margin-block-end: 5px; }

.filters .filters__type { margin-block-end: 25px; }

@media (max-width: 1023px) { .filters .filters__type { display: none; } }

@media (max-width: 1023px) { .filters .filters__type.is-visible { display: block; } }


.filters .filters__type:nth-of-type(2) { margin-block-end: 40px; }

.filters .filters__type:has(.filters__boxes) { margin-block: 40px; }

@media (max-width: 1023px) { .filters .filters__type { margin-block-end: 30px !important; } }

.filters .filters__range { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 12px; padding-inline: 12px; margin-block-end: 20px;}

.filters .filters__range:last-child {margin-block-end: 0;}

.filters .filters__range .filters__range-slider {width: 100%; height: 4px !important; border: unset !important; background: #EDEDED !important;}

.filters .filters__range .ui-slider-handle { border-radius: 50% !important; background: #19a93d !important; border: unset !important; outline: unset !important; box-shadow: unset !important; top: 50% !important; width: 20px !important; height: 20px !important; transform: translateY(-50%); width: 20px !important; height: 20px !important;}

.filters .filters__range .ui-slider-handle.ui-state-focus.ui-state-active { background: #19a93d !important; border: unset !important; outline: unset !important; box-shadow: unset !important; }

.filters .filters__range .ui-slider-range { background: #19a93d !important; border-radius: unset !important;}

.filters .filters__range h4 { margin-inline-start: -12px;}

.filters .filters__range .filters__range-min { transform: translateX(-10px); font-size: 16px;}

.filters .filters__range .filters__range-max { transform: translateX(10px); font-size: 16px;}

.filters .filters__boxes { list-style: none; padding: unset; margin-block: 0 10px; }

.filters .filters__boxes li:nth-child(n+6) { display: none; }

.filters .filters__boxes.has-items-visible li:nth-child(n+6) { display: block; }

.filters .filters__boxes li input {border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */ -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important;  /* 2 */ height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important}

.filters .filters__boxes li label { position: relative; padding-inline-start: 24px; font-size: 16px;}

.filters .filters__boxes li label:before { content: ''; position: absolute; width: 18px; height: 18px; border: 2px solid #19a93d; left: 0; top: 1px; transition: background .3s;}

.filters .filters__boxes li input:checked + label:before { background-color: #19a93d;}

.filters .filters__show-more { font-weight: 700; color: #19a93d; display: inline-block; position: relative; font-size: 16px;}
.filters .filters__show-more.active > span,
.filters .filters__show-more > span + span { display: none; }
.filters .filters__show-more.active > span + span { display: inline; }

.filters .filters__show-more:before { content: ''; position: absolute; width: 100%; height: 2px; left: 0; bottom: 2px; background-color: currentColor; opacity: 0; transition: opacity .3s;}

.filters .filters__show-more:hover:before { opacity: 1; }

.filters .filters__button { color: #fff; font-weight: 700; font-size: 16px; background-color: #19a93d; padding-block: 8px; padding-inline: 16px; display: inline-flex; gap:16px; align-items: center; position: relative; line-height: 1; transition: all .3s; border: 2px solid #19a93d;}

@media (max-width: 1023px) { .filters .filters__button {align-self: center;} }

.filters .filters__button span { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; color: #E83A44; aspect-ratio: 1; padding: 8px; transition: all .3s;}

.filters .filters__button:hover { background-color: transparent; color: #19a93d; }

.filters .filters__button:hover span { color: #fff; background-color: #19a93d; }

.filters-nav { list-style: none; margin: unset; padding: unset; display: flex; flex-wrap: nowrap; gap: 20px; display: none; overflow-x: auto; margin-block-end: 30px; padding-inline: 30px; margin-inline: -15px; ms-overflow-style: none; scrollbar-width: none; }

.filters-nav::-webkit-scrollbar { display: none; }

.filters-nav li a { display: inline-block; font-weight: 300; padding-block: 10px; padding-inline: 12px; border: 1px solid currentColor; transition: all .3s; font-size: 16px;}

@media (max-width: 1023px) { .filters-nav { display: flex; } }

.filters .filters__close { display: none; position: absolute; top: 20px; right: 20px; overflow: hidden; text-indent: -999vw; width: 24px; height: 24px; }

@media (max-width: 1023px) { .filters .filters__close {display: inline-block;} }

.filters .filters__close:before,
.filters .filters__close:after { content: ''; position: absolute; width: 100%; height: 1px; transform: translate(-50%, -50%) rotate(-45deg); background-color: currentColor; top: 50%; left: 50%}

.filters .filters__close:after { content: ''; position: absolute; width: 100%; height: 1px; transform: translate(-50%, -50%) rotate(45deg);}

#ajax-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; }
.spinner { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; border: 4px solid #f3f3f3; border-top: 4px solid #3aaa35; border-radius: 50%; animation: spin 2s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.section-product .sliders-product { position: relative; }
.section-product .slider-action .model-button { position: absolute; display: block; left: 50%; bottom: 23%; width:40px; height: 40px; background: url(../images/3d-rotate-icon_default.svg) no-repeat center; z-index: 100; transition: all .4s; }
.section-product .slider-action .model-button:hover { background: url(../images/3d-rotate-icon_hover.svg) no-repeat center; }

.section-product .section__image {
    position: relative;
}
.section-product .section__image .section__image-action .model-button { position: absolute; display: block; left: 50%; bottom: 4%; width:40px; height: 40px; background: url(../images/3d-rotate-icon_default.svg) no-repeat center; border: 0; z-index: 100; transition: all .4s; }
.section-product .section__image .section__image-action .model-button:hover { background: url(../images/3d-rotate-icon_hover.svg) no-repeat center; }

@media (max-width: 479px) {
    .section-product .slider-action .model-button { bottom: 30%; }
}

.wpml-ls-flag { max-width: none; }

.nav__list > li.wpml-ls-item { margin: 7px 0 0 26px; }

/*ipad landscape*/
@media (max-width: 1024px) {
    .nav__list > li.wpml-ls-item { margin:0 0 20px; }
}