html, body
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font-family: "Open Sans", sans-serif;
	/*font-family: "Calistoga", sans-serif;*/
}
*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}
a
{
	text-decoration: none;
}
@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);
	}
}
.container
{
	width: 1200px;
	max-width: 100%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
}

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

.header
{
	width: 100%;
	height: 120px;
	float: left;
	position: fixed;
	z-index: 100;
	transition: 300ms ease-out;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8c12a;
}
.header-space
{
	width: 100%;
	height: 120px;
	float: left;
}
.fixed
{
	position: fixed;
	top:0; 
	left:0;
	transition: 300ms ease-out;
}
.header-container
{
	width: 1400px;
	max-width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
.header-round
{
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	left: 0px;
	top: 0;
}
.logo
{
	width: 15%;
	float: left;
	z-index: 2;
}
.logo a
{
	width: auto;
	height: 90px;
	max-width: 180px;
	float: left;
}
.logo img 
{
	width: 100%;
	height: 100%;
	float: left;
}
.menu
{
	width: 100%;
	max-width: 100%;
	min-height: 1px;
	float: left;
	text-align: center;
}
.menu .main-menu
{
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	margin: 0px;
	padding: 0px;
}
.menu .menu-inner
{
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
}
.menu li
{
	width: auto;
	height: 60px;
	float: left;
	position: relative;
	list-style-type: none;
	display: flex;
	align-items: center;
}
.menu a
{
	width: 100%;
	float: left;
	position: relative;
	font-size: 18px;
	line-height: normal;
	letter-spacing: 1px;
	color: #000000;
	padding: 0px 16px;
	font-family: "Calistoga", sans-serif;
}
.menu input[type="checkbox"]
{
	display: none;
}
.menu label
{
	width: 100%;
	float: left;
	margin: 0px;
}
.menu .menu-btn
{
	display: none;
}
.menu .menu-icon
{
	width: 75%;
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
}
.menu .menu-icon img
{
	width: 10px;
	height: 10px;
	float: right;
	margin: 18px;
}
.menu .sub-menu
{
	width: 300px;
	float: left;
	position: absolute;
	top: 100%;
	background-color: #FFFFFF;
	text-align: left;
	padding: 12px 0;
	display: none;
}
.menu .sub-menu li
{
	width: 100%;
	height: 40px;
	float: left;
	padding: 10px 15px 10px 15px;
	margin-right: 0px;
	cursor: pointer;
}
.menu .sub-menu a
{
	width: 100%;
	padding: 0px;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 150%;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.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%;
	border-radius: 20px;
}
.sub-menu-div
{
	width: 100%;
	max-width: 800px;
	float: left;
}
.menu .sub-menu a b
{
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #1c2354;
	margin-left: 6px;
	display: none;
}
.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;
}

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

