* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
:root {
	--primary:#0154A0;
	--swiper-pagination-bullet-inactive-color:#fff;
	--swiper-pagination-bullet-inactive-opacity:0.8;
	--swiper-pagination-bullet-width:12px;
	--swiper-pagination-bullet-height:12px;
	--swiper-pagination-color:#0154A0;
	--transition:all ease-in-out 0.33s;
	--black:#212121;
	--fs40:clamp(40px,2.6vw,60px);
	--fs30:clamp(30px,2vw,50px);
	--mg120: 120px;
  --mg100: 100px;
  --mg80: 80px;
  --mg60: 60px;
  --mg50: 50px;
  --mg40: 40px;
  --mg30: 30px;
  --mg20: 20px;
  --mg10: 10px;
  --fs56: 56px;
  --fs42: 42px;
  --fs36: 36px;
  --fs32: 32px;
  --fs24: 24px;
  --fs20: 20px;
  --fs18: 18px;
  --gap10: 10px;
  --gap20: 20px;
}
body {
	font-size:16px;
	line-height:1.4;
	margin:0;
	font-weight: 400;
	letter-spacing: 0.02em;
	color:var(--black);
	font-family: "Playfair Display", serif;
}
h1,h2,h3,h4,h5,h6,button,input {
	letter-spacing: 0.02em;	
}
.seo * {
	font-family: "Playfair Display", serif !important;
}
.mb0 {
	margin-bottom: 0;
}
.mb10 {
	margin-bottom: var(--mg10);
}
.mb20 {
	margin-bottom: var(--mg20);
}
.mb30 {
	margin-bottom: var(--mg30);
}
.mb40 {
	margin-bottom: var(--mg40);
}
.mb50 {
	margin-bottom: var(--mg50);
}
.mb60 {
	margin-bottom: var(--mg60);
}
.mb80 {
	margin-bottom: var(--mg80);
}
.mt0 {
	margin-top: 0;
}
.mt10 {
	margin-top: var(--mg10);
}
.mt20 {
	margin-top: var(--mg20);
}
.mt30 {
	margin-top: var(--mg30);
}
.mt40 {
	margin-top: var(--mg40);
}
.mt50 {
	margin-top: var(--mg50);
}
.mt60 {
	margin-top: var(--mg60);
}
.mt80 {
	margin-top: var(--mg80);
}
.pt0 {
	padding-top: 0;
}
.pt20 {
	padding-top: var(--mg20);
}
.pt100 {
	padding-top: var(--mg100);
}
.section {
	padding: var(--mg100) 0;
}
.section2 {
	padding: var(--mg20) 0 var(--mg80);
}
.pb0 {
	padding-bottom: 0;
}
.pb100 {
	padding-bottom: var(--mg100);
}
.pb60 {
	padding-bottom: var(--mg60);
}
.pt60 {
	padding-top: var(--mg60);
}
strong,b {
	font-weight: 500;
}
input,select,button,textarea {
	font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: normal;
color: #fff;
}
a, button,svg {
	text-decoration:none;
	cursor:pointer;
	transition:all linear .25s;
}
div,a,img,button {
	outline:none;
}
ul {
	list-style:none;
	padding:0;
	margin:0;
}
p {
	margin:0;
}
.fl, .d-flex {
	display:flex;
}
.fw {
	flex-wrap:wrap;
}
.sb {
	justify-content: space-between;
}
.aligncenter {
	align-content: center;
	align-items: center;
}
.container {
	width: 100%;
	padding: 0 50px;
	margin:0 auto;
}
* {
	outline:none;
}
header {
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	padding: 20px 0;
	z-index: 11;
	transition:all linear .25s;
	background: #fff;
}
header.fixed {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.logo {
	max-width: 150px;
}
.popup-menu .logo {
	max-width: 150px;
}
img {
	max-width: 100%;
}
.open-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.open-menu span {
	height:2px;
	width: 30px;
	margin:3px auto;
	background: #000;
}
header .col {
	width: 100%;
	max-width: 200px;
}
.popup-menu {
	position: absolute;
	top:0;
	padding: 0 50px 50px;
	background: #fff;
	z-index: 2;
	width: 50%;
	min-width: 600px;
	transform:translateX(-100%);
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	transition:all linear .33s;
	height: 100vh;
}
.popup-menu.open {
	transform:translateX(0%);
}
.popup-menu .top {
	padding: 20px 0;
	border-bottom:1px solid #ccc;
}
.popup-menu .close svg {
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.popup-menu .close:hover svg {
	transform:rotate(180deg);
}
.popup-menu ul {
	list-style:none;
}
.menu {
	gap:20px;
	padding-top: 30px;
}
.menu .col-right {
	width: 100%;
	max-width: 250px;
}
.menu .col-left {
	width: 100%;
}
.menu .col-left > div {
	max-width: 250px;
}
.menu .col-right img {
	display: block;
	width: 100%;
	object-fit: cover;
}
.menu li a {
	color:var(--black);
	display: block;
	padding: 3px 0;
	font-size: var(--fs20);
}
.menu li .sub-menu a {
	font-size: var(--fs18);
}
.menu li a:hover {
	color:var(--primary);
}
.menu li a.has-child {
	display: flex;
}
.menu li + li {
	margin-top: 5px;
}
.menu .sub-menu li + li {
	margin-top: 3px;
}
.menu .sub-menu {
	padding: 7px 0 10px 20px;
	display: none;
}
.menu li a.has-child span {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 35px;
	cursor: pointer;
}
.menu li a.has-child.open span svg {
	transform:rotate(90deg);
}
.lang-form {
	position: relative;
	display: inline-block;
}
.lang-form > p, .lang-form button {
	display: flex;
	border:0;
	text-transform: capitalize;
	background:none;
	align-items: center;
	gap:7px;
	color:var(--black);
	transition:all linear .25s;
	cursor: pointer;
	padding: 0;
}
.lang-form > p {
	padding-left: 27px;
	background: url(../image/world.svg) no-repeat left center;
	background-size: auto 110%;
}
.lang-form > p:hover, .lang-form button:hover {
	color:var(--primary);
}
.lang-form > p span svg {
	transform:rotate(90deg);
}
.lang-form > ul {
	position: absolute;
	top:100%;
	left: 17px;
	background: #fff;
	z-index: 3;
	display: none;
	padding: 7px 10px;
}
svg {
	display: block;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.home.slideshow {
	position: relative;
}
.home.slideshow img {
	width: 100%;
	max-height: 900px;
	object-fit: cover;
}
.slick-dots {
	top:auto ;
	bottom: 50px ;
	padding: 0 50px;
	text-align: right;
	width: 400px ;
	max-width: 100% ;
	left: auto ;
	position: absolute;
	right: 0 ;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.slick-dots li {
	margin:0 5px;
}
.slick-dots li button {
	text-indent: -9999px;
	display: block;
	border-radius: 100%;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #fff;
	opacity: 0.8;
	border:0;
}
.slick-dots .slick-active button {
	background: var(--primary);
}
.slideshow .content {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	z-index: 2;
	text-align: left;
	color:#fff;
	bottom: 0;
	padding-bottom: 75px;
	padding-top: 100px;
	transform:translateY(50px);
	opacity: 0;
	transition:all linear .35s;
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
}
.slideshow .slick-current .content {
	opacity: 1;
	transform:translateY(0px);
}
.slideshow .title, .section-title, .seo h1 {
	font-size: var(--fs40);
	font-weight: 500;
}
.download #content a {
	padding-left: 30px;
	background: url(../image/download.svg) no-repeat left center;
	background-size: 20px auto;
}
.fs32 {
	font-size: var(--fs32);
}
.slideshow .title:not([class*="mb"]),
.section-title:not([class*="mb"]),
.seo h1:not([class*="mb"]) {
	margin:0 0 var(--mg20);	
}
.seo table {
	border:0;
	border-collapse:collapse;
}
.seo td {
	padding: 7px 12px;
	border:1px solid #000;
}
.seo h2 {
	font-size: var(--fs32);
	font-weight: 500;
}
.seo h2:not([class*="mb"]) {
	margin:0 0 var(--mg20);	
}
.seo h3 {
	font-size: var(--fs24);
	font-weight: 500;
}
.seo h3:not([class*="mb"]) {
	margin:0 0 var(--mg20);	
}
.seo h2:not(:first-child) {
	margin-top: var(--mg30);
}
.seo h3:not(:first-child) {
	margin-top: var(--mg20);
}
.seo a {
	color:#000;
	text-decoration: underline;
}
.seo a:hover {
	color:var(--primary);
}
.btn {
	display: inline-flex;
	align-items: center;
	height: 50px;
	justify-content: center;
	padding: 0 30px;
	gap:15px;
	border-radius: 4px;
	border:2px solid #fff;
	color:#fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: var(--fs18);
	position: relative;
	overflow:hidden;
}
.btn:hover {
	background: #fff;
	color:var(--primary);
}
.btn3 {
	color:#fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: var(--fs18);
	position: relative;
	overflow:hidden;
}
.btn3 span {
	display: inline-flex;
	align-items: center;
	height: 40px;
	justify-content: center;	
}
.btn3 svg {
	margin-left: 10px;
	transition:all linear .25s;
}
.btn3:hover svg {
	margin-left: 15px;
}
/*.btn:before {
	content:' ';
	display: block;
	width: 0;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top:0;
	transition:var(--transition);
}
.btn:hover:before {
	width: 102%;
}*/
.btn span {
	display: flex;
	align-items: center;
	gap:15px;
	position: relative;
	z-index: 2;
}
.swiper-pagination-bullet {
	position: relative;
	z-index: 4;
}
/*.slick-arrow {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	top:calc(50% - 25px);
	left: 25px;
	opacity: 0;
	transition:var(--transition);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' fill='none' width='16' class='icon icon-arrow-left icon--direction-aware' viewBox='0 0 16 18'%3E%3Cpath d='M11 1 3 9l8 8' stroke='currentColor' stroke-linecap='square'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	border:0;
	background-color:#fff;
	text-indent: -9999px;
	z-index: 2;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.slick-next {
	left: auto;
	right: 25px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' fill='none' width='16' class='icon icon-arrow-right icon--direction-aware' viewBox='0 0 16 18'%3E%3Cpath d='m5 17 8-8-8-8' stroke='currentColor' stroke-linecap='square'%3E%3C/path%3E%3C/svg%3E");
}
.slick-slider:hover .slick-arrow {
	opacity: 1;
}
.slick-arrow:hover {
	background-color:var(--primary);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' fill='none' width='16' class='icon icon-arrow-left icon--direction-aware' viewBox='0 0 16 18'%3E%3Cpath d='M11 1 3 9l8 8' stroke='%23fff' stroke-linecap='square'%3E%3C/path%3E%3C/svg%3E");
}
.slick-next:hover {
	background-color:var(--primary);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' fill='none' width='16' class='icon icon-arrow-right icon--direction-aware' viewBox='0 0 16 18'%3E%3Cpath d='m5 17 8-8-8-8' stroke='%23fff' stroke-linecap='square'%3E%3C/path%3E%3C/svg%3E");
}*/
.slide .slick-list {
	padding: 0 25px;
}
.image-slider img {
	width: 100%;
}
.image-slider .slick-dots {
	width: 100%;
	justify-content: center;
	bottom: 20px;
}
.image-slider .slick-dots li button {
	background: rgba(0,0,0,0.3);
}
.image-slider .slick-dots .slick-active button {
	background: var(--primary);
}
.featured-category a {
	color:var(--black);
	font-size: var(--fs18);
	font-weight: 500;
	text-align: center;
	display: block;
	width: 100%;
	position: relative;
}
.featured-category a:hover p {
	color:#000;
}
.featured-category a img {
	display: block;
	margin:0 auto;
	width: 100%;
}
.featured-category a p {
	position: absolute;
	left: 0;
	top:0;
	transition:all linear .25s;
	width: 100%;
	height: 100%;
	display: flex;
	padding: 20px;
	justify-content: center;
	text-align: center;
	align-items: center;
	align-content: center;
	color:#fff;
	font-size: var(--fs40);
	font-weight: 500;
}
.featured-category > div {
	display: flex;
	gap:4px;
	margin-top: 4px;
}
.section-title {
	margin-top: 0;
}
.common-home .section-title, .common-home .seo h2, .common-home .seo h1 {
	text-transform: uppercase;
}
.common-home .seo, .seo-cat, #product-product .seo > div, #desc {
	font-size: 15px;
}
#product-product h1 {
	font-size: var(--fs30);
}
.products.d-flex {
	gap:40px;
}
.products.d-flex .product-layout {
	display: block;
	max-width: calc(25% - 40px*3/4);
	width: 100%;
}
.product-layout {
	color:var(--black);
	/*font-size: var(--fs18);*/
	font-weight: 500;
}
.product-layout p {
	line-clamp: 2;
	-webkit-line-clamp: 2;
	    word-break: break-word;
	        display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	text-transform: uppercase;
	position: relative;
}
/*.product-layout p:after {
	content:' ';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: linear-gradient(to bottom,rgba(255,255,255,0), rgba(255,255,255,1));
	z-index: 2;
	height: 20px;
}*/
.product-layout:hover {
	color:var(--primary);
}
.product-layout .img {
	margin-bottom: 20px;
}
.product-layout img {
	width: 100%;
}
.products.slider .slick-slide {
	width: 360px;
	margin-right: 40px;
}
@media screen and (max-width:1550px) {
	.products.slider .slick-slide {
		width: 300px;
		margin-right: 30px;
	}
}
.products.slider .slick-list {
	overflow:visible;
}
.overflow {
	overflow:hidden;
}
.seo * + * {
	margin-top: var(--mg20);
}
.seo ul {
	list-style:disc;
	padding-left: 20px;
}
.seo ul li + li {
	margin-top: 5px;
}
.seo ol {
	padding-left: 20px;
}
.seo ol li + li {
	margin-top: 5px;
}
.seo-cat {
	padding-top: var(--mg60);
}
footer {
	background: #E9E9E5;
	padding: 40px 0;
}
footer .d-flex {
	gap:40px;
}
footer .col-1 {
	width: 100%;
	max-width: 280px;
}
footer .col-2 {
	width: 100%;
	max-width: 280px;
}
footer .col-3 {
	width: 100%;
	max-width: 240px;
}
.ftitle {
	font-size: 20px;
	font-weight: 500;
	margin:0 0 20px;
}
.col-3 .ftitle {
	margin-bottom: 15px;
}
footer a + a {
	margin-top: 10px;
	display: block;
}
footer a {
	color:#000;
}
footer a:hover {
	color:var(--primary);
}
.form input {
	width: 100%;
	background: transparent;
	border:0;
	border-bottom:1px solid #000;
	color:#000;
	padding: 0 0 10px;
	height: 40px;
}
.form textarea {
	width: 100%;
	background: transparent;
	border:0;
	border-bottom:1px solid #000;
	color:#000;
	padding: 0 0 10px;
	resize:none;
	height: 100px;
	display: block;
}
.form button:not(.submit) {
	width: 100%;
	justify-content: center;
	margin-top: 10px;
	height: 45px;
	border-width: 1px;
}
#emailAjaxForm {
	position: relative;
}
#emailAjaxForm button {
	position: absolute;
	height: 100%;
	right: 0;
	top:0;
	z-index: 2;
	width: 40px;
	height: 40px;
	border:0;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 12H3' stroke='%2333363F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.7152 11.7966L16.265 7.90356C15.7355 7.52535 15 7.90385 15 8.55455V15.4454C15 16.0961 15.7355 16.4746 16.265 16.0964L21.7152 12.2034C21.8548 12.1037 21.8548 11.8963 21.7152 11.7966Z' fill='%2333363F'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position: right calc(50% - 5px);
	background-size: auto 25px;
	padding: 0;
}
#emailAjaxForm button:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 12H3' stroke='%230154A0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.7152 11.7966L16.265 7.90356C15.7355 7.52535 15 7.90385 15 8.55455V15.4454C15 16.0961 15.7355 16.4746 16.265 16.0964L21.7152 12.2034C21.8548 12.1037 21.8548 11.8963 21.7152 11.7966Z' fill='%230154A0'/%3E%3C/svg%3E");

}
.btn.black {
	background: #000;
	border-color: #000;
    color: #fff;
}
.btn.black:before {
	background: #000;
}
.btn.black:hover {
   opacity: 0.8;
}
.form2 .btn {
	width: 250px;
	margin-top: var(--mg20);
}
.form .text-danger {
	color:red;
	font-size: 14px;
	margin-top: 5px;
}
main {
	min-height: calc(100dvh - 330px);
}
footer .bottom {
	margin-top: 30px;
	font-size: 14px;
}
footer .bottom a {
	margin:0;
}
footer .bottom .d-flex {
	gap:4px;
}
img {
	display: block;
}
main {
	padding-top: 80px;
}
.tech {
	gap:40px;
}
.tech > div {
	max-width: calc(33.33% - 40px*2/3);
}
.tech img {
	width: 100%;
	display: block;
}
.sort {
	gap:5px;
}
.sort select {
	border-radius: 4px;
	color:#000;
	height: 40px;
	padding: 0 30px 0 10px;
}
.sort select option {
	color:#000;
}
.breadcrumb {
	display: flex;
	align-items: center;
	gap:0 15px;
	font-size: 12px;
}
.breadcrumb:not([class*=" mb"]) {
	margin: 0 0 var(--mg20);
}
.breadcrumb li {
	display: flex;
	align-items: center;
}
.breadcrumb li:not(:last-child):after {
	content:'>';
	display: block;
	margin-left: 15px;
}
.breadcrumb svg {
	width: 20px;
	height: auto;
	margin-top: -2px;
}
svg {
	display: block;
}
.breadcrumb a {
	display: block;
	color:#000;
}
.breadcrumb a:hover {
	color:var(--primary);
}
.categories {
	display: flex;
	flex-wrap: wrap;
	gap:30px;
	font-size: 1em !important;
	padding: 15px 0;
	border-top: 1px solid rgba(1,1,1,0.08);
	border-bottom: 1px solid rgba(1,1,1,0.08);
}
.categories a {
	color:#000;
}
.categories a:hover {
	color:var(--primary);
}
.categories a.active {
	font-size: 1.1em;
	font-weight: 500;
}
.ocf-horizontal .ocf-filter {
	width: 100% !important;
}
.ocf-dropdown .ocf-filter-body>.ocf-value-list {
	display: block !important;
	position: static !important;
	margin:0 !important;
	padding: 0px 15px 0 0 !important;
	background: none !important;
	box-shadow: none !important;
}
.ocf-horizontal .ocf-filter-list {
	margin:0 !important;
	gap:30px;
}
.ocf-horizontal .ocf-filter {
	padding: 0 !important;
	margin:0 !important;
}
.ocf-theme-light-block.ocf-horizontal .ocf-filter-header {
	padding: 0 !important;
	background: none !important;
	box-shadow: none !important;
	font-size: 1.1em !important;
	font-weight: 500 !important;
	margin:0 0 10px;
}
.ocf-filter-header-append {
	display: none !important;
}
.ocf-theme-light-block.ocf-horizontal .ocf-filter-header .ocf-filter-name, .ocf-theme-light-block.ocf-horizontal .ocf-filter-header .ocf-active-label {
	font-weight: 500 !important;
	color:#000;
}
.ocf-horizontal .ocf-filter-list:before,
.ocf-horizontal .ocf-filter-list:after {
	display: none !important;
}
.ocf-body {
	position: absolute;
	top:100%;
	left: 0px;
	z-index: 3;
	display: none;
	background: #fff;
	width: 100%;
	padding: 15px 0 20px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
}
.ocf-content {
	margin:0 !important;
}
.ocf-header {
	margin:0 !important;
	cursor: pointer;
	color:#000;
	font-weight: 500;
	text-transform: uppercase;
	transition:all linear .25s;
}
.ocf-header i {
	order:2;
	display: block;
	width: 20px;
	height: 10px;
	margin-left: 7px;
	background: url(../image/arrow.svg) no-repeat center 45% !important;
	background-size: 110% !important;
}
.ocf-header i:before {
	display: none;
}
.ocf-header:hover {
	color:var(--primary);
}
.ocf-container {
	width: 100%;
}
.sort {
	white-space: nowrap;
}
.top {
	position: relative;
}
.ocf-theme-light-block.ocf-horizontal .ocf-filter-header .ocf-active-label {
	display: none !important;
}
.ocf-theme-light-block.ocf-horizontal .ocf-filter-header .ocf-filter-name {
	display: block !important;
}
.ocf-value:active .ocf-value-input::before {
    box-shadow: none !important
}
.ocf-theme-light-block .ocf-value .ocf-value-input::after {
	background-s
}
.ocf-value-input::before, .ocf-value-input::after {
	box-sizing:border-box;
}
.pag {
	display: flex;
	justify-content: center;
}
.pag ul {
	border-bottom: 1px solid rgba(0,0,0,0.3);
	display: flex;
	align-items: center;
	justify-content: center;
}
.pag ul a,.pag ul span {
	display: block;
	padding: 0 20px 7px;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	color:#000;
}
.pag ul span, .pag ul a:hover {
	border-color:#000;
}
#product-product .m {
	gap:40px;
}
#product-product h1 {
	text-transform: uppercase;
}
#product-product .seo > div {
	position: relative;
	margin-bottom: 10px;
}
#product-product .col-right .seo > div {
	max-height: 90px;
	overflow:hidden;
}
#product-product .col-right .seo > div:after {
	content:' ';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1));
	z-index: 2;
}
.seo table {
	max-width: 100% !important;
	width: 100% !important;
}
#product-product .m .col-left {
	width: calc(60% - 20px);
}
#product-product .m .col-right {
	width: calc(40% - 20px);
}
.m .col-left {
	position: relative;
	padding-bottom: 25px;
}
.controls {
	position: absolute;
	left: 50%;
	transform:translate(-50%,50%);
	bottom: 25px;
	display: inline-flex;
	justify-content: center;
}
.controls > div {
	display: flex;
	align-items: center;
	gap:7px;
	padding: 0;
	background: rgba(255,255,255,1);
}
.controls .pg {
	font-weight: 500;
	margin-top: -4px;
	font-size: var(--fs20);
}
.controls .pg span {
	min-width: 10px;
	display: inline-block;
	text-align: center;
}
.controls .arrow {
	display: block;
	height: 45px;
	width: 50px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.2328 16.4569C12.9328 16.7426 12.9212 17.2173 13.2069 17.5172C13.4926 17.8172 13.9673 17.8288 14.2672 17.5431L13.2328 16.4569ZM19.5172 12.5431C19.8172 12.2574 19.8288 11.7827 19.5431 11.4828C19.2574 11.1828 18.7827 11.1712 18.4828 11.4569L19.5172 12.5431ZM18.4828 12.5431C18.7827 12.8288 19.2574 12.8172 19.5431 12.5172C19.8288 12.2173 19.8172 11.7426 19.5172 11.4569L18.4828 12.5431ZM14.2672 6.4569C13.9673 6.17123 13.4926 6.18281 13.2069 6.48276C12.9212 6.78271 12.9328 7.25744 13.2328 7.5431L14.2672 6.4569ZM19 12.75C19.4142 12.75 19.75 12.4142 19.75 12C19.75 11.5858 19.4142 11.25 19 11.25V12.75ZM5 11.25C4.58579 11.25 4.25 11.5858 4.25 12C4.25 12.4142 4.58579 12.75 5 12.75V11.25ZM14.2672 17.5431L19.5172 12.5431L18.4828 11.4569L13.2328 16.4569L14.2672 17.5431ZM19.5172 11.4569L14.2672 6.4569L13.2328 7.5431L18.4828 12.5431L19.5172 11.4569ZM19 11.25L5 11.25V12.75L19 12.75V11.25Z' fill='%23000000'/%3E%3C/svg%3E");	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 75%;
	cursor: pointer;
	transition:all linear .25s;
}
.controls .arrow.arrow-prev {
	transform:rotate(180deg);
}
.controls .arrow:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.2328 16.4569C12.9328 16.7426 12.9212 17.2173 13.2069 17.5172C13.4926 17.8172 13.9673 17.8288 14.2672 17.5431L13.2328 16.4569ZM19.5172 12.5431C19.8172 12.2574 19.8288 11.7827 19.5431 11.4828C19.2574 11.1828 18.7827 11.1712 18.4828 11.4569L19.5172 12.5431ZM18.4828 12.5431C18.7827 12.8288 19.2574 12.8172 19.5431 12.5172C19.8288 12.2173 19.8172 11.7426 19.5172 11.4569L18.4828 12.5431ZM14.2672 6.4569C13.9673 6.17123 13.4926 6.18281 13.2069 6.48276C12.9212 6.78271 12.9328 7.25744 13.2328 7.5431L14.2672 6.4569ZM19 12.75C19.4142 12.75 19.75 12.4142 19.75 12C19.75 11.5858 19.4142 11.25 19 11.25V12.75ZM5 11.25C4.58579 11.25 4.25 11.5858 4.25 12C4.25 12.4142 4.58579 12.75 5 12.75V11.25ZM14.2672 17.5431L19.5172 12.5431L18.4828 11.4569L13.2328 16.4569L14.2672 17.5431ZM19.5172 11.4569L14.2672 6.4569L13.2328 7.5431L18.4828 12.5431L19.5172 11.4569ZM19 11.25L5 11.25V12.75L19 12.75V11.25Z' fill='%230154A0'/%3E%3C/svg%3E");
background-repeat: no-repeat;	
}
#product-product .model {
	display: inline-block;
	padding: 5px 10px;
	background: rgba(0,0,0,0.05);
}
#product-product .model span {
	font-family: auto;
}
.attrs > div {
	max-width: 700px;
}
.attrs > div p {
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid rgba(1,1,1,0.08);
	padding: 10px 0;
}
.attrs > div p:last-child {
	border-bottom: 1px solid rgba(1,1,1,0.08);
}
.attrs > div p > * {
	position: relative;
	display: block;
	font-weight: 500;
}
.attrs > div p b {
	font-weight: 500;
	display: block;
	padding-left: 15px;
}
.downloads {
	max-width: 220px;
}
.downloads a {
	display: block;
	color:#000;
	padding: 12px 30px 12px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.downloads a:hover {
	color:var(--primary);
}
.downloads a.link1 {
	background: url(../image/download.svg) no-repeat right center;
	background-size: 20px auto;
}
.downloads a.link2 {
	background: url(../image/catalog.svg) no-repeat right center;
	background-size: 20px auto;
}
@media screen and (max-width:1250px) {
	:root {
	--fs40:32px;
	--mg120: 60px;
	  --mg100: 60px;
	  --mg80: 60px;
	  --mg60: 40px;
	  --mg50: 40px;
	  --mg40: 30px;
	  --mg30: 25px;
	  --mg20: 20px;
	  --mg10: 10px;
	  --fs56: 32px;
	  --fs42: 32px;
	  --fs36: 27px;
	  --fs32: 27px;
	  --fs24: 20px;
	  --fs18: 17px;
	}
	footer .d-flex {
		flex-wrap: wrap;
		gap:30px;
	}
	.ftitle {
		margin:0 0 15px;
	}
	footer .bottom {
		justify-content: center;
		gap:15px;
	}
	footer .bottom > * {
		width: 100%;
		text-align: center;
		justify-content: center;
	}
	footer .d-flex > div {
		width: 100%;
		max-width: 100%;
	}
	.container {
		padding: 0 15px;
	}
	header .col {
		max-width: 100px;
	}
	.logo {
		max-width: 100px;
	}
	header {
		padding: 15px 0;
	}
	main {
		padding-top: 70px;
	}
	.popup-menu {
		padding: 0 15px 0;
		max-height: 100dvh;
		overflow:auto;
		min-width: unset;
		width: 100%;
	}
	.menu .col-right {
		display: none;
	}
	.menu .col-left {
		max-width: 100%;
	}
	.popup-menu nav > ul {
		max-height: calc(100dvh - 84px);
		padding-bottom: 30px;
		overflow:auto;
	}
	.menu .col-left > div {
		max-width: 100%;
	}
	.menu li + li, .menu .sub-menu li + li {
		margin-top: 0;
	}
	.menu li a {
		padding: 10px 0;
		font-size: 18px;
	}
	.menu .sub-menu li a {
		padding: 5px 0;
	}
	.menu {
		padding-top: 10px;
	}
	.menu li a.has-child span {
		width: 55px;
		margin-top: -5px;
		margin-bottom: -5px;
	}
	.menu .sub-menu {
		padding: 0 0 0 20px;
	}
	.home.slideshow img {
		height: calc(100svh - 70px);
		object-fit: cover;
	}
	.slick-dots {
		bottom: 20px;
		width: 100%;
		justify-content: center;
	}
	.btn {
		padding: 0 20px;
		height: 45px;
	}
	.btn span {
		gap:10px;
	}
	.featured-category > div {
		flex-wrap: wrap;
	}
	.ocf-header i, .ocf-open .ocf-filter-header .ocf-arrow-left {
		display: none !important;
	}
	.ocf-body {
		border:0 !important;
		        max-height: calc(100% - 60px);
        overflow: auto;
	}
	.ocf-open .ocf-filter-header {
		position: static !important;
		height: auto !important;
	}
	.ocf-filter-list > .ocf-filter + .ocf-filter {
		margin-top: 15px !important;
	}
	.ocf-value, .ocf-value:active, .ocf-value:focus, .ocf-value:visited, .ocf-value:hover {
		margin-bottom: 15px !important;
	}
	.ocf-value-name {
		margin-top: -2px;
		color:#000;
	}
	.ocf-theme-light-block .ocf-filter {
		background:none !important;
	}
	.ocf-header {
		padding: 25px 15px 5px !important;
	}
	.ocf-dropdown .ocf-filter-body>.ocf-value-list {
		transform:none !important;
	}
	.ocf-header .ocf-close-mobile {
		display: none !important;
	}
	.ocf-body {
		position: static !important;
		display: block !important;
		padding: 15px !important;
	}
	.products.slider .slick-slide {
		width: 250px;
		margin-right: 20px;
	}
	.product-layout .img {
		margin-bottom: 15px;
	}
	.seo * + * {
		margin-top: 12px;
	}
	body {
		font-size: 14px;
	}
	.slideshow .title, .section-title, .seo h1 {
		line-height: 1.3;
	}
	.categories {
		gap:10px 18px;
	}
	.products.d-flex {
		flex-wrap: wrap;
		gap:20px;
	}
	.products.d-flex .product-layout {
		max-width: calc(50% - 10px);
	}
	.top {
		margin:0;
	}
	#product-product .m {
		flex-wrap: wrap;
		gap:20px;
	}
	.breadcrumb {
		flex-wrap: wrap;
		gap:0 10px;
	}
	#product-product .m .col-left, #product-product .m .col-right {
		width: 100%;
	}
	.breadcrumb li:not(:last-child):after {
		margin-left: 10px;
	}
	#product-product h1 {
		font-size: var(--fs32);
	}
	.tech {
		gap:20px;
	}
	.tech > div {
		max-width: calc(50% - 10px);
	}
}
@media screen and (max-width:500px) {
	.products.d-flex .product-layout {
		max-width: 100%;
	}	
	.tech > div {
		max-width: 100%;
	}
}
.cookie {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 99;
	background: #fff;
	padding: 30px 0;
	color: #000;
	border-top: 1px solid #ccc;
	display: none;
}
.cookie .title {
	font-size: 24px;
	line-height: 1.2;
	font-weight: 600;
	margin: 0 0 10px;
}
.cookie .description {
	max-width: 940px;
	font-size: 16px;
	line-height: 1.4;
}
.cookie .description a {
	text-decoration: underline;
	color: #000;
}
.cookie .buttons {
	margin-left: 15px;
	gap:0;
}
.cookie .btn {
	margin-left: 20px;
	margin-top: 0;
}
.btn2 {
	border-color:#000;
	color:#000;
}
.btn2:hover {
	background: #000;
	color:#fff;
}
.agree2 {
	cursor: pointer;
}
.agree2 input {
	display: none;
}
.agree2 input + span {
	min-width: 20px;
	width: 20px;
	height: 20px;
	border:1px solid #000;
	margin:0;
	margin-right: 10px;
}
.agree2 input:checked + span {
	background: url(../image/check.svg) no-repeat center;
	background-size: 15px auto;
}
.agree2 p {
	margin:0;
}
.agree2 a {
	font-weight: 500;
}