@charset "UTF-8";

html{box-sizing: border-box}*, *:before, *:after{box-sizing: inherit}img{max-width: 100%; height: auto; min-height: 1px}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}a, button, input, textarea, select{outline: none!important}*:focus{outline:none!important}

#wrapper{overflow: hidden; max-width: 1920px; width: 100%; margin: 0 auto; position: relative}

.slider .slick-slide:not(:first-child){display: none}
.slider.slick-initialized .slick-slide{display: block!important}

#header-logo{display: flex; align-items: flex-start;}
#header-logo > a{display: block}

.flex-center,
.flex-stretch{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	margin-left: -15px;
	margin-right: -15px
}
.flex-center{
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-stretch{
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
	.flex-item{
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		width: 100%;
		flex: 0 0 auto\0;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		padding-left: 15px;
		padding-right: 15px
	}

.btn,
.form-btn{
	display: inline-block;
	position: relative;
	width: 270px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	text-transform: uppercase;
	color: #231f20;
	padding: 0 20px;
	overflow: hidden;
	-webkit-clip-path: polygon(16px 0, 254px 0, 100% 50%, 254px 100%, 16px 100%, 0 50%);
	clip-path: polygon(16px 0, 254px 0, 100% 50%, 254px 100%, 16px 100%, 0 50%);
	font-weight: 400;
	border: none;
	background: none;
	isolation: isolate
}
.form-btn{font-size: 24px!important; line-height: 50px!important}

.btn:focus,
.form-btn:focus{color: #231f20}
.btn-bold{font-weight: 700}
	.btn > span,
	.form-btn > span{position: relative; z-index: 2; display: inline-block}	
	.btn:before,
	.btn:after,
	.form-btn:before,
	.form-btn:after{
		content: '';
		display: block;
		position: absolute;
		-webkit-clip-path: polygon(16px 0, 254px 0, 100% 50%, 254px 100%, 16px 100%, 0 50%);
		clip-path: polygon(16px 0, 254px 0, 100% 50%, 254px 100%, 16px 100%, 0 50%);
		-webkit-transition: all 0.25s linear;
		-moz-transition: all 0.25s linear;
		-ms-transition: all 0.25s linear;
		-o-transition: all 0.25s linear;
		transition: all 0.25s linear;
		z-index: -1
	}
	.btn:before,
	.form-btn:before{
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ec1c2e;
		-webkit-clip-path: polygon(16px 0, 254px 0, 100% 50%, 254px 100%, 16px 100%, 0 50%);
		clip-path: polygon(16px 0, 254px 0, 100% 50%, 254px 100%, 16px 100%, 0 50%);
	}
	.btn:after,
	.form-btn:after{
		top: 2px;
		left: 2px;
		right: 2px;
		bottom: 2px;
		background-color: #fff;
		-webkit-clip-path: polygon(15px 0, 251px 0, 100% 50%, 251px 100%, 15px 100%, 0 50%);
		clip-path: polygon(15px 0, 251px 0, 100% 50%, 251px 100%, 15px 100%, 0 50%);
	}
	.btn-primary,
	.btn-primary:focus{color: #fff}
	
	.btn-primary:before,
	.btn-primary:after{background-color: #ec1c2e}
	
	.btn:hover,
	.form-btn:hover{color: #fff; text-decoration: none}
	
	.btn:hover:before, 
	.btn:hover:after,
	.form-btn:hover:before, 
	.form-btn:hover:after{background-color: #231f20}

.section-block > .container-fluid{padding-top: 50px; padding-bottom: 50px}
.section-block.section-block-bordered > .container-fluid{border: 2px solid #e3e3e3; padding: 0; overflow: hidden}
	.section-title{font-size: 36px; text-transform: uppercase; margin: 0 0 45px 0}
	.section-btn{margin: 35px 0 0 0}
	
.section-block + .section-block > .container-fluid{border-top: 2px solid #e3e3e3}
.section-block.section-lg-slider + .section-block > .container-fluid{border: none}
.section-lg-slider{position: relative}

.section-block.no-content .container-fluid{padding: 0; border: none}
.section-block.no-content + .section-block .container-fluid{border-top: none}

.product-cat-grid .product-cat.flex-item{
	-webkit-flex: 0 1 16.66666666666667%;
	-ms-flex: 0 1 16.66666666666667%;
	flex: 0 1 16.66666666666667%;
	width: 16.66666666666667%;
	flex: 0 0 auto\0;
}
.product-cat-grid .product-cat:nth-child(n+7){padding-top: 10px}

.col-md-8 .product-cat-grid .product-cat.flex-item{
	-webkit-flex: 0 1 25%;
	-ms-flex: 0 1 25%;
	flex: 0 1 25%;
	width: 25%;
	flex: 0 0 auto\0;
}
.col-md-8 .product-cat-grid .product-cat:nth-child(n+7){padding-top: 0}
.col-md-8 .product-cat-grid .product-cat:nth-child(n+5){padding-top: 10px}

.read-more{
	display: inline-block;
	vertical-align: baseline;
	color: #231f20;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 1px solid #ec122b;
	padding: 3px 0
}
.read-more:hover{color: #ec122b; text-decoration: none}

.section-title-link{position: relative}
	.section-title-link .read-more{position: absolute; top: 2px; right: 0}

.entry-content h1 + *,
.entry-content h2 + *,
.entry-content h3 + *,
.entry-content h4 + *,
.entry-content h5 + *,
.entry-content h6 + *,
.entry-content * + p,
.entry-content p + *,
.entry-content * + ul,
.entry-content ul + *{margin-top: 25px}

.entry-content * + h1,
.entry-content * + h2,
.entry-content * + h3,
.entry-content * + h4,
.entry-content * + h5,
.entry-content * + h6{margin-top: 45px}

.entry-content + .table-responsive,
.table-responsive + .entry-content{margin-top: 25px}

.category-desc + .product-cat-grid{margin-top: 30px}

.screen-reader-txt{display: none!important}

.pagi-nav{text-align: center; margin-bottom: -15px; padding-top: 25px; text-align: center}
.pagi-nav ul{list-style: none; padding: 0; margin: 0 -5px; overflow: hidden; display: inline-block; vertical-align: top}
	.pagi-nav ul li{float: left; padding: 5px}
		.pagi-nav ul li a,
		.pagi-nav ul li span{
			padding: 0;
			border: none;
			display: block;
			width: 40px;
			height: 33px;
			background-color: #ec1c2e;
			-webkit-clip-path: polygon(10px 0, 30px 0, 100% 50%, 30px 100%, 10px 100%, 0 50%);
			clip-path: polygon(10px 0, 30px 0, 100% 50%, 30px 100%, 10px 100%, 0 50%);
			color: #fff;
			text-align: center;
			line-height: 35px;
			overflow: hidden
		}
		.pagi-nav ul li a:hover,
		.pagi-nav ul li span{background-color: #231f20; color: #fff; text-decoration: none}
			.pagi-nav ul li i{font-size: 28px}

/* =============================================================================
   header
   ========================================================================== */
#header > .container{
	position: relative;
	padding-top: 38px	
}
	.header-phone{
		font-size: 24px;
		line-height: 1em;
		position: relative;
		display: inline-block;
		vertical-align: top;
		padding-left: 1em
	}
		.header-phone:before{
			position: absolute;
			top: 0;
			left: 0;
			content: '';	
			display: block;
			width: 1em;
			height: 1em;
			background-color: currentColor;
			mask-image: url(../images/iconmonstr-phone-1.svg);
			mask-position: center;
			mask-size: contain;
			mask-repeat: no-repeat;
			-webkit-mask-image: url(../images/iconmonstr-phone-1.svg);
			-webkit-mask-position: center;
			-webkit-mask-size: contain;
			-webkit-mask-repeat: no-repeat
		}

@media (min-width: 992px){
	.header-phone + .header-phone{margin-left: 15px}
}
@media (max-width: 991px){
	.header-phone + .header-phone{margin-left: 15px}
}
		
	#header-search{float: right}
		#header-search .searchbox{
			width: 200px;
			position: relative;
			background-color: #e1e3e3;
			-webkit-clip-path: polygon(11px 0, 189px 0, 100% 50%, 189px 100%, 11px 100%, 0 50%);
			clip-path: polygon(11px 0, 189px 0, 100% 50%, 189px 100%, 11px 100%, 0 50%);
			height: 36px;
			padding-right: 45px;
		}
			#header-search .searchbox input[type="search"]{
				background: none;
				border: none;
				padding: 0 5px 0 20px;
				line-height: 36px;
				width: 100%;
				color: #000
			}
			#header-search .searchbox button[type="submit"]{
				width: 45px;
				height: 36px;
				position: absolute;
				top: 0;
				right: 0;
				border: none;
				background-color: #e1e3e3;
				text-align: center;
				line-height: 36px;
				padding: 0;
				-webkit-clip-path: polygon(11px 0, 34px 0, 100% 50%, 34px 100%, 11px 100%, 0 50%);
				clip-path: polygon(11px 0, 34px 0, 100% 50%, 34px 100%, 11px 100%, 0 50%);
				display: flex;
				align-items: center;
				align-content: center;
				justify-content: center;
			}
			#header-search .searchbox button[type="submit"]:hover{
				color: #fff;
				background-color: #ec122b;
			}

#header-items{background-color: #fff; width: 100%; text-align: center}
	#primary-menu ul{margin: 0; padding: 0; list-style: none}
	#primary-menu > ul{display: inline-block; vertical-align: top}
		#primary-menu > ul > li{float: left; display: table; height: 56px; padding: 0 5px}
		@media (min-width: 1260px){
			#primary-menu > ul > li{padding: 0 15px}
		}
			#primary-menu > ul > li > a{display: table-cell; vertical-align: middle; font-size: 20px; line-height: 24px; color: #2a2a28; font-weight: 700; text-transform: uppercase; padding: 5px 10px}
			#primary-menu > ul > li > a:hover,
			#primary-menu > ul > li[class*="current"] > a{color: #ec1c2e}
			
				#primary-menu > ul > li.menu-item-has-children > a:after{
					content: '';
					display: inline-block;
					font-size: 24px;
					margin-left: 6px;
					position: relative;
					top: -2px;
					background-color: #ec122b;
					mask-image: url(../images/iconmonstr-arrow-65.svg);
					mask-position: center;
					mask-size: 10px auto;
					mask-repeat: no-repeat;
					-webkit-mask-image: url(../images/iconmonstr-arrow-65.svg);
					-webkit-mask-position: center;
					-webkit-mask-size: 10px auto;
					-webkit-mask-repeat: no-repeat;
				}
				
			#primary-menu .post-count{display: none!important}

/* =============================================================================
   front page
   ========================================================================== */
.section-lg-slider{background-color: #e5e5e5}
	.section-lg-slider .container{position: relative}
	.section-lg-slider .section-lg-slide{background-position: center; background-repeat: no-repeat; background-size: cover}
	.section-lg-slider .section-lg-slide > .container{min-height: 820px}
		.section-lg-slider > .container:after{
			content: '';
			display: block;
			width: 360px;
			height:306px;
			position: absolute;
			right: 15px;
			bottom: -25px;
			background-image: url(../images/welcome-symbol.png);	
		}
		
		.section-lg-slider .col-md-7{padding-top: 75px}
			.section-lg-slider h1,
			.section-lg-slider h2{
				font-size: 60px;
				text-transform: uppercase;
				color: #fff;
				text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.39);
			}
			.section-lg-slider h1 + .btn, .section-lg-slider h2 + .btn{margin-top: 45px}
			.section-lg-slider h1 > small, .section-lg-slider h2 > small{font-size: 50%; line-height: 1.5; text-transform: none!important; display: block}
			
	.section-lg-slider > .product-categories{
		position: absolute;
		left: 0;
		width: 100%;
		bottom: 80px
	}
		.section-lg-slider > .product-categories > .container-fluid{
			background-color: #fff;
			padding: 30px 15px;	
		}

.about-us-flex{min-height: 440px; overflow: hidden}
	.about-us-flex > .flex-item{
		padding: 28px 43px	
	}
	.about-us-flex .flex-item.about-us-txt{
		-webkit-flex: 0 1 25%;
		-ms-flex: 0 1 25%;
		flex: 0 1 25%;
		width: 25%;
		flex: 0 0 auto\0;
		background-color: #f3f3f3;
		position: relative;
	}
		.about-us-flex .flex-item.about-us-txt .entry-content{margin-right: -42px}
		.about-us-txt a.read-more{margin-top: 25px}
	
	.about-us-flex .flex-item.about-us-txt:after{
		content: '';
		display: block;
		height: 100%;
		width: 130px;
		position: absolute;
		top: 0;
		left: 100%;
		margin-left: -1px;
		background-color: #f3f3f3;
		-webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
		clip-path: polygon(0 0, 100% 50%, 0 100%);
	}
	.about-us-flex .flex-item.about-us-logos{
		-webkit-flex: 0 1 75%;
		-ms-flex: 0 1 75%;
		flex: 0 1 75%;
		width: 75%;
		flex: 0 0 auto\0;
		background-color: #fff;
		padding-left: 160px
	}
	
	.about-us-flex .flex-center{position: relative; height: 100%}

.logos-grid .flex-center{height: 90px; text-align: center}
.logos-grid .col-md-3:nth-child(n+5){margin-top: 30px}
	.logos-grid img{display: block; margin: 0 auto}

/* =============================================================================
   content
   ========================================================================== */
.entry-header{
	min-height: 150px;
	background-color: #e1e3e2;
	padding: 35px 0 30px 0
}
	.entry-title{
		margin: 0;
		text-transform: uppercase	
	}	
	#breadcrumbs{margin: 0; padding: 0; list-style: none; overflow: hidden; font-size: 18px; line-height: 18px; font-weight: 700}
		#breadcrumbs > li{float: left; margin-right: 7px}
		#breadcrumbs > li.separator{position: relative; font-size: 24px; display: flex; align-items: center; justify-content: center}
			#breadcrumbs > li.separator::after{
				content: '';
				display: block;
				width: 16px;
				height: 16px;
				background-color: currentColor;
				mask-image: url(../images/iconmonstr-arrow-right-lined.svg);
				mask-position: center;
				mask-repeat: no-repeat;
				mask-size: contain;
				-webkit-mask-image: url(../images/iconmonstr-arrow-right-lined.svg);
				-webkit-mask-position: center;
				-webkit-mask-repeat: no-repeat;
				-webkit-mask-size: contain
			}
			#breadcrumbs > li.separator > i{position: relative; top: -3px}
	
	.entry-title + #breadcrumbs{margin-top: 25px}

.search-result-item{margin-top: 30px}
.search-result-item + .search-result-item{margin-top: 45px}

/* =============================================================================
   single product
   ========================================================================== */
.single-product-content .single-product-img,
.single-product-content .single-product-txt{float: left; padding-left: 15px; padding-right: 15px}
.single-product-content.col-md-8 .single-product-img{width: 37.5%}
	.single-product-content.col-md-8 .single-product-img a{display: block}
	
.single-product-content.col-md-8 .single-product-txt{width: 62.5%}

.single-product-content.col-xs-12 .single-product-img{width: 25%}
.single-product-content.col-xs-12 .single-product-txt{width: 75%}

/* tabs */
.single-product-tabs{margin-top: 18px}
	.nav-tabs{list-style: none; padding: 0; margin: 0 0 30px 0; border-bottom: 3px solid #d5d5d5; font-weight: 700}
		.nav-tabs > li{float: left; margin-right: 40px}
		.nav-tabs > li + li{margin-right: 40px}
			.nav-tabs > li > a{color: inherit; display: block; line-height: 40px; padding: 0 2px; position: relative}
				.nav-tabs > li > a:before{
					content: '';
					display: block;
					width: 100%;
					height: 3px;
					position: absolute;
					bottom: -3px;
					left: 0;
					background-color: #eb1c2e;
					opacity: 0
				}
				.nav-tabs > li.active > a:before{opacity: 1}
	
	.tab-pane{display: none}
	.tab-pane.active{display: block}
	
.table{border: 1px solid #d6d6d6}
	.table th + th,
	.table td + td{border-left: 1px solid #d6d6d6}

.gallery{overflow: hidden; margin: -15px}
	.gallery .gallery-item{float: left; padding: 15px}
	
/* =============================================================================
   sidebar
   ========================================================================== */
#sidebar{margin-top: -153px; margin-bottom: 30px}
	#sidebar ul{margin: 0; list-style: none; padding: 0; background-color: #fff; border: 1px solid #d5d5d5; font-weight: 700; text-transform: uppercase}
		#sidebar ul li + li{border-top: 1px solid #d5d5d5}
		#sidebar ul li a{display: block; line-height: 24px; padding: 13px 15px 13px 45px; color: #231f20; position: relative}
		#sidebar ul li:hover > a,
		#sidebar ul li[class*="current"] > a{color: #ec1c2e}
		
		#sidebar div > ul > li > a:before,
		#sidebar ul li.menu-item-has-children > a:before{
			content: '';
			display: block;
			position: absolute;
			width: 24px;
			text-align: center;
			height: 100%;
			left: 15px;
			top: 0;
			background-color: currentColor;
			mask-image: url(../images/iconmonstr-arrow-65.svg);
			mask-size: 10px auto;
			mask-repeat: no-repeat;
			mask-position: center;;
			-webkit-mask-image: url(../images/iconmonstr-arrow-65.svg);
			-webkit-mask-size: 10px auto;
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-position: center;
			transform: rotate(-90deg);
		}
		#sidebar ul li.menu-item-has-children[class*="current"] > a:before{
			transform: rotate(0deg);
		}
		
			#sidebar li ul{border: none; text-transform: none; display: none}
			#sidebar li[class*="current"] > ul{display: block}
			
				#sidebar ul li ul li + li{border-top: 0}
					
						#sidebar ul li ul{padding-bottom: 15px}
						#sidebar ul li ul li a{padding-left: 45px; font-weight: 400; padding-top: 5px; padding-bottom: 5px}
							#sidebar ul li ul li a > span.post-count{display: none}
						#sidebar ul li ul li[class*="current"] > a:before{
							content: '';
							display: block;
							position: absolute;
							width: 16px;
							text-align: center;
							height: 100%;
							left: 19px;
							top: 0;
							background-color: currentColor;
							mask-image: url(../images/iconmonstr-arrow-65.svg);
							mask-size: 10px auto;
							mask-repeat: no-repeat;
							mask-position: center;;
							-webkit-mask-image: url(../images/iconmonstr-arrow-65.svg);
							-webkit-mask-size: 10px auto;
							-webkit-mask-repeat: no-repeat;
							-webkit-mask-position: center;
						}
	
	#sidebar a .post-count{color: #777; display: inline-block; vertical-align: baseline}
				
#sidebar .widget + .widget{margin-top: 30px}

table tr:hover td{background-color: rgba(0, 0, 0, 0.05)}

/* =============================================================================
   products
   ========================================================================== */
.product-cat .product-cat-inner,
.product-item .product-item-inner{
	display: grid;
	grid-template-rows: auto 1fr;
	gap: 0;
	position: relative;
	height: 100%;
	text-transform: uppercase;
	background-color: #fff;
	color: #231f20
}
	.product-cat .product-cat-inner > h6,
	.product-item .product-item-inner > h6{padding: 5px}

	.product-cat-info{padding: 10px 12px; line-height: 1em}
		.product-cat-info h6{font-size: 17px}
		.product-cat-info p{font-size: 14px; margin-top: 5px; text-transform: none}

.product-cat .product-cat-inner:hover,
.product-item .product-item-inner:hover{
	color: #fff;
	text-decoration: none;
	background-color: #ec122b	
}

.product-item-inner .product-img{aspect-ratio: 1 / 1; overflow: hidden}
.product-item-inner .product-img > img{width: 100%; height: 100%; object-fit: cover}

.file-list-item + .file-list-item{margin-top: 10px}
	.file-list-item > a{
		display: inline-block;
		position: relative;
		padding-left: 24px;
		color: #231f20	
	}
		.file-list-item > a:before{
			content: '';
			display: block;
			background-color: #ec122b;
			mask-image: url(../images/iconmonstr-file-2.svg);
			mask-size: contain;
			mask-repeat: no-repeat;
			mask-position: center;
			-webkit-mask-image: url(../images/iconmonstr-file-2.svg);
			-webkit-mask-size: contain;
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-position: center;
			position: absolute;
			width: 16px;
			height: 100%;
			left: 0;
			top: 0;
		}
	
	.file-list-item > a:hover{color: #ec122b}

/* =============================================================================
   posts
   ========================================================================== */
.post-date{display: block; font-size: 18px; line-height: 1em; color: #ec1c2e}
	
.posts-grid{margin: -15px}
	.posts-grid .flex-item{float: left; padding: 15px}
	.posts-grid.grid-4 .flex-item{
		-webkit-flex: 0 1 25%;
		-ms-flex: 0 1 25%;
		flex: 0 1 25%;
		width: 25%;
		flex: 0 0 auto\0;
	}
		.post-list-item{
			display: block;
			position: relative;
			height: 100%;
			border: 2px solid #ec122b;
			background-color: #fff;
			padding: 20px 14px;
			color: #231f20
		}
			.post-list-item:hover{color: #fff; background-color: #ec122b}
			.post-list-item:hover .post-date{color: #fff}

/* =============================================================================
   wpcf7
   ========================================================================== */
.wpcf7 .wpcf7-form{background: none; padding: 0;}

/* =============================================================================
   footer
   ========================================================================== */
.section-block + #footer .container-fluid{border-top: 2px solid #e3e3e3}

.section-block.section-block-bordered + #footer .container-fluid{border-top: none}

	#footer .container{
		position: relative;
		padding-top: 30px;
		padding-bottom: 30px
	}
		#footer .footer-content{margin: 0; padding: 0; list-style: none; overflow: hidden}
			#footer .footer-content li{display: inline-block; vertical-align: middle}
			#footer .footer-content li + li{margin-left: 20px}
				#footer .footer-content li > ul{padding: 0; margin: 0; list-style: none}
					#footer .footer-content li > ul > li{position: relative}
					#footer .footer-content li > ul > li + li{margin-left: 4px}
						#footer .footer-content li > ul > li + li:before{content: '/ '}

	a#ama{
		position: absolute;
		top: 50%;
		margin-top: -7px;
		right: 15px;
		color: #231f20;
		font-size: 14px;
		line-height: 14px;
		opacity: 0.25	
	}
	a#ama:hover{opacity: 0.75}
   
.social-icon{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 30px;
	height: 26px;
	position: relative;
	line-height: 26px;
	color: #231f20;
	font-size: 20px;
	padding-top: 1px;
	text-align: center;
}
	.social-icon > svg{
		position: relative;
		z-index: 2;
		display: block;
	}
	.social-icon > span{display: inline-block; z-index: 2; position: relative}
	.social-icon:before,
	.social-icon:after{
		content: '';
		display: block;
		position: absolute;
		-webkit-clip-path: polygon(8px 0, 22px 0, 100% 50%, 22px 100%, 8px 100%, 0 50%);
		clip-path: polygon(8px 0, 22px 0, 100% 50%, 22px 100%, 8px 100%, 0 50%);
		-webkit-transition: all 0.25s linear;
		-moz-transition: all 0.25s linear;
		-ms-transition: all 0.25s linear;
		-o-transition: all 0.25s linear;
		transition: all 0.25s linear;
	}
	.social-icon:before{
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ec1c2e;
		-webkit-clip-path: polygon(8px 0, 22px 0, 100% 50%, 22px 100%, 8px 100%, 0 50%);
		clip-path: polygon(8px 0, 22px 0, 100% 50%, 22px 100%, 8px 100%, 0 50%);	
	}
	.social-icon:after {
		top: 1px;
		left: 1px;
		right: 1px;
		bottom: 1px;
		background-color: #fff;
		z-index: 1;
		-webkit-clip-path: polygon(7px 0, 21px 0, 100% 50%, 21px 100%, 7px 100%, 0 50%);
		clip-path: polygon(7px 0, 21px 0, 100% 50%, 21px 100%, 7px 100%, 0 50%);
	}
	
.social-icon:hover{color: #fff; text-decoration: none}
	.social-icon:hover:before,
	.social-icon:hover:after{background-color: #231f20}
   
.builder-slider .slick-arrow{top: 50%; margin-top: -30px}   
   
/* =============================================================================
   ie fixes
   ========================================================================== */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.btn,
	.slick-arrow,
	.slick-dots li button,
	#header-search .searchbox,
	.social-icon{
		background-color: transparent;
		background-image: url(../images/ie-sprite.png);
		background-repeat: no-repeat
	}
	.btn:hover,
	.slick-arrow:hover,
	.slick-arrow.slick-disabled:hover,
	.slick-dots li.slick-active button,
	.slick-dots li button:hover,
	#header-search .searchbox button[type="submit"],
	#header-search .searchbox button[type="submit"]:hover,
	.social-icon:hover{background-color: transparent}
	
	.btn:before,
	.btn:after,
	.social-icon:before,
	.social-icon:after{display: none!important}
	.btn{background-position: 0 0}
	.btn.btn-default{background-position: -280px 0}
	.btn:hover{background-position: 0 -60px}
	
	.slick-arrow,
	.slick-arrow.slick-disabled:hover{background-position: 0 -120px}
	.slick-arrow:hover{background-position: -80px -120px}
	
	.slick-dots li button{background-position: -280px -72px}
	.slick-dots li.slick-active button,
	.slick-dots li button:hover{background-position: -320px -72px}
	
	#header-search .searchbox{background-position: -160px -132px}
	
	.social-icon{background-position: -360px -72px}
	.social-icon:hover{background-position: -400px -72px}
}
/* edge */
@supports (-ms-ime-align: auto) {
	.btn,
	.slick-arrow,
	.slick-dots li button,
	#header-search .searchbox,
	.social-icon,
	.form-btn{
		background-color: transparent;
		background-image: url(../images/ie-sprite.png);
		background-repeat: no-repeat
	}
	.btn:hover,
	.slick-arrow:hover,
	.slick-arrow.slick-disabled:hover,
	.slick-dots li.slick-active button,
	.slick-dots li button:hover,
	#header-search .searchbox button[type="submit"],
	#header-search .searchbox button[type="submit"]:hover,
	.social-icon:hover,
	.form-btn:hover{background-color: transparent}
	
	.btn:before,
	.btn:after,
	.social-icon:before,
	.social-icon:after,
	.form-btn:before,
	.form-btn:after{display: none!important}
	
	.btn{background-position: 0 0}	
	.btn.btn-default, .form-btn{background-position: -280px 0}
	.btn:hover, .form-btn:hover{background-position: 0 -60px}
	
	.slick-arrow,
	.slick-arrow.slick-disabled:hover{background-position: 0 -120px}
	.slick-arrow:hover{background-position: -80px -120px}
	
	.slick-dots li button{background-position: -280px -72px}
	.slick-dots li.slick-active button,
	.slick-dots li button:hover{background-position: -320px -72px}
	
	#header-search .searchbox{background-position: -160px -132px}
	
	.social-icon{background-position: -360px -72px}
	.social-icon:hover{background-position: -400px -72px}
}   

/*.product-cat-img{aspect-ratio: 1 / 1;}*/
	.product-cat-img img{display: block; width: 100%; height: 100%; object-fit: cover}

/* =============================================================================
   contact person
   ========================================================================== */
.contact_person_name{display: inline-block; margin-right: 15px; vertical-align: middle}
.contact_person_lang{display: inline-block; vertical-align: middle; margin: -2px; overflow: hidden; padding: 0; list-style: none}
	.contact_person_lang li{float: left; padding: 2px}
		.contact_person_lang li img{display: block}

* + .single-contact-person{margin-top: 25px}
.single-contact-person + .single-contact-person{margin-top: 15px}
.single-contact-person{
	position: relative;
	padding-left: 150px;
	min-height: 120px
}
	.single-contact-person .single-cp-img{position: absolute; top: 50%; margin-top: -60px; left: 15px; width: 120px; height: 120px; background-color: rgba(0, 0, 0, 0.05)}
	.single-contact-person .contact_person_lang{display: block; margin: 8px -2px}
   
   	.single-contact-person h6 small{display: block; font-weight: 400; font-size: 16px}
   	.single-contact-person p{font-size: 0.85em}
   	.single-contact-person h6 + p{margin-top: 15px}
	
.personel-toggle-area{padding-top: 30px; display: none}

.personel-grid > h2{margin: 0 0 30px 0}

.personel-grid > .row > div:nth-child(2n+1){clear: left}
.personel-grid > .row > div:nth-child(n+3){margin-top: 15px}

/* =============================================================================
   product categroy group
   ========================================================================== */
* + .product-cat-group{margin-top: 30px}
.product-cat-group > * + *{margin-top: 15px}

/* =============================================================================
   media query
   ========================================================================== */
@media (min-width: 993px){
	#mobile-toggle{display: none}
	#header-items{display: block!important}	
}
@media (max-width: 1279px){
	.slick-arrow.slick-prev{left: 0}
	.slick-arrow.slick-next{right: 0}
}
@media (max-width: 1100px){
	#primary-menu > ul{margin: 0 -5px}
	#primary-menu > ul > li{padding: 0 5px}	
	
	.product-cat-grid .product-cat.flex-item{
		-webkit-flex: 0 1 20%;
		-ms-flex: 0 1 20%;
		flex: 0 1 20%;
		width: 20%;
		flex: 0 0 auto\0;	
	}
	.product-cat-grid .product-cat:nth-child(n+7){margin-top: 0}
	.product-cat-grid .product-cat:nth-child(n+6){margin-top: 10px}
	
	.section-lg-slider .section-slider > .slick-dots{
		top: 15px;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	.section-lg-slider h1, .section-lg-slider h2{font-size: 34px}
	.section-lg-slider h1 + .btn, .section-lg-slider h2 + .btn{margin-top: 15px}
	
	#footer .footer-content li > ul{font-size: 16px}
}
@media (max-width: 992px){
	.noscroll{overflow: hidden}

	#header{background-color: #fff; position: relative; z-index: 100}
	
	.header-phone{padding-left: 0; font-size: 16px}
	.header-phone:before{display: none}
	
	#mobile-toggle{
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -15px;
		width: 30px;
		height: 30px;
		border: 1px solid #ec1c2e;
		padding: 0;
		background: none;
	}
		#mobile-toggle .menui{
			display: block;
			position: absolute;
			width: 20px;
			left: 50%;
			margin-left: -10px;
			height: 1px;
			background-color: #ec1c2e;
			transition: 0.6s ease;
			transition-timing-function: cubic-bezier(.75,0,.29,1.01)
		}
		#mobile-toggle .menui.top-menu{top: 8px}
		#mobile-toggle .menui.bot-menu{top: 20px}
		#mobile-toggle .top-menu.animate {
			top: 14px!important;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		#mobile-toggle .mid-menu.animate{opacity: 0}
		#mobile-toggle .bot-menu.animate {
			top: 14px!important;
			-webkit-transform: rotate(-225deg);
			transform: rotate(-225deg);
		}
	
	#footer .footer-content{text-align: center}
	#footer .footer-content > li + li{margin-left: 0; margin-top: 15px}
	#footer .footer-content li,
	#footer .footer-content li > ul > li{display: block}
	#footer .footer-content li > ul > li + li{margin-left: 0; margin-top: 15px}
	#footer .footer-content li > ul > li + li:before{display: none}
	.social-icon{display: inline-block}
	
	a#ama{top: inherit; bottom: 15px}
	
	.section-lg-slider .section-lg-slide > .container{min-height: 320px}
	.section-lg-slider > .container:after{display: none!important}
	.section-lg-slider > .product-categories{position: static}
	
	#header > .container{padding: 10px 65px 10px 135px}
	
	#header .header-logo{
		z-index: 100;
		position: absolute;
		top: 50%;
		left: 0;
		width: 150px;
		margin-top: -18px
	}
	#header .col-md-4.text-center{text-align: right!important}
	
	#header-items{
		display: none;
		z-index: 90;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		padding: 80px 0 0 0;
	}
		#header-items > .container{
			display: grid;
			grid-template-rows: 1fr auto;
			gap: 10px;
			padding: 10px;
			height: 100%	
		}
		#header-items > .container::before,
		#header-items > .container::after{display: none!important}
			#header-items > .container > #primary-menu{
				align-self: center;
				max-height: 100%;
				overflow-y: auto;
				padding: 5px;
			}
				#primary-menu > ul{display: block; margin: 0}
					#primary-menu > ul > li{float: none; display: block; height: auto}
						#primary-menu > ul > li > a{display: inline-block}
						
	#sidebar{width: 100%; float: none!important; margin-top: 0}
	.section-block > .container-fluid{padding-top: 15px; padding-bottom: 15px}
	
	.single-product-content.col-md-8 .single-product-img{width: 25%}
	.single-product-content.col-md-8 .single-product-txt{width: 75%}
	
	.section-lg-slider .section-slider > .slick-dots{
		top: inherit;
		bottom: 15px;
		width: 100%;
		text-align: center;
		left: 0;
		right: 0;
	}
		.section-lg-slider .section-slider > .slick-dots > li{display: inline-block}
		.slick-dots li + li{margin-top: 0; margin-left: 5px}
		
	.nav-tabs > li + li{margin-right: 0}
	.nav-tabs > li > a{padding: 0 5px}
}
@media (max-width: 800px){
	body{font-size: 16px}
	
	.about-us-flex .flex-item.about-us-txt,
	.about-us-flex .flex-item.about-us-logos{
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		width: 100%;
		flex: 0 0 auto\0;
		padding: 20px 30px
	}
	.about-us-flex .flex-item.about-us-txt .entry-content{margin-right: 0}
	
	.product-cat-grid .product-cat.flex-item{
		-webkit-flex: 0 1 33.3334%;
		-ms-flex: 0 1 33.3334%;
		flex: 0 1 33.3334%;
		width: 33.3334%;
		flex: 0 0 auto\0
	}
	.product-cat-grid .product-cat.flex-item:nth-child(n+6){margin-top: 0}
	.product-cat-grid .product-cat.flex-item:nth-child(n+4){margin-top: 30px}
	
	.posts-grid.grid-4 .flex-item{
		-webkit-flex: 0 1 50%;
		-ms-flex: 0 1 50%;
		flex: 0 1 50%;
		width: 50%;
		flex: 0 0 auto\0
	}
	
	.gallery .gallery-item{width: 25%}
}
@media (max-width: 768px){
	.slick-slide img{width: 100%}
	
	.posts-grid.grid-4 .flex-item{
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		width: 100%;
		flex: 0 0 auto\0
	}
	.section-title{margin-bottom: 30px}
	.section-title-link{margin-bottom: 15px}
	.section-title-link .section-title{margin-bottom: 15px}
	.section-title-link .read-more{position: static; display: inline-block; margin-bottom: 15px}
	
	.col-md-8 .product-cat-grid .product-cat.flex-item,
	.product-cat-grid .product-cat.flex-item{
		-webkit-flex: 0 1 50%;
		-ms-flex: 0 1 50%;
		flex: 0 1 50%;
		width: 50%;
		flex: 0 0 auto\0;	
	}
	.product-cat-grid .product-cat.flex-item:nth-child(n+4){margin-top: 0}
	.product-cat-grid .product-cat.flex-item:nth-child(n+3){margin-top: 30px}
	
	.personel-block .col-sm-6 + .col-sm-6{margin-top: 30px}
}
@media (max-width: 480px){
	.single-product-content.col-md-8 .single-product-img{width: 100%; margin: 0 0 30px 0}
		.single-product-content.col-md-8 .single-product-img img{margin-left: auto; margin-right: auto; display: block}
	.single-product-content.col-md-8 .single-product-txt{width: 100%}
}
@media (max-width: 430px){
	#header .header-logo{width: 100px; margin-top: -12px}	
}
@media (max-width: 360px){
	.col-md-8 .product-cat-grid .product-cat.flex-item,
	.product-cat-grid .product-cat.flex-item{
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		width: 100%;
		flex: 0 0 auto\0;	
	}
	.product-cat-grid .product-cat.flex-item:nth-child(n+4),
	.product-cat-grid .product-cat.flex-item:nth-child(n+3){margin-top: 0}
	.product-cat-grid .product-cat.flex-item + .product-cat.flex-item{margin-top: 30px}
}


.product-cat-heading{
	margin: -15px;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
	.product-cat-heading > *{padding: 15px}

.manufacturers-grid{
	display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	margin: -15px
}
	.manufacturers-grid > .manufacturers-grid__item{padding: 15px}

.manufacturers-grid + .product-cat-grid{margin-top: 15px}

@media (min-width: 992.1px){
	.mob-menu-only{display: none!important; user-select: none!important; pointer-events: none!important; visibility: hidden!important}
}
@media (max-width: 992px){
	.header-contacts{display: none!important; user-select: none!important; pointer-events: none!important; visibility: hidden!important}
}


/* =========================================================
   Homepage slider — CLS + LCP support
   Pair this with the rewritten front-page.php.
   Adjust the min-height values to the REAL initialized
   slide height at each breakpoint (measure in DevTools).
   ========================================================= */

/* The slide is now a positioning context for the background <img> */
.section-lg-slider .slide-item {
	position: relative;
	overflow: hidden;
	min-height: 820px;
	display: flex;
	align-items: center;
}

/* The former background-image, now a real <img> behind the content */
.section-lg-slider .slide-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 0;
	pointer-events: none;
}

/* Content sits above the image */
.section-lg-slider .section-lg-slide > .container {
	position: relative;
	z-index: 1;
	width: 100%;
}

/* Pre-init slider states — prevents layout shift before Slick runs */
.section-lg-slider .section-slider:not(.slick-initialized) > *:not(:first-child),
.builder-slider:not(.slick-initialized) > *:not(:first-child) {display: none}
.products-slider:not(.slick-initialized) {display: flex;overflow: hidden;}
.products-slider:not(.slick-initialized) > * {
	flex: 0 0 16.6667%;
	max-width: 16.6667%;
}
@media (max-width: 1024px) {
	.products-slider:not(.slick-initialized) > * { flex-basis: 20%;    max-width: 20%; }
}
@media (max-width: 800px) {
	.products-slider:not(.slick-initialized) > * { flex-basis: 25%;    max-width: 25%; }
}
@media (max-width: 600px) {
	.products-slider:not(.slick-initialized) > * { flex-basis: 50%;    max-width: 50%; }
}
@media (max-width: 480px) {
	.products-slider:not(.slick-initialized) > * { flex-basis: 100%;   max-width: 100%; }
}

.hidden-fields-container{display: none;}
* + .wpcf7-response-output{margin-top: 20px!important}

/* wpcf7 styles */
.wpcf7 label{margin: unset}

.wpcf7-form-control-wrap{
	display: block;
}
.wpcf7 label + .wpcf7-form-control-wrap{margin-top: 5px}
.wpcf7 .wpcf7-form-control-wrap + *,
.wpcf7 .wpcf7-form-control-wrap + label{margin-top: 20px}
	.wpcf7-form-control:not([type="checkbox"], [type="radio"]){
		display: block;
		width: 100%;
		font-size: 16px;
		line-height: 1.25em;
		padding: 9px 14px;
		border: 1px solid #ddd;
		background-color: #fff;
		color: #231f20;
		box-sizing: border-box;
	}
	textarea.wpcf7-form-control:not([type="checkbox"], [type="radio"]){
		min-height: 140px;
		height: 140px;
		max-height: 140px;
	}
/* Inline SVG icons (replaces the Ionicons webfont) */
.svg-icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;stroke:currentColor;fill:none}
.breadcrumbs .svg-icon{width:.75em;height:.75em;opacity:.6;margin:0 .35em}
.paginate .svg-icon{width:1em;height:1em}