.footer
{
	width: 100%;
	float: left;
	padding-top: 40px;
	background-color: #efefef0a;
	border-top: 2px solid #D3D3D3;
}
.footer-home
{
	background: #FFFFFF;
}
.footer-menu
{
	margin-bottom: 20px;
}
.footer-box
{
	width: 33%;
	float: left;
	padding: 0px 24px;
}
.footer-box h2
{
	width: 100%;
	height: 64px;
	float: left;
	text-align: left;
	color: #474747;
	font-size: 30px;
	font-weight: 500;
	font-family: "Calistoga", sans-serif;
	cursor: pointer;
	border-bottom: 1px solid #D3D3D3;
	padding: 16px;
}
.footer-box ul 
{
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	padding: 0px 15px;
}
.footer-box li 
{
	width: 100%;
	height: 50px;
	float: left;
	list-style-type: none;
	display: flex;
	align-items: center;
}
.footer-box a
{
	width: 100%;
	float: left;
	color: #3C3C3C;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.12px;
}
.footer-box h2 img 
{
	display: none;
}
.footer-box .footer-box-icon
{
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
}
.footer-box .footer-box-icon img
{
	width: 34px;
	height: 34px;
	float: left;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.footer-contact ul
{
	padding: 0px;
	padding-right: 24px;
}
.footer-contact p
{
	width: calc(100% - 60px);
	height: 50px;
	float: left;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: center;
}
.footer-contact small
{
	width: 100%;
	float: left;
	color: #686868;
	font-size: 8px;
	font-style: normal;
	font-weight: 300;
	line-height: 10.72px;
	letter-spacing: 0.24px;
	text-transform: uppercase;
}
.footer-contact b
{
	width: 100%;
	float: left;
	color: #3C3C3C;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 19.416px;
	letter-spacing: 0.12px;
}
.footer-bottom
{
	width: 100%;
	float: left;
	background: #fac902;
	text-align: center;
}
.footer-bottom p
{
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	padding: 4px 0px;
	text-align: center;
}
.cerez-politikasi
{
	width: 100%;
	float: left;
	background-color: #fff;
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
	box-shadow: 0 0px 12px #0000002e;
	padding: 15px 100px;
}
.cerez-politikasi p 
{
	width: calc(100% - 332px);
	float: left;
	text-align: left;
}
.cerez-politikasi .cerez-accept
{
	background-color: green;
	cursor: pointer;
	padding: 10px 5px;
	color: #fff;
	font-weight: 500;
	margin-left: 5px;
	display: inline-block;
}
.footer-social
{
	width: 100%;
	float: left;
	margin: auto;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 32px;
	margin-bottom: 40px;
}
.footer-social a
{
	width: 30px !important;
	height: 30px !important;
	float: left;
}
.footer-social a img
{
	width: 100%;
	float: left;
}
.footer-social-contain,
.newsletter-contain,
.footer-menu
{
	clear: left;
}
.footer-contact li
{
	margin-bottom: 8px;
}
.footer-contact .header-donation
{
	background-color: #8B1D2E !important;
	width: 140px;
	color: #FFFFFF;
}
.footer-contact .header-login
{
	width: 140px;
}
#toTop
{
	width: 50px;
	height: 50px;
	background-color: #fac902;
	border-radius: 50%;
	text-align: center;
	position: fixed;
	bottom: 40px;
	right: 40px;
	display: none;
	z-index: 25;
	padding: 13px 13px;
	cursor: pointer;
}
.footer-one
{
	width: 100%;
	float: left;
	padding-top: 40px;
	background-color: #353b43;
}
.footer-container
{
	margin-bottom: 40px;
}
.footer-contact-list
{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 30px;
}
.footer-contact-box
{
	width: 30%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	flex-direction: column;
}
.footer-contact-box img
{
	width: 50px;
	height: 50px;
	float: left;
}
.footer-contact-box span
{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
}
.footer-contact-box a
{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
}
.footer-contact-box .eye-img
{
	width: 40px;
	height: 40px;
}

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

.breadcrumbcontain
{
	width: 100%;
	float: left;
	position: relative;
	margin: 40px 0px;
}
.breadcrumb-bg
{
	margin-top: -80px;
}
.breadcrumbcontain .contain img
{
	width: 100%;
	float: left;
}
.breadcrumb h1
{
	width: 100%;
	float: left;
	color: #525252;
	text-align: center;
	font-size: 47px;
	line-height: 120%;
}
.breadcrumb
{
	width: 1200px;
	max-width: 100%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.breadcrumb ul
{
	width: auto;
	float: left;
}
.breadcrumb li 
{
	width: auto;
	float: left;
	list-style-type: none;
}
.breadcrumb a 
{
	width: 100%;
	float: left;
	color: #454545;
	text-align: center;
	font-size: 14px;
	line-height: 137.5%;
	letter-spacing: -0.28px; 
}
.breadcrumb li a img 
{
	width: 18px;
	height: 18px;
	float: left;
	margin: 0px 8px;
	margin-top: 1.5px;
}
.breadcrumb a p
{
	width: auto;
    float: left;
	margin: 0px 5px;
}
.breadcrumb a span
{
	float: left;
    margin: 0px;
}
/*.breadcrumb .active-breadcrumb
{
	color: #000000;
	font-weight: 600;
}*/

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

.video
{
	width: 100%;
	/*height: 100%;*/
	float: left;
	overflow: hidden;
	position: relative;
	aspect-ratio: 1920 / 700;
}
.home-swiper
{
	width: 100%;
	height: 100%;
	float: left;
}
.swiper-wrapper
{
	width: 100%;
	height: 100%;
	float: left;
}
#homevideo
{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	object-fit: cover;
}
.swiper-slide
{
	width: 100%;
	height: 100%;
	float: left;
}
.video .home-swiper,
.video .home-swiper .swiper-slide a,
.video .home-swiper .swiper-slide img
{
	width: 100%;
	height: 100%;
	float: left;
}
.read-more-btn
{
	width: 190px;
	height: 50px;
	float: left;
	background: transparent;
	color: #2C2C2C;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.48px; 
	user-select: none;
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.8s ease-out;
}
.products-bar
{
	width: 100%;
	float: left;
	background: #ffcc01;
	padding: 50px 0px;
}
.products-bar h3
{
	width: 100%;
	float: left;
	font-size: 16px;
	color: #000000;
	text-align: center;
}
.home-products
{
	width: 100%;
	float: left;
	padding-top: 40px;
	padding-bottom: 100px;
}
.product
{
	width: calc(33.333334% - 28px);
	float: left;
	border-radius: 28px;
	background-color: #FFFFFF;
}
.product-img
{
	width: 100%;
	float: left;
	aspect-ratio: 370 / 300;
	padding: 18px;
}
.product-img a
{
	width: 100%;
	height: 100%;
	float: left;
}
.product-img img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: contain;
}
.product-detail
{
	width: 100%;
	float: left;
	padding: 18px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
}
.product-detail h3
{
	width: 100%;
	float: left;
	font-size: 25px;
	font-family: "Calistoga", sans-serif;
	color: #000000;
}
.product-detail span
{
	width: 100%;
	float: left;
	font-size: 16px;
	color: #000000;
	letter-spacing: 1px;
	line-height: 20px;
}
.product-detail a
{
	width: auto;
	max-width: 215px;
	float: left;
	font-size: 16px;
	color: #000000;
}
.product-detail a img
{
	width: 100%;
	float: left;
}
.products-container
{
	display: flex;
	flex-wrap: wrap;
	gap: 42px;
	clear: left;
}
.order-bar
{
	width: 100%;
	float: left;
	aspect-ratio: 1920 / 525;
}
.order-bar a
{
	width: 100%;
	height: 100%;
	float: left;
}
.order-bar a img
{
	width: 100%;
	height: 100%;
	float: left;
}
.home-blog
{
	width: 100%;
	float: left;
	padding: 88px 0px;
}
.blog-container
{
	width: 1170px;
	display: flex;
	flex-wrap: wrap;
	gap: 27px;
	padding-bottom: 40px;
}
.home-blog-swiper
{
	width: 100%;
	float: left;
}
.blog
{
	width: calc(33.333334% - 18px);
	float: left;
	box-shadow: 0px 0px 10px black;
}
.home-blog-swiper .blog
{
	width: 100%;
}
.blog-img
{
	width: 100%;
	float: left;
	aspect-ratio: 370/350;
}
.blog-img a
{
	width: 100%;
	height: 100%;
	float: left;
}
.blog-img img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
}
.blog-detail
{
	width: 100%;
	float: left;
	padding: 40px 30px 24px 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
}
.blog-detail h3
{
	width: 100%;
	float: left;
	font-size: 20px;
	line-height: 28px;
	color: #24344b;
}
.blog-detail span
{
	width: 100%;
	float: left;
	font-size: 10px;
	color: #656a72;
	line-height: 20px;
}
.blog-detail a
{
	width: 230px;
	max-width: 100%;
	height: 60px;
	float: left;
	font-size: 14px;
	font-weight: 800;
	line-height: 60px;
	text-align: center;
	color: #000000;
	background-color: #fbc902;
	border-radius: 30px;
	box-shadow: 0px 6px 12px 0px #9f930994;
}
.blog-detail a img
{
	width: 100%;
	float: left;
}

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

