.popup99, .popup99 a.git99 { width: 100%; height: 100% }
.popup99 { padding: 50px 10px; position: fixed; left: 50%; z-index: 1000000; background: rgba(0,0,0,.6) }
.popup99 { text-align: center }
.popup99 a.git99 img { max-width: 100%; max-height: 100% }
.popup99 a.git99:hover { opacity: 1 }
.popup99 a.kapat99 { color: #fff; font-size: 35px; position: absolute; left: 50%; top: 10px }
.popup99 img { max-height: 100% }
.popup99 a.git99, .popup99 img { display: inline-block }
.popup99 { top: 50%; transform: translate(-50%,-50%) }
.popup99 a.git99 { position: relative }
/********/
footer { background: #fff; position: relative; }
footer .satir1 { transition: all 400ms; padding-top: 85px; padding-bottom: 40px; position: relative; }
footer .logo { display: flex; flex-direction: column; height: 100%; padding: 0 15px; align-items: center; justify-content: center; }
footer .logo figure { }
footer .logo figure img { margin: 0 auto; }
footer .footerContact { border-left: 1px solid #eaeaea; padding-left: 30px; }
footer .footerContact .satir { margin-bottom: 25px; }
footer .footerContact .satir .title { margin: 0 0 10px; color: var(--tema-renk2); text-transform: capitalize; text-align: left; padding-left: 0; font: 600 16px var(--baslik-fontu); }
footer .footerContact .satir .adres { color: #4b5955; cursor: pointer; text-transform: capitalize; display: block; padding: 5px 0; font: 400 15px var(--icerik-fontu); line-height: 25px; }
footer .footerContact .satir.followUs { display: flex; justify-content: flex-start; align-items: center; }
footer .footerContact .satir a.linkGit { font: 400 15px var(--icerik-fontu); display: block; line-height: 27px; color: #D2D2D2; margin: 0 10px; }
footer .footerContact .satir a.linkGit:hover svg { fill: var(--tema-renk1); }
footer .footerContact .satir ul { }
footer .footerContact .satir ul li { color: #4b5955; cursor: pointer; text-transform: capitalize; display: block; padding: 5px 0; font: 400 15px var(--icerik-fontu); line-height: 25px; }
footer .footerContact .satir a.telLink { font: 400 16px var(--icerik-fontu); line-height: 27px; color: #4b5955; margin: 0 0 10px; display: flex; align-items: center; justify-content: flex-start; }
footer .footerContact .satir a.telLink i { display: flex; align-items: center; justify-content: center; margin-right: 15px; }
footer .footerContact .satir a.telLink i svg { fill: var(--tema-renk1); }
footer .footerContact .satir a.telLink:hover { color: var(--tema-renk2); }
footer .footerContact .satir a.telLink:hover svg { fill: var(--tema-renk2); }
footer .footerBilgi { padding: 50px 0 0; transition: all 400ms; }
footer .icerik { padding: 36px 0; border-right: 1px solid #eaeaea; }
footer .icerik table { border: none; color: #ddd; width: 100% !important; display: inline-block; /* height: auto !important; */ margin: 0; }
footer .icerik table tbody { width: 100%; display: inline-block; }
footer .icerik table tr { width: 100%; display: table; }
footer .icerik table tr td { border: none; padding: 0 15px 15px; vertical-align: top; font-weight: 600; line-height: 26px; color: #fff; text-align: left !important; display: inline-block; }
footer .icerik table tr td:first-child { width: 50% !important; }
footer .icerik table tr td:nth-child(2) { width: 50% !important; }
footer .icerik table p { color: #4b5955; cursor: pointer; text-transform: capitalize; display: block; padding: 5px 0; font: 400 15px var(--icerik-fontu); line-height: 25px; }
footer .icerik table p img { margin: 0 auto; }
footer .icerik table a,
footer .icerik table a:active, footer table a:visited { color: #4b5955; cursor: pointer; text-transform: capitalize; display: block; padding: 5px 0; font: 400 15px var(--icerik-fontu); line-height: 25px; }
footer .icerik table a:hover { color: var(--tema-renk2); }
footer .icerik table tr td h2 { font: 500 22px var(--baslik-fontu); color: #ffffff; margin-bottom: 20px; margin: 0 0 20px; }
footer .icerik table tr td strong { letter-spacing: 1px; color: #f1f1f1; display: block; }
footer .satir2 { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #FFFFFF3B; transition: all 400ms; padding: 15px 0px 15px 0px; }
footer .satir2 .kap { display: flex; align-items: center; justify-content: flex-start; }
footer .satir2 .kap .copy { letter-spacing: .5px; color: #818d96; font: 400 16px var(--baslik-fontu); }
footer .satir2 .kap .imza { text-align: left; letter-spacing: .5px; font: 400 16px var(--baslik-fontu); margin-right: 8px; }
footer .satir2 .kap .imza a { color: #818d96; font: 400 16px var(--baslik-fontu); }
footer .satir2 .contract { display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }
footer .satir2 .contract ul { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; }
footer .satir2 .contract ul li { color: #d8d8d8; font: 400 14px var(--icerik-fontu); transition: all 750ms ease; margin: 0 16px; cursor: pointer; }
footer .satir2 .contract ul li a { color: #d8d8d8; font: 400 16px var(--baslik-fontu); transition: all 750ms ease; }
footer .satir2 .contract ul li:hover { color: var(--tema-renk2); }
footer .satir2 .contract ul li a:hover { color: var(--tema-renk2); }
/*********/
.nedirIcerik { font: 400 16px var(--icerik-fontu); color: #252525; line-height: 28px; margin: 35px 0; }
.nedirIcerik iframe { margin: 30px 0 }
.nedirIcerik p { margin: 0 0 10px; }
.nedirIcerik .icerik { line-height: 30px }
.nedirIcerik h1 { color: #58585a; font-weight: 700; font-size: 24px; margin: 0 0 20px; height: auto; padding: 0 0 10px }
.nedirIcerik h1 span { display: block; font-size: 14px; font-weight: 700; letter-spacing: 0; color: #6e6e6e; line-height: 13px }
.nedirIcerik h1 strong { font-weight: 700; color: #c48012; font-size: 22px }
.nedirIcerik .donanim { margin: 50px 0 10px }
.nedirIcerik .donanim div { width: auto; float: left; margin: 0 0 20px 30px; text-align: center }
.nedirIcerik .donanim div span { display: block; font-weight: 700; font-size: 14px; color: #002657 }
.nedirIcerik .donanim div em { font-style: normal; font-size: 13px }
.nedirIcerik .donanim div img { width: 26px; display: inline-block }
.nedirIcerik h2 { color: var(--tema-renk2); font: 600 26px var(--baslik-fontu); }
.nedirIcerik ul { list-style: circle; margin-left: 30px }
.nedirIcerik ul li { /* padding-left: 30px; */ padding-bottom: 3px; position: relative; line-height: 30px }
.nedirIcerik ul li::marker { color: var(--tema-renk1); }
.nedirIcerik .itemN { margin: 10px; max-height: 400px; overflow: hidden }
.nedirIcerik figcaption { text-align: center; margin-bottom: 20px; font-weight: 700; font-size: 15px; color: #c1c1c1 }
.nedirIcerik .videoNedir { width: 50%; float: left; padding-right: 20px; position: relative }
.nedirIcerik img { height: auto !important; margin: 0 25px 20px 0 }
/*****/
.deveTab a.aktif { color: #c81518 }
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none }
.aktifTab { display: block }
.urunTab { margin: 30px 0px; }
.urunTab .bilgi { line-height: 30px; font-size: 15px; color: #111; padding: 30px 15px; background: transparent; border: none; }
.urunTab .bilgi h2 { margin: 0 0 15px 0; font-size: 18px; font-weight: 600 }
.urunTab .deveTab { border-bottom: 1px solid #f2f2f2; position: relative; }
.urunTab .deveTab a { border-radius: 0; font-size: 14px; padding: 10px 15px; background: transparent; display: inline-block; margin-right: 0; letter-spacing: .5px; font-weight: 600; }
.urunTab .deveTab a.aktif { color: var(--tema-renk1); background: transparent; border-bottom: 2px solid var(--tema-renk1); }
/****/
iframe { max-width: 100% }
/****/
.fotorama { max-width: 800px; margin: 0 auto }
/*****************/
.katicerik { margin: 50px 0; line-height: 28px; font-size: 16px; color: #58585a }
.katicerik h2 { font-size: 21px; margin: 20px 0 0 0; }
.katicerik p { margin-bottom: 10px }
/*****/
#faqTop { padding: 70px 0; display: block; }
#faqTop .faqForm { }
#faqTop .faqForm .formtitle { font-weight: 700; text-transform: uppercase; font-size: 25px; line-height: 1.2em; word-wrap: break-word; color: #222; margin: 0 0 15px; }
#faqTop .faqForm .satir { margin-bottom: 15px; }
#faqTop .faqForm .satir textarea, #faqTop .faqForm .satir input { position: relative; display: inline-block; width: 100%; vertical-align: top; cursor: pointer; outline: 0; padding: 0; transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; background-color: transparent; color: #222; border-color: #222; margin: 0 !important; font: 400 15px var(--icerik-fontu); line-height: 36px; border: none; border-bottom: 1px solid #222; }
#faqTop .faqForm .satir textarea::placeholder, #faqTop .faqForm .satir input::placeholder { color: #222; font: 400 15px var(--icerik-fontu); }
#faqTop .faqForm .satir.guvenlik { display: flex; align-items: center; justify-content: space-between; margin: 15px 0; }
#faqTop .faqForm .satir.guvenlik label { width: 28% !important; position: relative !important; transform: none !important; opacity: 1 !important; padding: 0 !important; margin: 0 10px 0 0 !important; }
#faqTop .faqForm .satir.guvenlik label img { width: 100%; }
#faqTop .faqForm .satir.guvenlik input { width: 70% !important; margin: 0; }
#faqTop .faqForm .satir button { font: 700 15px var(--baslik-fontu); line-height: 20px; position: relative; display: inline-flex; vertical-align: middle; width: auto; margin: 0; text-decoration: none; border-radius: 0; outline: 0; padding: 11px 36px; cursor: pointer; background-color: transparent; border: 1px solid #222; background-image: linear-gradient(0deg,rgb(255 255 255) 0,rgb(255 255 255) 100%),linear-gradient(0deg,rgb(0 0 0 / 0%) 0,rgb(0 0 0 / 0%) 100%); transition: background-size .58s cubic-bezier(.45,.8,.02,.91),color .2s ease-out,border-color .2s ease-out; background-position: 100% calc(100% + 2px),center; background-size: 100% 0,100% 100%; background-repeat: no-repeat; color: #222; border-color: #222; margin-top: 25px !important; }
#faqTop .faqForm .satir button:hover { background-position: 100% 0,center; background-size: 100% 100%,100% 100%; color: #121212; }
#faqTop .faqContact { margin: 45px 0; }
#faqTop .faqContact .kap0 { margin: 15px 0; }
#faqTop .faqContact .kap0:before { content: "\26AC" }
#faqTop .faqContact .kap0 span { margin-bottom: 15px; font: 500 16px var(--icerik-fontu); color: #222; background-image: linear-gradient(#222, #222), linear-gradient(#222, #222); display: inline; background-size: 0% 1px, 0 1px; background-position: 100% 100%, 0 82%; background-repeat: no-repeat; transition: background-size 0.4s linear; margin-left: 10px; }
#faqTop .faqContact .kap0 a { }
#faqTop .faqContact .kap0 span:hover { background-size: 0% 1px, 100% 1px; }
#faqTop .kapsul { }
#faqTop .kapsul a.link .item:before { display: none; }
#faqTop .kapsul .item { padding: 0; border: none; }
#faqTop .kapsul .item h3 { margin: 0 }
#faqTop .kapsul .item a { color: #222; padding: 28px 34px 30px 0; position: relative; color: #222; margin: 0; transition: padding .2s ease-out; cursor: pointer; border-top: 1px solid #222; font: 400 18px var(--baslik-fontu); text-transform: uppercase; line-height: 30px; width: 100%; display: block }
#faqTop .kapsul .item h3 a:before { content: "+"; position: absolute; right: 0; font-size: 43px; font-weight: 400; top: 50%; transform: translateY(-50%); }
#faqTop .kapsul .item h3 a.active:before { content: "-"; top: 36%; }
#faqTop .kapsul .item .cevap { color: #222; padding: 9px 8% 20px 0; margin: 0; position: relative; display: inline-block; width: 100%; vertical-align: top; font: 400 16px var(--icerik-fontu); line-height: 25px; }
/**********/
.tabloyama { overflow-x: auto; margin-right: -20px; padding-bottom: 20px; margin: 25px 0; }
/**************/
.yildizOn { /* margin: 0 auto; */ background: url(/d/r/yildiz-pasif.png); position: relative; width: 100px; height: 16px; display: block; }
.yildizOn span { position: absolute; left: 0; top: 0; width: 100px; height: 17px; background: url(/d/r/yildiz.png); }
/*******/
.icerikDet { padding: 50px 0 75px; }
.icerikDet .kisaOzet { font-size: 18px; font-style: italic; font-weight: 500; line-height: 30px; letter-spacing: 1px; }
.icerikDet .icerik { font-size: 16px; line-height: 27px; letter-spacing: 1px; color: #333 }
.icerikDet .icerik strong { font-weight: 600; color: #000; }
.icerikDet .icerik p { margin: 10px 0; }
.icerikDet .icerik ul { list-style: circle; margin-left: 25px; line-height: 35px; }
.icerikDet .icerik ul li { }
.icerikDet .icerik ul li::marker { color: var(--tema-renk1) }
.icerikDet .icerik a { color: blue }
.icerikDet .icerik span { }
/*******/
.icerikSag { padding-left: 25px !important; }
.icerikSag .icerikDetsag { padding: 32px 32px 32px 32px; background: #023e302b; margin-bottom: 40px; }
.icerikSag .icerikDetsag .title { color: #333; margin: 0 0 20px; font: 700 24px var(--baslik-fontu); line-height: 36px; text-transform: uppercase; }
#icerikDetCat { }
#icerikDetCat ul { }
#icerikDetCat ul li { list-style: none; position: relative; padding-left: 16px; font-size: 18px; line-height: 1.5; margin-bottom: 16px; padding-bottom: 16px; }
#icerikDetCat ul li:before { position: absolute; content: ""; left: 0; top: 12px; height: 6px; width: 6px; background-color: var(--tema-renk1); }
#icerikDetCat ul li:after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background-color: rgba(72, 30, 11, 0.07); }
#icerikDetCat ul li a { display: flex; justify-content: space-between; align-items: center; }
#icerikDetCat ul li span { }
#icerikDetCat ul li:last-child { margin-bottom: 0; padding-bottom: 0; }
#icerikDetCat ul li:last-child::after { display: none }
#icerikDetson { }
#icerikDetson { }
#icerikDetson ul { }
#icerikDetson ul li { display: flex; align-items: center; margin-bottom: 20px; }
#icerikDetson ul li .resim { flex: 0 0 auto; margin-right: 20px; width: 100px; height: 100px; }
#icerikDetson ul li .resim img { width: 100%; height: 100%; object-fit: cover; }
#icerikDetson ul li .kap { }
#icerikDetson ul li .kap .baslik { }
#icerikDetson ul li .kap .baslik a { margin-bottom: 13px; color: #333; font: 600 16px var(--baslik-fontu); line-height: 24px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#icerikDetson ul li .kap time { font: 400 14px var(--icerik-fontu); line-height: 25px; display: flex; align-items: center; color: #333; }
#icerikDetson ul li .kap time i { margin-right: 5px; display: flex; align-items: center; justify-content: center; }
#icerikDetson ul li .kap time i svg { fill: var(--tema-renk2); margin-top: -2px; }
#icerikDetson ul li:last-child { margin-bottom: 0 }
#icerikfollow { }
#icerikfollow .social { display: flex; align-items: center; }
#icerikfollow .social a { color: #020e27; padding: 10px; display: flex; align-items: center; justify-content: center; margin-right: 10px; background: #bfaaa3; }
#icerikfollow .social a:hover { opacity: 1; background: #fbfbfb; box-shadow: 0 0 2px 2px #0000000f; }
#icerikfollow .social a svg { display: block; fill: #fff; width: 20px; height: 20px; }
#icerikfollow .social a:hover svg { fill: var(--tema-renk1); }
#icerikfollow .social a.yout:hover svg path { fill: var(--tema-renk1); }
#icerikfollow .social a.inst svg .st0 { stroke: #fff; }
#icerikfollow .social a.inst:hover svg .st0 { stroke: var(--tema-renk1); }
/***********/
.swiper-pagination { position: relative; bottom: initial; left: initial; margin: 15px 0 0; bottom: 0 }
.swiper-pagination-bullet { width: 17px; border-radius: 2px; height: 4px }
.swiper-pagination-bullet-active { width: 39px }
/***********/
#kurumsal { margin: 50px 0; }
#kurumsal .icerik { font: 400 16px var(--icerik-fontu); line-height: 33px; color: #252525 }
#kurumsal .icerik h2 { color: #252525; font: 600 26px var(--baslik-fontu); margin: 0 0 25px; }
#kurumsal .icerik p { margin-bottom: 10px; }
#kurumsal .icerik ul { list-style: circle; margin-left: 30px }
#kurumsal .icerik ul li { /* padding-left: 30px; */ padding-bottom: 3px; position: relative; line-height: 30px }
#kurumsal .icerik ul li::marker { color: #252525; }
/**************/
nav.icMenu { padding: 15px; background: transparent; margin-right: 30px; border: 1px solid var(--tema-renk1); }
nav.icMenu a { position: relative; display: block; color: #252525; text-decoration: none; margin-bottom: 3px; font-size: 16px; padding: 10px 10px 10px 0; font-weight: 400; padding-left: 14px; letter-spacing: -.5px; }
nav.icMenu a:hover { color: var(--tema-renk1); background: #e5e5e5; }
nav.icMenu a.active { color: #fff; background: var(--tema-renk1); }
nav.icMenu a.active:after { position: absolute; top: 19px; right: 10px; width: 8px; height: 8px; content: ''; margin-left: -5px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: rotate( -45deg); box-sizing: border-box; }
/****/
.efektekle { position: relative; overflow: hidden; }
.efektekle:after { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; transition: .2s; border: 2px solid rgb(0 0 0 / 58%); clip-path: polygon(0 calc(100% - 1rem), 0 100%, 1rem 100%, 1rem 0, 0 0, 0 1rem, 100% 1rem, 100% 0, calc(100% - 1rem) 0, calc(100% - 1rem) 100%, 100% 100%, 100% calc(100% - 1rem)); box-shadow: 1px 1px #fff; z-index: 5; }
.efektekle:hover:after { border-color: var(--tema-renk1); -webkit-transform: scale(.9); transform: scale(.9); }
.efektekle img { transition: transform .2s,filter .4s; }
.efektekle:hover img { transform: scale(1.1); }
/***********/
.solHover { position: relative; z-index: 50; overflow: hidden; transition: all 750ms ease; }
.solHover:before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; z-index: -1; transition: all 750ms ease; background: #272b2b; }
.solHover:hover:before { width: 100% }
.solHover:hover { color: #fff !important; }
/**********/
.sallaHover { position: relative; overflow: hidden; padding: 10px 15px; display: inline-block; border: 1px solid currentColor; margin-top: 15px; }
.sallaHover span { position: relative; color: inherit; z-index: 2; }
.sallaHover:before { content: ""; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-top-left-radius: 50%; border-top-right-radius: 50%; transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); background-color: inherit; }
.sallaHover::after { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: #fff; transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.sallaHover:hover { color: #1c1a1d !important; }
.sallaHover:hover:before { top: 100%; }
.sallaHover:hover:after { bottom: -50%; }
/********/
.patlayanHv { position: relative; z-index: 1; overflow: hidden; }
.patlayanHv:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--tema-renk1); transform: scale(0); transition: 0.3s; border-radius: 5px; z-index: -1; }
.patlayanHv:hover:before { transform: scale(1.1); }
.patlayanHv:hover { color: #fff !important; border-color: var(--tema-renk1) !important; }
/*********/
.resimZoomla { overflow: hidden; }
.resimZoomla figure { overflow: hidden }
.resimZoomla img { transform: scale(1); transition: all 750ms ease; }
.resimZoomla:hover img { transform: scale(1.2); }
/**********/
.caprazHv { display: inline-block; position: relative; overflow: hidden; z-index: 1; }
.caprazHv:after { position: absolute; content: ""; z-index: -1; display: block; left: -20%; right: -20%; top: -4%; height: 150%; width: 150%; bottom: 0; background: var(--tema-renk1); transform: skewX(45deg) scale(0, 1); transition: all 0.5s ease 0s; }
.caprazHv:hover { color: #ffffff !important; }
.caprazHv:hover:after { transform: skewX(45deg) scale(1, 1); }
/**********/
.okSalla { display: flex; align-items: center; justify-content: space-between; }
.okSalla i { display: inline-block; margin-left: 5px; margin-top: 5px; }
.okSalla:hover i { animation: shake-next 1s ease infinite; }

@keyframes shake-next {
 25% { transform: translate3d(0, 0, 0); }
 50% { transform: translate3d(-2px, 0, 0); }
 75% { transform: translate3d(2px, 0, 0); }
}
/**********/
#iletisimForm { margin: 50px 0; }
#iletisimForm .harita { height: 100%; }
#iletisimForm iframe { width: 100%; height: 530px; border: none; filter: grayscale(1); }
#iletisimForm .iletisimBilgi { background: #ffffff; padding: 65px 50px 50px; box-shadow: 2px 0px 2px 1px #0000000a; }
#iletisimForm .iletisimBilgi .kap { padding: 0 0px 35px; border-bottom: 1px solid #dedede }
#iletisimForm .iletisimBilgi .baslik { font: 500 36px var(--icerik-fontu); margin-bottom: 25px; }
#iletisimForm .iletisimBilgi .adres { font: 500 16px var(--icerik-fontu); line-height: 25px; max-width: 100%; margin-bottom: 35px; display: flex; align-items: flex-start; color: #727272 }
#iletisimForm .iletisimBilgi .kaps { margin: 35px 0 0; }
#iletisimForm .iletisimBilgi .kps { display: flex; align-items: flex-start;; }
#iletisimForm .iletisimBilgi .tit { margin: 0 20px 0 0; background: var(--tema-renk2); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0 }
#iletisimForm .iletisimBilgi .tit svg { width: 20px; height: 20px; fill: #fff; }
#iletisimForm .iletisimBilgi .kps .kp { margin-bottom: 15px; }
#iletisimForm .iletisimBilgi .kps .kp .link { }
#iletisimForm .iletisimBilgi .kps .kp .link.tel { font: 400 18px var(--icerik-fontu); color: #727272; display: block; margin-bottom: 7px; }
#iletisimForm .iletisimBilgi .kps .kp .link.tel:hover { color: var(--tema-renk2); }
#iletisimForm .iletisimBilgi .link.mail { font: 500 16px var(--icerik-fontu); display: block; display: flex; align-items: center; color: #727272 }
#iletisimForm .iletisimBilgi .link.mail:hover { color: var(--tema-renk2); }
#iletisimForm .iletisimBilgi .socials { margin: 30px 0 0 0; }
#iletisimForm .iletisimBilgi .socials .tit { font: 500 26px var(--icerik-fontu); color: #222 }
#iletisimForm .iletisimBilgi .socials .kp { margin: 15px 0 0 0; }
#iletisimForm .iletisimBilgi .socials .kp a { display: block; margin: 0 10px 0 0; }
#iletisimForm .iletisimBilgi .socials .kp a svg { width: 20px; height: 20px; }
#forms { margin: 75px 0 30px; position: relative; }
#forms .kapsul { margin: 0 0 25px; text-align: center; }
#forms .kapsul .title { font: 400 16px var(--baslik-fontu); text-transform: capitalize; color: #fff; background: var(--tema-renk2); width: fit-content; margin: 0 auto; padding: 10px 20px; border-radius: 15px; }
#forms .kapsul .subtitle { font: 500 46px var(--icerik-fontu); color: var(--tema-renk1); }
#forms .iletForm { }
#forms .adKap { }
#forms .adKap .cl6:first-child .satir { padding-right: 4px; }
#forms .adKap .cl6:last-child .satir { padding-left: 10px; }
#forms form input, #forms form textarea { cursor: pointer; position: relative; padding: 16px 10px; background: transparent; width: 100%; line-height: 22px; text-transform: none; color: #252525; border: none; background: #f6f4f1; box-shadow: none; border-radius: 1px; transition: all ease .3s; font-size: 15px; border-radius: 9px; }
#forms form input::placeholder, #forms form textarea::placeholder { font: 400 16px var(--icerik-fontu); color: #252525 !important; }
#forms form input:focus, #forms form textarea:focus { outline: none; box-shadow: none; color: #252525 !important; }
#forms form .satir { margin-bottom: 15px; width: 100%; }
#forms form .satir.guvenlik { display: flex; align-items: center; justify-content: space-between; }
#forms form .satir.guvenlik label { padding-left: 0 !important; height: 100%; width: 16%; }
#forms form .satir.guvenlik label img { width: 100%; }
#forms form .satir.guvenlik input { margin: 0 0 0 10px; width: 83%; }
#forms form button { display: block; padding: 15px 25px; margin: 15px auto 0; width: fit-content; background: var(--tema-renk2); border: 1px solid var(--tema-renk2); color: #fff; position: relative; cursor: pointer; transition: all 0.3s ease-out; letter-spacing: 1px; text-transform: uppercase; font: 500 16px var(--icerik-fontu); }
/**********/
#anaHakkimizda { position: relative; padding: 150px 0; background-attachment: scroll; background-position: top; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
#anaHakkimizda:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #efefef; opacity: .95 }
#anaHakkimizda .container { z-index: 5; }
#anaHakkimizda figure { }
#anaHakkimizda figure img { max-width: 100%; }
#anaHakkimizda .metin { position: relative; }
#anaHakkimizda .metin:before { content: ""; position: absolute; top: -50px; left: -20px; background-image: url(/d/r/line.png); width: 192px; height: 234px; z-index: -1; opacity: .1; background-size: cover; }
#anaHakkimizda .metin .baslik { color: var(--tema-renk1); margin-bottom: 15px; font: 500 22px var(--baslik-fontu); z-index: 25; position: relative; max-width: 100%; text-transform: uppercase; }
#anaHakkimizda .baslik:before { content: ""; position: absolute; width: 200px; height: 2px; background: linear-gradient(87deg, var(--tema-renk1), transparent); top: 48%; transition: width ease 2s; left: 21%; transform: translateY(-50%); }
#anaHakkimizda .metin .kisaOzet { color: #030e1c; position: relative; z-index: 25; font: 600 36px var(--baslik-fontu); margin-bottom: 15px; line-height: 46px; }
#anaHakkimizda .metin .kisaOzet em { font-style: normal; font-weight: 300; }
#anaHakkimizda .metin .icerik { margin-bottom: 28px; position: relative; z-index: 25; font: 400 15px var(--icerik-fontu); line-height: 30px; color: #747474; }
#anaHakkimizda .metin .icerik p { margin-bottom: 15px; }
#anaHakkimizda .metin .more { font: 400 15px var(--icerik-fontu); text-transform: capitalize; line-height: 24px; padding: 10px 10px 10px 20px; color: #282828; display: flex; align-items: center; width: fit-content; column-gap: 13px; border: 1px solid #282828; }
#anaHakkimizda .metin .more i { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .4s ease }
#anaHakkimizda .metin .more svg { }
#anaHakkimizda .metin .more.patlayanHv:hover { border-color: var(--tema-renk2) !important; }
#anaHakkimizda .metin .more.patlayanHv:before { background: var(--tema-renk2); }
#anaHakkimizda .metin .more:hover i { background: var(--tema-renk1) }
/*******/
/**********/
#anaHakkimizda2 { padding: 125px 0 80px 0; position: relative; background-image: url(/d/r/bg-dot-light.png); }
#anaHakkimizda2 .row { }
#anaHakkimizda2 .kapsul { position: relative; z-index: 50; margin-right: 50px; padding-right: 50px; }
#anaHakkimizda2 .kapsul:after { content: ''; width: 1px; height: 0px; transition: height ease 1.5s; transition-delay: .5s; background: #007a84; position: absolute; right: 0; top: -30px }
#anaHakkimizda2 .kapsul.aos-animate:after { height: 325px; }
#anaHakkimizda2 .kapsul .baslik { margin-bottom: 15px; font: 400 19px var(--baslik-fontu); color: #ffffff; width: fit-content; overflow: hidden; border-radius: 30px; padding: 5px 15px; background: var(--tema-renk1); line-height: 27px; }
#anaHakkimizda2 .kapsul .kisaOzet { width: 450px; }
#anaHakkimizda2 .kapsul .kisaOzet strong { font: 400 32px var(--baslik-fontu); color: #111; line-height: 43px; max-width: 100%; display: block; margin-bottom: 15px; }
#anaHakkimizda2 .kapsul .kisaOzet a { color: #16a9e2; display: inline-block; margin: 12px 0; }
#anaHakkimizda2 .metin { margin-bottom: 20px; position: relative; z-index: 50; }
#anaHakkimizda2 .metin .icerik { font: 400 19px var(--icerik-fontu); line-height: 31px; color: #151515; margin-bottom: 17px; }
#anaHakkimizda2 .metin .icerik p { margin-bottom: 10px; display: block; }
#anaHakkimizda2 a.devamiGor { display: flex; align-items: center; gap: 6px; transition: 0.3s; letter-spacing: 1px; font: 500 15px var(--icerik-fontu); color: var(--tema-renk1); padding: 9px 24px; border: 1px solid var(--tema-renk1); width: fit-content; margin-top: 36px; }
/*******/
#mains.scrollDown { display: flex; flex-direction: column; align-items: center; width: 100px; height: 100px; border-radius: 50%; margin: -62px auto -74px auto; z-index: 50; position: relative; }
#mains.scrollDown span { position: relative; width: 50px; height: 50px; border-radius: 50%; background: #fff; }
#mains.scrollDown span::before { content: ""; position: absolute; width: 150%; height: 150%; animation-delay: 0s; animation: pulsate1 2s; animation-iteration-count: infinite; opacity: 1; border-radius: 50%; border: 5px solid rgba(255, 255, 255, .75); top: -27%; left: -26%; background: rgba(198, 16, 0, 0); }
#mains.scrollDown strong { color: #000; font: 500 16px var(--icerik-fontu); position: absolute; top: 50%; left: 50%; width: 10px; height: 20px; border-radius: 15px; border: 1px solid #111; transform: translate(-50%, -50%); }
#mains.scrollDown strong::before { position: absolute; top: 2px; left: 50%; content: ''; width: 4px; height: 4px; margin-left: -2px; background-color: #000000; border-radius: 100%; animation: 2s infinite sdb11; box-sizing: border-box }
#mains.scrollDown strong:after { content: "\1F852"; position: absolute; left: 62%; top: 53%; transform: translateX(-50%) rotate(90deg); font-size: 11px; color: #000; font-weight: 400; width: 0px; }
/*********/
@keyframes pulsate1 {
 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 1; box-shadow: inset 0px 0px 15px 3px rgba(255, 255, 255, 0.75), 0px 0px 15px 10px rgba(255, 255, 255, 0.75); }
 100% { -webkit-transform: scale(1, 1); transform: scale(1); opacity: 0; box-shadow: none; }
}

@keyframes sdb11 {
 0% { transform: translate(0,0); opacity: 0 }
 40% { opacity: 1 }
 80% { transform: translate(0,10px); opacity: 0 }
 100% { opacity: 0 }
}
/*********/
#merakEdilenler { background: #f3f3f3; padding: 75px 0; overflow: hidden; }
#merakEdilenler .title { font-size: 40px; font-weight: 600; line-height: 55px; width: 550px; margin-bottom: 12px; display: inline-block; max-width: 100%; }
#merakEdilenler .subtitle { font-size: 18px; line-height: 31px; width: 500px; font-weight: 400; max-width: 100%; }
#merakEdilenler .kaps0 { margin-bottom: 30px; }
#merakEdilenler .item { padding: 15px 0; border-bottom: 1px solid #d3d1d1; }
#merakEdilenler .item h3 { margin: 0; font-size: 18px; letter-spacing: .2px; font-weight: 600; position: relative; padding-left: 5px; color: #181818; }
#merakEdilenler .item h3:after { content: "+"; position: absolute; right: 0; font-size: 32px; font-weight: 400; top: -10px; display: inline-block; transition: all 750ms ease; }
#merakEdilenler .item a.active h3:after { content: "-"; }
#merakEdilenler .item h3 a { display: block; font-size: 14px; color: #444; margin: 5px 0; font-weight: 600; position: relative; }
#merakEdilenler .item .cevap { display: block; margin: 15px 0 0; line-height: 23px; color: #727272; font-size: 16px; padding-left: 5px; }
/*******/
#blog { position: relative; padding: 75px 0; overflow: hidden; }
#blog .kapsul { margin-bottom: 50px; text-align: center; }
#blog .kapsul .title { color: var(--tema-renk1); font: 500 22px var(--baslik-fontu); z-index: 25; position: relative; max-width: 100%; text-transform: uppercase; width: fit-content; margin: 0 auto 15px; padding: 0 0 5px; }
#blog .kapsul .title:before { position: absolute; content: ""; width: 100%; height: 2px; background: var(--tema-renk2); bottom: 0; z-index: -1; left: 0; right: 0; margin: auto; animation: underline 4s infinite; transition: transform .25s ease-out; }
#blog .kapsul .subtitle { font: 500 32px var(--icerik-fontu); color: #252525; line-height: 25px; margin: 10px 0; width: 750px; max-width: 100%; margin: 0 auto; }
#blog a.seeMore { display: block; font: 500 16px var(--baslik-fontu); color: var(--tema-renk1); text-transform: uppercase; text-align: center; padding: 16px 63px; width: fit-content; border: 1px solid var(--tema-renk1); transition: all 750ms ease; margin: 30px auto; }
#blog a.seeMore:hover { background: var(--tema-renk1); color: #ffff; }
#blog .item { position: relative; height: 250px; transition: all 0.5s; }
#blog .item .kap { height: 100%; width: 100%; }
#blog .item .kap:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); }
#blog .item .kap figure { height: 100%; width: 100%; }
#blog .item .kap figure img { width: 100%; height: 100%; object-fit: cover; }
#blog .item .kap .metin { position: absolute; bottom: 30px; left: 30px; right: 30px; z-index: 50 }
#blog .item .kap .metin .tarih { color: #ffffff; font: 400 15px var(--icerik-fontu); line-height: 15px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; width: fit-content; }
#blog .item .kap .metin .tarih i { display: flex; align-items: center; justify-content: center; margin-right: 9px; }
#blog .item .kap .metin .tarih i svg { fill: #fff; }
#blog .item .kap .metin .baslik { color: #ffffff; margin-bottom: 7px; font: 700 22px var(--baslik-fontu); line-height: 33px; }
#blog .item .kap .metin span.more { color: #ffffff; font: 600 15px var(--baslik-fontu); line-height: 15px; }
#blog .item:hover { transform: translateY(-5px); }
/*****************/
@keyframes underline {
 0% { width: 0%; }
 100% { width: 100%; }
}
/*************/
#blog .swiper-button-next, #blog .swiper-button-prev { padding: 10px; height: 50px; width: 50px; border-radius: 50px; transform: translateY(0); color: #fff; background: none; top: 59%; background: var(--tema-renk2); right: 10%; }
#blog .swiper-button-next { right: -22px; }
#blog .swiper-button-prev { left: -26px; }
#blog .swiper-button-next:after, #blog .swiper-button-prev:after { font-size: 21px; }
#blog .swiper-button-next:after { content: "\1F852"; }
#blog .swiper-button-prev:after { content: "\1F852"; rotate: 180deg; }
#blog .swiper-button-next.swiper-button-disabled, #blog .swiper-button-prev.swiper-button-disabled { opacity: 1; background: none; border: 1px solid var(--tema-renk2); color: var(--tema-renk2); }
/*********/
#blogCat { margin: 35px 0; position: relative; }
#blogCat .item { display: block; position: relative; transition: all 0.5s; margin: 10px; width: calc(100% - 20px); height: 350px; }
#blogCat .item .kap { height: 100%; width: 100%; }
#blogCat .item .kap:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); }
#blogCat .item .kap figure { height: 100%; width: 100%; }
#blogCat .item .kap figure img { width: 100%; height: 100%; object-fit: cover; }
#blogCat .item .kap .metin { position: absolute; bottom: 30px; left: 30px; right: 30px; z-index: 50 }
#blogCat .item .kap .metin .tarih { color: #ffffff; font: 400 15px var(--icerik-fontu); line-height: 15px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; width: fit-content; }
#blogCat .item .kap .metin .tarih i { display: flex; align-items: center; justify-content: center; margin-right: 9px; }
#blogCat .item .kap .metin .tarih i svg { fill: #fff; }
#blogCat .item .kap .metin .baslik { color: #ffffff; margin-bottom: 7px; font: 700 22px var(--baslik-fontu); line-height: 33px; }
#blogCat .item .kap .metin span.more { color: #ffffff; font: 600 15px var(--baslik-fontu); line-height: 15px; }
#blogCat .item:hover { transform: translateY(-5px); }
/*****************/
/*************/
#randevuOlustur { position: relative; z-index: 1; padding-bottom: 120px; }
#randevuOlustur .kapsul { border-radius: 40px; position: relative; padding: 70px 60px; background-color: #fd8f77; display: flex; align-items: center; gap: 60px; }
#randevuOlustur .kapsul:before { content: ""; position: absolute; background-image: url(/d/r/shape-01.png); background-repeat: no-repeat; background-size: contain; left: 385px; top: 0; z-index: 0; width: 136px; height: 75px; }
#randevuOlustur .kapsul:after { content: ""; position: absolute; background-image: url(/d/r/shape-02.png); background-repeat: no-repeat; background-size: contain; left: auto; right: 550px; bottom: 0; z-index: 0; width: 136px; height: 124px; }
#randevuOlustur .kapsul .k0 { position: relative; }
#randevuOlustur .kapsul .k0:after { content: ""; position: absolute; background-image: url(/d/r/shape-03.png); background-repeat: no-repeat; background-size: contain; left: auto; right: 36px; bottom: 28px; z-index: 0; width: 55px; height: 38px; }
#randevuOlustur .kapsul figure { margin-right: 40px; }
#randevuOlustur .kapsul figure img { width: 100px; height: auto }
#randevuOlustur .kapsul .title { font: 600 45px var(--icerik-fontu); color: #1c1d20; line-height: 1.1; width: 320px; max-width: 100%; }
#randevuOlustur .kapsul .subtitle { font: 400 24px var(--icerik-fontu); color: #1c1d20; margin: 0 0 20px; line-height: 1.5; width: 380px; max-width: 100%; }
#randevuOlustur .kapsul .rndvButon { }
#randevuOlustur .kapsul .rndvButon a { padding: 22px 40px; font-weight: 600; line-height: 1; text-transform: capitalize; display: inline-flex; align-items: center; overflow: hidden; z-index: 1; gap: 10px; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size: 18px; color: #fff; background-color: #1c1d20; border-radius: 15px; }
#randevuOlustur .kapsul .rndvButon a:before { position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ""; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 12px; background-color: #fff; }
#randevuOlustur .kapsul .rndvButon a:hover { color: #1c1d20; }
#randevuOlustur .kapsul .rndvButon a:hover:before { top: 0%; bottom: auto; height: 100%; }

@keyframes bounceright {
 from { transform: translateX(0); }
 to { transform: translateX(3px); }
}
/********/
#formDet input::placeholder, textarea::placeholder { color: var(--tema-renk2); font: 400 16px var(--icerik-fontu); }
#formDet .kapsul { padding: 16px; position: relative; display: flex; flex-direction: column; width: 600px; max-width: 100%; pointer-events: auto; background-color: #fff; outline: 0; border: none; text-align: left; margin: 0 auto; }
#formDet .kapsul .tepe { display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #dee2e6; box-sizing: border-box; padding: 0 50px 20px 15px; position: relative; }
#formDet .kapsul .tepe .doktorad { font-size: 26px; line-height: 54px; margin: 0; color: var(--tema-renk2); }
#formDet .kapsul .tepe .kapat { float: right; font-size: 24px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; background-color: transparent; border: 0; appearance: none; cursor: pointer; padding: 16px; position: absolute; top: 0; right: 0; }
#formDet .kapsul .formdetay { position: relative; padding: 30px 20px; }
#formDet .kapsul .formdetay .wrap { margin: -5px }
#formDet .kapsul .formdetay .row .satir { width: calc(50% - 10px); margin: 10px 5px; height: 40px; }
#formDet .kapsul .formdetay .satir label { width: 34%; padding-left: 18px; }
#formDet .satir input, .formdetay .satir select { padding: 10px 5px; color: var(--tema-renk2); background-color: transparent; border: none; border-bottom: 1px solid var(--tema-renk2); padding-left: 0; resize: none; width: 100%; margin: 0; border-radius: 0; height: 40px; font: 400 16px var(--icerik-fontu); }
#formDet .satir textarea { padding: 10px 5px; font-size: 16px; color: var(--tema-renk2); background-color: transparent; border: none; border-bottom: 1px solid var(--tema-renk2); padding-left: 0; resize: none; margin: 0; border-radius: 0; }
#formDet .onay { margin: 13px 0; position: relative; }
#formDet .onay input[type="checkbox"] { width: fit-content; position: absolute; left: 0; top: -10px; }
#formDet .onay a { color: var(--tema-renk2) }
#formDet.rndv { display: none; position: fixed; z-index: 999999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); padding-top: 30px; }
#formDet .rndv-content { }
#formDet .kapat:hover, .kapat:focus { color: red; cursor: pointer; }
#formDet .animate { animation: animatezoom 0.6s }
#formDet .rndvonay { cursor: pointer; display: inline-block; text-transform: uppercase; text-align: center; background: var(--tema-renk2); border: 1px solid transparent; color: #fff; position: relative; transition: all 0.3s linear; border-radius: 4px; height: 100%; padding: 12px 20px; margin: 10px auto 0; font: 500 16px var(--icerik-fontu); width: 100%; }
#formDet .rndvonay:hover { background: #fff; color: #1a1a1a; border-color: #1a1a1a; }
#formDet .guvenlik { display: flex; align-items: center; justify-content: space-between; margin: 15px 0; }
#formDet .guvenlik label { padding-left: 0 !important; }
#formDet .guvenlik label img { }
#formDet .guvenlik input { }

@keyframes animatezoom {
 from { transform: scale(0) }
 to { transform: scale(1) }
}
/******/
.sagcontainer { padding-left: calc((100% - 1170px)/2); }
/**********/
.hizmetlerimiz { padding: 75px 0; overflow: hidden; background: #fdfdfd; }
.hizmetlerimiz .kapsul { margin-bottom: 50px; text-align: center; }
.hizmetlerimiz .kapsul .title { display: inline-block; z-index: 25; position: relative; max-width: 100%; text-transform: uppercase; margin: 0 auto 15px; margin-bottom: 15px; font: 400 19px var(--baslik-fontu); color: #ffffff; width: fit-content; overflow: hidden; border-radius: 30px; padding: 5px 15px; background: var(--tema-renk1); line-height: 27px; }
.hizmetlerimiz .kapsul .subtitle { font: 500 19px var(--icerik-fontu); color: #595959; line-height: 29px; width: 750px; max-width: 100%; margin: 0 auto; }
.hizmetlerimiz .hizmetSwiper { padding: 0 0 120px; }
.hizmetlerimiz .wrap { margin: -10px; }
.hizmetlerimiz .item { box-shadow: 0 0 20px 0 #6d7d9129; z-index: 25; position: relative; }
.hizmetlerimiz .item .big { width: 100%; position: relative; z-index: -1; overflow: hidden; height: 400px; }
.hizmetlerimiz .item .big img { width: 100%; height: 100%; object-fit: cover; }
.hizmetlerimiz .item .metin { padding: 50px; position: absolute; bottom: -106px; background: #fff; width: 550px; right: 69px; max-width: 95%; box-shadow: 0px 1px 3px 1px #00000017; }
.hizmetlerimiz .item .metin .kisaOzet { -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font: 400 14px var(--icerik-fontu); line-height: 27px; color: #727272; }
.hizmetlerimiz .item .metin .baslik { color: var(--tema-renk3); margin: 0 0 10px; font: 600 20px var(--baslik-fontu); }
.hizmetlerimiz .item:hover .metin .baslik { color: var(--tema-renk1); transition: .5s; }
.hizmetlerimiz .item .metin .readMore { color: #757575; display: flex; margin-top: 20px; align-items: center; font: 400 14px var(--baslik-fontu); position: relative; padding-left: 35px; text-transform: uppercase; }
.hizmetlerimiz .item .metin .readMore:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: var(--tema-renk2); width: 25px; height: 2px; }
/**********/
.hizmetlerimiz .swiper-slide-next { opacity: .3; pointer-events: none; }
.hizmetlerimiz .swiper-slide-next .item .metin { display: none }
.hizmetlerimiz .swiper-slide-prev { opacity: .3; pointer-events: none; }
.hizmetlerimiz .swiper-slide-prev .item .metin { display: none }
/**********/
.hizmetlerimiz .swiper-button-next, #hizmetlerimiz .swiper-button-prev { padding: 10px; height: 94px; width: 49px; border-radius: 5px; top: 40%; transform: translateY(-50%); color: #181818; background: none; }
.hizmetlerimiz .swiper-button-next { right: 13%; }
.hizmetlerimiz .swiper-button-prev { left: 13%; }
/*********/
#servicesCat { margin: 35px 0; }
#servicesCat .item { box-shadow: 0 0 20px 0 #6d7d9129; z-index: 25; position: relative; width: calc(100% - 20px); margin: 20px 20px 150px; }
#servicesCat .item .big { width: 100%; position: relative; z-index: -1; overflow: hidden; height: 400px; }
#servicesCat .item .big img { width: 100%; height: 100%; object-fit: cover; }
#servicesCat .item .metin { padding: 50px; position: absolute; bottom: -106px; background: #fff; width: 450px; right: 30px; max-width: 95% }
#servicesCat .item .metin .kisaOzet { -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font: 400 14px var(--icerik-fontu); line-height: 27px; color: #727272; }
#servicesCat .item .metin .baslik { color: var(--tema-renk3); margin: 0 0 10px; font: 600 20px var(--baslik-fontu); }
#servicesCat .item:hover .metin .baslik { color: var(--tema-renk1); transition: .5s; }
#servicesCat .item .metin .readMore { color: #757575; display: flex; margin-top: 20px; align-items: center; font: 400 14px var(--baslik-fontu); position: relative; padding-left: 35px; text-transform: uppercase; }
#servicesCat .item .metin .readMore:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: var(--tema-renk2); width: 25px; height: 2px; }
/*********/
#servicesDet { padding: 35px 0 75px; }
#servicesDet .row { justify-content: space-between; }
#servicesDet .kisaOzet { font-style: italic; font-size: 16px; color: #000; font-weight: 500; margin: 0 0 10px; position: relative; }
#servicesDet .icerik { margin: 30px 0; line-height: 27px; font-size: 16px; }
#servicesDet .icerik h1 { }
#servicesDet .icerik h2 { margin: 20px 0; font-size: 22px; }
#servicesDet .icerik h3 { text-transform: capitalize; margin: 10px 0 5px 0; }
#servicesDet .icerik h4 { }
#servicesDet .icerik h5 { }
#servicesDet .icerik h6 { }
#servicesDet .icerik p { margin: 0 0 33px 0; }
#servicesDet .icerik img { height: auto; }
#servicesDet .icerik ul { list-style: disc; margin-left: 25px; color: #747474; }
#servicesDet .icerik ul li { font-size: 16px; line-height: 25px; list-style: none; position: relative; padding-left: 23px; margin: 5px 0; letter-spacing: 1px; }
#servicesDet .icerik ul li:before { /* content:""; */ position: absolute; border: 1px solid #000; width: 10px; height: 10px; left: 0; top: 7px; }
#servicesDet .icerik ul li:after { content: ""; position: absolute; width: 8px; height: 15px; left: 6px; top: 2px; border-bottom: 3px solid #1a71a5; border-right: 3px solid #1a71a5; transform: rotate(45deg); }
#servicesDet .icerik ol { color: #000; }
#servicesDet .icerik ul li, #hizmetDet .icerik ol li { margin-bottom: 20px; }
/**************/
#servicesDet .havequesto { font-size: 13px; position: relative; background-size: cover; background-position: center; color: #ffefe8; padding: 50px 40px 30px 40px; margin-bottom: 23px; }
#servicesDet .havequesto:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--tema-renk2); opacity: .7; }
#servicesDet .havequesto .icerik { position: relative; z-index: 5; }
#servicesDet .havequesto .icerik .baslik { font-size: 21px; color: #ffffff; margin-top: 0; margin-bottom: 20px; line-height: 1.2; font-weight: 700; }
#servicesDet .havequesto .icerik .subtitle { font-size: 13px; font-style: normal; color: #fff; line-height: 1.7; margin-bottom: 20px; }
#servicesDet .havequesto .icerik a { font-size: 17px; color: #ffffff; font-weight: 500; display: block; margin-bottom: 5px; }
#servicesDet .havequesto .icerik a svg { fill: #ffe786; margin: -5px 10px -5px 0; width: 20px; height: 19px; }
/***********/
#servicesDet .randevuOlustur { box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 10%); padding: 20px; }
#servicesDet .randevuOlustur form { width: 100%; }
#servicesDet .randevuOlustur form .formtitle { font-size: 28px; font-weight: 500; line-height: 28px; padding: 0 0 4px; color: var(--tema-renk1); margin-bottom: 20px; position: relative; }
#servicesDet .randevuOlustur form .formtitle:before { content: ""; position: absolute; width: 25%; height: 2px; background: var(--tema-renk2); bottom: 0; }
#servicesDet .randevuOlustur form .satir { display: block; }
#servicesDet .randevuOlustur form .satir label { font-size: 14px; font-weight: 500; display: block; line-height: 25px; color: #666; }
#servicesDet .randevuOlustur form .satir input { display: block; width: 100%; padding: 10px 15px; background-color: #fff; border: 1px solid #dedede; box-shadow: none; font-weight: 500; font-size: 13px; margin-bottom: 18px; margin-top: 3px; }
#servicesDet .randevuOlustur form .satir select { display: block; width: 100%; border-radius: 5px; padding: 0 15px; height: 40px; background-color: #fff; border: 1px solid #dedede; box-shadow: none; font-weight: 500; transition: all .2s; font-size: 15px; color: #252525; margin-bottom: 23px; }
#servicesDet .randevuOlustur form .onay { display: flex; margin: 35px 0 11px 0; }
#servicesDet .randevuOlustur form .onay input[type="checkbox"] { margin: 0; width: 15px; }
#servicesDet .randevuOlustur form .onay a { font-size: 15px; font-weight: 400; display: block; padding-left: 31px; margin: -15px 0 0 0; }
#servicesDet .randevuOlustur form .onay a:hover { text-decoration: underline; color: var(--tema-renk2); }
#servicesDet .randevuOlustur button { border: none; line-height: 1; visibility: visible; font-size: 15px; font-weight: 500; text-transform: uppercase; color: #fff; background-color: var(--tema-renk1); padding: 15px 0; width: 100%; border-radius: 5px; transition: all .2s ease-in-out; letter-spacing: 1px; margin-top: 10px; }
#servicesDet .randevuOlustur button:hover { color: #fff; background-color: var(--tema-renk2); }
#servicesDet .randevuOlustur form .satir.guvenlik { display: flex; align-items: center; justify-content: space-between; margin: 15px 0; }
#servicesDet .randevuOlustur form .satir.guvenlik label { padding-left: 0 !important; height: 100%; width: 44%; }
#servicesDet .randevuOlustur form .satir.guvenlik label img { }
#servicesDet .randevuOlustur form .satir.guvenlik input { margin: 0; width: 70%; }
/***********/
#planlama { position: relative; overflow: hidden; padding: 75px 0; }
#planlama .kapsul { margin: 15px 15px 75px; }
#planlama .kapsul .title { color: var(--tema-renk1); font: 500 26px var(--baslik-fontu); z-index: 25; position: relative; max-width: 100%; text-transform: uppercase; width: fit-content; padding: 0 0 12px; margin: 0 auto; }
#planlama .kapsul .title:before { position: absolute; content: ""; width: 100%; height: 2px; background: var(--tema-renk2); bottom: 0; z-index: -1; left: 0; right: 0; margin: auto; animation: underline 4s infinite; transition: transform .25s ease-out; }
#planlama .kapsul .subtitle { font: 500 28px var(--icerik-fontu); color: #252525; line-height: 35px; margin: 10px 0; max-width: 100%; }
#planlama .item { margin: 15px 15px 75px; position: relative; padding: 0 30px 15px; height: calc(100% - 75px); transition: .4s ease; }
#planlama .item .sira { font-size: 100px; text-shadow: 0px 0px 25px rgb(0 0 0 / 21%); color: #fff; text-align: center; }
#planlama .item figure { aspect-ratio: 16/9 }
#planlama .item .metin { text-align: center; }
#planlama .item .metin .baslik { margin: 0 auto 12px auto; color: #020202; font: 400 22px var(--baslik-fontu); width: 230px; }
#planlama .item .metin .kisaOzet { color: #414141; font: 400 17px var(--icerik-fontu); line-height: 28px; }
#planlama .kapsul .content { line-height: 28px; color: #555 }
#planlama .item a.link { color: #f00 }
/******/
#whyUs { position: relative; overflow: hidden; padding: 75px 0; background-image: url(/d/r/bg-dot-light.png); background-color: #f3f3f3; }
#whyUs .kapsul.harictut { }
#whyUs .kapsul { margin: 15px 15px 75px; background: #ffffff99; padding: 20px; height: calc(100% - 75px); }
#whyUs .kapsul .title { color: var(--tema-renk1); font: 500 18px var(--baslik-fontu); z-index: 25; position: relative; max-width: 100%; text-transform: uppercase; width: fit-content; margin: 0 0 15px; padding: 0 0 5px; }
#whyUs .kapsul .title:before { position: absolute; content: ""; width: 100%; height: 2px; background: var(--tema-renk2); bottom: 0; z-index: -1; left: 0; right: 0; margin: auto; animation: underline 4s infinite; transition: transform .25s ease-out; }
#whyUs .kapsul .subtitle { font: 500 28px var(--icerik-fontu); color: #252525; line-height: 35px; margin: 10px 0; max-width: 100%; }
#whyUs .item { margin: 15px 15px 75px; position: relative; padding: 39px; height: calc(100% - 75px); cursor: pointer; transition: .4s ease; background: #fff; }
#whyUs .item figure { margin-bottom: 5px; text-align: center; }
#whyUs .item figure img { width: 50px; display: inline-block; }
#whyUs .item .metin { text-align: center; }
#whyUs .item .metin .baslik { margin: 0 0 17px; color: #111; font: 600 23px var(--baslik-fontu); }
#whyUs .item .metin .kisaOzet { color: #646464; font: 400 18px var(--icerik-fontu); line-height: 27px; }
#whyUs .seeAll { margin: 15px 15px 75px; position: relative; border: 1px solid #dedede; padding: 0 30px 15px; height: calc(100% - 75px); cursor: pointer; transition: .4s ease; display: flex; align-items: center; justify-content: center }
#whyUs .seeAll span { color: var(--tema-renk1); font: 600 20px var(--icerik-fontu); }
#whyUs .seeAll:hover { border-color: var(--tema-renk1); box-shadow: 0 0 3px 2px #de1f273b; background: var(--tema-renk1); }
#whyUs .seeAll:hover span { color: #fff }
#whyUs .kapsul .content { line-height: 28px; color: #555 }
/******/
#whyUsCat { position: relative; margin: 45px 0; display: block; }
#whyUsCat .item { margin: 15px 15px 75px; position: relative; border: 1px solid #dedede; padding: 0 30px 15px; height: calc(100% - 75px); cursor: pointer; transition: .4s ease; }
#whyUsCat .item .icon { background: #fff; margin: -37px 0 24px; padding: 0 5px; width: fit-content; }
#whyUsCat .item .icon img { width: 70px; height: 70px; }
#whyUsCat .item .metin { z-index: 90; }
#whyUsCat .item .metin .baslik { margin: 0 0 10px; color: var(--tema-renk1); font: 600 18px var(--baslik-fontu); }
#whyUsCat .item .metin .kisaOzet { color: #757575; font: 400 15px var(--icerik-fontu); }
#whyUsCat .item:hover { border-color: var(--tema-renk1); box-shadow: 0 0 3px 2px #de1f273b; }
/******/
#collabrate { padding: 90px 0; overflow: hidden; }
#collabrate .metin { display: flex; position: relative; width: 100%; flex-wrap: wrap; align-content: flex-start; padding: 0% 18% 0% 16%; justify-content: flex-end }
#collabrate .metin .title { color: var(--tema-renk1); font: 500 18px var(--baslik-fontu); z-index: 25; position: relative; max-width: 100%; text-transform: uppercase; width: fit-content; margin: 0 0 15px; padding: 0 0 5px; text-align: right; }
#collabrate .metin .title:before { position: absolute; content: ""; width: 100%; height: 2px; background: var(--tema-renk2); bottom: 0; z-index: -1; left: 0; right: 0; margin: auto; animation: underline 4s infinite; transition: transform .25s ease-out; }
#collabrate .metin .subtitle { font: 500 42px var(--baslik-fontu); line-height: 53px; color: #111; letter-spacing: 3px; text-align: right; margin-bottom: 25px; }
#collabrate #collab { }
#collabrate #collab .satir { padding: 0 15px; }
#collabrate #collab .satir textarea, #collabrate #collab .satir input { position: relative; display: inline-block; width: 100%; vertical-align: top; margin: 0 0 10px; padding: 17px 25px; color: #6d6d6d; background-color: transparent; border: 2px solid rgba(0,0,0,.2); border-radius: 0; outline: 0; cursor: pointer; -webkit-appearance: none; transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; font: 400 16px var(--icerik-fontu); line-height: 24px; }
#collabrate #collab .satir textarea:focus, #collabrate #collab .satir input:focus { color: #111; background-color: transparent; border-left-color: #111 }
#collabrate #collab .satir textarea::placeholder, #collabrate #collab .satir input::placeholder { color: inherit; opacity: 1 }
#collabrate #collab .guvenlik { display: flex; align-items: center; justify-content: space-between; margin: 15px 0; }
#collabrate #collab .guvenlik label { width: 28% !important; position: relative !important; transform: none !important; opacity: 1 !important; padding: 0 !important; margin: 0 10px 0 0 !important; }
#collabrate #collab .guvenlik label img { width: 100%; }
#collabrate #collab .guvenlik input { width: 70% !important; margin: 0; }
#collabrate #collab button { position: relative; display: inline-block; vertical-align: middle; font: 400 17px var(--baslik-fontu); text-decoration: none; text-transform: uppercase; letter-spacing: .2em; border-radius: 0; outline: 0; box-sizing: border-box; transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out; color: #fff; background-color: #111; border: 2px solid #111; cursor: pointer; width: 100%; padding: 10px 20px; text-align: center; }
.collabSocial { width: 100%; display: flex; column-gap: 20px; justify-content: flex-end; }
.collabSocial a { width: 28px; height: 28px; display: flex; align-items: center; z-index: 50; justify-content: center; border-radius: 50%; }
.collabSocial a svg { fill: #090909; width: 16px; height: 16px; }
.collabSocial a.face { background: #3b5998; }
.collabSocial a.inst { background: #e1306c; }
.collabSocial a.twit { background: #1da1f2; }
.collabSocial a.face svg { fill: #fff; }
.collabSocial a.inst svg { fill: #fff; }
.collabSocial a.twit svg { fill: #fff; }
/**********/
.stickyYap { position: sticky; top: 60px; }
.stickyYap .breadcrumb { float: none; width: 100%; text-align: left; margin: 20px 0 0 0; }
.stickyYap .breadcrumb > li { }
.stickyYap .breadcrumb a { color: #91addb; font-weight: 400; font-size: 12px; }
.stickyYap .breadcrumb > li + li:before { padding: 0 8px; color: #91addb; content: "/\00a0"; font-size: 13px; }
.urunDetay { min-height: 350px; }
.urunIcerik { line-height: 30px; color: #222; font-size: 17px; margin-top: 30px }
.urunIcerik p { margin-bottom: 25px; }
.urunDetay .bir { background: #f5f5f5 }
.urunDetay img { height: auto; max-width: 100%; }
.urunDetay .kapsul1 { margin: 10px auto 0 auto; display: flex; }
.urunDetay .subtitle { margin: 0 0 40px 0; font-size: 17px; line-height: 27px; color: #333; }
.urunDetay .urunBilgileri { position: relative; }
.urunBilgileri .tur { color: #c39a5a; font-size: 18px; margin: 25px 0 0 0; }
.urunBilgileri a.tel { width: fit-content; display: block; position: relative; padding: 8px 15px 8px 42px; background: #000000; border-radius: 20px; margin-right: 25px; color: #fff; margin-top: 40px; }
.urunBilgileri a.tel:after { background: url('/d/r/sprite.png') no-repeat; content: ''; position: absolute; left: 14px; top: 8px; z-index: 2; background-position: -344px -379px; width: 18px; height: 18px; }
.urunBilgileri .ins { background: #ffd200; padding: 7px 20px; border-radius: 15px; color: #4b400d; text-decoration: none; font: 700 18px Nunito; float: left; margin-right: 25px; margin-top: 40px; }
.urunBilgileri .ozet { }
#urunResimleri { margin-right: 20px }
#urunResimleri a { display: block; margin-bottom: 20px; display: none; position: relative; }
#urunResimleri a.coverImg { display: block }
#urunResimleri a.coverImg span { position: absolute; bottom: 10px; left: 10px; z-index: 2; background: #000; padding: 9px 13px; color: #fff; border-radius: 10px; }
#urunResimleri img { width: 100% }
#urunResimleri a:last-child { margin: 0 }
.urunOzellikler ul { display: flex; flex-wrap: wrap; justify-content: center; }
.urunOzellikler ul li { color: #839c9e; margin: 0 0 25px 0; width: 168px; text-align: center; }
.urunOzellikler ul li img { display: inline-block; width: 24px; }
.urunOzellikler ul li span { display: block; font-size: 13px; width: 91px; margin: 5px auto 0 auto; color: #555; }
#sorguOdaDetay { margin-top: 50px; border: solid 2px #f3f3f3; border-radius: 10px; background: #fdfdfd; padding: 15px 25px; }
#sorguOdaDetay .tar { margin: 20px 0; position: relative }
#sorguOdaDetay .tar label { margin-right: 15px; }
#sorguOdaDetay .tar input { padding: 5px 15px; width: 148px; border: solid 1px #bbb; }
#sorguOdaDetay .anchor input { cursor: pointer; border: none; display: inline-block; background: var(--tema-renk2); color: #fff; padding: 12px 24px; border-; border-radius: 10px; ze: 15px; font-weight: 600; }
#digerozellikler { margin: 60px 0; }
#digerozellikler h2 { font-family: Nunito; font-weight: 700; font-size: 28px; color: #1c8089; position: relative; margin: 0 0 16px 0; }
#digerozellikler ul { column-count: 4; list-style: disc; margin-left: 25px; color: #333; }
#digerozellikler ul li { margin-bottom: 15px; }
/***/
#digerozellikler2 { margin: 60px 0; }
#digerozellikler2 h2 { font-family: Nunito; font-weight: 700; font-size: 28px; color: #1c8089; position: relative; margin: 0 0 16px 0; }
#digerozellikler2 ul { column-count: 2; list-style: disc; margin-left: 25px; color: #333; }
#digerozellikler2 ul li { margin-bottom: 30px; }
/***/
#activity { }
#activity .subozet { line-height: 28px; font-size: 15px; color: #222; }
#activity .row { margin: 0 -15px }
#activity .title { color: #111; text-align: center; font-size: 41px; position: relative; line-height: 26px; margin: 0 0 15px 0; font-weight: 400; }
#activity strong { font-style: normal; position: relative; border-radius: 7px; padding: 0 10px; line-height: 23px; display: inline-block; font-size: 14px; color: #666; font-family: var(--icerik-fontu); text-align: center; display: block; margin: 5px 0 15px 0; }
#activity .lale { display: block; margin: 0 auto; width: 20px; }
#activity .ozet { }
#activity .kapsul { margin: 0 -20px; }
#activity .item { flex-grow: 0; margin: 0 15px 60px 15px; text-align: center; width: calc(50% - 30px); position: relative; overflow: hidden; }
#activity .item figure { position: relative; background: #000; overflow: hidden; }
#activity .item figure:after { content: ''; border: solid 1px #fff; position: absolute; left: 8px; top: 8px; bottom: 8px; right: 8px; z-index: 9; opacity: .5; transition: opacity ease .3s; }
#activity .item:hover figure img { opacity: .7; transition: transform ease .3s }
#activity .item figure img { display: inline; }
#activity .item strong { opacity: 1; position: absolute; z-index: 2; top: 50%; transform: translate(-50%,-50%); left: 50%; background: rgb(255 255 255 / 87%); padding: 8px 24px; text-align: center; font-size: 18px; color: black; font-weight: 300; transition: opacity 0.3s ease-out; width: auto; }
#activity .item .ozet { text-align: left; margin: 10px 0; line-height: 23px; color: #4c4c4c; font-weight: 400; padding-right: 15px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#activity .item:hover figure:after { opacity: 0 }
#activity .item:hover strong { opacity: 0; backface-visibility: hidden; }
#activity .item a { position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; }
#activity .item:hover figure img { backface-visibility: hidden; transform: scale(1.15, 1.15); opacity: 1; }
/****/
#mesafe { margin: 10px 0 40px 0; border-radius: 25px; padding: 21px 0 25px 0; }
#mesafe h2 { font-family: Nunito; font-weight: 700; font-size: 28px; color: #1c8089; position: relative; margin: 0 0 16px 0; }
#mesafe .kapsul { display: flex; flex-wrap: wrap; }
#mesafe .item { display: flex; width: 20%; margin-bottom: 30px; }
#mesafe .item figure { margin-right: 9px; width: 40px; }
#mesafe .item figure img { }
#mesafe .item .metin { flex-grow: 1; }
#mesafe .item .metin strong { display: block; margin-bottom: 5px; font-weight: 400; color: #2d2d2d; }
#mesafe .item .metin span { display: block; font: 600 23px initial; color: #212121; }
/****/
#partners { padding: 100px 0; background: #f9f9f9; position: relative }
#partners .title { font-size: 36px; text-align: center; line-height: 32px; }
#partners:after { content: ''; position: absolute; background: linear-gradient(180deg, #fff 0px, transparent 75px); left: 0; right: 0; height: 75px; top: 0; }
#partners .item { position: relative; width: calc(100% - 30px); text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 15px; padding: 35px 0; border: 1px solid #e9e9e9; gap: 20px; transition: .4s ease; height: 152px; }
#partners .item figure { position: relative; display: block; }
#partners .item figure img { height: auto; max-width: 168px; border: none; border-radius: 0; box-shadow: none; max-height: 81px; }
#partners .item .baslik { font: 600 18px var(--baslik-fontu); color: var(--tema-renk2); position: relative; text-align: center; }
#partners .item:hover { transform: translateY(-5px); box-shadow: 0 1px 2px 1px #00000014; }
/**********/
#turCat { display: block; position: relative; }
#turCat .ozet { font-size: 18px; line-height: 30px; margin-bottom: 30px; }
#turCat .item { margin: 10px; box-shadow: 0 0 1px 2px #00000008; border-radius: 4px; overflow: hidden; }
#turCat .item figure { overflow: hidden; }
#turCat .item figure img { width: 100%; object-fit: cover; aspect-ratio: 16/9; }
#turCat .item .metin { padding: 10px 5px 0 5px; }
#turCat .baslik { font: 500 20px var(--baslik-fontu); color: var(--tema-renk3); padding: 10px 10px; }
#turCat .item .metin .alans { display: flex; flex-wrap: wrap; }
#turCat .item .metin .alans .kp { width: calc(50% - 5px); display: flex; align-items: center; font: 400 13px var(--icerik-fontu); color: #000000; }
#turCat .item .metin .alans .kp span { display: block; font: 300 13px var(--icerik-fontu); color: #363636; margin-bottom: -4px; }
#turCat .item .metin .alans .gidis { }
#turCat .item .metin .alans .donus { }
#turCat .item .metin .alans > div { margin-left: 5px; margin-bottom: 10px }
#turCat .item .metin .alans > div:nth-child(2n+1) { margin-right: 5px; margin-left: 0 !important; }
#turCat .item .metin .alans > div .cont { background: #f8f8f8; width: 100%; height: 100%; padding: 13px 15px; border-radius: 4px; }
#turCat .item .metin .alans > div .cont span { font-size: 16px; font-weight: 600; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; width: calc(100% + 25px) }
#turCat .item .metin .alans > div .cont span a { color: #0095ca; font-size: 16px; position: relative }
#turCat .item .metin .alans > div .cont span a:after { content: ''; background: url('data:image/svg+xml;utf8,<svg width="18px" height="18px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Interface / External_Link"><path id="Vector" d="M10.0002 5H8.2002C7.08009 5 6.51962 5 6.0918 5.21799C5.71547 5.40973 5.40973 5.71547 5.21799 6.0918C5 6.51962 5 7.08009 5 8.2002V15.8002C5 16.9203 5 17.4801 5.21799 17.9079C5.40973 18.2842 5.71547 18.5905 6.0918 18.7822C6.5192 19 7.07899 19 8.19691 19H15.8031C16.921 19 17.48 19 17.9074 18.7822C18.2837 18.5905 18.5905 18.2839 18.7822 17.9076C19 17.4802 19 16.921 19 15.8031V14M20 9V4M20 4H15M20 4L13 11" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>'); display: inline-block; margin-left: 2px; vertical-align: middle; width: 18px; height: 18px; opacity: .8; margin-top: -4px; }
#turCat .item .metin .alans > div:last-child .cont span:nth-child(2n) { font-size: 16px; }
#turCat .item .metin .alans > div .cont span:nth-child(2n+1) { font-size: 16px; white-space: nowrap; font-weight: 600; margin-bottom: 3px; color: #000; }
#turCat .item .metin .alans .mekkeOtel { }
#turCat .item .metin .alans .medineOtel { }
#turCat .item .metin .oda4 { p; padding: 10px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; font: 700 32px var(--baslik-fontu); color: #ffffff; line-height: 42px; /* background: #e0e0e0; */ margin: 0 5px; border-radius: 4px; }
#turCat .item .metin .oda4 span { display: block; font: 300 16px var(--icerik-fontu); color: #4a4a4a; }
#turCat .item .metin .oda4 span:nth-child(2n) { font-size: 23px; font-weight: 600; color: var(--tema-renk3); }
#turCat .item .metin .moreInfo { text-align: center; color: var(--tema-renk2); margin: 20px 0 20px auto; width: fit-content; display: flex; align-items: center; justify-content: center; gap: 7px; transition: .4s ease; }
#turCat .item .metin .moreInfo svg { transition: .4s ease; }
#turCat .item .metin .moreInfo:hover { }
#turCat .item .metin .moreInfo:hover svg { transform: translateX(5px); }
#turCat ul { list-style: disc; margin: 30px 30px 30px 40px; }
#turCat ul li { line-height: 25px; color: #444; font-size: 16px; margin-bottom: 10px; }
#turCat .item .baslik span { background-repeat: no-repeat; background-image: linear-gradient(transparent calc(100% - 2px), #000 2px); transition: .6s cubic-bezier(.215,.61,.355,1); background-size: 0 96%; }
#turCat .item:hover .baslik span { color: #000; background-size: 100% 96%; }
#turCat .ortala { margin: 0 !important; display: flex; width: 100%; justify-content: space-evenly; }
/*******/
#sliderAlt { position: relative; z-index: 50; background: #ffff; margin-top: 43px; padding: 30px 0 60px; }
#sliderAlt .sliderAltSwiper { padding: 20px 0; }
#sliderAlt a { margin: 0 5px; display: flex; height: 104px; position: relative; color: #1d73b2; font-size: 18px; text-decoration: none; width: 100%; }
#sliderAlt .item { display: flex; flex-direction: column; gap: 20px; align-items: center; width: 100%; }
#sliderAlt .item figure { width: 32px; height: 32px; display: block; will-change: top; transition: all .16667s cubic-bezier(.66,-.1,.74,.73); margin-left: auto; margin-right: auto; text-align: center; margin: 0 auto; }
#sliderAlt .item figure img { width: 30px; height: 30px; fill: var(--tema-renk1); filter: brightness(0) saturate(100%) invert(32%) sepia(32%) saturate(2443%) hue-rotate(179deg) brightness(91%) contrast(93%); }
#sliderAlt .item .baslik { color: #000; display: block; line-height: 24px; margin-left: auto; margin-right: auto; text-align: center; font-size: 15px; }
#sliderAlt a:hover { }
#sliderAlt a:hover figure { transform: translateY(-10px) }
/******/
#sliderAlt .swiper-button-next, #sliderAlt .swiper-button-prev { top: 40%; background: none !important; border: none !important; text-decoration: none; text-shadow: none; box-shadow: none; cursor: pointer; padding: 8px !important; }
#sliderAlt .swiper-button-prev { left: -15px; }
#sliderAlt .swiper-button-next { right: -15px; }
#sliderAlt .swiper-button-lock { display: block; opacity: .3; }
#sliderAlt .swiper-button-next:after, #sliderAlt .swiper-button-prev:after { font-size: 18px; }
/******/
#mekkeKonaklamaAll { position:relative;margin:100px 0;}
#mekkeKonaklamaAll .kapsul { margin-bottom: 50px; text-align: center; }
#mekkeKonaklamaAll .kapsul .title { z-index: 25; position: relative; max-width: 100%; text-transform: uppercase; margin: 0 auto 15px; margin-bottom: 15px; font: 400 19px var(--baslik-fontu); color: #ffffff; width: fit-content; overflow: hidden; border-radius: 30px; padding: 5px 15px; background: var(--tema-renk1); line-height: 27px; }
#mekkeKonaklamaAll .kapsul .subtitle { font: 500 19px var(--icerik-fontu); color: #595959; line-height: 29px; width: 750px; max-width: 100%; margin: 0 auto; }
#mekkeKonaklamaAll .item { position: relative; display: block; margin: 0 10px 30px 10px; transition: all 500ms ease; overflow: hidden; border: solid 1px #e1e1e1; background: #f7f7f7; }
#mekkeKonaklamaAll .item figure { position: relative; }
#mekkeKonaklamaAll .item figure img { width: 100%; transform: scale(1); transition: transform 500ms ease; height: auto; }
#mekkeKonaklamaAll .item .metin { }
#mekkeKonaklamaAll .item .metin .baslik { transition: all 500ms ease; font: 400 20px var(--baslik-fontu); margin-bottom: 5px; position: relative; padding-bottom: 5px; overflow: hidden; }
#mekkeKonaklamaAll .item .metin .baslik span { background-repeat: no-repeat; background-image: linear-gradient(transparent calc(100% - 2px), #000 2px); transition: .6s cubic-bezier(.215,.61,.355,1); background-size: 0 96%; }
#mekkeKonaklamaAll .item .metin .kisaOzet { transition: all 500ms ease; color: #fff; font: 400 16px var(--icerik-fontu); line-height: 25px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#mekkeKonaklamaAll .item figure:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all .2s; margin: 1rem; border: 2px solid rgba(255, 255, 255, .5); clip-path: polygon(0 calc(100% - 1rem), 0 100%, 1rem 100%, 1rem 0, 0 0, 0 1rem, 100% 1rem, 100% 0, calc(100% - 1rem) 0, calc(100% - 1rem) 100%, 100% 100%, 100% calc(100% - 1rem)); box-shadow: 1px 1px #fff; }
#mekkeKonaklamaAll .item:hover figure:after { border-color: #fff; -webkit-transform: scale(.9); transform: scale(.9); }
#mekkeKonaklamaAll .item:hover figure img { transform: scale(1.05); }
#mekkeKonaklamaAll .item .metin { margin-top: 13px; padding: 0 11px; width: 300px; max-width: 100%; }
#mekkeKonaklamaAll .item .metin .more { visibility: visible; transform: translateY(0%); opacity: 1; }
#mekkeKonaklamaAll .item:hover .baslik span { color: #000; background-size: 100% 96%; }
/********/
/******/
@media(min-width: 1901px) {
}

@media(max-width: 767px) {
 #turCat .item figure { width: 100% }
 #turCat .item .metin .oda4 { padding: 10px 5px; }
 footer .logolar figure { width: 50%; display: inline-block; }
 footer .logolar figure.kulturLogo img { margin: 0 0 0 auto }
 footer .logolar { padding: 0; flex-direction: row; align-items: center; }
 footer .satir1 { padding: 50px 0; }
 footer .footerContact .satir:first-child { width: 100%; }
 footer .footerContact .satir { padding-right: 0; margin: 0 0 10px 0; }
 footer .footerContact .satir:last-child { text-align: right; }
 footer .footerContact .satir a.linkGit { font-size: 14px; padding: 0; }
 footer .footerContact { border-top: 1px solid #eaeaea; border-left: none; padding: 35px 0 0 0; margin-top: 40px; }
 footer .satir2 .contract ul { white-space: nowrap; overflow-x: auto; margin: 10px 0 0 0; width: 100%; text-align: left; justify-content: flex-start; padding-bottom: 9px; }
 footer .satir2 .kap { justify-content: space-between; }
 footer .satir2 .kap .imza a { font-size: 14px; }
 footer .satir2 .kap .copy { font-size: 14px; }
 footer .icerik { border-right: none; border-bottom: 1px solid #eaeaea; margin-bottom: 40px; }
 /****/
 .onceki { margin-bottom: 25px }
 /******/
 nav.icMenu { margin: 0 0 30px 0; }
 /******/
 .nedirIcerik img { height: auto }
 .nedirIcerik h1 { font-size: 17px }
 .nedirIcerik ul li { padding-left: 0 }
 /*******/
 .urunTab .etezgahTab a { padding: 10px 25px }
 .urunTab .bilgi { padding: 45px 15px }
 .urunTab { margin: 60px 0 0 }
 /********/
 .sabit { padding: 0 10px }
 /****/
 #iletisimForm .iletForm { padding: 35px 20px; }
 #forms .adKap .cl6:first-child .satir { padding-right: 0; }
 #forms .adKap .cl6:last-child .satir { padding-left: 0; }
 #iletisimForm .iletisimBilgi { padding: 70px 20px; }
 /****/
 #whyUs .item { margin: 0 0 56px; flex-direction: column; justify-content: center; align-items: center; padding: 25px; }
 #whyUs figure img { padding: 0; }
 #whyUs .kapsul .title { margin: 0 auto 15px; text-align: center; display: block; width: fit-content; }
 #whyUs .kapsul .subtitle { font-size: 26px; text-align: center; }
 #whyUs .kapsul .content { text-align: center; }
 #whyUs .swiper-pagination { text-align: center; margin-left: 0; }
 #whyUs .item .metin { text-align: center; }
 #whyUs .seeAll { margin: 0; height: 200px; }
 /****/
 #formDet .kapsul .formdetay .row .satir { width: 100%; margin: 0 0 20px; }
 /****/
 #anaHakkimizda .metin { margin: 35px 0 0; }
 #anaHakkimizda .baslik:before { left: 32%; }
 #anaHakkimizda .metin .kisaOzet { font-size: 30px; }
 /****/
 #merakEdilenler { padding: 35px 0; }
 #merakEdilenler .kapsul { margin: 0 0 30px; }
 #merakEdilenler .title { font-size: 30px; line-height: 35px; }
 #merakEdilenler .subtitle { font-size: 15px; line-height: 25px; }
 /****/
 #blog .swiper-button-next { right: 0; }
 #blog .swiper-button-prev { left: 0; }
 /****/
 .icerikSag { padding: 50px 0 0 !important; }
 /****/
 #blogCat .item { margin: 0 0 20px; width: 100%; }
 #blogCat .item .kap .sira { position: absolute; left: 0; top: 0; opacity: .4; }
 #blogCat .item .kap .basTa { padding: 0; z-index: 50; }
 /****/
 .hizmetlerimiz .kapsul .subtitle { font-size: 26px; }
 .hizmetlerimiz .hizmetSwiper { padding: 0 10px 120px; }
 .hizmetlerimiz .item .metin { right: 10px; padding: 30px; }
 .hizmetlerimiz .swiper-button-next, .hizmetlerimiz .swiper-button-prev { color: #fff; }
 .hizmetlerimiz .swiper-button-next { right: 0; }
 .hizmetlerimiz .swiper-button-prev { left: 0; }
 /****/
 #product .swiper-button-next { right: 0; }
 #product .swiper-button-prev { left: 0; }
 /****/
 #projectCat .item { width: 100%; margin: 0 0 30px; }
 /****/
 .xzoom-thumbs { justify-content: flex-start; }
 /****/
 #randevuOlustur .kapsul { flex-direction: column; padding: 115px 27px; }
 #randevuOlustur .kapsul:before { left: 185px; }
 #randevuOlustur .kapsul .subtitle { padding: 0 27px; }
 #randevuOlustur .kapsul .rndvButon { padding: 0 27px; }
 /****/
 .sagcontainer { padding: 0 10px; }
 /******/
 #bulten .item .metin { text-align: center; }
 #bulten .item .metin .baslik { text-align: center; }
 #bulten .item form input[type="text"] { width: auto; }
 #bulten .item { padding: 150px 25px }
 /******/
 #getTouch .kapsul { padding: 20px; }
 #getTouch .adKap .cl6:first-child .satir { padding-right: 0; }
 #getTouch .adKap .cl6:last-child .satir { padding-left: 0; }
 #getTouch .kap { padding: 0; margin: 30px 0 15px; }
 #getTouch form { padding: 0; }
 #collabrate .metin { justify-content: center; padding: 0; margin-bottom: 24px; }
 #collabrate .metin .subtitle { text-align: center; }
 #activity .row { margin: 0 0 20px 0 }
 #activity .item { width: 100%; margin: 0 0 20px 0; }
 #partners { padding: 50px 0; }
 #partners .row { display: flex; }
 #partners .item { }
 /****/
 #sliderAlt .swiper-button-prev { left: 0; }
 #sliderAlt .swiper-button-next { right: 0; }
}