/*!
Theme Name: apilon
Theme URI: https://apilontrade.com
Author: apilontrade.com
Author URI: https://apilontrade.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: apilon
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

apilon is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.our-features-box {
	overflow: hidden;
	width: 100%;
	margin: auto;
	background: #f5f5f5;
	padding: 0;
	margin-bottom: 0;
}

.our-features-box .container {
	padding: 0;
}

.our-features-box ul {
	list-style: none;
	margin: auto;
	padding: 30px 0;
	border: none;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.our-features-box li {
	float: left;
	width: 23.5%;
	margin: 0 1% 20px 0;
	padding: 0;
	box-sizing: border-box;
	border-radius: 3px;
	background-color: #333;
	display: flex;
}

.our-features-box li:nth-child(4n) {
	margin-right: 0;
}

.our-features-box .feature-box {
	overflow: hidden;
	font-size: 16px;
	text-align: left;
	color: #fff;
	line-height: 1.4em;
	font-weight: normal;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 8px;
	padding: 25px;
	position: relative;
	box-sizing: border-box;
	margin: 0;
	background: transparent;
	height: 100%;
}

.our-features-box .feature-box .icon {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 15px;
}

.our-features-box .feature-box .icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.our-features-box .feature-box .content {
	display: block;
	margin-left: 65px;
	border-left: 1px rgba(255, 255, 255, 0.5) solid;
	padding-left: 15px;
	line-height: 1.2em;
	text-transform: none;
}

.our-features-box .feature-box span {
	font-size: 12px;
	display: block;
	font-weight: 400;
	padding-top: 5px;
	color: #fff;
	line-height: 18px;
	font-style: italic;
}

@media (max-width: 992px) {
	.our-features-box li {
		width: 48%;
		margin: 0 2% 20px 0;
	}

	.our-features-box li:nth-child(2n) {
		margin-right: 0;
	}
}

@media (max-width: 576px) {
	.our-features-box .container {
		padding: 0 15px;
		box-sizing: border-box;
	}

	.our-features-box li {
		width: 100%;
		margin: 0 0 20px 0;
	}
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	border: 1px solid #ccc;
	padding: 8px 10px;
	border-radius: 4px;
	width: 100%;
	box-sizing: border-box;
	transition: all 0.3s ease;
}

.wpcf7 .wpcf7-not-valid {
	border-color: #f5a5a5 !important;
	background-color: #ffeaea;
}

.wpcf7 .wpcf7-valid {
	border-color: #a5f5a5 !important;
	background-color: #eaffea;
}

.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-response-output {
	display: none !important;
}

.wpcf7 .wpcf7-submit {
	background-color: #333;
	color: #fff;
	border: none;
	padding: 12px 25px;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.wpcf7 .wpcf7-submit:hover {
	background-color: #555;
}

.wpcf7 textarea {
	width: 100%;
	max-width: 100%;
	resize: none;
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 8px 10px;
	border-radius: 4px;
	transition: all 0.3s ease;
}

@media (max-width: 576px) {
	.wpcf7 textarea {
		width: 100%;
	}
}

.wpcf7 .wpcf7-not-valid {
	border-color: #f5a5a5 !important;
	background-color: #ffeaea;
}

.wpcf7 .wpcf7-valid {
	border-color: #a5f5a5 !important;
	background-color: #eaffea;
}

.brand-logo .logo-item img {
	max-width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

.mm-toggle {
	float: none !important;
}

.custom-no-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.main-contact {
	margin-bottom: 40px;
}

a,
button,
input,
textarea,
select {
	outline: none !important;
}

a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
	outline: none !important;
}

footer .footer-inner {
	background: none !important;
}

.logo img,
.logo-footer img {
	width: 64px;
	height: auto;
}

.icon-address img {
	width: 25px;
	height: auto;
	vertical-align: 0px !important;
}

.social img {
	width: 38px;
	height: auto;
}

.social a {
	background: none !important;
}

.co-info a {
	color: #b7bcc8 !important;
	font-size: 14px !important;
}

.form_background {
	margin-bottom: 35px;
}

.buttons-set .button {
	display: inline-block;
	border: 0;
	background: #fff;
	padding: 8px 15px;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	font-weight: normal;
	border: 2px solid #eee;
	-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff;
	color: #000;
	font-weight: bold;
}


.buttons-set .button:hover {
	-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -45px 0 0 #88be4c;
	border: 2px solid #729f3f;
	color: #fff;
}

#recently-viewed-items {
	color: #333 !important;
}

.icon-address {
	font-family: 'Open Sans', sans-serif !important;
	line-height: 22px !important;
}

.breadcrumbs a {
	font-size: 14px !important;
}

.featured-thumb {
	margin-bottom: 15px;
}

.pager .navigation.pagination {
	text-align: center;
	margin: 20px 0;
}

.pager .navigation.pagination .nav-links {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.pager .navigation.pagination .nav-links a,
.pager .navigation.pagination .nav-links span.page-numbers {
	display: block;
	padding: 8px 14px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
	color: #333;
	transition: all 0.3s ease;
}

.pager .navigation.pagination .nav-links a:hover {
	background-color: #88be4c;
	color: #fff;
	border-color: #88be4c;
}

.pager .navigation.pagination .nav-links span.current {
	background-color: #88be4c;
	color: #fff;
	border-color: #88be4c;
	pointer-events: none;
}

.pager .navigation.pagination .nav-links a.next,
.pager .navigation.pagination .nav-links a.prev {
	font-weight: bold;
}

.orderby {
	width: 100%;
}

.woocommerce-breadcrumb {
	max-width: 1240px;
	margin-top: 20px;
}

.woocommerce-no-products-found {
	padding: 0 20px;
}

.woocommerce-products-header__title.page-title {
	padding: 0 20px;
}

.apilon-shop-filter {
	padding: 0 20px;
}

.product-shop button.button.btn-cart::before,
.btn-cart::before {
	content: "\f0e0";
	font-family: 'FontAwesome';
}

#top img {
	padding: 20px;
}

#related-slider .product-name {
	border-bottom: none;
}

.mybtn .button {
	background: #fff;
	color: #88be4c;
	font-size: 18px;
	text-shadow: none;
	padding: 10px 20px;
	float: left;
	margin-top: 0px;
	font-weight: normal;
	border: 2px #88be4c solid;
	border-radius: 0px;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff;
}

.item.product.type-product {
	padding: 20px 0;
}

.slider-items-products .item .product-image img {
	width: 100%;
	height: 100%;
}

.products-list .product-image img {
	height: 100%;
}

.col-main {
	z-index: 0 !important;
}

.page-heading {
	background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(/wp-content/themes/apilon/images/category-bg.png);
}

@media (max-width: 767px) {
	.brand-logo .logo-item img {
		width: 100%;
		margin: 0 auto;
	}

	.woocommerce-breadcrumb {
		display: none;
	}

	.fl-nav-menu {
		height: 90px;
	}

	.blog-side {
		display: none;
	}

	.logo {
		display: none !important;
	}

	#your-comment {
		width: 100% !important;
	}

	.col-main {
		margin-bottom: 30px;
	}

	.item-img-info .product-image {
		height: 100%;
	}

}

.tp-caption.LargeTitle span,
.top-cate .new_title h2 {
	background-color: #88be4c !important;
}

.top-cate .new_title h2::after {
	border-color: #729f3f #729f3f transparent transparent !important;
}

.related-pro {
	margin-bottom: 30px !important;
}

.tp-caption.LargeTitle.sfl.tp-resizeme.start {
	font-size: 76px !important;
}

.logo-brand .new_title h2,
.top-cate .new_title h2,
.best-pro .new_title h2,
.block .block-title,
.side-nav-categories .block-title,
.blog-side h2 {
	color: #000 !important;
}

.mobile-menu li a {
	color: #ff2f2f !important;
}

#header,
.logo {
	background: #000 !important;
}

@media (max-width: 540px) {
	.tp-caption.LargeTitle.sfl.tp-resizeme.start {
		font-size: 18px !important;
	}
}


.navbar-form .input-group {
	position: relative;
	display: flex;
	align-items: center;
}

.navbar-form .input-group input.form-control {
	width: 150px;
	padding: 6px 12px;
	border: 1px solid #ccc;
	transition: opacity 0.3s;
	opacity: 0;
}

.navbar-form .input-group.open input.form-control {
	opacity: 1;
}

.our-features-box li {
	min-height: 107px;
}


/*slider*/
/* Wrapper */
.tp-caption.Title {
	margin-top: 10px;
}