.products
{
	width: 100%;
	float: left;
	padding: 0px 0px 150px 0px;
}
.products-header
{
	clear: left;
}
.products-header p
{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 24px;
	font-weight: 300;
	color: #000000;
}
.products .product
{
	box-shadow: 0px 0px 20px 4px #fece0050;
}
.product-main
{
	aspect-ratio: 1200 / 600;
}
.product-image
{
	width: 100%;
	height: 100%;
	max-width: 500px;
	float: left;
	aspect-ratio: 500 / 600;
}
.product-image img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: contain;
}
.product-info
{
	width: calc(100% - 550px);
	height: 100%;
	float: left;
	padding-left: 32px;
	position: relative;
}
.product-info h1
{
	width: 100%;
	float: left;
	font-size: 34px;
	font-weight: 800;
	color: #242424;
	margin-bottom: 54px;
}
.product-info p
{
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	color: #8b8b8b;
}
.product-info-absolute
{
	width: 100%;
	float: left;
	position: absolute;
	bottom: 0;
	left: 32px;
}
.product-order
{
	width: 230px;
	height: 65px;
	float: left;
	background-color: #ff5400;
	padding: 7px 16px;
	font-size: 20px;
	font-weight: 800;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	border-radius: 8px;
}
.product-order img
{
	width: 46px;
	height: 100%;
	float: left;
}
.product-suggestion
{
	clear: left;
	margin-top: 100px;
}
.product-suggestion h3
{
	width: 100%;
	height: 64px;
	line-height: 64px;
	letter-spacing: 1px;
	font-size: 40px;
	font-weight: 900;
	margin: 0 auto;
	position: relative;
	padding: 0 32px;
	text-transform: uppercase;
	color: #242424;
	margin-bottom: 30px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}
