html, body
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font-family: "Poppins", sans-serif;
}
body
{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.flex-contain
{
	flex: 1;
}
*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}
a
{
	text-decoration: none;
}
.lazy-hidden
{
	opacity: 0;
}
.lazy-loaded
{
	opacity: 1;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
}
@keyframes menuOpen
{
	0%
	{
		opacity: 0;
		transform: translate(-75%, 0%);
	}
	100%
	{
		opacity: 1;
		transform: translate(0%, 0%);
	}
}
@keyframes buttonPulse
{
	0%
	{
		box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.6);
	}
	70%
	{
		box-shadow: 0px 0px 0px 40px rgba(255, 255, 255, 0);
	}
	100%
	{
		box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
	}
}
.contain
{
	width: 1400px;
	max-width: 100%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
	clear: both;
}

/*--------------HEADER--------------*/

.header
{
	width: 100%;
	float: left;
	position: relative;
	z-index: 1000;
	background-color: #000000;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
}
.fixed
{
	position: fixed !important;
	top:0 !important; 
	left:0 !important;
	transition: 300ms ease-out !important;
	background-color: #000000 !important;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
}
.header-home
{
	background-color: transparent;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: unset;
}
.header-home .header-contain
{
	padding: 20px 110px 0px 110px;
}
.header-home.fixed
{
	background-color: unset;
	position: unset;
	left: unset;
	top: unset;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
}
.header-home.fixed .header-contain
{
	padding: 0px 30px !important;
}
.header-contain
{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 30px;
}
.header-language
{
	width: 25%;
	max-width: 25%;
	float: right;
}
#dil-form
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}
.header-language label
{
	width: auto;
	float: left;
	cursor: pointer;
}
.header-language label span
{
	width: 22px;
	height: 22px;
	float: left;
	font-style: normal;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #ffffff;
}
.header-language label input[type="radio"]
{
	display: none;
}
.header-language label .label-opacity
{
	color: #999999;
}
.logo
{
	width: 15%;
	float: left;
	z-index: 2;
}
.logo a
{
	width: auto;
	max-width: 185px;
	float: left;
}
.logo img 
{
	width: 100%;
	height: 100%;
	float: left;
}
.menu
{
	width: 70%;
	max-width: 70%;
	min-height: 1px;
	float: left;
	text-align: center;
}
.menu .main-menu
{
	width: auto;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
}
.menu .menu-inner
{
	width: 100%;
	/*height: calc(100% - 61px);*/
	height: 100%;
	float: left;
}
.menu li
{
	width: auto;
	height: 80px;
	float: left;
	list-style-type: none;
	position: relative;
}
.menu a
{
	width: 100%;
	float: left;
	position: relative;
	font-size: 18px;
	line-height: 80px;
	color: #999999;
	padding: 0px 24px;
	text-transform: uppercase;
}
.menu .active-menu
{
	color: #FFFFFF;
}
.menu input[type="checkbox"]
{
	display: none;
}
.menu label
{
	width: 100%;
	float: left;
	margin: 0px;
}
.menu .menu-btn
{
	display: none;
}
.menu .menu-icon
{
	width: 25%;
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
}
.menu .menu-icon img
{
	width: 10px;
	height: 10px;
	float: right;
	margin: 18px;
}
.menu .sub-menu
{
	width: 230px;
	float: left;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #ffffff;
	text-align: left;
	padding: 12px 0;
	display: none;
}
.menu .sub-menu li
{
	width: 100%;
	height: auto;
	float: left;
	padding: 12px 24px 12px 24px;
}
.menu .sub-menu a
{
	width: 100%;
	padding: 0px;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 166.02%;
	color: #000000;
	display: flex;
	align-items: center;
}
.menu .sub-menu a span
{
	width: auto;
	max-width: 100%;
	float: left;
	position: relative;
}
.menu input[type="checkbox"]:checked + .sub-menu
{
	display: block;
}
.menu .sub-menu .sub-menu
{
	top: -12px;
	left: 100%;
}
.menu-close
{
	width: 48px;
	height: 48px;
	float: left;
	position: absolute;
	top: 0px;
	right: -48px;
	background-color: #FFFFFF;
	border-left: 1px solid #000000;
	text-align: center;
	line-height: 48px;
	z-index: 4;
	display: none;
}
.menu-close img
{
	width: 14px;
	height: 14px;
	display: inline-block;
}
.menu-overlay
{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 2;
	display: none;
}

.header-right
{
	width: 15%;
	float: right;
	display: flex;
	align-items: center;
}
.header-social
{
	width: 75%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}
.header-social a
{
	width: 33px;
	height: 33px;
	float: left;
	background-color: #FFFFFF;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-right span
{
	width: 28px;
	height: 22px;
	float: right;
}
.header-right span img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
}

/*--------------FOOTER--------------*/