.cube3-slider {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
}

/* Slide */
.cube3-slide {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 1;
}

/* Fade animation for slide */
@keyframes cube3-fade {
	0% {
		opacity: 0;
	}

	10% {
		opacity: 1;
	}

	40% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}


/*
.cube3-img-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


.cube3-piece {
	position: absolute;
	top: -100%;
	width: 33.333%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	animation: cube3-drop 1.3s forwards ease-out;
}

.cube3-piece.piece-1 {
	left: 0;
	background-position: left;
	animation-delay: 0.3s;
}

.cube3-piece.piece-2 {
	left: 33.333%;
	background-position: center;
	animation-delay: 0.6s;
}

.cube3-piece.piece-3 {
	left: 66.666%;
	background-position: right;
	animation-delay: 0.9s;
}


@keyframes cube3-drop {
	to {
		top: 0;
	}
}


.cube3-content {
	position: absolute;
	bottom: 80px;
	left: 60px;
	z-index: 50;
	color: #fff;
	text-align: center;
}

.cube3-content h2 {
	font-size: 48px;
	margin: 0 0 20px;
}

.cube3-content p {
	font-size: 22px;
	margin: 0 0 25px;
}

.cube3-btn {
	display: inline-block;
	padding: 12px 25px;
	font-size: 18px;
	background: rgba(255, 255, 255, 0.9);
	color: #000;
	text-decoration: none;
	border-radius: 4px;
	margin-top: 20px;
}

@media (max-width: 767px) {

	.tp-caption.LargeTitle {
		letter-spacing: 0px !important;
	}

	.cube3-img-wrapper {
		position: relative;
		height: auto;
	}

	.cube3-piece {
		position: relative;
		width: 100%;
		height: 200px;
		top: 0 !important;
		left: 0 !important;
		animation: none !important;
		margin-bottom: 0;
		background-size: cover;
		background-position: center;
	}

	.cube3-content {
		position: absolute;
		bottom: 20px;
		left: 0;
		width: 100%;
		padding: 0 15px;
		text-align: center;
		z-index: 10;
	}

	.cube3-title {
		font-size: 26px !important;
		line-height: 1.2;
		color: #fff;
		text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
	}

	.cube3-subtitle {
		font-size: 16px !important;
		color: #fff;
		margin-top: 10px;
		text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
	}

	.cube3-btn-wrapper {
		margin-top: 15px;
	}

	.cube3-btn {
		display: inline-block;
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 4px;
		background: rgba(255, 255, 255, 0.9);
		color: #000;
	}
}

END slider*/