.product-suggestion h3:after
{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #eeeeee;
	position: absolute;
	left: 0;
	bottom: 0;
}
.product-suggestion p
{
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	color: #8b8b8b;
	padding: 0 32px;
}
.notfound
{
	width: 100%;
	float: left;
	text-align: center;
	margin: 60px 0px;
}
.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: 32px;
	line-height: 38px;
	color: #000000;
	text-align: center;
}
.sub-product
{
	width: 100%;
	float: left;
	margin: 50px 0px;
}
.sub-product-container
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 16px;
	white-space: nowrap;
	overflow-x: auto;
	padding-bottom: 5px;
}
.sub-product-container-center
{
	justify-content: center !important;
}
.sub-product-container a
{
	height: 40px;
	display: inline-block;
	border: 1px solid #d87a2f;
	text-align: center;
	line-height: 38px;
	font-size: 14px;
	color: #000000;
	font-weight: 400;
	padding: 0 15px;
	border-radius: 6px;
	background-color: #transparent;
}
.sub-product-container a.active
{
	background-color: #d87a2f;
	color: #FFFFFF;
	border-color: #FFFFFF;
}
.sub-product-container::-webkit-scrollbar
{
	width: 6px;
	height: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.sub-product-container::-webkit-scrollbar-thumb
{
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.30);
}

/*---------------BLOG--------------*/

.blog-list
{
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	margin-bottom: 60px;
}
.blog-header
{
	width: 100%;
	float: left;
	position: relative;
}
.blog .blog-header h1
{
	color: #FFFFFF;
}
.blog-header h1
{
	width: 100%;
	float: left;
	font-size: 50px;
	font-weight: 700;
	color: #000000;
	text-align: center;
}
.blog-list .blog-header h1
{
	margin-bottom: 40px;
}
.blog-bg
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.blog-bg img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center;
}
.blog-box
{
	width: 100%;
	float: left;
	background-color: #FFFFFF;
	aspect-ratio: 1200 / 320;
	margin-bottom: 50px;
}
.blog-box-img
{
	width: 40%;
	float: left;
	aspect-ratio: 480 / 320;
}
.blog-box-img a
{
	width: 100%;
	height: 100%;
	float: left;
}
.blog-box-img a img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center;
}
.blog-box-detail
{
	width: 60%;
	height: 100%;
	float: left;
	padding-left: 60px;
	padding-right: 20px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	gap: 25px;
}
.blog-box-detail h3
{
	width: 100%;
	float: left;
	font-size: 25px;
	font-weight: 600;
	color: #000000;
}
.blog-box-detail p
{
	width: 100%;
	float: left;
	font-size: 15px;
	font-weight: 300;
	color: #000000;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.blog-box-detail a
{
	width: 100%;
	max-width: 150px;
	height: 45px;
	float: left;
	float: left;
	border-radius: 2px;
	text-align: center;
	background-color: transparent;
	border: 2px solid #000000;
	font-size: 14px;
	color: #000000;
	line-height: 45px;
	transition: background 0.4s ease-out;
}
.blog-details
{
	width: 100%;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 60px;
}
.blog-detail-images
{
	width: 100%;
	float: left;
	aspect-ratio: 1200 / 500;
}
.blog-detail-images img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: 50% 50%;
}
.blog-details
{
	width: 100%;
	float: left;
}
.blog-details-title
{
	width: 100%;
	float: left;
	margin-bottom: 40px;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color: #333333;
}
.blog-detail-text
{
	width: 100%;
	float: left;
	margin: 30px 0px;
}
.blog-detail-text p
{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
}

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

