*{
	box-sizing: border-box;
	font-family: "Oswald", sans-serif;
	text-decoration:none;
	color:#232323
}
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; line-height: 1.2;}
a{
	color: inherit;
	transition: all .3s;
}
h1,h2,h3,h4,h5,h6,p,ul{
	margin: 0;
	padding: 0;
}
ul{ list-style: none; }
body{ background-color: #f9f9f9; background-image: url(../images/arkaplan.png); background-blend-mode: color-burn;}
img{
	width: 100%;
	vertical-align: middle;
	border-style: none;
}

.header{
	width: 100%;
	padding: 12px 0;
	position: relative;
	z-index: 2;
}
.header .logo{
	display: block;
	max-width: 230px;
	margin-right: 35px;
	filter: drop-shadow(1px 1px 1px black);
	float: left;
}
ul.menu{
	display: block;
	float: left;
	margin: 31px 0;
}
ul.menu li{
	float: left;
	list-style-type: none;
	padding: 0 10px;
}
ul.menu li a{
	color: #fff;
	text-transform: uppercase;
}
ul.menu li.acilan{
	position: relative;
}
ul.menu li.acilan ul{
	width: 180px;
	position: absolute;
	left: 0;
	top: 21px;
	padding: 10px 5px;
	display: none;
	background-color: #872d13;
}
ul.menu li.acilan ul li{
	float: unset;
	width: 100%;
}
ul.menu li.acilan ul li a{
	padding: 12px 0;
	display: block;
	font-size: 13px;
}
ul.menu li.acilan:hover ul{
	display: block;
}

ul.sosyal{
	float: right;
	margin: 25px 0;
}
ul.sosyal li{
	list-style-type: none;
	float: left;
	margin: 0 5px;
}
ul.sosyal li a{
	font-size: 23px;
}
ul.sosyal li a i{
	color: #fff;
}
.mob_menu_ac{
	width: 45px;
	height: 50px;
	float: right;
	position: relative;
	top: 0;
	display: none;
}
.mob_menu_ac div{
	width: 100%;
	height: 7px;
	background-color: #fff;
	margin: 7px 0;
}
.mob_menu_ac div.iki{
	width: 64%;
	position: relative;
	left: 19%;
}

.slider{
	width: 100%;
	height: auto;
	padding-top: 100px;
	position: relative;
	margin-top: -108px;
	z-index: 1;
}
.slider .ilk_res{
	position: absolute;
	top: 0;
	height: 526px;
	object-fit: cover;
	z-index: -1;
}
.slider .container{
	position: relative;
}
.slider img.ana_resim{
	margin: 0 auto;
	display: block;
	max-width: 580px;
}
.slider .yazi_alan{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 120px;
}
.main-title {
	font-size: 42px;
	text-transform: uppercase;
	margin-bottom: 35px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.1;
	background: linear-gradient(to bottom, #d49a6a 0%, #a1643c 50%, #6e391a 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(1px 1px 0px #3a150e) 
	drop-shadow(-1px -1px 0px #ffc395)
	drop-shadow(3px 4px 5px rgba(0, 0, 0, 0.6));
}
.divider-line {
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, rgba(212, 154, 106, 0.8), rgba(110, 57, 26, 0.8));
	margin: 10px 0 14px 0;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}
.slogan-text {
	font-family: 'Oswald', sans-serif;
	font-size: 27px;
	font-weight: 500;
	margin: 0 0 30px;
	background: linear-gradient(to bottom, #f3d1b0 0%, #dca374 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.7));
	letter-spacing: 0.5px;
}
.slider a{
	display: inline-block;
	padding: 10px 20px;
	background: #e1a35b;
	margin: 5px 0;
	color: #fff;
}
.slider a i{
	margin-right: 5px;
}
.slider .metinn{
	margin-top: 40px;
	text-align: justify;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
}

.ana_text{
	padding: 80px 0;
}
.ana_text .ana_text_kutu h3{
	font-size: 21px;
	margin-bottom: 10px;
}
.ana_text .ana_text_kutu p{
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
}

.ana_urunler{
	padding: 0 0 80px;
}
.ana_urun_kutu{
	background-color: #fff;
	padding: 15px;
	border-radius: 35px 35px 5px 5px;
}
.ana_urun_kutu .resim{
	border-radius: 20px;
	overflow: hidden;
	height: 0;
	padding-bottom: 75%;
	position: relative;
}
.ana_urun_kutu .resim img{
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.ana_urun_kutu .yazi{
	padding: 20px 7px 10px;
}
.ana_urun_kutu .yazi strong{
	font-size: 28px;
	margin: 0 0 13px;
	display: block;
}
.ana_urun_kutu .yazi p{
	font-size: 17px;
	line-height: 1.5;
	font-weight: 400;
	margin-bottom: 25px;
	color: #494949;
}
.ana_urun_kutu .yazi a{
	border: solid 1px red;
	padding: 10px 17px 8px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
}

.ana_sss_alan{
	padding: 80px 0;
	background-color: #fff;
}
.sss_yan_text strong{
	font-size: 19px;
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
}
.sss_yan_text p{
	line-height: 27px;
	font-weight: 300;
	font-size: 18px;
}
.acilir_panel{
	width: 100%;
	padding-left: 15px;
}
.acilir_panel div{
	margin-bottom: 15px;
}
.acilir_panel .acl_link{
	width: 100%;
	display: block;
	padding: 10px 50px 10px 10px;
	margin-bottom: 0;
	border-bottom: solid 2px #d98740;
	border-radius: 2px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	font-size: 20px;
}
.acilir_panel .acl_link i{
	position: absolute;
	right: 0;
	width: 45px;
	text-align: center;
	background-color: #d98740;
	color: #fff;
	height: 100%;
	top: 0;
	font-size: 20px;
	padding-top: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.acilir_panel .panel_ic{
	max-height: 500px;
	font-weight: 300;
	overflow: hidden;
	font-size: 19px;
	line-height: 1.6;
	transition: 500ms max-height;
}
.acilir_panel .closepnl{
	max-height: 0;
	padding: 0 15px;
}
.acilir_panel .openpnl{
	max-height: 500px;
	padding: 10px 5px;
}

.ana_galeri_alan{
	padding: 55px 0;
	background-color: #fff0ec;
}
.galeri_kutu{
	width: 100%;
	height: 0;
	padding-bottom: 93%;
	position: relative;
	border: solid 10px #fff;
	box-shadow: 0 0 14px #ddd;
	background-image: url(../images/kutuarka.jpg);
	background-size: cover;
}
.galeri_kutu img{
	height: 100%;
	object-fit: cover;
	position: absolute;
	object-position: center;
}
.fancybox-button svg path{
	fill: #fff !important;
}
.fancybox-caption__body{
	color: #fff !important;
}

.ana_kurumsal{
	padding: 30px 0;
}
.ana_kurumsal h3{
	font-size: 35px;
	line-height: 1.2;
	display: block;
	margin: 45px 0 22px;
}
.ana_kurumsal p{
	font-size: 19px;
	line-height: 1.6;
	font-weight: 300;
}
.ana_kurumsal a{
	font-weight: 600;
	color: #b35e03;
}
.ana_kurumsal img{
	border-radius: 10px;
}

.baslik{
	display: block;
	text-align: center;
	padding: 0 0 18px;
	border-bottom: solid 3px #ddd;
	text-transform: uppercase;
	margin-bottom: 45px;
}
.baslik small{
	display: block;
	font-size: 18px;
	margin: 10px 0 0;
	font-weight: 500;
	color: #d55332;
}

.sayfa_ust{
	width: 100%;
	height: auto;
	padding: 125px 0 25px;
	position: relative;
	margin-top: -108px;
	background-image: url(../images/seyyar-tas-firin-ustasi.png), linear-gradient(0deg, #872d13, #94442d, #af533b);
	background-repeat: no-repeat;
	background-position: 94% 130%;
	background-size: 24%, cover;
	background-blend-mode: darken;
	z-index: 1;
}
.sayfa_ust .bas{
	color: #fff;
	font-size: 35px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 44px;
}
.sayfa_ust_alt{
	padding: 10px 0;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;
}

.ic_sayfa{
	padding: 50px 0;
}

.hizmet_sayfa .metin_alan img{
	width: 100%;
	max-width: 260px;
	float: right;
	margin: 0 0 10px 10px;
	border-radius: 5px;
	border: solid 1px #8c371e;
}
.hizmet_sayfa .metin_alan span.hbaslik{
	font-size: 20px;
	text-transform: uppercase;
	display: block;
}
.hizmet_sayfa .metin_alan p{
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	display: block;
	margin: 15px 0;
}
.hizmet_sayfa .metin_alan ul{
	margin: 15px 0;
	display: block;
}
.hizmet_sayfa .metin_alan ul li{
	margin: 11px 33px;
	font-size: 17px;
	list-style-type: disc;
}
.hizmet_sayfa .metin_alan h1,.hizmet_sayfa .metin_alan h2,.hizmet_sayfa .metin_alan h3,.hizmet_sayfa .metin_alan h4{
	margin: 0;
	font-size: 27px;
}

.urun_sayfa{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.urun_sayfa .container{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.urun_sayfa .sol{
	position: relative;
}
.urun_sayfa .sol img{
	border-radius: 10px;
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.08);
}
.urun_sayfa .sol:before{
	content: '';
	width: 8px;
	height: 100%;
	position: absolute;
	right: -17px;
	top: 0;
	background-color: #fb8612;
	border-radius: 5px;
}
.urun_sayfa .sag{
	position: relative;
	padding-left: 35px;
}
.urun_sayfa .sag:before{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 3px;
	top: 17px;
	background-color: #a93035;
	border-radius: 50%;
	border: solid 3px #ff0000;
}
.urun_sayfa h1{
	display: block;
	font-size: 31px;
	font-weight: 300;
	color: #8f1f23;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.urun_sayfa h2{
	margin: 10px 0;
	font-size: 20px;
}
.urun_sayfa p{
	font-size: 15px;
	line-height: 24px;
	text-align: justify;
}

.yan_menu_ust{
	width: 100%;
	overflow: hidden;
	background: #202020;
	padding: 10px 0;
}
.yan_menu_ust a{
	display: block;
	padding: 10px 10px 10px 50px;
	color: #fff;
	position: relative;
	font-size: 14px;
}
.yan_menu_ust a i{
	position: absolute;
	top: 7px;
	left: 17px;
	font-size: 20px;
	color: #fff;
}
.yan_menu{
	background-color: #fff;
	border: solid 2px #202020;
}
.yan_menu li{
	list-style-type: none;
}
.yan_menu li:not(:last-child) {
	border-bottom: solid 2px #202020;
}
.yan_menu li a{
	display: block;
	padding: 10px 10px 10px 35px;
	position: relative;
}
.yan_menu li a:before{
	content: '';
	width: 18px;
	height: 5px;
	border-radius: 10px;
	background-color: #ff9830;
	position: absolute;
	left: 8px;
	top: 18px;
}

.kurumsal_sayfa h1{
	font-size: 28px;
}
.kurumsal_sayfa p{
	font-size: 19px;
	font-weight: 300;
	line-height: 1.4;
}

.iletisim_sayfa{
	padding: 50px 0 0;
}
.iletisim_sayfa .ust_yazi{
	padding: 11px;
	border-bottom: solid 1px #b5b5b5;
	font-size: 23px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.iletisim_sayfa .ust_yazi small{
	font-size: 16px;
	position: relative;
	top: -3px;
	font-weight: 400;
}
.iletisim_sayfa .bilgi_alan{
	position: relative;
	padding: 10px 10px 10px 50px;
	margin-bottom: 10px;
}
.iletisim_sayfa .bilgi_alan i{
	position: absolute;
	left: 10px;
	background-color: #ec781c;
	width: 30px; height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
}
.iletisim_sayfa .sosyal_alan li{
	list-style-type: none;
	float: left;
	margin-right: 25px;
}
.iletisim_sayfa .sosyal_alan li a{ font-size: 25px; }
.iletisim_sayfa .harita_alan{ margin-top: 50px; }

.footer{
	padding: 35px 0;
	background-color: #161616;
	color: #fff !important;
}
.footer ul{
	display: table;
	margin:0 auto 30px;
}
.footer ul li{
	float: left;
	list-style-type: none;
	padding: 0 10px;
}
.footer ul li:not(:last-child){
	border-right: solid 1px #fff;
}
.footer ul li a{
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
}
.footer .col-2 p{
	color: #fff !important;
}
.footer .daginik{
	text-align: center;
	color: #fff !important;
	font-size: 0;
}
.footer .daginik a{
	font-size: 13px;
	color: #fff;
	padding: 8px;
	display: inline-block;
	background: #b7732b;
	margin: 2px;
}
.footer .ilet_alan{
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	color: #fff !important;
}
.footer .ilet_alan a{
	color: #fff;
	display: inline-block;
	padding-right: 30px;
	position: relative;
	margin-bottom: 15px;
	text-align: right;
}
.footer .ilet_alan a i{
	position: absolute;
	right: 0;
	top: 1.5px;
	font-size: 19px;
	color: #fff !important;
}
.footer_alt{
	background-color: #121213;
	color: #fff;
	padding: 10px 0;
	font-size: 11px;
}
.footer_alt .container{
	color: #fff;
}
.footer_alt a{
	color: #fff;
}
.footer_alt a.bykara{
	float: right;
	color: #a8a8a8;
}

@media only screen and (max-width: 991px){
	.slider .resim_alan{
		padding-top: 115px;
	}
}
@media only screen and (max-width: 894px){
	.header .logo{
		max-width: 180px;
	}
	ul.menu {
		margin: 18px 0;
	}
	ul.menu li a {
		font-size: 13px;
	}
	ul.sosyal {
		margin: 12px 0;
	}
	.main-title{
		font-size: clamp(1rem, 3vw + 1rem, 3rem);
	}
}

@media only screen and (max-width: 768px){
	.slider .yazi_alan{
		padding-top: 45px;
	}
	.slider .resim_alan {
		padding-top: 20px;
	}
	.slider .metinn{
		color: #fff;
	}
	.slider .ilk_res {
		height: 93%;
	}
	ul.sosyal {
		display: none;
	}
	ul.sosyal li {
		float: unset;
		display: inline-block;
	}
	.mob_menu_ac {
		display: block;
	}
	ul.menu{
		position: absolute;
		left: -120%;
		top: 65px;
		background: #b5772f;
		width: 90%;
		transform: translateX(-50%);
	}
	ul.menu li {
		float: unset;
		width: 100%;
		padding: 13px;
		text-align: center;
		border-bottom: solid 1px #975f1f;
	}
	.sayfa_ust {
		background-size: 50%, cover;
	}
	ul.menu li.acilan ul {
		position: unset;
		width: 100%;
		margin-top: 15px;
	}
}
@media only screen and (max-width: 510px){
	.hizmet_sayfa .metin_alan img{
		width: 100%;
		max-width: unset;
		margin: 10px 0;
	}
}

.scroll{
	display: block;
	width: 100%;
	overflow-x: auto;
}
.ortala{
	float:unset !important;
	margin:0 auto;
}
.container-fluid{
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.container{
	max-width: 1160px;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.pad_yok{
	padding: 0 !important;
}

[class*="col-"]{
	float: left;
	padding: 10px;
}

.row::after{
	content: "";
	clear: both;
	display: table;
}


.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 991px){
	.col-m-1 {width: 8.33%;}
	.col-m-2 {width: 16.66%;}
	.col-m-3 {width: 25%;}
	.col-m-4 {width: 33.33%;}
	.col-m-5 {width: 41.66%;}
	.col-m-6 {width: 50%;}
	.col-m-7 {width: 58.33%;}
	.col-m-8 {width: 66.66%;}
	.col-m-9 {width: 75%;}
	.col-m-10 {width: 83.33%;}
	.col-m-11 {width: 91.66%;}
	.col-m-12 {width: 100%;}
}
@media only screen and (max-width: 768px){
	.col-tab-1 {width: 8.33%;}
	.col-tab-2 {width: 16.66%;}
	.col-tab-3 {width: 25%;}
	.col-tab-4 {width: 33.33%;}
	.col-tab-5 {width: 41.66%;}
	.col-tab-6 {width: 50%;}
	.col-tab-7 {width: 58.33%;}
	.col-tab-8 {width: 66.66%;}
	.col-tab-9 {width: 75%;}
	.col-tab-10 {width: 83.33%;}
	.col-tab-11 {width: 91.66%;}
	.col-tab-12 {width: 100%;}
}

@media only screen and (max-width: 475px){
	.col-ka-1 {width: 8.33%;}
	.col-ka-2 {width: 16.66%;}
	.col-ka-3 {width: 25%;}
	.col-ka-4 {width: 33.33%;}
	.col-ka-5 {width: 41.66%;}
	.col-ka-6 {width: 50%;}
	.col-ka-7 {width: 58.33%;}
	.col-ka-8 {width: 66.66%;}
	.col-ka-9 {width: 75%;}
	.col-ka-10 {width: 83.33%;}
	.col-ka-11 {width: 91.66%;}
	.col-ka-12 {width: 100%;}
}

@media only screen and (max-width: 425px){
	.col-tel-1 {width: 8.33%;}
	.col-tel-2 {width: 16.66%;}
	.col-tel-3 {width: 25%;}
	.col-tel-4 {width: 33.33%;}
	.col-tel-5 {width: 41.66%;}
	.col-tel-6 {width: 50%;}
	.col-tel-7 {width: 58.33%;}
	.col-tel-8 {width: 66.66%;}
	.col-tel-9 {width: 75%;}
	.col-tel-10 {width: 83.33%;}
	.col-tel-11 {width: 91.66%;}
	.col-tel-12 {width: 100%;}
}

@media only screen and (max-width: 375px) {
	.col-tell-1 {width: 8.33%;}
	.col-tell-2 {width: 16.66%;}
	.col-tell-3 {width: 25%;}
	.col-tell-4 {width: 33.33%;}
	.col-tell-5 {width: 41.66%;}
	.col-tell-6 {width: 50%;}
	.col-tell-7 {width: 58.33%;}
	.col-tell-8 {width: 66.66%;}
	.col-tell-9 {width: 75%;}
	.col-tell-10 {width: 83.33%;}
	.col-tell-11 {width: 91.66%;}
	.col-tell-12 {width: 100%;}
}