@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600&display=swap');
html { scroll-behavior: smooth; }
html, body { height: 100%; width: 100%; color: #020202; margin: 0; padding: 0; font-size: 13pt; line-height: normal; font-family: 'Rajdhani', sans-serif; }
body { min-height: 100%; }
a { text-decoration: none; outline: 0; border: none; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
i { text-rendering: optimizeLegibility !important; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.div1200 { width: 1200px; margin: auto; padding: 0 10px; }
.div90 { width: 90%; margin: auto; padding: 0 10px; }
.wrapper { position: relative; min-height: 100%; overflow: hidden; }
.content { padding-bottom: 40px; }

header { display: block; line-height: 2; position: absolute; left: 0; top: 0; right: 0; z-index: 10; }
	header div.header_Container { display: table; width: 90%; margin: auto; }
	header .h1Baslik { display: table-cell; vertical-align: middle; width: 240px; font-size: 20pt; }
a.aLogo { color: #fff; }

	a.aLogo .span_icon { display: inline-block; vertical-align: middle; width: 48px; height: 48px; margin-right: 5px; border-radius: 50%; background: rgb(255,255,255,0.51); }
span.span_icon img { display: block; width: 48px; height: 48px; }
span.font_regular { font-weight: 400; padding-left: 5px; }


.loader { position: fixed; inset: 0; text-align: center; background-color: #ffb625; overflow: hidden; z-index: 99; }
.box:nth-child(2n-1) { background-color: rgba(0,0,0,0.05); }
.box { display: block; height: 100%; width: 100%; margin: auto; transition: all .2s ease; }
/* -------------- Loader1 -------------- */
.loader1 { position: relative; height: 80px; width: 80px; border-radius: 80px; margin: auto; border: 3px solid rgba(255,255,255,0.3); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: loader1 3s linear infinite; animation: loader1 3s linear infinite; }
	.loader1:after { content: ""; position: absolute; top: -5px; left: 20px; width: 11px; height: 11px; border-radius: 10px; background-color: #fff; }

@-webkit-keyframes loader1 {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes loader1 {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.navMobilMenu { display: none; width: 100%; text-align: center; position: relative; left: 0; top: 0; right: 0; height: 64px; z-index: 99; }
	.navMobilMenu .divAcan { display: table; width: 100%; text-align: right; cursor: pointer; background: #ffb625; color: #fff; height: 64px; line-height: 64px; font-size: 11pt;; padding: 0 10px; position: relative; }
		.navMobilMenu .divAcan .tel_mobile { display: table-cell; vertical-align: middle; width: 100%; color: #000; text-align: left; font-size: 12pt; }
		.navMobilMenu .divAcan span { display: table-cell; vertical-align: middle; }
			.navMobilMenu .divAcan span i { display: block; margin: auto 0 auto auto; width: 32px; height: 64px; line-height: 64px; text-align: center; color: #000; font-size: 16pt; }
	.navMobilMenu .divAcilan { display: none; background: rgba(241,241,241,1); }
		.navMobilMenu .divAcilan .aMenu { cursor: pointer; display: block; color: #020202; font-weight: 500; font-size: 14pt; padding: 0 10px; line-height: 50px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

header .header_Sag { display: table-cell; vertical-align: middle; text-align: right; }
header .navMenu { display: block; padding: 10px 0; }
	header .navMenu a { display: inline-block; vertical-align: middle; padding: 0 10px; color: #fff; position: relative; font-weight: 500; text-decoration: none; text-shadow: 0 0 1px rgba(255,255,255,0.3); letter-spacing: 1px; -webkit-transition: all ease 300ms; transition: all ease 300ms; }

	header .navMenu .aMenu { color: rgba(255,255,255,0.2); font-weight: 700; text-shadow: none; }
		header .navMenu .aMenu::before { color: #fff; content: attr(data-hover); position: absolute; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; }
		header .navMenu .aMenu:hover::before, header .navMenu .aMenu:focus::before { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); opacity: 0; }

.navMenu span.menu_ayrac { display: inline-block; vertical-align: middle; padding: 0 10px; color: #fff; }
	.navMenu span.menu_ayrac i { font-size: 5pt; }

.header_Ust { width: 410px; margin: auto 0 auto auto; background: #ffb625; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; }
header .header_Sag a.tel { display: inline-block; vertical-align: middle; color: #020202; font-weight: 600; }
header .header_Sag a.mail { margin-right: 10px; }
a.tel i { display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 11pt; }
.buton_yukari { display: block; position: fixed; cursor: pointer; right: 10px; bottom: 10px; z-index: 10; width: 48px; height: 48px; text-align: center; border-radius: 5px; background: #fff; border: none; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); }
	.buton_yukari span { display: block; font-size: 8pt; }


section.Vitrin { display: block; position: relative; height: 810px; background: url("../images/vitrinTest.jpg") no-repeat center center; background-attachment: fixed; background-size: cover; }
	section.Vitrin:before { content: ""; display: block; width: 100%; height: 51px; position: absolute; left: 0; bottom: 0; right: 0; background: url("../images/slide_Zemin.png") no-repeat center bottom; background-size: cover; }

div.Slogan { display: block; text-align: center; color: #fff; width: 600px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
	div.Slogan .h2Baslik { display: block; margin: 5px auto; font-size: 40pt; }
h3.unvan { display: block; font-size: 20pt; margin: auto auto 20px auto; color: #eee; font-weight: 500; letter-spacing: 1pt; padding: 0; }

div.SosyalMedya { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	div.SosyalMedya .sm { display: block; width: 55px; padding: 5px; text-align: center; color: #020202; font-size: 18pt; margin: auto auto 20px 0; background: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-transition: all ease 300ms; transition: all ease 300ms; }
		div.SosyalMedya .sm span { display: block; font-size: 8pt; }

	div.SosyalMedya .sm1:hover, div.SosyalMedya .sm2:hover, div.SosyalMedya .sm3:hover, div.SosyalMedya .sm4:hover { width: 80px; }

.whatsapp_fixed { display: block; position: fixed; width: 60px; height: 75px; text-align: center; color: #fff; font-size: 30pt; opacity: 0.8; z-index:10!important; -webkit-transition: all ease 300ms; transition: all ease 300ms; background: #00ae1e; border-bottom-left-radius: 5px; border-top-left-radius: 5px; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
	.whatsapp_fixed:hover { opacity: 1; }


a.vitrin_link { display: inline-block; vertical-align: middle; width: 130px; line-height: 35px; background: #fff; color: #020202; font-weight: 500; -webkit-transition: all ease 300ms; transition: all ease 300ms; }
	a.vitrin_link:hover { opacity: 0.5; }
.Slogan .radius1 { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.Slogan .radius2 { border-top-right-radius: 8px; border-bottom-right-radius: 8px; background: #ffb625; color: #020202; }

div.gio { display: block; width: 80px; height: 80px; position: absolute; left: 0; bottom: 60px; right: 0; margin: auto; -webkit-animation: rotating 10s linear infinite; -moz-animation: rotating 10s linear infinite; -o-animation: rotating 10s linear infinite; animation: rotating 10s linear infinite; }
	div.gio img { display: block; width: 80px; height: 80px; }

@-webkit-keyframes rotating /* Safari and Chrome */ {
	from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes rotating {
	from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}


a.aTumu { display: block; background: #ffb625; color: #000; font-weight: 700; text-align: center; width: 100px; border-radius: 8px; margin: 15px 5px 5px 0px; line-height: 32px; font-size: 12pt; }
section.Hakkimda { padding: 50px 0 200px 0; position: relative; }
	section.Hakkimda p { margin: 0; }
	section.Hakkimda:before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; background: url(../images/slide_Zemin_Alt.png)no-repeat center bottom; height: 51px; background-size: cover; }
	section.Hakkimda .div1200 { display: table; }
	section.Hakkimda .Hakkimda_sol { display: table-cell; vertical-align: middle; width: 50%; }
		section.Hakkimda .Hakkimda_sol .figure_resim { display: block; width: 500px; height: 500px; margin: auto; position: relative; padding: 30px; }
			section.Hakkimda .Hakkimda_sol .figure_resim:before { content: ""; position: absolute; inset: 20px; mix-blend-mode: multiply; background: url(../images/tezelzenginogluBG.png) no-repeat center; background-size: contain; z-index: -1; animation: animate 8s infinite linear; }
		section.Hakkimda .Hakkimda_sol .figure_resim_Mobile { display: none !important; width: 300px; height: 300px; margin: 10px auto; padding: 30px; position: relative; }
			section.Hakkimda .Hakkimda_sol .figure_resim_Mobile:before { content: ""; position: absolute; inset: 20px; mix-blend-mode: multiply; background: url(../images/tezelzenginogluBG.png) no-repeat center; background-size: contain; z-index: -1; animation: animate 8s infinite linear; }

@keyframes animate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@-webkit-keyframes animate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

section.Hakkimda .Hakkimda_sol .figure_resim img { display: block; width: 440px; height: 440px; }
section.Hakkimda .Hakkimda_sol .figure_resim_Mobile img { display: block; width: 240px; height: 240px; }

section.Hakkimda .Hakkimda_sag { display: table-cell; vertical-align: middle; }
	section.Hakkimda .Hakkimda_sag div.Baslik { display: block; font-size: 18pt; font-weight: 700; color: #020202; padding: 0; }
	section.Hakkimda .Hakkimda_sag div.Yazi { line-height: 1.6; }
div.Yazi div.Odul { display: inline-block; vertical-align: middle; width: 138px; height: 92px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); position: relative; overflow: hidden; border-radius: 5px; background: #f1f1f1; margin: 5px 5px 5px 0; z-index: 1; }
	div.Yazi div.Odul .aResim { display: block; width: 100%; position: relative; z-index:1;}
		div.Yazi div.Odul .aResim:before { content: ""; position: absolute; left: 0; top: 0; right: 0; margin: auto; bottom: 0; opacity: 0; background: #ffb625; mix-blend-mode: multiply; z-index: 1; transition: all ease 300ms;z-index:-1; }
		div.Yazi div.Odul .aResim:hover:before { opacity: 1; }
		div.Yazi div.Odul .aResim img { display: block; width: 138px; height: 92px; }

h3.Baslik { color: #020202; font-size: 20pt; padding: 0; margin: 0; }


section.Hizmetler { background: #f1f1f1; padding: 50px 0 200px 0; text-align: center; position: relative; }
	section.Hizmetler:before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; background: url("../images/slide_Zemin.png")no-repeat center bottom; height: 51px; background-size: cover; }

	section.Hizmetler .divBaslik { font-size: 20pt; font-weight: 700; text-align: center; margin-bottom: 50px; }
	section.Hizmetler .hizmet { display: inline-block; vertical-align: top; width: 320px; margin: 10px; text-align: left; position: relative; }
		section.Hizmetler .hizmet .aHizmet { position: absolute; inset: 0; z-index: 2; }


		section.Hizmetler .hizmet .Resim_Hizmet { display: block; width: 320px; height: 180px; margin: auto; position: relative; }
			section.Hizmetler .hizmet .Resim_Hizmet:before { content: ""; position: absolute; left: 0; width: 320px; height: 20px; bottom: -19px; right: 0; background: url(../images/golge.png) no-repeat center; background-size: cover; }
			section.Hizmetler .hizmet .Resim_Hizmet img { display: block; width: 320px; height: 180px; position: relative; border-radius: 5px; overflow: hidden; }
		section.Hizmetler .hizmet .golge { display: block; width: 320px; height: auto; margin: auto; }
			section.Hizmetler .hizmet .golge img { display: block; width: 100%; }
		section.Hizmetler .hizmet .h3Hizmet { display: block; font-size: 14pt; border-left: 3px solid #ffb625; padding-left: 8px; }
		section.Hizmetler .hizmet p { color: #505050; }

section.referanslar { padding: 50px 0 200px 0; position: relative; text-align: center; }
	section.referanslar:before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; background: url(../images/slide_Zemin_Alt.png)no-repeat center bottom; height: 51px; background-size: cover; }
	section.referanslar .divBaslik { font-size: 20pt; font-weight: 700; text-align: center; margin-bottom: 50px; }

	section.referanslar figure.referans { display: inline-block; vertical-align: middle; width: 200px; margin: 10px; border: 1px solid #f1f1f1; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
figure.referans .h3referans { font-weight: 500; font-size:12pt; height: 48px; overflow: hidden; padding: 0 5px 5px 5px; }
figure.referans img { display: block; width: 200px; height: 100px; border-bottom: 1px solid #f1f1f1; margin-bottom: 5px; }

section.iletisim { padding: 40px 0; background: #f1f1f1; }
	section.iletisim .divPaddingContainer { }
	section.iletisim div.bilgiler { display: block; text-align: center; }
	section.iletisim p { font-size: 13pt; font-weight: 500; }
div.kucukBaslik { font-weight: 500; font-size: 14pt; }
div.buyukBaslik { font-weight: 700; font-size: 22pt; }
section.iletisim .bilgi { display: inline-block; vertical-align: middle; color: #020202; line-height: 32px; margin: 10px; }
	section.iletisim .bilgi i { display: inline-block; text-align: center; font-size: 16pt; width: 32px; position: relative; top: 2px; }
a.aTel i { font-size: 20pt !important; }
.aTel, .aMail, .aWeb { -webkit-transition: all ease 200ms; transition: all ease 200ms; font-weight: 500; color: #020202; }
section.iletisim a:hover { color: #9f6a00; }

footer { position: absolute; left: 0; right: 0; bottom: 0; background: #020202; color: #fff; line-height: 40px; text-align: center; }
.SosyalMedyaFooter { display: block; text-align: center; margin-bottom: 10px; }
	.SosyalMedyaFooter .sm { display: inline-block; vertical-align: middle; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #020202; font-size: 18pt; margin: 5px; background: #fff; border-radius: 5px; }
.sm span { display: block; font-size: 8pt; }

@media only screen and (max-width:1200px) {
	.div1200 { width: 100%; }
}

@media only screen and (max-width:1024px) {
	.div90 { width: 100%; }
	.whatsapp_fixed { opacity: 1; left: 5px; right: unset; top: unset; bottom: 10px; border-radius: 5px; -webkit-transform: unset; transform: unset; }
	.content{padding-top:60px;}
	header { display: block; line-height: 2; position: absolute; left: 0; top: 0; right: 0; z-index: 10; }
		header div.header_Container { display: block; width: 100%; }
		header .h1Baslik { display: none; margin: auto; }
	a.aLogo .span_icon { display: inline-block; vertical-align: middle; width: 48px; height: 48px; margin-right: 5px; border-radius: 50%; background: rgb(255,255,255,0.51); }
	header .header_Sag { display: none; }
	.navMobilMenu { display: block; position:fixed; left:0; top:0; right:0;}
	section.Vitrin { height: 500px; background: url("../images/vitrinTest_thumb.jpg") no-repeat center center; background-attachment: fixed; background-size: cover; }
	div.Slogan { width: 100%; max-width: 500px; }
		div.Slogan .h2Baslik { font-size: 24pt; }
	h3.unvan { font-size: 12pt; letter-spacing: 0; }
	.h3Slogan { font-size: 10pt; padding: 0 10px; }
	div.gio { width: 70px; height: 70px; bottom: 40px; }
		div.gio img { width: 70px; height: 70px; }

	div.SosyalMedya { display: none; }
	.odul_container { text-align: center; }

	section.Hakkimda { padding: 30px 0 100px 0; }
		section.Hakkimda .div1200 { display: block; }
		section.Hakkimda .Hakkimda_sol { display: block; width: 100%; }
			section.Hakkimda .Hakkimda_sol .figure_resim { display: none !important; }
			section.Hakkimda .Hakkimda_sol .figure_resim_Mobile { display: block !important; }
		section.Hakkimda .Hakkimda_sag { display: block; }

	section.Hizmetler { padding: 50px 0 100px 0; }

		section.Hizmetler .hizmet { width: 280px; }
			section.Hizmetler .hizmet .Resim_Hizmet { width: 280px; height: 158px; }
				section.Hizmetler .hizmet .Resim_Hizmet:before { width: 280px; height: 20px; bottom: -19px; right: 0; background: url(../images/golge.png) no-repeat center; background-size: cover; }
				section.Hizmetler .hizmet .Resim_Hizmet img { width: 280px; height: 158px; }
			section.Hizmetler .hizmet .golge { display: block; width: 280px; }
				section.Hizmetler .hizmet .golge img { display: block; width: 100%; }
			section.Hizmetler .hizmet .h3Hizmet { display: block; font-size: 14pt; border-left: 3px solid #ffb625; padding-left: 8px; }
			section.Hizmetler .hizmet p { color: #505050; }
	section.referanslar { padding: 50px 0 100px 0; position: relative; text-align: center; }
}

@media only screen and (max-width:480px) {
	.content { padding-bottom: 0; }
	.buton_yukari { position: fixed; right: 5px; bottom: 10px; width: 45px; text-align: center; }

	.loader1 { height: 50px; width: 50px; border-radius: 50px; }
		.loader1:after { width: 9px; height: 9px; border-radius: 10px; }

	footer { position: relative; height: auto; }

	div.Slogan { top: 40%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
	section.referanslar figure.referans { width: 140px; margin: 5px; }
	figure.referans img { width: 140px; height: 70px; }
	
}