.footer
{
	width: 100%;
	float: left;
	margin-top: 40px;
}
.footer-header
{
	width: 100%;
	float: left;
	margin: 15px 0px;
	position: relative;
}
.footer-header h3
{
	    /* width: 100%; */
		float: right;
		position: relative;
		font-size: 25px;
		font-weight: 800;
		text-transform: uppercase;
		background-color: white;
		padding-left: 20px;
		z-index: 1;
}
/*.footer-header h3:after
{
	content: "";
	width: 85%;
	height: 3px;
	position: absolute;
	bottom: 18px;
	left: 0px;
	background-color: #000000;
}*/
.footer-center
{
	width: 100%;
	float: left;
	margin: 10px 0px 25px;
}
.footer-box-img
{
	width: 39%;	
	float: left;
	aspect-ratio: 545/350;
}
.footer-box-img img
{
	width: 100%;
	height: 100%;	
	float: left;
}
.footer-form
{
	width: 30%;
	float: left;
	padding-left: 30px;
}
.footer-form h3
{
	width: 100%;
	float: left;
	font-size: 17px;
	line-height: 20px;
	font-weight: 500;
	color: #505050;
	margin-bottom: 8px;
}
.footer-form form
{
	width: 100%;
	float: left;
}
.footer-contact
{
	width: 31%;
	float: left;
	padding-left: 90px;
}
.footer-contact ul
{
	width: 100%;
	float: left;
}
.footer-contact li
{
	width: 100%;
	float: left;
	height: 65px;
	list-style: none;
	display: flex;
	align-items: center;
}
.footer-contact li h3
{
	width: 90%;
	float: left;
	text-align: right;
	padding: 0px 15px 0px 30px;
}
.footer-contact li h3 a
{
	width: 100%;
	float: left;
	font-size: 13px;
	font-weight: 400;
	line-height: 15px;
	color: #000000;
}
.footer-contact li p
{
	width: 1px;
	height: 100%;
	float: left;
	background-color: #707070;
}
.footer-contact li span
{
	width: 9%;
	float: left;
}
.footer-contact li span img
{
	width: 20px;
	height: 20px;
	float: right;
}
.footer-social
{
	width: 100%;
	float: left;
	margin: auto;
	text-align: center;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 48px;
	margin-top: 30px;
}
.footer-social a
{
	width: 34px;
	height: 34px;
	float: left;
}
.footer-social a img
{
	width: 100%;
	height: 100%;
	float: left;
}
.footer-bottom
{
	width: 100%;
	float: left;
	background-color: #000000;
	padding: 20px 0px;
	text-align: center;
	position: relative;
}
.footer-bottom h3
{
	width: 100%;
	float: left;
	font-size: 25px;
	font-weight: 100;
	line-height: 30px;
	color: #FFFFFF;
	margin-bottom: 30px;
}
.footer-bottom p
{
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	color: #FFFFFF;
}
.footer-bottom img
{
	width: 110px;
	position: absolute;
	top: 0px;
	right: 15px;
}
.footer-form .input-field:last-child
{
	margin-bottom: 0px;
}

/*--------------BREADCRUMB--------------*/

.breadcrumbcontain
{
	width: 70%;
	max-width: 70%;
	min-height: 1px;
	float: left;
	text-align: center;
}
.breadcrumb
{
	width: 100%;
	float: left;
}
.breadcrumb ul
{
	width: auto;
	float: left;
}
.breadcrumb li 
{
	width: auto;
	height: 60px;
	float: left;
	list-style-type: none;
	display: flex;
	align-items: center;
}
.breadcrumb a 
{
	width: 100%;
	float: left;
	color: #6A777E;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	line-height: 60px; 
}
.breadcrumb li a img 
{
	width: 24px;
	height: 24px;
	float: left;
}
.breadcrumb p
{
	width: auto;
	float: left;
	margin: 0px 10px;
	color: #6A777E;
}
.breadcrumb .active-breadcrumb
{
	color: #AE0737;
}

/*----------------HOME---------------*/

.video
{
	width: 100%;
	/*height: 100%;*/
	float: left;
	overflow: hidden;
	position: relative;
}
.video-half
{
	width: 100%;
	float: left;
	aspect-ratio: 1920/750;
	overflow: hidden;
	position: relative;
}
.video-slider
{
	width: 100%;
	height: 100%;
	float: left;
}
#homevideo
{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	object-fit: cover;
}
.video-slider .owl-item #home-icon
{
	width: auto;
	position: absolute;
	bottom: 90px;
	left: 50%;
	transform: translate(-50%, 0px);
	cursor: pointer;
}
.video-slider .owl-stage-outer,
.video-slider .owl-stage,
.video-slider .owl-item
{
	height: 100%;
}
.video-sliders
{
	width: 100%;
	height: 100%;
	float: left;
}
.video-slider .owl-nav
{
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translate(-50%, 0px);
	margin-top: 0px;
}
.video-slider .owl-nav button 
{
	width: 50px;
	height: 50px;
	margin: 0!important;
	transition: .3s ease-out;
	border-radius: 0px !important;
}
.video-slider .owl-nav button:hover
{
	border: none !important;
	background: transparent !important;
	transition: .3s ease-out;
}
.home-about-us
{
	width: 100%;
	float: left;
	margin-top: 60px;
}
.home-contain-header
{
	position: relative;
	width: 100%;
	float: left;
	margin: 15px 0px;
}
.home-contain-header h3
{
	/*width: 100%;*/
	float: left;
	position: relative;
	font-size: 25px;
	font-weight: 800;
	text-transform: uppercase;
	background-color: white;
	padding-right: 20px;
	z-index: 1;
}
/*.home-contain-header h3:after
{
	content: "";
	width: 70%;
	height: 3px;
	position: absolute;
	bottom: 18px;
	right: 0px;
	background-color: #000000;
}*/

.title-line {
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 18px;
	right: 0px;
	background-color: #000000;
}

