html, body
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #353535;
	font-family: "Poppins", sans-serif;
}
*
{
	-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);
	}
}
.container
{
	width: 1200px;
	max-width: 100%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
}

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

.header
{
	width: 100%;
	float: left;
	position: relative;
	z-index: 1000;
	background-color: #2f3133;
	box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.11);
}
.header-home
{
	background-color: transparent;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: unset;
}
.header-home .header-contain
{
	padding: 15px 36px 0px 36px;
}
.header-contain
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 30px;
}
.header-language
{
	width: 15%;
	max-width: 15%;
	float: left;
}
#dil-form
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.header-language label
{
	width: auto;
	float: left;
	cursor: pointer;
}
.header-language label:first-child
{
	margin-right: 8px;
}
.header-language label span
{
	width: 20px;
	height: 20px;
	float: left;
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #FFFFFF;
}
.header-language label input[type="radio"]
{
	display: none;
}
.header-language label .label-opacity
{
	color: #878785;
}
.logo
{
	width: 15%;
	float: left;
	z-index: 2;
	max-width: 210px;
}
.logo a
{
	width: auto;
	max-width: 150px;
	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: 100%;
	float: left;
}
.menu .menu-inner
{
	width: 100%;
	/*height: calc(100% - 61px);*/
	height: 100%;
	float: left;
}
.menu li
{
	width: auto;
	height: 45px;
	float: left;
	list-style-type: none;
	position: relative;
}
.menu a
{
	width: 100%;
	float: left;
	position: relative;
	font-size: 14px;
	line-height: 45px;
	color: #FFFFFF;
	padding: 0px 15px;
	text-transform: uppercase;
}
.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: 8px 20px 8px 20px;
}
.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: 20%;
	float: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}