.page 
{
	width: 100%;
	float: left;
}
.page-contain
{
	width: 100%;
	float: left;
	padding: 0px 100px; 
}
.page-sidebar
{
	width: 25%;
	float: left;
	padding: 20px;
	position: sticky;
	top: 98px;
	background: #EEEEEE;
	border-radius: 8px;
}
.static-page 
{
	width: 100%;
	float: left;
	margin-top: 30px;
	margin-bottom: 60px;
}
.static-page > img
{
	width: 100%;
	float: left;
	margin: 40px 0px;
}
.static-page div
{
	width: 100% !important;
	float: left !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 22px !important;
	color: #FFFFFF !important;
}
.static-page ul
{
	padding-left: 40px;
}
.page-gallery
{
	width: 100%;
	float: left;
	margin-bottom: 80px;
}
.page-gallery h3
{
	width: 100%;
	float: left;
	color: #FFFFFF;
	font-size: 20px;
	margin-bottom: 20px;
}
.gallery-swiper
{
	width: 100%;
	float: left;
}
.gallery-swiper .swiper-slide a
{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.gallery-swiper .swiper-slide img
{
	width: 100%;
	height: 100%;
	float: left;
}
.gallery-swiper .swiper-slide a span
{
	width: 36px;
	height: 36px;
	float: left;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
	z-index: 10;
}
.gallery-swiper .swiper-slide a::after
{
	content: "";
	width: 100%;
	height: 100%;
	background: #00000066;
	mix-blend-mode: multiply;
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
	z-index: 8;
	opacity: 0;
}
.gallery-swiper .swiper-slide:hover a span
{
	opacity: 1;
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.gallery-swiper .swiper-slide:hover a::after
{
	opacity: 1;
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.referances
{
	width: 100%;
	float: left;
}
.referance
{
	width: 100%;
	float: left;
	margin-bottom: 60px;
	text-align: center;
}
.referance p
{
	width: 100%;
	float: left;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	text-align: center;
	margin-bottom: 8px;
}
.referance a
{
	width: auto;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	text-align: center;
}
.referances-flex
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

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

.contact-iframe
{
	width: 100%;
	float: left;
	aspect-ratio: 1920/540;
}
.contact-iframe iframe
{
	width: 100%;
	height: 100%;
	float: left;
}
.contact
{
	width: 100%;
	float: left;
}
.contact-top
{
	width: 1000px;
	max-width: 100%;
	min-height: 790px;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
	background: #fff;
	position: relative;
	margin: -100px 0 100px 0;
	box-shadow: 0px 5px 11px #9c9c9c;
	z-index: 2;
}
.contact-detail
{
	width: 50%;
	height: 100%;
	float: left;
	padding: 30px;
	/*background-color: #fac902;*/
}
.contact-form
{
	width: 50%;
	height: 100%;
	float: left;
	padding: 30px;
}
.contact-form .input-field textarea
{
	height: 120px;
}
.contact-images
{
	width: 100%;
	aspect-ratio: 440/240;
	float: left;
}
.contact-images img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	float: left;
}
.contact-detail h3,
.contact-form h3
{
	width: 100%;
	float: left;
	font-family: "Calistoga", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 40px;
	color: #000000;
	margin-bottom: 20px;
}
.contact-detail ul
{
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top: 30px;
}
.contact-detail ul li 
{
	width: 100%;
	float: left;
	list-style-type: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	border-bottom: 1px solid #000000;
	padding-bottom: 16px;
}
.contact-detail ul li span 
{
	width: 60px;
	height: 60px;
	float: left;
}
.contact-detail ul li span img
{
	width: 100%;
	height: 100%;
	float: left;
}
.contact-detail ul li a
{
	width: 100%;
	height: 100%;
	float: left;
	color: #000000;
	font-size: 16px;
	font-style: normal;
	text-align: center;
	font-weight: 500;
	letter-spacing: 0.12px;
}
.input-field
{
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 16px;
}
.input-field-half
{
	width: calc(50% - 5px);
}
.half-input-space
{
	margin-right: 10px;
}
.contact-home .input-field textarea
{
	height: 102px;
}
.input-desc
{
	width: 100%;
	float: left;
	margin-bottom: 2px;
	color: #686868;
	font-size: 10px;
	font-style: normal;
	font-weight: 300;
	line-height: 13.4px;
	letter-spacing: 0.3px;
}
.custom-label
{
	width: 100%;
	float: left;
	position: relative;
}
.custom-input
{
	width: 100%;
	height: 50px;
	float: left;
	padding: 0 12px;
	font-size: 16px;
	color: #686868;
	border: 1px solid #EDEDED;
	background-color: #fff;
}
.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: 1px solid #000000;
	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: 190px;
	padding-top: 8px;
	resize: none;
	font-family: 'DM Sans', sans-serif;
}
select.custom-input
{
	color: #686868;
	appearance: none;
	background-image: url(../svg/select-icon.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 0px) center;
	padding: 0px 30px 0px 12px;
}
select.custom-input option
{
	color: #000000;
}
.custom-button
{
	width: 100%;
	height: 50px;
	float: left;
	border: 1px solid #EDEDED; 
	background-color: #FFFFFF;
	text-align: left;
	cursor: pointer;
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	line-height: 50px;
	padding: 0px 16px;
	user-select: none;
	outline: 0;
}
.custom-button-two
{
	border: 1px solid #8B1D2E; 
	background-color: #8B1D2E;
	color: #FFFFFF;
	text-align: center;
}
.custom-label img
{
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translate(0px, -50%);
}
.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;
}