.home-contain
{
	width: 1200px;
	max-width: 100%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
	margin: 30px 0px 50px;
}
.home-about-us-img
{
	width: 43%;
	float: left;
	aspect-ratio: 520/355;
}
.home-about-us-img img
{
	width: 100%;
	height: 100%;
	float: left;
}
.home-about-us-text
{
	width: 57%;
	float: left;
	padding-left: 63px;
}
.home-about-us-text h1
{
	width: 100%;
	float: left;
	font-size: 50px;
	font-weight: 800;
	line-height: 55px;
	color: #000000;
	margin-bottom: 24px;
}
.home-about-us-text p
{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #8B8B94;
	display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.about-menu
{
	width: 100%;
	float: left;
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 30px;
}
.about-menu span
{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 800;
	line-height: 19px;
	color: #000000;
	display: flex;
	align-items: center;
	gap: 15px;
}
.home-products
{
	width: 100%;
	float: left;
	margin: 30px 0px;
}
.home-products-box
{
	width: 33%;
	float: left;
	transition: 0.4s ease-out;
}
.home-product-title
{
	width: 100%;
	float: left;
	font-size: 24px;
	line-height: 48px;
	font-weight: 500;
	color: #777777;
	text-align: center;
	margin-bottom: 10px;
	transition: 0.4s ease-out;
}
.home-products-img
{
	width: 100%;
	float: left;
	aspect-ratio: 1/1;
	position: relative;
}
.home-products-img a
{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	background-color: transparent;
	transition: background 0.4s ease-out;
}
.home-products-box:hover .home-products-img a::after
{
	content: "";
	width: 100%;
	height: 100%;
	background: #12314ca1;
	mix-blend-mode: multiply;
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	transition: background 0.4s ease-out;
}
.home-products-img img
{
	width: 100%;
	height: 100%;
	float: left;
}
.home-products-img span
{
	width: 100px;
	height: 100px;
	float: left;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #FFFFFF;
	padding: 15px;
	border-radius: 60px;
	opacity: 0;
	transition: opacity 0.4s ease-out;
}
.home-products-box:hover .home-products-img span
{
	opacity: 1;
	transition: opacity 0.4s ease-out;
}
.home-products-box:hover .home-product-title
{
	color: #000000;
	transition: 0.4s ease-out;
}
.home-products-detail
{
	width: 100%;
	float: left;
	padding-top: 40px;
}
.home-products-detail span
{
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 27px;
	font-weight: 800;
	color: #000000;
	margin-bottom: 8px;
}
.home-products-detail p
{
	width: 100%;
	height: 72px;
	float: left;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #8B8B94;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.home-products-flex
{
	width: 1160px;
	display: flex;
	gap: 13px;
}
.home-category
{
	width: 100%;
	float: left;
	margin-bottom: 40px;
}
.home-category-contain
{
	width: 1440px;
}
.home-category-box
{
	width: 100%;
	float: left;
	display: flex;
}
.home-category-box-img
{
	width: 50%;
	float: left;
	background-color: #E7ECEE;
	aspect-ratio: 720 / 445;
}
.home-category-box-img a
{
	width: 100%;
	height: 100%;
	float: left;
}
.home-category-box-img img
{
	width: 100%;
	height: 100%;
	float: left;
	aspect-ratio: 760 / 455;
	object-fit: cover;
	object-position: center;
}
.home-category-box-detail
{
	width: 50%;
	float: left;
	padding: 0px 70px 0px 0px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
}
.category-detail-right
{
	padding: 0px 120px 0px 80px;
}
.category-detail-one
{
	background-color: #25262C;
}
.category-detail-two
{
	background-color: #4F3A33;
}
.category-detail-there
{
	background-color: #4A4E4C;
}
.home-category-box-detail span
{
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 19px;
	font-weight: 800;
	color: #EBEBEB;
}
.home-category-box-detail h3
{
	width: 100%;
	float: left;
	font-size: 50px;
	line-height: 55px;
	font-weight: 800;
	color: #FFFFFF;
}
.home-category-box-detail p
{
	width: 90%;
	float: left;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #F2F2F2;
	display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*--------------CONTACT--------------*/

.contact
{
	width: 100%;
	float: left;
	margin-top: 50px;
}
.contact-list
{
	width: 40%;
	float: left;
}
.contact-list ul
{
	width: 100%;
	float: left;
}
.contact-list li
{
	width: 100%;
	float: left;
	height: 70px;
	list-style: none;
	display: flex;
	align-items: center;
}
.contact-list li h3
{
	width: 90%;
	float: left;
	text-align: left;
	padding: 0px 15px 0px 30px;
}
.contact-list li h3 a
{
	width: 100%;
	float: left;
	font-size: 13px;
	font-weight: 400;
	line-height: 15px;
	color: #000000;
}
.contact-list li p
{
	width: 1px;
	height: 100%;
	float: left;
	background-color: #707070;
}
.contact-list li span
{
	width: 9%;
	float: left;
}
.contact-list li span img
{
	width: 20px;
	height: 20px;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
}
.contact-social
{
	width: 100%;
	float: left;
	margin: auto;
	text-align: center;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 24px;
	margin-top: 60px;
}
.contact-social a
{
	width: 26px;
	height: 26px;
	float: left;
}
.contact-contain
{
	clear: left;
}
.contact-form
{
	width: 50%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
	margin-top: 30px;
}
.contact-social a img
{
	width: 100%;
	height: 100%;
	float: left;
}
.contact-maps
{
	width: 60%;
	float: left;
}
.contact-maps iframe
{
	width: 100%;
	float: left;
}
.input-field
{
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 16px;
}
.input-field-half
{
	width: calc(50% - 15px);
}
.half-input-space
{
	margin-right: 30px;
}
.contact-home .input-field textarea
{
	height: 102px;
	font-family: "Poppins", sans-serif;
}
.input-desc
{
	width: 100%;
	float: left;
	margin-bottom: 8px;
	color: #686868;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 15px;
	text-transform: uppercase;
}
.custom-label
{
	width: 100%;
	float: left;
	position: relative;
}
.custom-input
{
	width: 100%;
	height: 30px;
	float: left;
	padding: 0 12px;
	font-size: 12px;
	color: #686868;
	border: none;
	background-color: #fff;
	box-shadow: #00000029 0px 3px 6px inset;
}
.custom-input-padding
{
	padding: 0px 0px 0px 60px;
}
.custom-input:-moz-placeholder,
.custom-input::placeholder
{
	color: #686868;
	font-size: 20px;
}
.custom-input:focus
{
	outline: 0;
	border: none;
	color: #000000;
}
.custom-input:-webkit-autofill,
.custom-input:-webkit-autofill:active,
.custom-input:-webkit-autofill:focus,
.custom-input:-webkit-autofill:hover
{
	transition: background-color 5000s ease-in-out 0s;
}
textarea.custom-input
{
	height: 108px;
	padding-top: 8px;
	resize: none;
	font-family: "Poppins", sans-serif;
}
select.custom-input
{
	color: #686868;
	appearance: none;
	background-image: url(../svg/select-icon.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 2px) center;
	padding: 0px 30px 0px 12px;
	background-size: 20px 20px;
}
select.custom-input option
{
	color: #000000;
}
.custom-button
{
	width: 125px;
	height: 30px;
	float: right;
	border: none;
	background-color: #373737;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 600;
	line-height: 30px;
	padding: 0px 16px;
	user-select: none;
	outline: 0;
	text-align: center;
}
.custom-checkbox
{
	width: 16px;
	height: 16px;
	float: left;
	position: relative;
	margin: 0px 8px 0px 0px;
	background-color: #ffffff;
	border-radius: 0px;
	border: 1px solid #6A777E;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	cursor: pointer;
}
.checkbox-text p
{
	width: calc(100% - 24px);
	cursor: pointer;
	color: #8B8B8B;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 14.4px;
	letter-spacing: -0.36px;
}
.custom-checkbox:checked:before
{
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #000000;
}
.checkbox-text
{
	display: flex;
	align-items: center;
}
.message 
{
	width: 100%;
	float: left;
	position: relative;
	margin-top: 50px;
}
.message h2
{
	width: 100%;
	float: left;
	font-size: 50px;
	font-weight: 500;
	text-align: center;
	color: #1A1A1A;
	margin-bottom: 17px;
}
.message p
{
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	text-align: center;
	color: #000000;
	margin-bottom: 50px;
}
.message a
{
	width: 100%;
	max-width: 156px;
	height: 40px;
	float: left;
	text-align: center;
	padding: 10px 0 10px 0;
	background: #1A1A1A;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
}

/*-------------PRODUCTS------------*/

.products
{
	width: 100%;
	float: left;
	margin-top: 50px;
}
.products-contain
{
	width: 1200px;
	max-width: 100%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
	margin: 30px 0px 50px;
}
.cat-filter
{
	width: calc(100% - 890px);
	float: left;
	margin-right: 100px;
}
.cat-filter ul
{
	width: 100%;
	float: left;
}
.cat-filter ul li
{
	width: 100%;
	float: left;
	list-style: none;
	font-size: 25px;
	line-height: 32px;
	font-weight: 400;
	color: #bdbdbd;
}
.cat-filter ul li a
{
	width: 100%;
	float: left;
	list-style: none;
	font-size: 25px;
	line-height: 32px;
	font-weight: 400;
	color: #bdbdbd;
}
.cat-filter ul .selected-cat > a
{
	color: #000000;
}
.cat-filter ul li .cat-sub
{
	padding-left: 15px !important;
}
.cat-filter ul li .cat-sub a 
{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	padding: 3px 0px;
}
.cat-filter-text
{
	width: 100%;
	float: left;
	margin-top: 60px;
}
.cat-filter-text p
{
	width: 80%;
	float: left;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
	color: #000000;
}
.product-list
{
	width: 790px;
	max-width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	row-gap: 10px;
	column-gap: 36px;
}
.product
{
	width: calc(25% - 27px);
	float: left;
	transition: box-shadow 0.4s ease-out;
}
.product-title *
{
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 18px;
	font-weight: 500;
	color: #777777;
	text-align: center;
	padding: 8px 0px;
}
.products-img
{
	width: 100%;
	float: left;
	aspect-ratio: 170/170;
}
.products-img a
{
	width: 100%;
	height: 100%;
	float: left;
}
.products-img img
{
	width: 100%;
	height: 100%;
	float: left;
}
.product:hover
{
	border-radius: 0px;
	background: #FFF;
	box-shadow: 0px 6px 12px -6px rgba(0, 0, 0, 0.30), 0px 10px 20px -4px rgba(50, 50, 93, 0.25);
	transition: box-shadow 0.4s ease-out;
}
.product-detail
{
	width: 100%;
	float: left;
	margin-top: 40px;
}
.product-detail-contain
{
	width: 1100px;
	max-width: 100%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
}
.product-images
{
	width: 40%;
	max-width: 440px;
	float: left;
}
.main-img
{
	width: 100%;
	height: 440px;
	float: left;
	position: relative;
	background-color: #FFFFFF;
	cursor: crosshair;
	aspect-ratio: 440/440;
}
.main-img a
{
	width: 100%;
	height: 100%;
	float: left;
}
.main-img img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: contain;
}
.img-list
{
	width: 100%;
	float: left;
	margin-top: 15px;
	text-align: center;
}
.img-list a
{
	width: 125px;
	height: 125px;
	display: inline-block;
	position: relative;
	border-radius: 0px;
	cursor: pointer;
	overflow: hidden;
}
.img-list a + a
{
	margin-left: 15px;
}
.img-list img
{
	width: 100%;
	height: 100%;
	float: left;
	border-radius: 0px;
	object-fit: cover;
}
.swiper 
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide 
{
	background-size: cover;
	background-position: center;
}
.gallery-top 
{
	height: 100%;
	width: 100%;
}
.gallery-thumbs 
{
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}
.gallery-thumbs .swiper-slide 
{
	width: 25%;
	height: 125px;
	opacity: 0.4;
	cursor: pointer;
}
.gallery-thumbs .swiper-slide-thumb-active 
{
	opacity: 1;
}
.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after
{
	font-size: 22px;
}
.swiper .swiper-button-next:after
{
	margin-left: 3px;
}
.swiper .swiper-button-prev:after
{
	margin-right: 3px;
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev
{
	width: 40px;
	height: 40px;
	background: black;
	border-radius: 50%;
	color: white;
}
.swiper .swiper-pagination-bullet
{
	width: 12px;
	height: 12px;
}
.swiper .swiper-pagination-bullet-active
{
	background: #343434;
}
.product-information
{
	width: 60%;
	float: left;
	padding-left: 100px;
}
.product-information .home-contain-header
{
	margin: 0px;
	margin-bottom: 15px;
}
.product-detail-title
{
	width: 100%;
	float: left;
	font-weight: 700;
	font-size: 42px;
	line-height: 42px;
	color: #4A4A4A;
	margin-bottom: 18px;
}
.product-code
{
	width: 100%;
	float: left;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: -0.01em;
	color: #7A7A7A;
	margin-bottom: 18px;
}
.product-feature
{
	width: 100%;
	float: left;
	/*height: 180px;
	overflow: auto;*/
}
.product-information .home-contain-header h3:after
{
	width: 60%;
}
.product-information-detail
{
	width: 100%;
	float: left;
	padding-left: 50px;
}
.product-info-title
{
	width: 100%;
	float: left;
	font-size: 25px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 15px;
}
.product-info-text
{
	width: 100%;
	float: left;
	font-size: 12px;
	font-weight: 300;
	line-height: 18px;
	margin-bottom: 15px;
}
.product-feature
{
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.product-feature span
{
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 25px;
	font-weight: 300;
}
.choose-text
{
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
	margin-bottom: 15px;
}
.attr-title
{
	width: 100%;
	float: left;
	position: relative;
	font-weight: 600;
	margin-bottom: 15px;
}
.product-detail-attr
{
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.attr-list
{
	width: 100%;
	float: left;
}
.attr-list input[type=radio],
input[name=beden]
{
	display: none;
}
.product-color .color-box
{
	width: 40px;
	height: 40px;
	float: left;
	margin: 0px 10px 10px 0px;
	border: 2px solid transparent;
	border-radius: 100%;
	cursor: pointer;
}
.product-color .color-box img
{
	width: 100%;
	height: 100%;
	float: left;
	border-radius: 100%;
	object-fit: cover;
}
.product-color .active
{
	border-color: #000000;
	border-radius: 50%;
	padding: 2px;
}
.product-contact-text
{
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
	margin-bottom: 15px;
}
.product-butons
{
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 30px;
}
.product-butons span
{
	width: calc(50% - 15px);
	height: 30px;
	float: left;
	border: none;
	background-color: #9B9B9B;
	cursor: pointer;
	color: #F8F8F8;
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
	padding: 0px 16px;
	user-select: none;
	outline: 0;
	text-align: center;
}
.product-butons span a
{
	width: 100%;
	height: 100%;
	float: left;
	color: #F8F8F8;
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
	padding: 0px 16px;
	text-align: center;
}
.product-butons span:first-child
{
	background-color: #373737;
}
.not-found-products
{
	width: 100%;
	float: left;
	margin-top: 40px;
}
.not-found-products p
{
	width: 100%;
	float: left;
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 32px;
	color: #121212;
}
.product-image-none
{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.product-image-none img
{
	width: 80%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
}
.product-image-none span
{
	width: 100%;
	float: left;
	margin-top: 20px;
	font-size: 18px;
}

/*---------------OFFER--------------*/

.offer
{
	width: 100%;
	float: left;
	margin-top: 50px;
	margin-bottom: 150px;
}
.offer-list
{
	width: 100%;
	float: left;
	padding-bottom: 15px;
	border-bottom: 2px solid #000000;
}
.offer-table
{
	border-collapse: collapse;
	width: 100%;
	float: left;
}
.offer-table tr:first-child
{
	padding: 0px;
}
.offer-table tr:first-child td
{
	padding-top: 8px;
}
.offer-table th p
{
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	color: #FFFFFF;
	text-align: left;
	padding-bottom: 15px !important;
}
.offer-table th > p
{
	padding: 0px 0px 0px 10px;
}
.offer-table td p
{
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	margin: 7px 0px;
}
.offer-table tr
{
	width: 100%;
	height: 30px;
	transition: 0.3s ease-in-out;
}
.offer-table .thead-bg tr
{
	height: 45px;
	background-color: #000000 !important;
	border-radius: 0px;
	background: linear-gradient(#000000 30px, #FFFFFF 0%) !important;
	border-bottom: 1px solid #000000;
}
.offer-table tr td > p
{
	padding: 0px 0px 0px 10px;
}
.offer-table tbody tr:nth-child(even) 
{
	background-color: #ececec;
}
.offer-table hr
{
	width: 400%;
	float: left;
	margin: 10px 0px;
}
.delete-btn
{
	width: 100%;
	float: left;
	text-align: center;
	font-style: normal;
	font-weight: 900;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	transition: 0.3s ease-in-out;
	cursor: pointer;
	user-select: none;
}
.offer-list-empty
{
	width: 100%;
	float: left;
}
.offer-list-empty p
{
	width: 100%;
	float: left;
	font-weight: 700;
	font-size: 30px;
	line-height: 34px;
	text-align: center;
	letter-spacing: -0.06em;
	color: #919191;
	margin-bottom: 30px;
	margin-top: 40px;
}
.offer-list-empty a
{
	width: 150px;
	height: 50px;
	max-width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 20px;
	gap: 12px;
	background: #000000;
	font-weight: 400;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
}
.offer-list-form
{
	width: 100%;
	float: left;
	margin-top: 30px;
	height: 275px;
}
.offer-list-form form
{
	width: 100%;
	height: 100%;
	float: left;
}
.offer-list-form-box
{
	width: 50%;
	height: 100%;
	float: left;
}
.form-box-center
{
	width: 58%;
	float: left;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 30px;
}
.form-box-center p
{
	width: 100%;
	float: left;
	font-size: 10px;
	font-weight: 300;
	line-height: 14px;
	color: #000000;
}
.form-box-center div
{
	width: 100%;
	float: left;
	display: flex;
	align-content: center;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}
.form-box-center div label
{
	width: calc(50% - 10px);
	float: left;
}
.form-box-center div a
{
	width: 100%;
	height: 30px;
	float: left;
	border: none;
	background-color: #9B9B9B;
	cursor: pointer;
	color: #F8F8F8;
	font-size: 12px;
	font-weight: 600;
	line-height: 30px;
	padding: 0px 16px;
	user-select: none;
	outline: 0;
	text-align: center;
}
.form-box-center .custom-button
{
	width: 100%;
	font-size: 12px;
}
.form-box-center span
{
	width: 100%;
	float: left;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	color: #000000;
	font-style: italic;
}
.offer-detail-btn 
{
	width: auto;
	height: 50px;
	float: left;
	background: #000000;
	border-radius: 0px;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	font-weight: 400;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	gap: 12px;
	user-select: none;
	cursor: pointer;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
	padding: 8px 20px;
}
#kullanim-kosullari,
#pazarlama-onay-formu,
#aydinlatma-metni
{
	width: 75%;
}
#uye-acik-riza-metni ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.fancy-hidden
{
	display: none;
}

/*--------------PAGES--------------*/

.page 
{
	width: 100%;
	float: left;
}
.page-contain
{
	width: 100%;
	max-width: 1400px;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
	margin-top: 50px;
}
.page-sidebar
{
	width: 25%;
	float: left;
	padding: 20px;
	position: sticky;
	top: 98px;
	background: #EEEEEE;
	border-radius: 8px;
}
.static-page 
{
	width: 100%;
	float: left;
}
.page-sidebar ul
{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.page-sidebar li
{
	width: 100%;
	float: left;
	list-style-type: none;
}
.page-sidebar a
{
	width: 100%;
	float: left;
	padding: 7px 0;
	transition: .3s ease;
	font-weight: 700;
	font-size: 14px;
	line-height: 28px;
	color: #818181;
}
.page-sidebar .active
{
	background: #000000;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.sidebar-sub
{
	padding-left: 15px!important;
}
.sidebar-sub a 
{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #0C0C0C;
	padding: 3px 0px;
}
.static-page h1
{
	width: 100%;
	float: left;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 30px;
	color: #0C0C0C;
}
.static-page > img
{
	width: 100%;
	float: left;
	border-radius: 10px;
}
.static-page p
{
	width: 100%;
	float: left;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #0C0C0C;
}
.static-page .share
{
	width: 100%;
	float: left;
	margin: auto;
	text-align: center;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 30px;
}
.static-page .share span
{
	float: left;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	text-decoration-line: underline;
	color: #000000;
	margin-right: 45px;
}
.static-page .share a
{
	margin-left: 20px;
}
.static-page .share a img
{
	width: 32px;
}
.notfound
{
	width: 100%;
	float: left;
	text-align: center;
}
.page-gallery 
{
	width: 100%;
	float: left;
	margin-top: 80px;
	margin-bottom: 30px;
}
.page-gallery h3
{
	width: 100%;
	float: left;
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: 500;
}
.gallery-slider
{
	width: 100%;
	float: left;
	position: relative;
}
.gallery-slider .owl-item img
{
	height: 150px;
	object-fit: cover;
}
.gallery-slider .owl-nav
{
	position: absolute;
	top: -65px;
	right: 0;
	transform: unset;
}
.gallery-slider .owl-nav button
{
	width: 40px;
	height: 40px;
	float: left;
	position: unset !important;
	left: unset !important;
	right: unset !important;
	border: 1px solid #c32f22 !important;
	border-radius: 0px !important;
	background: #c32f22 !important;
	box-shadow: unset;
	margin: 0px !important;
}
.gallery-slider .owl-nav .owl-prev img 
{
	transform: rotate(180deg);
}
.gallery-slider .owl-nav .owl-next
{
	margin-left: 5px !important;
}
.gallery-slider .owl-nav button img
{
	width: 50%;
	margin-top: 4px;
}
.gallery-slider .owl-item a > span
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff3;
	transition: 0.3s ease;
	opacity: 0;
}
.gallery-slider .owl-item a > span img
{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.gallery-slider .owl-item a>span img
{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.offer-add-modal
{
	width: 410px;
	max-width: 90%;
	float: left;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10001;
	padding: 30px 40px;
	transform: translate(-50%, -50%);
	background: #FFFFFF;
}
.offer-add-modal-bg
{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgb(0 0 0 / 55%);
	z-index: 10000;
	display: none;
}
.offer-add-modal-header
{
    width: 100%;
    float: left;
    text-align: center;
}
.offer-add-modal-header img
{
	width: auto;
	float: right;
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
.offer-add-modal-header h3
{
	width: 100%;
	float: left;
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 34px;
	letter-spacing: -0.03em;
	color: #000000;
	margin-bottom: 3px;
}
.offer-add-modal-header p
{
	width: 100%;
	float: left;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
	margin-bottom: 15px;
}
.warning
{
	width: 100%;
	float: left;
	font-size: 12px;
	color: red;
	font-weight: 700;
	margin-top: 6px;
}

/*--------------GALLERY--------------*/

.gallery
{
	width: 100%;
	float: left;
	margin-top: 50px;
}
.gallery-contain
{
	width: 100%;
	float: left;
	padding: 72px;
}
.masonry
{
	columns: 3;
	column-gap: 18px;
}
@media (max-width: 1200px)
{
	.masonry
	{
		columns: 3;
	}
}
@media (max-width: 991px)
{
	.masonry
	{
		columns: 1;
	}
}
.masonry .grid
{
	display: inline-block;
	margin-bottom: 16px;
	position: relative;
	border: 1px solid #eaeaea;
	overflow: hidden;
}
.masonry .grid img
{
	width: 100%;
	float: left;
	transition-duration: 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: transform, filter, opacity;
	transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
}
.masonry .grid a
{
	width: 100%;
	float: left;
	transition-duration: 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: transform, filter, opacity;
	transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
}
.masonry .grid:hover img
{
	transform: scale(1.05, 1.05);
	transition-duration: 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: transform, filter, opacity;
	transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
}
.masonry .grid:hover a:before
{
	content: "";
	position: absolute;
	width: 100%;
	float: left;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #5a595a;
	opacity: 0.5;
	z-index: 1;
	transition-duration: 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: transform, filter, opacity;
	transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
}

/*---------------HOVER---------------*/

@media (hover: hover)
{
	.menu li:hover>input[type=checkbox]~.sub-menu
	{
		display: block;
	}
	.menu .sub-menu li:hover > a
	{
		color: #5b5b5b;
	}
	.menu .sub-menu li:hover .sub-menu-box-center
	{
		display: block;
	}
	.menu li:hover a .desktop-menu-icon
	{
		transform: rotate(180deg);
	}
	.social li a:hover
	{
		right: 0;
		transition: 0.5s ease;
	}
}

@keyframes menuOpen
{
	0%
	{
		opacity: 0;
		transform: translate(-75%, 0%);
	}
	100%
	{
		opacity: 1;
		transform: translate(0%, 0%);
	}
}
@media only screen and (max-width: 1600px) and (min-width: 992px)
{
	.contain
	{
		padding: 0px 15px;
	}
	.breadcrumb
	{
		padding-left: 40px;
	}
	.header-right
	{
		width: 22%;
	}
	.menu
	{
		width: 63%;
	}
	.header-home .header-contain
	{
		padding: 20px 80px 0px 80px;
	}
}
@media only screen and (max-width: 991px)
{
	.contain
	{
		padding: 0px 15px;
	}
	.header-space
	{
		display: none;
	}	
	.header
	{
		position: relative;
		top: unset;
		left: unset;
		padding: 0px;
		z-index: 4;
		height: auto;
		filter: unset;
		background-color: #000000;
		box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
	}
	.header.fixed
	{
		position: fixed !important;
	}
	.logo
	{
		width: 35%;
		padding: 0px;
		min-width: auto;
	}
	.logo a
	{
		width: 100%;
		height: 66px;
		float: left;
		padding: 6px 10px 6px 0px;
	}
	.header-contain
	{
		position: unset;
		left: unset;
		transform: unset;
		justify-content: space-between;
		padding: 0px 15px;
	}
	.header-right
	{
		width: 56%;
	}
	.menu
	{
		width: auto;
		float: right;		
	}
	.menu .main-menu
	{
		width: 70%;
		height: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: white;
		animation: menuOpen 0.3s ease;
		transform: unset;
		text-align: left;
		z-index: 4;
		display: none;
	}
	.menu .menu-inner
	{
		overflow: auto;
		background-color: #FFFFFF;
	}
	#menu-button:checked ~ .main-menu
	{
		display: block;
	}
	#menu-button:checked ~ .main-menu + .menu-overlay
	{
		display: block;
	}
	.menu .has-child-menu:hover
	{
	border-bottom: none;
	}
	.menu-close
	{
		display: block;
	}
	.menu li
	{
		width: 100% !important;
		height: auto;
		margin-right: 0px;
		padding-right: 0px;
	}
	.main-menu li:first-child a
	{
		padding-left: 15px;
	}
	.menu .sub-menu
	{
		width: 100%;
		height: auto;
		position: relative;
		top: unset !important;
		left: unset !important;
		right: unset !important;
		border-radius: 0px;
		padding: 0px 0px 0px 10px;
		transform: none;
		background-color: #FFFFFF;
	}
	.menu input[type="checkbox"]:checked ~ .sub-menu
	{
		display: block;
	}
	.menu .sub-menu input[type="checkbox"]:checked ~ .sub-menu-box-center
	{
		display: block;
	}
	.sub-menu-box-center
	{
		width: 100%;
		float: left;
		background-color: #FFFFFF;
		padding-top: 0px;
		position: unset;
		right: unset;
		top: unset;
	}
	.menu .sub-menu li a
	{
		width: 100%;
		float: left;
		padding: 10px !important;
		font-size: 16px;
		font-weight: 400;
		color: #000000;
		line-height: 27px;
	}
	.menu .sub-menu a span:after
	{
		display: none;
	}
	.menu .sub-menu img 
	{
		margin: 19px;
	}
	.menu .sub-menu li
	{
		width: 100%;
		padding: 0px;
		height: auto;
	}
	.menu-overlay
	{
		width: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 3;
	}
	.menu .menu-btn
	{
		width: auto;
		float: left;
		padding: 25px 0px;
		display: block;
	}
	.menu .menu-btn img
	{
		width: 22px;
		height: 16px;
		float: left;
	}
	.menu .menu-icon
	{
		display: block;
	}
	.menu .menu-minus
	{
		display: none;
	}
	.menu input[type="checkbox"]:checked + .menu-icon .menu-minus
	{
		display: block;
	}
	.menu input[type="checkbox"]:checked + .menu-icon .menu-plus
	{
		display: none;
	}
	.menu .sub-menu li .alt-menu-images
	{
		display: none;
	}
	.menu .sub-menu li .sub-menu-alt 
	{
		display: none;
	}
	.menu a 
	{
		color: #999999;
		padding: 10px!important;
		border-bottom: 1px solid #000000;
		text-align: left;
		font-size: 16px;
		line-height: 27px;
	}
	.menu .active-menu
	{
		color: #000000;
	}
	.mobil-buttons
	{
		display: block;
	}
	.mobil-buttons a
	{
		width: 50%;
		text-align: center;
		font-size: 12px;
		border-bottom: none;
		background-color: #ED7203;
		border: 1px solid #e5e5e5;
		padding: 10px!important;
		height: 100%;
		line-height: 14px;
	}
	.mobil-buttons img
	{
		width: 14px;
		height: 14px;
		display: inline-block;
	}
	.mobil-buttons p
	{
		width: 100%;
		float: left;
		margin: 0;
		margin-top: 4px;
	}
	.sub-menu-box
	{
		width: 100%;
	}
	.sub-menu-box > ul
	{
		width: 100%;
		padding-top: 0px;
	}
	.breadcrumbcontain
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.breadcrumbcontain-margin
	{
		margin-top: 0px;
		padding: 0px 0px;
		margin-bottom: 0px;
	}
	.breadcrumbcontain h1
	{
		font-size: 24px;
		line-height: 40px;
		margin-bottom: 5px;
	}
	.breadcrumb-bg
	{
		margin-top: -20px;
	}
	.breadcrumb
	{
		transform: translate(-50%, -20px);
	}
	.breadcrumb ul
	{
		white-space: nowrap;
		overflow-x: auto;
	}
	.breadcrumb li 
	{
		float: unset;
		display: inline-block;
	}
	.breadcrumb img
	{
		margin: 0px 6px;
		margin-top: 4px;
	}
	.breadcrumb p
	{
		width: 100%;
		padding: 0px 15px;
		margin-top: 20px;
		font-size: 16px;
	}
	.footer
	{
		padding-top: 0px;
		margin-top: 0px;
	}
	.footer-header h3
	{
		display: none;
	}
	.footer-box-img
	{
		width: 100%;
	}
	.footer-form
	{
		width: 100%;
		padding-left: 0px;
		margin-top: 20px;
	}
	.footer-contact
	{
		width: 100%;
		padding-left: 0px;
		margin-top: 20px;
	}
	.footer-social
	{
		margin-top: 15px;
		flex-direction: row-reverse;
		justify-content: center;
		align-items: center;
		gap: 28px;
	}
	.footer-social a
	{
		width: 22px;
		height: 22px;
	}
	.footer-bottom img
	{
		display: none;
	}
	.footer-bottom h3
	{
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 15px;
	}
	.footer-bottom p
	{
		font-size: 14px;
		line-height: 20px;
	}
	.cerez-politikasi
	{
		padding: 15px 20px;
	}
	.cerez-politikasi p
	{
		width: 100%;
		text-align: center;
	}
	.cerez-politikasi .cerez-accept
	{
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}
	.offer
	{
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.home-contain-header h3:after
	{
		display: none;
	}
	.offer-list-form-box
	{
		width: 100%;
	}
	.form-box-center
	{
		width: 100%;
		left: unset;
		top: unset;
		transform: unset;
	}
	.offer-list-form
	{
		height: auto;
	}
	.form-box-center div a,
	.form-box-center .custom-button
	{
		font-size: 10px;
	}
	.products
	{
		margin-top: 10px;
	}
	.products-contain
	{
		margin: 0px 0px 30px;
	}
	.cat-filter
	{
		width: 100%;
		float: left;
		margin-right: 0px;
	}
	.cat-filter-text
	{
		margin-top: 20px;
	}
	.cat-filter-text p
	{
		width: 100%;
	}
	.product-list
	{
		margin-top: 20px;
		column-gap: 10px;
	}
	.product
	{
		width: calc(50% - 5px);
	}
	.home-about-us-img
	{
		width: 100%;
	}
	.home-about-us-text
	{
		width: 100%;
		padding-left: 0px;
	}
	.home-contain
	{
		margin: 0px 0px 20px;
	}
	.home-about-us-text h1
	{
		font-size: 30px;
		line-height: 36px;
		margin-top: 8px;
		margin-bottom: 15px;
	}
	.home-about-us-text p
	{
		font-size: 14px;
		line-height: 20px;
	}
	.about-menu
	{
		margin-top: 15px;
		flex-direction: column;
		gap: 15px;
	}
	.home-products-box
	{
		width: 100%;
	}
	.home-products-flex
	{
		flex-direction: column;
	}
	.home-category-box-img,
	.category-detail-right
	{
		width: 100%;
	}
	.home-category-box
	{
		flex-direction: column;
	}
	.category-detail-right
	{
		padding: 15px;
		gap: 8px;
	}
	.home-category-box-detail span
	{
		font-size: 14px;
		line-height: 18px;
	}
	.home-category-box-detail h3
	{
		font-size: 30px;
		line-height: 36px;
	}
	.home-category-box-detail p
	{
		width: 100%;
		font-size: 12px;
		line-height: 16px;
	}
	.flex-directions
	{
		flex-direction: column-reverse;
	}
	.home-category-contain
	{
		padding: 0px;
	}
	.product-detail
	{
		margin-top: 20px;
	}
	.product-images
	{
		width: 100%;
		max-width: 100%;
	}
	.product-information
	{
		width: 100%;
		padding-left: 0px;
		margin-top: 20px;
	}
	.product-information-detail
	{
		width: 100%;
		padding-left: 0px;
		margin-bottom: 20px;
	}
	.img-list
	{
		display: none;
	}
	.static-page
	{
		width: 100%;
		padding: 0px;
	}
	.page-contain
	{
		padding: 15px;
		margin-top: 20px;
	}
	.static-page .share span
	{
		margin-right: 0px;
	}
	.static-page .share a img
	{
		width: 100%;
		float: left;
	}
	.static-page h1
	{
		margin-bottom: 15px;
	}
	.static-page p
	{
		margin-top: 20px;
	}
	.gallery
	{
		margin-top: 10px;
	}
	.gallery-contain
	{
		padding: 0px 15px;
	}
	.contact
	{
		margin-top: 10px;
	}
	.contact-list
	{
		width: 100%;
	}
	.contact-maps
	{
		width: 100%;
	}
	.contact-form
	{
		width: 100%;
	}
	.contact-social
	{
		margin-top: 0px;
		margin: 30px 0px;
	}
	.contact-social a
	{
		width: 22px;
		height: 22px;
	}
	.offer-table th p
	{
		font-size: 11px;
	}
	.offer-list-empty p
	{
		font-size: 24px;
		line-height: 30px;
	}
	.header-language
	{
		width: 50%;
		max-width: 50%;
		float: right;
	}
}