.header-social
{
	width: 30%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
}
.header-social a
{
	width: 24px;
	height: 24px;
	float: left;
	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;
}
.header-call
{
	width: 43%;
	float: left;
	display: flex;
}
.header-call a
{
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.header-call a img
{
	width: 24px;
	height: 24px;
	float: left;
}
.header-call a p
{
	width: auto;
	float: left;
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF;
}

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

.footer
{
	width: 100%;
	float: left;
	background-color: #353535;
	padding: 40px 0px;
}
.footer-box
{
	width: 30%;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
}
.footer-box:after
{
	content: "";
	position: absolute;
	left: -1px;
	top: 0;
	bottom: 0;
	width: 1px;
	z-index: 1;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #6e6e6e;
}
.footer-box:first-child:after
{
	border-width: 0px;
}
.footer-box h5
{
	width: 100%;
	float: left;
	font-size: 14px;
	letter-spacing: 1px;
	position: relative;
	padding-bottom: 10px;
	color: #ffffff;
	border-color: #6e6e6e;
	margin-bottom: 10px;
}
.footer-box h5:after
{
	content: "";
	width: 15px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #6e6e6e;
}
.footer-search
{
	width: 100%;
	float: left;
}
.search-form
{
	width: 100%;
	float: left;
}
.search-form label
{
	width: 100%;
	float: left;
	position: relative;
}
.search-input
{
	width: 100%;
	float: left;
	height: 42px;
	background: #00000005;
	border: 1px solid #6e6e6e;
	outline-style: none;
	padding: 10px;
	color: #FFFFFF;
}
.search-form label img
{
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translate(0px, -50%);
}
.footer-logo
{
	width: 100%;
	float: left;
}
.footer-logo a
{
	width: 100%;
	float: left;
}
.footer-logo a img
{ 
	width: 100%;
	max-width: 300px;
	float: left;
}
.footer-contact
{
	width: 100%;
	float: left;
}
.footer-contact a
{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.footer-contact a span
{
	width: 20px;
	height: 20px;
	float: left;
}
.footer-contact a span img
{
	width: 100%;
	height: 100%;
	float: left;
}
.footer-contact a p
{
	width: calc(100% - 30px);
	padding-left: 10px;
	float: left;
	font-size: 12px;
	color: #FFFFFF;
}
.footer-bottom
{
	width: 100%;
	float: left;
	background-color: #353535;
	position: relative;
}
.footer-bottom p
{
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: left;
	padding: 25px 10px;
}
.footer-bottom:before
{
	content: "";
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	border-bottom: 1px solid #6e6e6e;
}

/*--------------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;
}
.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 img
{
	width: 100%;
	height: 100%;
	float: left;
}
.video-absolute-box
{
	width: 523px;
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.video-absolute-box p
{
	width: 100%;
	float: left;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 16px;
	text-align: center;
}
.information-btn
{
	width: 240px;
	height: 68px;
	float: left;
	border-radius: 1px;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 22px;
	color: #333333;
	line-height: 68px;
	margin-right: 43px;
}
.gallery-btn
{
	width: 240px;
	height: 68px;
	float: left;
	border-radius: 2px;
	text-align: center;
	background-color: transparent;
	border: 2px solid #FFFFFF;
	font-size: 22px;
	color: #FFFFFF;
	line-height: 68px;
}
.home-about-us
{
	width: 100%;
	float: left;
	text-align: center;
	padding: 45px 0px;
	position: relative;
	overflow: hidden;
}
.home-about-us-box
{
	width: 50%;
	float: left;
}
.home-about-us-box h1
{
	width: 100%;
	float: left;
	font-size: 60px;
	font-weight: 400;
	color: #333333;
	margin-bottom: 25px;
}
.home-about-us-box p
{
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
}
.home-about-us-box > img
{
	width: 100%;
	float: left;
	padding-left: 40px;
}
.catalog-buton
{
	width: 100%;
	max-width: 255px;
	height: 64px;
	float: left;
	background-color: #c83c222e;
	font-size: 16px;
	font-weight: 800;
	color: #C83C22;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 32px;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
	margin-top: 30px;
	border-radius: 3px;
}
.catalog-buton img
{
	width: 24px;
	height: 24px;
	float: left;
}
.home-about-bg
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.home-about-bg img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center;
}
.home-about-bg:before
{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ffffffd9;
}
.home-services
{
	width: 100%;
	float: left;
	background-color: #333333;
	padding: 80px 0px 65px 0px;
}
.home-services .swiper .swiper-pagination-bullet
{
	background-color: white;
}
.home-header
{
	width: 100%;
	float: left;
	position: relative;
	z-index: 3;
}
.home-header H3
{
	width: 100%;
	float: left;
	font-size: 56px;
	font-weight: 800;
	color: #FFFFFF;
	text-align: center;
}
.home-header p
{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	text-align: center;
}
.home-services-swiper
{
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	margin-top: 30px;
}
.home-services-box
{
	width: 100%;
	float: left;
}
.home-services-box
{
	width: 100%;
	float: left;
}
.home-services-box-img
{
	width: 100%;
	float: left;
	aspect-ratio: 370 / 370;
}
.home-services-box-img a
{
	width: 100%;
	height: 100%;
	float: left;
}
.home-services-box-img a img
{
	width: 100%;
	height: 100%;
	float: left;
	border-radius: 3px;
}
.home-services-box-img a video
{
	width: 100%;
	height: 100%;
	float: left;
	border-radius: 3px;
	object-fit: cover;
}
.home-services-box-img a iframe
{
	width: 100%;
	height: 100%;
	float: left;
	border: none;
	border-radius: 3px;
	object-fit: cover;
}
.home-services-box-detail
{
	width: 100%;
	float: left;
	padding: 16px;
	text-align: center;
}
.home-services-box-detail h3
{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 800;
	color: #999999;
	margin-bottom: 24px;
	text-transform: uppercase;
}
.home-services-box-detail p
{
	width: 100%;
    height: 88px;
	float: left;
	font-size: 12px;
	font-weight: 400;
	color: #999999;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 30px;
}
.home-gallery
{
	width: 100%;
	float: left;
	position: relative;
	padding-top: 60px;
	overflow: hidden;
}
.home-gallery-bg
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.home-gallery-bg img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center;
}
.home-gallery-bg:before
{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ffffffd9;
}
.home-gallery .home-header h3,
.home-blog .home-header h3
{
	color: #333333;
}
.home-gallery-swiper
{
	width: 100%;
	float: left;
	margin-top: 56px;
}
.home-gallery-box
{
	width: 100%;
	float: left;
	aspect-ratio: 400 / 720;
	position: relative;
}
.home-gallery-box a
{
	width: 100%;
	height: 100%;
	float: left;
}
.home-gallery-box a img
{
	width: 100%;
	height: 100%;
	float: left;
}
.home-gallery-absolute
{
	width: 70%;
	float: left;
	position: absolute;
	bottom: 10px;
	left: 32px;
}
.home-gallery-absolute h3
{
	width: 100%;
	float: left;
	font-size: 24px;
	font-weight: 800;
	color: #FFFFFF;
	margin-bottom: 6px;
}
.home-gallery-absolute p
{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}
.home-gallery-footer
{
	width: 100%;
	float: left;
	margin-top: 32px;
	margin-bottom: 46px;
}
.home-gallery-footer a
{
	width: 100%;
	max-width: 175px;
	height: 50px;
	float: left;
	border: 1px solid #33333333;
	border-radius: 3px;
	text-align: center;
	line-height: 52px;
	font-size: 16px;
	font-weight: 800;
	color: #333333;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
}
.home-blog
{
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	padding-bottom: 80px;
}
.home-blog-bg
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.home-blog-bg img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center;
}
.home-blog-bg:before
{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ffffffd9;
}
.home-blog-swiper
{
	width: 100%;
	float: left;
	margin-top: 40px;
}
.home-blog-swiper .content
{
	width: 640px;
	height: 415px;
	float: left;
	overflow: hidden;
}
.home-blog-swiper .content img
{
	width: 100%;
	height: 100%;
	float: left;
}
.home-blog-footer
{
	width: 820px;
	clear: left;
	float: left;
	margin-top: 30px;
	text-align: center;
}
.home-blog-footer p
{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
}
.home-design
{
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.blog-container
{
	width: 640px;
}
.home-design-bg
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.home-design-bg img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center;
}
.home-design-box
{
	width: 540px;
	float: left;
	background-color: #ffffffa3;
	position: relative;
	left: 110px;
}
.home-design-box h3
{
	width: 100%;
	float: left;
	font-size: 77px;
	font-weight: 800;
	color: #333333;
	text-align: center;
	margin-top: 20px;
	position: relative;
	z-index: 2;
}
.home-design-box img
{
	width: 100%;
	float: left;
	padding: 0px 16px;
	position: relative;
	top: -60px;
	z-index: 1;
}
.home-design-box p
{
	width: 100%;
	float: left;
	padding: 0px 60px;
	font-size: 16px;
	font-weight: 600;
	color: #333333;
	margin-bottom: 60px;
}
.home-design-options
{
	width: 600px;
	height: 64px;
	float: left;
	border-radius: 3px;
	background-color: #FFFFFF;
	position: relative;
	left: 30px;
	margin-bottom: 32px;
	font-size: 16px;
	font-weight: 800;
	color: #333333;
	line-height: 64px;
	padding: 0px 40px;
}
.home-referances
{
	width: 100%;
	float: left;
	padding: 20px 0px;
}
.home-referances-swiper
{
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.home-referances-swiper .swiper-slide
{
	min-height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.home-referances-swiper .swiper-slide img
{
	width: 100%;
	height: 100%;
	float: left;
}
.home-catalog
{
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
}
.home-catalog-bg
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.home-catalog-bg img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center;
}
.home-catalog-box
{
	width: 50%;
	float: left;
	position: relative;
	left: 40px;
	margin-top: 50px;
	margin-bottom: 215px;
}
.home-catalog-box a
{
	width: 100%;
	max-width: 190px;
	height: 54px;
	float: left;
	background-color: #FFFFFF;
	font-size: 16px;
	font-weight: 800;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 3px;
	margin-bottom: 25px;
}
.home-catalog-box p
{
	width: 100%;
	float: left;
	font-size: 15px;
	font-weight: 400;
	color: #FFFFFF;
}

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

.contact
{
	width: 100%;
	float: left;
	padding: 80px 0px;
	position: relative;
	overflow: hidden;
}
.contact-bg
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.contact-bg iframe
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center;
}
.contact-bg:before
{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #00000040;
}
.contact-container
{
	width: 100%;
	height: 520px;
	float: left;
	position: relative;
}
.contact-box
{
	width: 50%;
	height: 100%;
	float: left;
}
.contact-detail
{
	width: 100%;
	height: 100%;
	float: left;
	background-color: #1E1E20;
	padding: 40px;
	position: relative;
}
.contact-detail h3
{
	width: 100%;
	float: left;
	font-size: 24px;
	font-weight: 600;
	color: #FFFFFF;
}
.contact-detail ul
{
	width: 50%;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top: 70px;
}
.contact-detail ul li 
{
	width: 100%;
	float: left;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	padding-bottom: 24px;
}
.contact-detail ul li span 
{
	width: 40px;
	height: 40px;
	float: left;
}
.contact-detail ul li span img
{
	width: 100%;
	height: 100%;
	float: left;
}
.contact-detail ul li a
{
	width: calc(100% - 56px);
	height: 100%;
	float: left;
	color: #FFFFFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}
.qr-code
{
	width: 220px;
	height: 220px;
	float: left;
	position: absolute;
	top: 50%;
	right: 120px;
	transform: translate(0px, -50%);
}
.qr-code img
{
	width: 100%;
	height: 100%;
	float: left;
}
.contact-form
{
	width: 50%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
}
.contact-form h1
{
	width: 100%;
	float: left;
	position: relative;
	font-size: 48px;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 40px;
}
.contact-social a img
{
	width: 100%;
	height: 100%;
	float: left;
}
.contact-iframe
{
	width: 100%;
	height: 460px;
	float: left;
	position: relative;
}
.contact-iframe iframe
{
	width: 100%;
	height: 100%;
	float: left;
}
.contact-iframe .contact-box
{
	position: absolute;
	right: 0;
	top: 0;
}
.contact-iframe .contact-box .contact-detail
{
	background-color: #1e1e2066;
}
.input-field
{
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 16px;
}
.input-field-half
{
	width: calc(50% - 5px);
}
.half-input-space
{
	margin-right: 10px;
}
.custom-label
{
	width: 100%;
	float: left;
	position: relative;
}
.custom-input
{
	width: 100%;
	height: 52px;
	float: left;
	padding: 0 12px;
	font-size: 16px;
	color: #828282;
	border: 1px solid #D6D6D6;
	background-color: transparent;
}
.custom-input-padding
{
	padding: 0px 0px 0px 60px;
}
.custom-input:-moz-placeholder,
.custom-input::placeholder
{
	color: #828282;
	font-size: 20px;
}
.custom-input:focus
{
	outline: 0;
	border: 1px solid #D6D6D6;
	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: 80px;
	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: none; 
	background-color: #1E1E20;
	text-align: left;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	line-height: 50px;
	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: #FFFFFF;
	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;
}
.contact-form .input-field:last-child
{
	margin-bottom: 0px;
}

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

.page 
{
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	padding-bottom: 80px;
}
.page-header
{
	width: 100%;
	height: 400px;
	float: left;
	position: relative;
}
.page-header > img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center;
}
.page-header-document
{
	width: 100%;
	float: left;
	display: flex;
	gap: 20px;
	margin: 40px 0px;
	align-items: center;
	justify-content: center;
}
.page-header-document a
{
	width: auto;
	height: 54px;
	float: left;
	display: flex;
	align-items: center;
	gap: 15px;
	background-color: #FFFFFF;
	padding: 0px 15px;
	font-size: 14px;
	font-weight: 500;
	color: #000000;
	border-radius: 10px;
}
#patterns-and-colors a{
	border: 1px solid;
}
#patterns-and-colors{
	justify-content: flex-start;
	margin: 0;
}
.page-header-logo
{
	width: 70px;
	float: left;
}
.page-header-pdf
{
	width: 18px;
	float: left;
}
.page-bg
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.page-bg img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center;
}
.page-bg:before
{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #0000007a;
}
.page .container > h1
{
	width: 100%;
	float: left;
	font-size: 55px;
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 30px;
	text-align: center;
}
.page .page-full *
{
	width: 100%;
	float: left;
	color: #FFFFFF;
}
.subpage
{
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.subpage-header
{
	width: 100%;
	float: left;
	margin: 15px 0px;
}
.subpage-header h3
{
	width: 100%;
	float: left;
	position: relative;
	font-size: 32px;
	font-weight: 400;
	color: #FFFFFF;
}
.subpage-header h3:after
{
	content: "";
	width: 65%;
	height: 3px;
	position: absolute;
	top: 50%;
	right: 0px;
	background-color: #FFFFFF;
}
.subpage-document
{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
	gap: 50px;
}
.subpage-document a
{
	width: calc(50% - 25px);
	height: 54px;
	float: left;
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: #FFFFFF;
	padding: 0px 15px;
	font-size: 18px;
	font-weight: 700;
	color: #000000;
	box-shadow: #00000050 0px 3px 6px inset;
}
.subpage-pdf
{
	width: 36px;
	float: left;
}
.document-list
{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 40px;
}
.document-list a
{
	width: calc(20% - 16px);
	max-height: 300px;
	float: left;
	position: relative;
	font-size: 14px;
	color: #FFFFFF;
	background-color: transparent;
	transition: background 0.5s ease-in-out;	
}
.document-list a img
{
	width: 100%;
	height: 100%;
	float: left;
}
.document-list a span
{
	width: 70%;
	float: left;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	color: #FFFFFF;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.document-list a:hover::after
{
	content: "";
	width: 100%;
	height: 100%;
	background-color: #000000A6;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	transition: background 0.5s ease-in-out;
}
.document-list a:hover span
{
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
	z-index: 2;
}

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

.gallery
{
	width: 100%;
	float: left;
	background-color: #FFFFFF;
}
.gallery-header
{
	width: 100%;
	height: 600px;
	float: left;
}
.gallery-header-box
{
	width: 50%;
	height: 100%;
	float: left;
	background-color: #2F3133;
}
.gallery-header-box img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: top;
}
.gallery-header-contain
{
	width: 45%;
	float: left;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.gallery-header-contain h3
{
	width: 100%;
	float: left;
	font-size: 60px;
	font-weight: 600;
	color: #FFFFFF;
}
.gallery-header-contain p
{
	width: 100%;
	float: left;
	font-size: 20px;
	font-weight: 400;
	color: #9A999E;
	margin: 24px 0px;
}
.gallery-header-contain a
{
	width: 170px;
	height: 54px;
	float: left;
	border-radius: 30px;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	color: #2F3133;
	line-height: 54px;
}
.gallery-content
{
	margin-top: 75px;
	width: 1170px;
}
.gallery-menu-div
{
	width: auto;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0px);
}
.gallery-menu-div ul
{
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
}
.gallery-tap
{
	width: auto;
	height: 34px;
	float: left;
	text-align: center;
	list-style-type: none;
	background: #FFFFFF;
	padding: 0px 20px;
	cursor: pointer;
	position: relative;
	border: 1px solid transparent;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 34px;
	color: #5c5b5b66;
}
.gallery-menu-div ul>li.active
{
	color: #5B5B5C;
	background: #FFFFFF;
	border: 1px solid #707070;
}
.tab-content
{
	width: 100%;
	float: left;
	margin-top: 60px;
	margin-bottom: 120px;
}
.tab-panel
{
	width: 100%;
	float: left;
	display: none;
}
.tab-panel.active
{
	display: block;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	row-gap: 30px;
	column-gap: 40px;
}
.gallery-box
{
	width: calc(33.333334% - 27px);
	height: 450px;
	float: left;
}
.gallery-box img
{
	width: 100%;
	height: 100%;
	float: left;
}
.gallery-box a img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	float: left;
}

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

.blog
{
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.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;
	margin: 30px 0px;
	text-align: center;
}
.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-detail
{
	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: 40px 0px;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color: #333333;
}
.blog-detail-text
{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.blog-detail-text p
{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
}

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

.services
{
	width: 100%;
	float: left;
	background-color: #353535;
}
.services-header
{
	width: 100%;
	float: left;
}
.services-header h1
{
	width: 100%;
	float: left;
	font-size: 50px;
	font-weight: 700;
	color: #FFFFFF;
	margin: 30px 0px;
	text-align: center;
}
.services-box
{
	width: 100%;
	float: left;
	aspect-ratio: 1200 / 300;
	margin-bottom: 50px;
}
.services-box-img
{
	width: 25%;
	float: left;
	aspect-ratio: 300 / 300;
}
.services-box-img a
{
	width: 100%;
	height: 100%;
	float: left;
}
.services-box-img a img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center;
}
.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-detail-images video
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: 50% 50%;
}
.services-detail-images iframe
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: 50% 50%;
	border: none;
}

.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;
}

/*-------------REFERANCES------------*/

.referances
{
	width: 100%;
	float: left;
	margin-bottom: 40PX;
}
.referance
{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 20px;
}
.referance-box
{
	width: calc(25% - 15px);
	float: left;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.referance-box img
{
	width: 100%;
	float: left;
}
.referances-header
{
	width: 100%;
	float: left;
}
.referances-header h1
{
	width: 100%;
	float: left;
	font-size: 50px;
	font-weight: 700;
	color: #FFFFFF;
	margin: 40px 0px;
	text-align: center;
}
#toTop
{
	width: 50px;
	height: 50px;
	background-color: #000000;
	border-radius: 50%;
	text-align: center;
	position: fixed;
	bottom: 40px;
	right: 40px;
	display: none;
	z-index: 25;
	padding: 11px 13px;
	cursor: pointer;
}

.application-container
{
	width: 1400px;
	margin: 60px 0px;
}
.application
{
	width: 60%;
	height: 650px;
	float: left;
	position: relative;
}
.application .main-image
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}
.application .pattern-image
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.application-options
{
	width: 40%;
	float: left;
	padding-left: 30px;
}
.application-options h2
{
	width: 100%;
	float: left;
	margin: 0px;
	font-size: 20px;
	margin-bottom: 10px;
}
.application-options .attr-list
{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	row-gap: 15px;
	column-gap: 10px;
}
.application-options .option-box
{
	width: calc(25% - 8px);
	float: left;
	cursor: pointer;
}
.application-options .option-box .active
{
	border: 4px solid #9c3b34;
}
.application-options .option-box img
{
	width: 100%;
	float: left;
	object-fit: cover;
	border: 4px solid transparent;
}
.application-options .option-box span
{
	width: 100%;
	height: 58px;
	float: left;
	border: 4px solid transparent;
}
.application-options .option-box p
{
	width: 100%;
	float: left;
	margin: 0px;
	font-size: 12px;
	font-weight: 600;
	margin-top: 2px;
}
.gallery-box-item
{
	width: 100%;
	float: left;
	aspect-ratio: 270/270;
}
.gallery-box-item a
{
	width: 100%;
	height: 100%;
	float: left;
}
.gallery-box-item a img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
}
.gallery-swiper
{
	width: 100%;
	float: left;
	margin-top: 40px;
}
@keyframes spin
{
	0%
	{
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100%
	{
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
#site_loader
{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.55);
	z-index: 9999;
}
#site_loader span
{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 5px solid white;
	border-radius: 50%;
	border-top: 5px solid #9c3b34;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

/*---------------SEARCH--------------*/

.search-tum-sonuclar
{
	width: 100%;
	float: left;
	color: #FFFFFF;
	font-size: 40px;
	font-weight: 300;
	margin: 0;
	padding: 40px 0px;
}
.search-container
{
	clear: left;
}
.search-detail-menu-div
{
	width: 100%;
	float: left;
	margin-top: 20px;
}
.search-detail-menu-div ul
{
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.search-detail-menu-div ul>li.active a
{
	color: #FFFFFF;
}
.search-tap
{
	width: auto;
	float: left;
	list-style-type: none;
	padding: 6px 0px;
	margin-right: 40px;
	cursor: pointer;
	position: relative;
	font-weight: 600;
}
.search-detail-menu-div .search-tap a
{
	width: 100%;
	float: left;
	font-style: normal;
	font-weight: 400;
	color: #ababab;
	font-size: 22px;
	font-weight: 600;
}
.search-tab-content
{
	width: 100%;
	float: left;
}
.search-tab-panel
{
	width: 100%;
	float: left;
}
.search-bulunamadı
{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 50px;
	font-size: 30px;
	color: #FFFFFF;
	margin-bottom: 30px;
}
.tab-panel.active
{
	display: block;
}
.tab-panel
{
	width: 100%;
	float: left;
	display: none;
	padding-top: 30px;
}
.search-tab-content .products-box .products-img
{
	aspect-ratio: 760 / 350;
	object-fit: cover;
	object-position: center;
}
.search-tab-content .products-box .products-img img
{
	aspect-ratio: 760 / 350;
	object-fit: cover;
	object-position: center;
}
.search-tab-content .products-box .products-detail .detail-right
{
	padding-left: 0px;
	padding-right: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}
.products
{
	width: 100%;
	float: left;
	background-color: #FFFFFF;
}
.products-header
{
	width: 100%;
	float: left;
	aspect-ratio: 1920/400;
	position: relative;
}
.products-header img
{
	width: 100%;
	height: 100%;
	float: left;
}
.products-header-absolute
{
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}
.products-header-absolute h1
{
	width: 100%;
	float: left;
	font-size: 54px;
	font-weight: 600;
	color: #FFFFFF;
}
.products-contain
{
	width: 1400px;
	margin: 40px 0px;
}
.cat-filter
{
	width: 400px;
	float: left;
	margin-right: 40px;
}
.cat-filter ul
{
	width: 100%;
	float: left;
}
.cat-filter ul li
{
	width: 100%;
	float: left;
	list-style: none;
	position: relative;
}
.cat-filter ul li a
{
	width: 100%;
	float: left;
	list-style: none;
	font-size: 20px;
	line-height: 40px;
	font-weight: 600;
	color: #bdbdbd;
}
.cat-filter ul .selected-cat > a
{
	color: #000000;
}
.cat-filter ul li .cat-sub
{
	padding-left: 15px !important;
}
.cat-filter .cat-sub
{
	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;
	display: none;
}
.cat-filter input[type="checkbox"]:checked ~ .cat-sub
{
	display: block;
}
.cat-filter input[type="checkbox"]:checked + .menu-icon .menu-plus
{
	display: none;
}
.cat-filter input[type="checkbox"]:checked + .menu-icon .menu-minus
{
	display: block;
}
.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: 100%;
	float: left;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	color: #000000;
}
.product-list
{
	width: calc(100% - 440px);
	max-width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px;
	column-gap: 20px;
}
.product
{
	width: calc(33.3333334% - 14px);
	float: left;
	transition: box-shadow 0.4s ease-out;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 10px 2px rgb(0 0 0 / 4%);
}
.product:hover
{
	background: #FFF;
	box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.2), 0px 4px 10px 0px rgba(50, 50, 93, 0.15);
	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: 300/300;
}
.products-img a
{
	width: 100%;
	height: 100%;
	float: left;
}
.products-img img
{
	width: 100%;
	height: 100%;
	float: left;
}
.product-list-detail
{
	width: 100%;
	float: left;
	padding: 15px;
}
.product-list-detail h3
{
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: 600;
	color: #000000;
}
.product-list-detail p
{
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.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: #000000;
}
.cat-filter input[type="checkbox"]
{
	display: none;
}
.cat-filter .menu-icon
{
	width: 25%;
	position: absolute;
	top: 0px;
	right: 0px;
}
.cat-filter .menu-icon img
{
	width: 10px;
	height: 10px;
	float: right;
	margin: 15px;
	cursor: pointer;
}
.cat-filter .menu-minus
{
	display: none;
}
.product-detail
{
	width: 100%;
	float: left;
	padding: 40px 0px;
	background-color: #FFFFFF;
}
.product-detail-contain
{
	width: 1300px;
}
.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-image-none
{
	width: 100%;
	float: left;
	min-height: 440px;
	aspect-ratio: 440 / 440;
	background-color: #bdbdbd;
	position: relative;
}
.product-image-none-box
{
	width: 80%;
	float: left;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.product-image-none-box img
{
	width: 100%;
	float: left;
}
.product-image-none-box span
{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	margin-top: 15px;
	text-align: center;
}
.product-info-title
{
	width: 100%;
	float: left;
	font-size: 24px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 20px;
}
.product-info-text
{
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
}

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

@media (hover: hover)
{
	.menu li:hover>input[type=checkbox]~.sub-menu
	{
		display: block;
	}
	.menu .sub-menu li:hover > a
	{
		color: #AE0737;
	}
	.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;
	}
	.blog-box-detail a:hover
	{
		background-color: #000000;
		color: #FFFFFF;
		transition: background 0.4s ease-out;
	}
	.services-box-detail a:hover
	{
		background-color: #000000;
		color: #FFFFFF;
		transition: background 0.4s ease-out;
	}
}

@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;
	}
}
@media only screen and (max-width: 991px)
{
	.container
	{
		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: 38%;
		padding: 0px;
		min-width: auto;
	}
	.logo a
	{
		width: 100%;
		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: #000000;
		padding: 10px!important;
		border-bottom: 1px solid #000000;
		text-align: left;
		font-size: 16px;
		line-height: 27px;
	}
	.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;
	}
	.footer-box
	{
		width: 100%;
		padding: 0px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.footer-box:after
	{
		width: 100%;
		border-width: 0 0 1px 0px;
	}
	.footer-box:first-child:after
	{
		border-width: 0 0 1px 0px;
	}
	.footer-box:last-child:after
	{
		border-width: 0px;
	}
	.footer-box:last-child
	{
		padding: 0;
		margin: 0;
	}
	.referances-header h1
	{
		font-size: 36px;
		margin: 25px 0px;
	}
	.referance-box
	{
		width: calc(50% - 10px);
	}
	.contact-iframe
	{
		height: auto;
	}
	.contact-iframe .contact-box
	{
		width: 100%;
		position: relative;
		right: unset;
		top: unset;
	}
	.contact-detail
	{
		padding: 0px 15px;
	}
	.contact-iframe iframe
	{
		height: 350px;
	}
	.contact-detail ul
	{
		width: 100%;
		margin-top: 25px;
	}
	.contact-detail h3
	{
		margin-top: 20px;
	}
	.qr-code
	{
		width: 120px;
		height: 120px;
		position: relative;
		top: unset;
		right: unset;
		transform: unset;
		margin-bottom: 30px;
	}
	.contact-detail ul li span
	{
		width: 32px;
		height: 32px;
	}
	.contact-detail ul li a
	{
		font-size: 13px;
	}
	.contact-detail ul li
	{
		padding-bottom: 16px;
	}
	.contact-box
	{
		width: 100%;
	}
	.contact-form
	{
		width: 100%;
		padding: 0px 15px;
		margin: 20px 0px;
	}
	.contact-container
	{
		height: auto;
	}
	.contact
	{
		padding: 0px;
	}
	.page .container > h1
	{
		font-size: 30px;
	}
	.subpage-header h3
	{
		font-size: 20px;
	}
	.subpage-header h3:after
	{
		width: 40%;
	}
	.subpage-document a
	{
		width: 100%;
		font-size: 14px;
	}
	.subpage-document
	{
		gap: 20px;
	}
	.blog-header h1
	{
		font-size: 30px;
		margin: 20px 0px;
	}
	.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;
	}
	.gallery-header
	{
		height: auto;
		display: flex;
		flex-direction: column-reverse;
	}
	.gallery-header-box
	{
		width: 100%;
		height: auto;
	}
	.gallery-header-box img
	{
		height: 200px;
	}
	.gallery-header-contain
	{
		width: 90%;
	}
	.gallery-header-contain h3
	{
		text-align: center;
		font-size: 36px;
	}
	.gallery-header-contain p
	{
		font-size: 14px;
		margin: 15px 0px;
		text-align: center;
		color: #FFFFFF;
	}
	.gallery-header-contain a
	{
		position: relative;
		left: 50%;
		transform: translate(-50%, 0px);
	}
	.gallery-menu-div ul
	{
		white-space: nowrap;
		overflow-x: auto;
		padding: 10px 0px;
		display: unset;
	}
	.gallery-menu-div ul li
	{
		float: unset;
        display: inline-block;
        margin-right: 10px;
	}
	.gallery-menu-div
	{
		width: 100%;
	}
	.gallery-content
	{
		margin-top: 30px;
	}
	.tab-content
	{
		margin-top: 30px;
	}
	.gallery-box
	{
		width: calc(50% - 10px);
		height: 250px;
	}
	.tab-panel.active
	{
		row-gap: 20px;
		column-gap: 20px;
	}
	.document-list
	{
		margin-top: 30px;
	}
	.document-list a
	{
		width: calc(50% - 10px);
		max-height: 200px;
	}
	.document-list a img
	{
		object-fit: cover;
		object-position: 50% 50%;
	}
	.services-header h1
	{
		font-size: 30px;
		margin: 20px 0px;
	}
	.services-box
	{
		aspect-ratio: unset;
		margin-bottom: 30px;
	}
	.services-box-img
	{
		width: 100%;
		aspect-ratio: 400 / 270;
	}
	.services-box-detail
	{
		width: 100%;
		padding-left: 0px;
		padding: 15px 0px;
		gap: 10px;
	}
	.services-box-detail h3
	{
		font-size: 20px;
	}
	.services-box-detail p
	{
		font-size: 13px;
	}
	.services-box-detail a
	{
		max-width: 100%;
	}
	.services-detail-images
	{
		aspect-ratio: unset;
	}
	.services-details-title
	{
		font-size: 20px;
		margin: 20px 0px;
	}
	.services-detail-text p
	{
		font-size: 14px;
	}
	.page-header
	{
		height: 250px;
	}
	.page-header a
	{
		font-size: 12px;
		height: 45px;
	}
	.page-header-document
	{
		width: 100%;
		bottom: 30px;
		right: unset;
		left: unset;
		padding: 0px 15px;
	}
	.page .page-full *
	{
		font-size: 14px;
	}
	.home-catalog-box
	{
		width: 100%;
		margin: 0px;
		left: 0px;
		padding: 8px;
	}
	.home-catalog-box a
	{
		height: 40px;
		max-width: 140px;
		margin-bottom: 10px;
	}
	.home-catalog-box p
	{
		font-size: 10px;
		color: #000000;
	}
	.home-catalog-bg:before
	{
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #ffffffd9;
	}
	.home-referances-swiper .swiper-slide
	{
		min-height: 145px;
	}
	.home-design-box
	{
		width: 100%;
		left: unset;
	}
	.home-design-box h3
	{
		font-size: 40px;
	}
	.home-design-box img
	{
		width: 80%;
		left: 50%;
		transform: translate(-50%, 0px);
		top: -40px;
	}
	.home-design-options
	{
		width: 90%;
		left: 50%;
		transform: translate(-50%, 0px);
		margin-bottom: 16px;

	}
	.home-design-box p
	{
		padding: 0px 20px;
		font-size: 14px;
		margin-bottom: 30px;
	}
	.home-gallery-footer
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.home-header H3
	{
		font-size: 36px;
	}
	.home-header p,
	.home-blog-footer p
	{
		font-size: 14px;
	}
	.blog-container
	{
		width: 300px;
	}
	.home-blog-swiper .content
	{
		height: 215px;
	}
	.home-blog-swiper
	{
		margin-top: 20px;
	}
	.home-blog
	{
		padding-bottom: 30px;
	}
	.home-gallery-absolute
	{
		width: 85%;
		left: 20px;
		bottom: 20px;
	}
	.home-gallery-absolute h3
	{
		font-size: 20px;
	}
	.home-gallery-absolute p
	{
		font-size: 14px;
	}
	.home-gallery-swiper
	{
		margin-top: 30px;
	}
	.home-gallery
	{
		padding-top: 30px;
	}
	.home-services
	{
		padding: 30px 0px;
	}
	.home-about-us-box
	{
		width: 100%;
	}
	.video-absolute-box
	{
		width: 85%;
	}
	.video-absolute-box p
	{
		text-align: center;
	}
	.information-btn
	{
		margin-right: 20px;
		width: 148px;
		height: 44px;
		font-size: 16px;
		line-height: 44px;
	}
	.gallery-btn
	{
		width: 148px;
		height: 44px;
		font-size: 16px;
		line-height: 44px;
	}
	.application-container
	{
		margin: 30px 0px;
	}
	.application
	{
		width: 100%;
		height: 300px;
		margin-bottom: 15px;
	}
	.application-options
	{
		width: 100%;
		padding-left: 0px;
	}
	.application-options h2
	{
		font-size: 18px;
	}
	.application-options .option-box p
	{
		font-size: 10px;
	}
	.search-detail-menu-div ul
	{
		white-space: nowrap;
		overflow-x: auto;
	}
	.search-tap
	{
		float: unset;
		display: inline-block;
		margin-right: 20px;
	}
	.cat-filter
	{
		width: 100%;
		float: left;
		margin-right: 0px;
	}
	.product-list
	{
		width: 100%;
	}
	.product
	{
		width: calc(50% - 7px);
	}
	.product-list
	{
		row-gap: 14px;
		column-gap: 14px;
		margin-top: 30px;
	}
	.product-list-detail
	{
		padding: 10px;
	}
	.product-list-detail h3
	{
		font-size: 14px;
	}
	.product-list-detail p
	{
		font-size: 10px;
	}
	.cat-filter-text
	{
		margin-top: 20px;
	}
	.products-header
	{
		aspect-ratio: 400 / 200;
	}
	.products-header-absolute h1
	{
		font-size: 36px;
	}
	.products-contain
	{
		margin: 20px 0px;
	}
	.product-images
	{
		width: 100%;
	}
	.product-information
	{
		width: 100%;
		padding-left: 0px;
		padding: 20px 15px 40px 15px;
	}
	.product-detail
	{
		padding: 0px;
	}
	.product-detail-contain
	{
		padding: 0px;
	}
	.img-list
	{
		display: none;
	}
}