.si-grid {
	display: grid;
	gap: 16px;
}

.si-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 767px) {
	.si-grid--3 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.si-grid__card {
	display: block;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 12px;
	overflow: hidden;
	text-decoration: none;
	background: #fff;
	transition: transform .15s ease, box-shadow .15s ease;
}

.si-grid__card:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .10);
}

.si-grid__media {
	aspect-ratio: 16/10;
	overflow: hidden;
	background: rgba(0, 0, 0, .04);
}

.si-grid__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.si-grid__body {
	padding: 12px 14px;
}

.si-grid__title {
	font-size: 16px;
	line-height: 1.3;
	margin: 0 0 6px;
	color: inherit;
}

.si-grid__link {
	font-size: 13px;
	opacity: .9;
}

.si-empty {
	padding: 16px;
	border: 1px dashed rgba(0, 0, 0, .2);
	border-radius: 12px;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.contact-cards {
	display: flex;
	gap: 16px;
	margin: 0 0 20px;
}

.contact-card {
	flex: 1;
	border: 1px solid #e6e6e6;
	background: #88be4c;
	padding: 16px;
	min-height: 84px;
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.contact-card__icon img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	display: block;
}

.contact-card__value,
.contact-card__value a {
	font-size: 14px;
	line-height: 1.4;
	word-break: break-word;
	color: #fff;
}

@media (max-width: 767px) {
	.contact-cards {
		flex-direction: column;
	}
}

.pb40 {
	padding-bottom: 40px !important;
}

i {
	font-style: normal;
}

.feature-box .content {
	color: #000;
}

.regular-price .woocommerce-Price-amount.amount {
	font-size: 22px;
	color: #000;
	font-weight: normal;
}