/*--------------SERVİCES-------------*/

.services
{
	width: 100%;
	float: left;
	margin-bottom: 60px;
}
.services-container
{
	width: 900px;
}
.service-menu
{
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.services-box
{
	width: 100%;
	float: left;
}
.services-box a
{
	width: 100%;
	float: left;
	font-size: 15px;
	font-weight: 500;
	color: #000000;
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.services-box:hover a
{
	color: #fac902;
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.services-box-detail
{
	width: 75%;
	height: 100%;
	float: left;
	padding-left: 60px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	gap: 25px;
}
.services-box-detail h3
{
	width: 100%;
	float: left;
	font-size: 25px;
	font-weight: 600;
	color: #FFFFFF;
}
.services-box-detail p
{
	width: 100%;
	float: left;
	font-size: 15px;
	font-weight: 300;
	color: #FFFFFF;
}
.services-box-detail a
{
	width: 100%;
	max-width: 150px;
	height: 45px;
	float: left;
	float: left;
	border-radius: 2px;
	text-align: center;
	background-color: transparent;
	border: 2px solid #FFFFFF;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 43px;
	transition: background 0.4s ease-out;
}
.services-detail
{
	width: 100%;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 60px;
}
.services-detail-images
{
	width: 100%;
	float: left;
	aspect-ratio: 1200 / 500;
}
.services-detail-images img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: 50% 50%;
}
.services-details
{
	width: 100%;
	float: left;
}
.services-details-title
{
	width: 100%;
	float: left;
	margin: 40px 0px;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color: #333333;
}
.services-detail-text
{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.services-detail-text p
{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
}

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

@media (hover: hover)
{
	.menu li:hover>input[type=checkbox]~.sub-menu
	{
		display: block;
	}
	.menu .sub-menu li:hover a
	{
		color: #ee9b10;
	}
	.menu li:hover > a:after
	{
		width: 100%;
		opacity: 1;
		transition: .3s ease;
	}
	.menu .sub-menu li:hover a:after
	{
		opacity: 0;
	}
}

@keyframes menuOpen
{
	0%
	{
		opacity: 0;
		transform: translate(-75%, 0%);
	}
	100%
	{
		opacity: 1;
		transform: translate(0%, 0%);
	}
}
@media only screen and (max-width: 991px)
{
	.container
	{
		padding: 0px 15px;
	}
	.header-space
	{
		height: 60px;
	}	
	.header
	{
		padding: 0px;
		z-index: 4;
		height: auto;
		filter: unset;
		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;
	}
	.header-container
	{
		justify-content: space-between;
	}
	.logo
	{
		width: 35%;
		padding: 0px;
		min-width: auto;
	}
	.logo a
	{
		width: 100%;
		height: 60px;
		float: left;
		padding: 6px 10px 6px 0px;
	}
	.header-contain
	{
		position: unset;
		left: unset;
		transform: unset;
		justify-content: space-between;
	}
	.header-right
	{
		width: 56%;
	}
	.menu
	{
		width: auto;
		float: right;
		position: relative;
	}
	.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;
		display: unset;
	}
	#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;
		display: unset;
	}
	.main-menu li:first-child a
	{
		padding-left: 15px;
	}
	.menu .sub-menu
	{
		width: 100%;
		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 li a
	{
		width: 100%;
		float: left;
		padding: 10px !important;
		font-size: 12px;
		font-weight: 400;
		color: #000000;
	}
	.menu .sub-menu a span:after
	{
		display: none;
	}
	.menu .sub-menu img 
	{
		margin: 14px;
	}
	.menu .sub-menu li
	{
		width: 100%;
		padding: 0px;
	}
	.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: 20px 0px;
		display: inline-flex;
		align-items: center;
		gap: 6px;
		margin-right: 15px;
	}
	.menu .menu-btn span
	{
		font-size: 14px;
		font-weight: 600;
		color: #000000;
	}
	.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: #000000;
		padding: 10px!important;
		border-bottom: 1px solid #000000;
		text-align: left;
		font-size: 16px;
		line-height: 27px;
	}
	.footer
	{
		padding-top: 30px;
		margin-top: 0px;
	}
	.footer-home
	{
		background: #FFFFFF;
	}
	.footer-margin
	{
		margin-top: 0px;
	}
	.footer-box
	{
		width: 100%;
		padding: 0px;
		min-height: unset;
		margin-bottom: 10px;
	}
	.footer-newsletter
	{
		padding: 0px;
	}
	.footer-box h2
	{
		width: 100%;
		height: 50px;
		position: relative;
		padding: 0px;
		line-height: 50px;
		font-size: 24px;
	}
	.footer-box .footer-plus 
	{
		display: block;
	}
	.footer-box h2 img 
	{
		width: 12px;
		height: 12px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0px, -50%);
	}
	.footer-box .footer-minus 
	{
		display: none;
	}
	.footer-box ul 
	{
		display: none;
		padding: 0px;
	}
	.footer-box .active+ul 
	{
		display: block;
	}
	.footer-box .active .footer-plus 
	{
		display: none;
	}
	.footer-box .active .footer-minus 
	{
		display: block;
	}
	.footer-bottom p
	{
		width: 100%;
		padding: 10px 0px;
		font-size: 10px;
	}
	.footer-menu
	{
		margin-top: 30px;
	}
	.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;
	}
	.newsletter-contain
	{
		padding: 0px;
	}
	.newsletter
	{
		padding: 20px;
	}
	.footer-social
	{
		justify-content: center;
		flex-wrap: wrap;
		gap: 16px;
		margin-bottom: 15px;
	}
	.footer-social a
	{
		width: 40px;
		height: 40px;
		float: left;
	}
	.video
	{
		aspect-ratio: 500 / 600;
	}
	.video-box
	{
		gap: 20px;
	}
	.product
	{
		width: calc(50% - 10px);
	}
	.products .products-container .product
	{
		width: 100%;
		padding: 16px;
	}
	.products-container
	{
		gap: 20px;
	}
	.product-detail
	{
		padding: 8px;
		gap: 8px;
	}
	.product-detail h3
	{
		font-size: 14px;
	}
	.product-detail span
	{
		font-size: 11px;
		line-height: 16px;
	}
	.home-products
	{
		padding-bottom: 30px;
	}
	.products-bar
	{
		padding: 30px 0px;
	}
	.products-bar h3
	{
		font-size: 14px;
	}
	.home-blog
	{
		padding: 30px 0px;
	}
	.blog-container
	{
		gap: 20px;
		justify-content: center;
	}
	.blog
	{
		width: calc(50% - 10px);
	}
	.blog-detail
	{
		padding: 10px;
		gap: 10px;
	}
	.blog-detail a
	{
		height: 40px;
		line-height: 40px;
	}
	.products
	{
		padding: 30px 0px 40px 0px;
	}
	.products-header p
	{
		font-size: 16px;
	}
	.sub-product
	{
		margin: 30px 0px;
		padding: 0px 15px;
	}
	.sub-product .container
	{
		padding: 0px;
	}
	.product-main
	{
		aspect-ratio: unset;
	}
	.product-info
	{
		width: 100%;
		padding-left: 0px;
	}
	.product-info h1
	{
		font-size: 20px;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	.product-info p
	{
		font-size: 14px;
		line-height: 20px;
	}
	.product-info-absolute
	{
		position: relative;
		left: unset;
		bottom: unset;
		margin-top: 15px;
	}
	.product-suggestion h3
	{
		height: 40px;
		line-height: 40px;
		font-size: 22px;
		margin-bottom: 20px;
		padding: 0px;
	}
	.product-suggestion p
	{
		font-size: 14px;
		line-height: 20px;
		padding: 0px;
	}
	.product-suggestion
	{
		margin-top: 40px;
	}
	.blog-header h1
	{
		font-size: 30px;
	}
	.blog-box
	{
		aspect-ratio: unset;
		margin-bottom: 25px;
	}
	.blog-box-img
	{
		width: 100%;
		aspect-ratio: 480 / 270;
	}
	.blog-box-detail
	{
		width: 100%;
		padding-left: 0px;
		padding: 15px;
		gap: 10px;
	}
	.blog-box-detail h3
	{
		font-size: 20px;
	}
	.blog-box-detail p
	{
		font-size: 12px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.blog-box-detail a
	{
		max-width: 100%;
	}
	.blog-detail-images
	{
		aspect-ratio: unset;
	}
	.blog-details-title
	{
		font-size: 20px;
		margin: 20px 0px;
	}
	.blog-detail-text p
	{
		font-size: 14px;
	}
	.blog-detail h3
	{
		font-size: 14px;
		line-height: normal;
		min-height: 57px;
	}
	.service-menu
	{
		padding-left: 20px;
	}
	.services-details-title
	{
		margin: 0px;
		margin-bottom: 20px;
	}
	.services-detail-text
	{
		margin-top: 0px;
	}
	.not-found-products p
	{
		font-size: 24px;
	}
	.contact-iframe
	{
		aspect-ratio: 600/540;
	}
	.contact-top
	{
		margin: -100px 0 50px 0;
	}
	.contact-detail
	{
		width: 100%;
	}
	.contact-form
	{
		width: 100%;
	}
	.contact-detail ul
	{
		margin-top: 10px;
	}
	.contact-detail ul li span
	{
		width: 40px;
		height: 40px;
	}
	.contact-detail h3, .contact-form h3
	{
		font-size: 24px;
	}
	.home-blog-swiper
	{
		overflow: hidden;
	}
	.footer-contact-box
	{
		width: 100%;
	}
	.breadcrumbcontain
	{
		padding: 0px 15px;
		margin: 20px 0px;
	}
	.breadcrumb ul
	{
		width: 100%;
		white-space: nowrap;
		overflow-x: auto;
    }
    .breadcrumb ul li
    {
		float: unset;
		display: inline-block;
    }
}