footer { padding: 45px 0 0; background: #161616; position: relative; }
footer .satir1 { margin: 25px 0; }
footer .satir1 .baslik { text-align: center; font: 600 58px var(--baslik-fontu); color: #ffff; margin-bottom: 40px; }
footer .satir1 .kapsul { display: flex; flex-wrap: wrap; }
footer .satir1 .kap0 { width: 50%; display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 43px; align-items: center; }
footer .satir1 .kap0.maill, footer .satir1 .kap0.sociall { justify-content: flex-end; }
footer .satir1 .kap0 .icon { margin-right: 31px; }
footer .satir1 .kap0 .icon svg { width: 36px; height: 36px; fill: var(--tema-renk2); }
footer .satir1 .kap0 .adress { font: 400 24px var(--baslik-fontu); width: 378px; color: #fff; line-height: 32px; max-width: 100%; }
footer .satir1 .kap0.maill a.mail { font: 400 24px var(--baslik-fontu); width: 280px; color: #fff; }
footer .satir1 .kap0.maill .icon svg { fill: none; }
footer .satir1 .kap0.maill .icon svg path { stroke: var(--tema-renk2); }
footer .satir1 .kap0.tell a.tel { font: 400 24px var(--baslik-fontu); width: 280px; color: #fff; }
footer .satir1 .kap0.tell a.tel svg { }
footer .satir1 .kap0 a svg { }
footer .satir1 .kap0.sociall .icon svg { fill: none; }
footer .satir1 .kap0.sociall .icon svg path { stroke: var(--tema-renk2); }
footer .satir1 .kap0 .social { display: flex; align-items: center; margin-right: 22%; }
footer .satir1 .kap0 .social a { color: #020e27; padding: 10px; display: flex; align-items: center; justify-content: center; margin-right: 10px; }
footer .satir1 .kap0 .social a:hover { opacity: 1; background: #fbfbfb; box-shadow: 0 0 2px 2px #0000000f; }
footer .satir1 .kap0 .social a svg { display: block; fill: #fff; width: 20px; height: 20px; }
footer .satir1 .kap0 .social a:hover svg { fill: var(--tema-renk1); }
footer .satir1 .kap0 .social a.yout:hover svg path { fill: var(--tema-renk1); }
footer .satir2 { position: relative; padding: 25px 0 0; }
footer .satir2:before { opacity: .4; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--tema-renk2); }
footer .satir2 .logolar { display: flex; justify-content: space-between; }
footer .satir2 figure { }
footer .satir2 figure img { }
footer .satir3 { padding: 24px 0 24px 0; margin-top: 15px; display: inline-block; width: 100%; }
footer .satir3 .row { justify-content: center; align-items: center; }
footer .satir3 .copy { letter-spacing: .8px; color: #d8d8d8; font: 400 16px var(--baslik-fontu); }
footer .satir3 .imza { text-align: left; letter-spacing: .5px; margin: 0 0 0 8px; color: #d8d8d8; font: 400 16px var(--baslik-fontu); }
footer .satir3 .imza img { max-width: 75px; margin: 0 0 0 auto; }
footer .satir3 .contract { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; }
footer .satir3 .contract ul { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; }
footer .satir3 .contract ul li { color: #d8d8d8; font: 400 14px var(--icerik-fontu); transition: all 750ms ease; margin: 0 16px; cursor: pointer; }
footer .satir3 .contract ul li a { color: #d8d8d8; font: 400 16px var(--baslik-fontu); transition: all 750ms ease; }
footer .satir3 .contract ul li:hover { color: var(--tema-renk2); }
footer .satir3 .contract ul li a:hover { color: var(--tema-renk2); }
/*********/
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none }
.aktifTab { display: block }
.popup99 { text-align: center; width: 100%; height: 100%; padding: 50px 10px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1000000; background: rgba(0,0,0,.6); }
.popup99 a.git99 { position: relative; display: inline-block; width: 100%; height: 100%; }
.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 { display: inline-block }
/***kolon yapisi***/
.urunTab { margin: 60px -15px 0 -15px; }
.urunTab .bilgi { min-height: 288px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); line-height: 30px; border: none; font-size: 15px; color: #4b4b4b; padding: 45px 60px; background: #fff; }
.urunTab .bilgi h2 { margin: 0 0 15px 0; font-size: 18px; font-weight: 700 }
.urunTab .etezgahTab { overflow-y: auto; border-top-right-radius: 6px; border-top-left-radius: 6px; white-space: nowrap; }
.urunTab .etezgahTab a { border-radius: 0; font-size: 14px; padding: 10px 15px; background: #dedede; display: inline-block; margin-right: 0; letter-spacing: .5px; font-weight: 400; color: #333 }
.urunTab .etezgahTab a.aktif { background: #f7f7f7; }
/***/
.site-backtop { display: none; position: fixed; bottom: 10px; right: 10px; z-index: 999; width: 40px; height: 40px; cursor: pointer; background: var(--tema-renk1); border-radius: 50%; }
.site-backtop:after { content: ''; position: absolute; z-index: 9; left: 12px; top: 13px; background: url(/d/ortak.png) no-repeat -254px -303px; width: 17px; height: 11px; filter: invert(1); }
/******/
.dersAll { min-height: 450px; }
.dersAll .kapsul { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100% }
.dersAll .kapsul a { display: block; width: 32%; margin: 0 0 30px 0; position: relative; border-radius: 20px; overflow: hidden; }
.dersAll .kapsul a figure { overflow: hidden; max-height: 286px; }
.dersAll .kapsul a figure img { display: block; width: 100%; }
.dersAll .kapsul a h3, .dersAll .kapsul a h2 { margin: 0; z-index: 8; letter-spacing: .5px; background: var(--tema-renk2); padding: 8px 20px; border-radius: 15px; position: absolute; bottom: 15px; right: 15px; color: #4b400d; text-decoration: none; font: 700 14px var(--baslik-fontu); }
.dersAll .kapsul a:hover h3, .dersAll .kapsul a:hover h2 { color: #000; }
.dersAll .kapsul a:hover img { opacity: .9 }
/***/
.nedirIcerik { font-size: 16px; color: #444; min-height: 457px; line-height: 28px; }
.nedirIcerik iframe { margin: 30px 0 }
.nedirIcerik p { margin: 7px 0 }
.nedirIcerik .icerik { line-height: 30px; }
.nedirIcerik h1 { color: #58585a; font-weight: 700; font-size: 24px; margin: 0; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; height: auto; padding: 0 0 10px 0; }
.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 0; }
.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: #4D4E53; font: 700 20px/30px 'Roboto'; }
.nedirIcerik ul { list-style: disc; margin-left: 30px; }
.nedirIcerik ul li { padding-left: 30px; padding-bottom: 3px; position: relative; line-height: 30px; }
.nedirIcerik .itemN { margin: 10px; max-height: 400px; overflow: hidden; }
.nedirIcerik .itemN img { }
.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 .videoNedir iframe { width: 100%; }
.nedirIcerik img { height: auto !important; display: list-item; margin: 0 25px 20px 0; }
/******/
#sosyalNC { right: 0; top: 52%; z-index: 99; position: fixed; /* border-radius:5px 0 0 5px; */ transform: translateY(-50%); background: var(--tema-renk3); padding: 7px 0; }
#sosyalNC a { color: #020e27; padding: 13px 13px; display: flex; align-items: center; justify-content: center; }
#sosyalNC a:hover { opacity: 1; background: #fbfbfb; box-shadow: 0 0 2px 2px #0000000f; }
#sosyalNC a svg { display: block; fill: #fff; transition: opacity ease .5s; }
#sosyalNC a:hover svg { fill: var(--tema-renk1); }
#sosyalNC a.yout:hover svg path { fill: var(--tema-renk1); }
#sosyalNC.soldurNC a svg { opacity: .4; }

#sosyalNC.soldurNC:hover a svg { opacity: 1; }
/******/
nav.icMenu { padding: 15px; background: #434343; /* margin-right: 30px; */ }
nav.icMenu a { position: relative; display: block; color: #ffffff; text-decoration: none; margin-bottom: 3px; font-size: 16px; padding: 10px 0; font-weight: 400; padding-left: 14px; letter-spacing: -.5px; }
nav.icMenu a:hover { background: var(--tema-renk1); }
nav.icMenu a.active { color: var(--tema-renk2); }
nav.icMenu a.active:after { position: absolute; top: 17px; right: 10px; width: 8px; height: 8px; content: ''; margin-left: -5px; border-right: 2px solid var(--tema-renk2); border-bottom: 2px solid var(--tema-renk2); transform: rotate( -45deg); box-sizing: border-box; }
/****/
#services { padding: 100px 0; position: relative; background: linear-gradient(180deg, black 51%, transparent 51%); }
#services .kapsul { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
#services .kapsul .title { color: #fff; font: 600 30px var(--baslik-fontu); width: 249px; position: relative; margin: 0; }
#services .kapsul a.moreAll { color: #939393; text-transform: uppercase; font: 500 16px var(--icerik-fontu); display: inline-block; margin-top: -6px; }
#services .item { position: relative; }
#services .item:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(0deg, black, transparent); height: 100%; }
#services .item:hover { }
#services .item figure { }
#services .item figure img { width: 100%; }
#services .item .metin { position: absolute; top: calc(100% - 70px); z-index: 25; left: 10px; display: flex; align-items: center; height: 64px; }
#services .item .metin .baslik { margin: 0; color: #fff; font: 600 22px var(--icerik-fontu); width: 245px; padding: 0 15px 10px; position: relative; }
#services .item .metin .baslik:before { opacity: 0; content: ""; position: absolute; bottom: 0; width: 0; height: 4px; background: var(--tema-renk1); left: 19px; z-index: 10; transition: all 750ms ease; }
#services .item:hover .metin .baslik:before { width: 50px; }
#services .item .metin .baslik:after { opacity: 0; content: ""; position: absolute; bottom: 0; width: 50px; height: 4px; background: var(--tema-renk2); left: 19px; }
#serviceSwiper { padding-bottom: 48px; }
#serviceSwiper .swiper-pagination-bullet { width: 75px; border-radius: 0; margin: 0; height: 4px; }
#serviceSwiper .swiper-pagination-bullet-active { width: 150px; background: var(--tema-renk2); opacity: .4; }
#services .swiper-button-next, #services .swiper-button-prev { background: #535353; width: 50px; height: 50px; border-radius: 50%; transition: all 750ms ease; }
#services .swiper-button-next { right: -24px; }
#services .swiper-button-prev { left: -25px; }
#services .swiper-button-prev:before, #services .swiper-button-next:before { content: ""; position: absolute; top: 47%; left: 46%; transform: translate(-50%, -50%); font-size: 25px; color: var(--tema-renk2); }
#services .swiper-button-prev:before { content: "\276E"; }
#services .swiper-button-next:before { content: "\276F"; left: 55%; }
/******/
.resimZoomla { overflow: hidden; }
.resimZoomla figure { overflow: hidden }
.resimZoomla img { transform: scale(1); transition: all 750ms ease; }
.resimZoomla:hover img { transform: scale(1.2); }
/******/
.swiper-button-next:hover, .swiper-button-prev:hover { opacity: 1 !important; }
/**********/
#locations { margin: 25px 0 75px; position: relative; }
#locations .kapsul { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 38px; }
#locations .kapsul .kap { width: 750px; max-width: 100%; }
#locations .kapsul .title { font: 600 36px var(--baslik-fontu); }
#locations .kapsul .subtitle { font: 400 16px var(--icerik-fontu); color: #ababab; }
#locations .kapsul a.moreAll { color: #ababab; text-transform: uppercase; font: 500 16px var(--icerik-fontu); }
#locations .item { position: relative; }
#locations .item figure { position: relative; }
#locations .item figure:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(0deg, black, transparent); height: 50%; }
#locations .item figure img { width: 100%; }
#locations .item:hover { }
#locations .item .metin { position: absolute; bottom: 20px; z-index: 25; left: 20px; }
#locations .item .metin .baslik { color: #fff; font: 600 30px var(--icerik-fontu); width: 245px; padding: 0 15px 10px; position: relative; margin: 0; }
#locationSwiper { padding-bottom: 48px; }
#locationSwiper .swiper-pagination-bullet { width: 75px; border-radius: 0; margin: 0; height: 4px; }
#locationSwiper .swiper-pagination-bullet-active { width: 150px; background: var(--tema-renk1); }
#locations .swiper-button-next, #locations .swiper-button-prev { background: #535353; width: 50px; height: 50px; border-radius: 50%; top: 54%; margin-top: 0; transition: all 500ms ease; }
#locations .swiper-button-next { right: -24px; }
#locations .swiper-button-prev { left: -25px; }
#locations .swiper-button-prev:before, #locations .swiper-button-next:before { content: ""; position: absolute; top: 49%; left: 46%; transform: translate(-50%, -50%); font-size: 25px; color: var(--tema-renk2); }
#locations .swiper-button-prev:before { content: "\276E"; }
#locations .swiper-button-next:before { content: "\276F"; left: 55%; }
/******/
#bookingNow { padding: 75px 0; position: relative; }
#bookingNow:before { content: ""; position: absolute; background: url(/d/r/booking-baloon.png); width: 242px; height: 335px; z-index: 50; top: 0; left: 33%; animation: upDown 10s infinite; }
#bookingNow .kapsul { position: relative; background: var(--tema-renk2); }
#bookingNow .kapsul figure { }
#bookingNow .kapsul figure img { }
#bookingNow .kapsul .item { position: absolute; top: 80px; right: 23%; }
#bookingNow .kapsul .item .baslik { font: 600 36px var(--icerik-fontu); width: 258px; color: var(--tema-renk1); }
#bookingNow .kapsul .item a.book { font: 500 16px var(--icerik-fontu); text-transform: uppercase; display: flex; color: #4e4e4e; margin-top: 42px; background: #fdfeff; padding: 15px 25px; align-items: center; justify-content: space-between; position: relative; z-index: 20; transition: all 750ms ease; }
#bookingNow .kapsul .item a.book i { }
#bookingNow .kapsul .item a.book i svg { width: 28px; height: 28px; transition: all 750ms ease; }
#bookingNow .kapsul .item a.book:before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; z-index: -1; background: var(--tema-renk1); transition: all 750ms ease; }
#bookingNow .kapsul .item a.book:hover:before { width: 100%; }
#bookingNow .kapsul .item a.book:hover { color: var(--tema-renk2); }
#bookingNow .kapsul .item a.book:hover svg { fill: var(--tema-renk2); }

@keyframes upDown {
    0% { transform: translate(0,0) }
    50% { transform: translate(0,35px) }
    100% { transform: translate(0,0) }
}
/******/
#formDet input::placeholder, textarea::placeholder { color: var(--tema-renk1); 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-renk1); }
#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; color: var(--text_color); height: 40px; }
#formDet .kapsul .formdetay .satir label { width: 34%; padding-left: 18px; }
#formDet .satir input, .formdetay .satir select { padding: 10px 5px; color: var(--tema-renk1); background-color: transparent; border: none; border-bottom: 1px solid var(--tema-renk1); 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-renk1); background-color: transparent; border: none; border-bottom: 1px solid var(--tema-renk1); 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-renk1) }
#formDet.rndv { display: none; position: fixed; z-index: 99; 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-renk1); 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) }
}
/*********/
#homeComments { padding: 75px 0; background: #161616; position: relative; }
#homeComments .kapsul { margin-bottom: 55px; }
#homeComments .kapsul .title { font: 600 36px var(--baslik-fontu); margin: 0; color: #ffffff; }
#homeComments .item { padding: 40px; border: 3px solid #fff; border-radius: 39px 0 0 0; height: 260px; }
#homeComments .item .kap0 { display: flex; align-items: center; margin-bottom: 45px; }
#homeComments .item .kap0 .icon { }
#homeComments .item .kap0 .icon svg { width: 42px; height: 42px; }
#homeComments .item .kap0 .icon svg image { width: 42px; height: 42px; }
#homeComments .item .kap0 .baslik { font: 500 18px var(--icerik-fontu); color: #fff; margin-left: 26px; }
#homeComments .item .metin { }
#homeComments .item .metin .icerik { font: 500 18px var(--icerik-fontu); line-height: 25px; color: #fff; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#commentSwiper { padding-bottom: 48px; }
#commentSwiper .swiper-pagination-bullet { width: 75px; border-radius: 0; margin: 0; height: 4px; background: var(--tema-renk1); }
#commentSwiper .swiper-pagination-bullet-active { width: 150px; background: var(--tema-renk2); opacity: .4 }
/*********/
#aboutUs { padding: 75px 0; background: #161616; position: relative; overflow: hidden }
#aboutUs .container { position: relative; z-index: 99 }
#aboutUs .aboutbg { position: absolute; top: 0; height: 100%; width: 100%; left: 0; }
#aboutUs .aboutbg video { width: auto; height: 100%; position: absolute; z-index: 0; }
#aboutUs .aboutbg:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; background: linear-gradient(0deg, #161616 30%, transparent); z-index: 1; }

#aboutUs .aboutbg:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 80%; background: linear-gradient(180deg, #222222 6%, transparent); z-index: 1; }
#aboutUs .kapsul { margin-bottom: 51px; position: relative; z-index: 9 }
#aboutUs .kapsul .title { font: 600 36px var(--baslik-fontu); color: #ffff; margin-bottom: 20px; }
#aboutUs .kapsul .subtitle { font: 600 34px var(--baslik-fontu); color: #f1f1f1; margin-bottom: 20px; }
#aboutUs .kapsul .content { font: 500 24px var(--baslik-fontu); color: #f1f1f1; margin-bottom: 20px; width: 800px; line-height: 38px; max-width: 100%; }
#aboutUs .row { align-items: center; }
#aboutUs .metin { margin-right: 30px; }
#aboutUs .metin .icerik { font: 400 16px var(--icerik-fontu); color: #fff; line-height: 30px; }
#aboutUs .metin .icerik p { margin-bottom: 11px; }
#aboutUs .readMore { display: inline-block; margin-top: 45px; font: 400 16px var(--icerik-fontu); letter-spacing: 1px; position: relative; padding: 0 25px 0 0; }
#aboutUs a.readMore:after { content: "\276F"; font: 400 15px var(--baslik-fontu); position: absolute; right: 0; }
#aboutUs figure { margin-left: 39px; }
#aboutUs figure img { }
/*********/
#servicesCat { }
#servicesCat .item { display: flex; background: var(--tema-renk3); }
#servicesCat .item:nth-child(even) { flex-direction: row-reverse; }
#servicesCat .item figure { width: 50%; border: 1px solid #686868; }
#servicesCat .item figure img { }
#servicesCat .item .icerik { width: 50%; border: 1px solid #686868; border-left: none; border-bottom: none; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 45px; }
#servicesCat .item .icerik .baslik { font: 600 26px var(--baslik-fontu); color: var(--tema-renk2); text-align: center; }
#servicesCat .item .icerik .kisaOzet { font: 400 16px var(--icerik-fontu); color: var(--tema-renk2); text-align: center; margin: 10px 0; line-height: 26px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; padding: 0 75px; }
#servicesCat .item .icerik a.readMore { font: 500 18px var(--baslik-fontu); color: var(--tema-renk2); letter-spacing: 1px; border: 1px solid var(--tema-renk2); padding: 10px 20px; display: inline-block; margin-top: 18px; position: relative; }
#servicesCat .item .icerik a.readMore:before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--tema-renk1); z-index: -1; transition: all 750ms ease; }
#servicesCat .item .icerik a.readMore:hover:before { width: 100%; }
#servicesCat .item .icerik a.readMore:hover { }
#servicesCat .item:nth-child(even) figure { border-left: none; border-bottom: none; }
#servicesCat .item:nth-child(even) .icerik { border-left: 1px solid #686868; border-top: none; }
#servicesCat .item:last-child figure { border-bottom: 1px solid #686868; }
#servicesCat .item:last-child .icerik { border-bottom: 1px solid #686868; }
/*********/
.servicesSag { box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 7%); transition: all 400ms; margin-top: 0px; margin-bottom: 30px; padding: 15px 30px 30px; border-radius: 10px; background-color: var(--tema-renk1); }
.servicesSag .title { padding-bottom: 10px; border-bottom: 2px solid var(--tema-renk2); z-index: 9; color: var(--tema-renk2); margin: 0; font: 500 24px var(--icerik-fontu); }
#servicesCatAll ul { position: relative; }
#servicesCatAll ul li { height: 65px; margin: 25px 0 0; }
#servicesCatAll ul li:hover a { }
#servicesCatAll ul li:hover span { color: #ffff; z-index: 21; }
#servicesCatAll ul li:hover a:after { width: 100%; border-right: 4px solid #efb640; }
#servicesCatAll a:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #000000ed; transition: all 750ms ease; }
#servicesCatAll a:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000000ad; transition: all 750ms ease; z-index: 5; }
#servicesCatAll ul li:hover span:before { border-color: #fff; }
#servicesCatAll img { width: 100%; overflow: hidden; height: 55px; margin: 25px 0; }
#servicesCatAll a { width: 100%; background-color: transparent !important; height: 65px; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; padding: 0 20px; display: flex; align-items: center; }
#servicesCatAll a span { font-size: 16px; line-height: 22px; z-index: 6; color: #f8f8f8; padding-left: 20px; display: block; margin-bottom: 0; position: relative; /* font-weight: 600; */ transition: all 450ms ease; text-align: left; }
#servicesCatAll a span:before { content: ""; position: absolute; left: 0; top: 7px; width: 10px; height: 10px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); transform: rotate(315deg); transition: all 450ms ease; }
#servicesApply input { width: 100%; padding: 15px; margin: 10px 0; border-radius: 10px; border: 1px solid var(--tema-renk1); background: var(--tema-renk2); font: 400 16px var(--icerik-fontu); color: var(--tema-renk1); }
#servicesApply button { padding: 10px 35px; background: var(--tema-renk3); color: #fff; font-size: 16px; font-weight: 600; border-radius: 10px; transform: scale(1); border: none; }
#servicesApply button:hover { background: var(--tema-renk2); }
/***********/
#servicesDet { padding: 35px 0; }
#servicesDet .kisaOzet { font-size: 18px; font-style: italic; font-weight: 500; line-height: 30px; letter-spacing: 1px; }
#servicesDet .icerik { font-size: 16px; line-height: 27px; letter-spacing: 1px; margin-right: 40px; color: #f1f1f1; }
#servicesDet .icerik p { margin: 10px 0; }
#servicesDet .icerik p:first-child:first-letter { font-size: 28px; font-weight: 600; color: var(--tema-renk2) }
#servicesDet .icerik ul { }
#servicesDet .icerik ul li { }
#servicesDet .icerik a { }
#servicesDet .icerik span { }
/***********/
#projectCat { /* background: #f1f1f1; */ padding: 30px 0; }
#projectCat .item { margin: 20px; position: relative; padding-right: 80px; }
#projectCat .item figure { }
#projectCat .item figure img { }
#projectCat .item .icerik { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 450px; background: var(--tema-renk3); padding: 40px 40px 57px; max-width: 100%; }
#projectCat .item .icerik .baslik { color: var(--tema-renk2); font: 600 36px var(--baslik-fontu); }
#projectCat .item .icerik .kisaOzet { color: var(--tema-renk2); -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font: 400 16px var(--icerik-fontu); line-height: 26px; margin: 30px 0; }
#projectCat .item .icerik a.readMore { font: 500 18px var(--baslik-fontu); color: var(--tema-renk2); letter-spacing: 1px; position: relative; padding-right: 15px; }
#projectCat .item .icerik a.readMore:after { content: "\276F"; position: absolute; right: 0; }
/***********/
#locationsCat { padding: 30px 0; position: relative; }
#locationsCat .item { position: relative; margin: 10px; }
#locationsCat .item figure { }
#locationsCat .item figure img { width: 100%; }
#locationsCat .item .metin { position: absolute; bottom: 20px; z-index: 25; left: 20px; }
#locationsCat .item .metin .baslik { color: #fff; font: 600 36px var(--icerik-fontu); width: 245px; padding: 0 15px 10px; position: relative; }
/***********/
#blog { position: relative; padding: 75px 0; }
#blog .bg { position: absolute; bottom: 0; z-index: 0; opacity: .14; }
#blog .title { font: 800 36px var(--baslik-fontu); color: var(--tema-renk2); position: relative; width: fit-content; margin: 0 auto; padding-bottom: 30px; z-index: 15; }
#blog .title em { font-style: normal; color: #aaaaaa; }
#blog .item { display: flex; flex-wrap: nowrap; width: calc(50% - 30px); overflow: hidden; margin: 15px; background: var(--tema-renk1); align-items: center; z-index: 25; padding: 5px; }
#blog .item figure { width: 35%; height: 100%; }
#blog .item figure img { object-fit: cover; width: 100%; height: 100%; }
#blog .item .metin { width: 65%; padding: 25px; height: 100%; display: flex; flex-wrap: wrap; align-content: space-between; flex-direction: column; justify-content: space-between; }
#blog .item .metin .baslik { font: 600 18px var(--baslik-fontu); color: #f1f1f1; text-transform: uppercase; }
#blog .item .metin .kisaOzet { color: #ffff; font: 400 15px var(--baslik-fontu); line-height: 25px; margin: 10px 0; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#blog .item .metin a.readMore { display: inline-block; text-align: right; width: 100%; position: relative; font: 400 15px var(--icerik-fontu); padding-right: 17px; color: #fbfbfb; transition: all 750ms ease; }
#blog .item .metin a.readMore:after { content: "\276F"; font: 400 15px var(--baslik-fontu); position: absolute; right: 0; }
#blog .item .metin a.readMore:hover { color: #f3c766; }
#blog .seeMore { display: block; font: 500 18px var(--baslik-fontu); color: #ffff; text-transform: uppercase; background: var(--tema-renk1); z-index: 15; position: relative; margin: 20px auto 0; text-align: center; padding: 16px 63px; width: fit-content; }
/*****************/
#blogCate { margin: 0 0 75px; overflow: hidden; padding: 25px 0; }
#blogCate .cl6 { margin-bottom: 20px; }
#blogCate .item { background: #3d3d3d; box-shadow: 0 0 7px 1px #0000001f; padding: 0; position: relative; margin: 10px; display: flex; height: 100%; }
#blogCate .item .kap0 { position: relative; width: 35%; }
#blogCate .item figure { height: 100%; width: 100%; }
#blogCate .item figure img { height: 100%; object-fit: cover; width: 100%; }
#blogCate .item .kap0 .readMore { position: absolute; left: 0; bottom: -3px; border: none; background-color: #fff; color: #000; width: 308px; text-align: left; font-size: 18px; font-weight: 600; letter-spacing: 1px; line-height: 25px; padding: 15px; }
#blogCate .item .metin { padding: 10px 20px; position: relative; width: 65%; }
#blogCate .item .metin .time { transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1); position: relative; font-size: 14px; font-weight: 400; line-height: 24px; color: #000; margin-bottom: 5px; display: inline-block; }
#blogCate .item .metin .baslik { font-size: 20px; position: relative; padding-bottom: 15px; color: var(--tema-renk1); font-family: "Roboto",sans-serif; }
#blogCate .item .metin .baslik a { font-size: 20px; font-weight: 500; line-height: 28px; /* color: #000; */ transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1); }
#blogCate .item:before, #blogCate .item:after { content: ""; position: absolute; right: 0; bottom: 0; height: 6px; width: 65%; background: var(--tema-renk1); transition: all .8s; /* transform: translateX(-50%); */ }
#blogCate .item:after { width: 0px; }
#blogCate .item .metin .kisaOzet { -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; margin: 15px 0; font-size: 16px; color: #f1f1f1; line-height: 23px; }
#blogCate .item:hover:after { width: 65%; background: var(--tema-renk2); }
#blogCate .item .metin a.readMore { font-size: 16px; background: var(--tema-renk1); padding: 10px 33px 10px 18px; display: inline-block; color: #fff; position: relative; transition: all 750ms ease; }
#blogCate .item .metin a.readMore:hover { background: var(--tema-renk3); }
#blogCate .item .metin a.readMore:before, #blogCate .item .metin a.readMore:after { content: "\276F"; position: absolute; right: 17px; font-size: 15px; top: 9px; font-weight: 400; }
#blogCate .item .metin a.readMore:after { right: 11px; }
/***/
.blogDet { margin: 25px 0; }
.blogDet .kisaOzet { font-size: 18px; font-style: italic; font-weight: 500; line-height: 30px; letter-spacing: 1px; }
.blogDet .icerik { font-size: 16px; line-height: 27px; letter-spacing: 1px; }
.blogDet .icerik p { margin: 10px 0; }
.blogDet .icerik p:first-child:first-letter { font-size: 28px; font-weight: 600; color: var(--tema-renk1aliceblue) }
.blogDet .icerik ul { }
.blogDet .icerik ul li { }
.blogDet .icerik a { }
.blogDet .icerik span { }
.blogDetsag { box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 7%); transition: all 400ms; margin-top: 0px; margin-bottom: 30px; padding: 30px; border-radius: 10px; background-color: var(--tema-renk1); }
.blogDetsag .title { font-size: 24px; font-weight: 500; line-height: 32px; padding-bottom: 10px; border-bottom: 2px solid var(--tema-renk2); margin-bottom: 30px; z-index: 9; color: var(--tema-renk2); margin: 0 0 15px; }
#blogDetson ul { position: relative; }
#blogDetson ul li { height: 75px; margin: 25px 0; }
#blogDetson ul li:hover a { }
#blogDetson ul li:hover span { color: #ffff; z-index: 21; }
#blogDetson ul li:hover a:after { width: 100%; border-right: 4px solid #efb640; }
#blogDetson a:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #000000ed; transition: all 750ms ease; }
#blogDetson a:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000000ad; transition: all 750ms ease; z-index: 5; }
#blogDetson ul li:hover span:before { border-color: #fff; }
#blogDetson img { width: 100%; overflow: hidden; height: 85px; margin: 25px 0; }
#blogDetson a { width: 100%; background-color: transparent !important; height: 75px; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; padding: 20px; }
#blogDetson a span { font-size: 16px; line-height: 22px; z-index: 6; color: #f8f8f8; padding-left: 20px; display: block; margin-bottom: 0; position: relative; /* font-weight: 600; */ transition: all 450ms ease; text-align: left; }
#blogDetson a span:before { content: ""; position: absolute; left: 0; top: 7px; width: 10px; height: 10px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); transform: rotate(315deg); transition: all 450ms ease; }
#blognewsletter input { width: 100%; padding: 15px; margin: 10px 0; border-radius: 25px; font-size: 16px; border: 1px solid var(--tema-renk1); }
#blognewsletter button { padding: 10px 35px; background: var(--tema-renk3); color: #fff; font-size: 16px; font-weight: 600; border-radius: 25px; transform: scale(1); border: none; }
#blognewsletter button:hover { background: var(--tema-renk2); }
#blogfollow a { margin-right: 5px; border-radius: 9px; background: var(--tema-renk3); padding: 5px; }
#blogfollow a svg { color: #fff; fill: #fff; width: 18px; height: 18px; margin: 0 0 -3px 3px; }
#blogfollow a:hover { background: var(--tema-renk2); }
#blogDetSor { height: 300px; background-position: center; position: relative; overflow: hidden; padding: 0; }
#blogDetSor figure { position: relative; overflow: hidden; }
#blogDetSor figure img { position: relative; width: 100%; height: 100%; /* overflow: hidden; */ }
#blogDetSor .icerik { position: absolute; padding: 30px; top: 0; z-index: 9; }
#blogDetSor figure:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, black 50%, transparent); z-index: 0; overflow: hidden; }
#blogDetSor .subtitle { font-size: 18px; line-height: 25px; color: #fff; margin-bottom: 35px; z-index: 9; }
#blogDetSor .title { color: #fff; border-color: #fff; }
#blogDetSor a { background: #0086ff; padding: 10px 15px; border-radius: 15px; color: #fff; font-weight: 600; z-index: 9; }
#blogDetSor a svg { fill: #fff; margin: -2px 5px; }
#blogDetSor a:hover { background: #3166a8; }
/***********/
#projects { position: relative; overflow: hidden; padding: 10px 0; margin-bottom: 100px }
#projects .item { height: calc(100vh - 78px); position: relative; }
#projects .item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(88deg, #222 23%, transparent); z-index: 1; }
#projects .item:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(/d/r/bg-lines.png) center top; z-index: 15; }
#projects .item figure { position: relative; width: initial; height: 100vh; }
#projects .item figure img { max-width: initial; height: 100vh; }
#projects .item .metin { position: absolute; left: 90px; top: 32%; transform: translateY(-50%); width: 500px; max-width: 100%; z-index: 50; }
#projects .item .metin .baslik { margin: 0 0 25px; font: 600 28px var(--baslik-fontu); color: #ffff; }
#projects .item .metin .kisaOzet { margin: 15px 0; font: 600 34px var(--icerik-fontu); line-height: 35px; color: #ffffff; max-width: 100%; }
#projects .item .metin .icerik { margin: 15px 0; font: 400 16px var(--icerik-fontu); line-height: 25px; color: #ffffff; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#projects .item a.more { display: inline-block; transition: all 350ms ease; border-radius: 28px; position: relative; color: #ffffff; font: 500 16px var(--icerik-fontu); margin-top: 15px; padding: 0 15px 0 0; }
#projects .item a.more:after { content: "\276F"; font: 400 15px var(--baslik-fontu); position: absolute; right: 0; }
#projects .item a.more:hover { color: var(--tema-renk2); }
/***********/
#gezgin { position: relative; /* bottom: 0; */ margin-left: 90px; margin-top: -150px; }
#gezgin .title { font: 600 26px var(--baslik-fontu); color: #fff; z-index: 50; position: relative; margin-bottom: 15px; width: fit-content; }
#gezgin .gezginOklar { position: absolute; z-index: 17; right: 5%; top: 0; width: 50px; height: 50px; }
#gezgin .gezginOklar a:after { display: block; z-index: 5; position: absolute; top: 13px; width: 13px; height: 13px; content: ''; transform: rotate( -45deg); box-sizing: border-box }
#gezgin .gezginOklar a.left:after { border-right: 3px solid #ececec; border-bottom: 3px solid #ececec; left: 13px }
#gezgin .gezginOklar a.right:after { border-left: 3px solid #ececec; border-top: 3px solid #ececec; left: 15px }
#gezgin .gezginOklar .left, .gezginOklar .right { position: absolute; z-index: 50; }
#gezgin .gezginOklar .left { right: 0; /* background: #d7d6d6; */ width: 40px; height: 40px; top: 0; border-radius: 50% }
#gezgin .gezginOklar .right { /* background: #d7d6d6; */ width: 40px; height: 40px; border-radius: 50%; right: 31px; top: 0; }
#gezgin .gezginOklar .right:hover, .gezginOklar .left:hover { background: #7e7e7e }
#gezgin .gezginitem { border-radius: 5px; display: block; background: #000 }
#gezgin .gezginitem figure { overflow: hidden }

#gezgin .owl-stage figure { opacity: 0.4; }
#gezgin .owl-stage .active:nth-child(1) figure { opacity: 1 }
/***********/
.vidAc { display: none; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0 0 0 / 79%); padding-top: 30px; }
.tepe .kapat { float: right; font-size: 24px; font-weight: 700; line-height: 1; color: #ffff; text-shadow: 0 1px 0 var(--tema-renk2); background-color: transparent; border: 0; appearance: none; cursor: pointer; padding: 16px; position: absolute; top: -6%; right: 5%; }
button { padding: 0 }
.vidAc iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
/***********/
a#videoItem { position: absolute; display: block; right: 23%; top: 35%; z-index: 99; margin: 0; max-width: 100%; }
a#videoItem span { width: 100px; height: 100px; background: radial-gradient( #f00 60%, rgba(255, 255, 255, 1) 62%); border-radius: 50%; display: block; box-shadow: 0px 0px 15px 3px #f00; position: absolute; left: 56%; top: 69%; z-index: 9; transform: translate(-50%,-50%); }
/* triangle */
a#videoItem span::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); transform-origin: center center; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 100; transition: transform 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
/* pulse wave */
a#videoItem span:before, a#videoItem 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); }

@-webkit-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); transform: scale(1); opacity: 0; box-shadow: none; }
}

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

#videoItem a { color: #fff; font-size: 36px; position: absolute; right: 25px; top: 8px; font-weight: 400; z-index: 99; font-family: Arial; }
a#videoItem:hover { opacity: .8 }
#videoItem iframe { display: block; margin: 0 auto; max-width: 100%; }
/*****************/
#videoAcDiv { padding: 50px 130px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(0,0,0,.98); text-align: center }
#videoAcDiv a { color: #fff; font-size: 36px; position: absolute; right: 25px; top: 8px; font-weight: 400; z-index: 99; font-family: Arial }
a#videoAc:hover { opacity: .8 }
#videoAcDiv iframe { display: block; margin: 0 auto; max-width: 100% }
/***********/
#kurumsal { position: relative; overflow: hidden; min-height: 550px }
#kurumsal .icerik { z-index: 50; position: relative; }
#kurumsal .bg { border-radius: 50% 50% 0 0; overflow: hidden; margin-left: -161px; position: absolute; width: 1920px; height: 1080px; left: -115px; background-position: center bottom; background-repeat: no-repeat; background-attachment: fixed; z-index: -1; }
#kurumsal .metin { font: 400 16px var(--icerik-fontu); line-height: 26px; padding: 215px 75px 162px 0; text-align: center; color: #ffff; }
#kurumsal .metin p { margin-bottom: 10px; }
/***********/
#ourPartners { margin: 75px 0 }
#ourPartners .wrap { margin: -10px; display: flex }
#ourPartners .kapsul { margin-bottom: 10px; }
#ourPartners .kapsul .title { font: 600 36px var(--baslik-fontu); margin: 0; color: #ffffff; text-align: center; }
#ourPartners .item { transition: filter ease .5s; margin: 10px; display: flex; justify-content: center; /* align-items: center; */ border-radius: 5px; padding: 15px 12px; /* border-bottom: 1px solid #dedede; */ /* border-right: 1px solid #dedede; */ width: calc(20% - 20px); }
#ourPartners .item figure { max-width: 130px; }
#ourPartners .item figure img { max-width: 180px; max-height: 95px; }
#ourPartners .item:hover figure img { filter: brightness(100) }
/***********/
#faqTop { padding: 35px 0; position: relative; }
#faqTop .kap0 { margin: 80px 0 40px; display: flex; z-index: 50; position: relative; justify-content: space-between; align-items: center; }
#faqTop .kap0 .title { font: 600 36px var(--icerik-fontu); color: var(--tema-renk1); width: 215px; max-width: 100%; position: relative; padding-bottom: 29px; }
#faqTop .kap0 .title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 60px; height: 10px; background: var(--tema-renk2); }
#faqTop .kap0 a { background: var(--tema-renk2); font: 600 16px var(--icerik-fontu); border-radius: 31px; color: #fff; padding: 18px 50px; }
#faq { position: relative; }
#faq .kapsul { }
#faq .kapsul::-webkit-scrollbar-track { background-color: #e3e2e2; }
#faq .kapsul::-webkit-scrollbar { width: 9px; }
#faq .kapsul::-webkit-scrollbar-thumb { background-color: #e54236; border: none; }
#faqTop .kapsul a.soruKapsul { display: inline-block; width: 100%; border-bottom: 1px solid #e0dede; padding: 40px 0; position: relative; }
#faqTop .kapsul a.soruKapsul:last-child { border-bottom: none; }
#faqTop .kapsul .item { }
#faqTop .kapsul .item .baslik { font: 600 18px var(--icerik-fontu); color: var(--tema-renk2); padding: 0 32px 0 0; line-height: 25px }
#faqTop .kapsul .item .cevap { margin-top: 35px; font: 400 16px var(--icerik-fontu); line-height: 30px; color: var(--tema-renk2); }
#faqTop .kapsul a.soruKapsul:after { content: "\271A"; position: absolute; right: 14px; top: 45px; z-index: 50; color: var(--tema-renk2); font: 600 18px var(--baslik-fontu); transition: all 750ms ease; }
#faqTop .kapsul a.active:after { content: "\2716"; position: absolute; /* right: 45px; */ top: 45px; z-index: 50; font: 600 18px var(--baslik-fontu); }
/***********/
#sabittel { position: fixed; left: 0; bottom: 20px; color: #fff; z-index: 100; }
#sabittel li { display: block; }
#sabittel li .zemin { display: block; width: 53px; height: 54px; position: relative; }
#sabittel li .zemin:after { content: ''; position: absolute; top: 9px; z-index: 3; left: 8px; animation: ring 2s infinite ease-in-out; }
#sabittel li.bir .zemin { background: #6cd284; border-radius: 0 35px 35px 0; right: 0; border: solid 1px #fff; }
#sabittel li.bir .zemin:after { background: url(/d/r/whatsappana.png); width: 32px; height: 33px; }
#sabittel li.iki .zemin:after { background: url(/d/r/phoneanabeyaz.png); width: 26px; height: 26px; top: 18px; left: 19px; }
#sabittel li.bir a:hover span { padding: 12px 60px 12px 17px; width: 175px; height: initial; }
#sabittel li.iki .zemin { background: #41a69b; border-radius: 0 0 35px 35px; right: 0; }
#sabittel li.iki a:hover span { padding: 15px 60px 15px 17px; width: 202px; height: initial; }
#sabittel li a span { white-space: nowrap; position: absolute; right: 6px; top: 9px; background: #ffffff; border-radius: 23px; color: #000; z-index: 15; font-size: 15px; width: 0; height: 0; overflow: hidden; padding: 0; transition: width ease .3s; }
#sabittel li.bir span { left: 3px; top: 3px; }
#sabittel li a span:after { content: ''; position: absolute; z-index: 5; animation: ring 2s infinite ease-in-out; }
#sabittel li.bir span:after { background: url(/d/r/whatsappanayesil.png) no-repeat 9px 9px #fff; width: 47px; height: 47px; top: -3px; right: -1px; border-radius: 50%; }
#sabittel li.iki span:after { background: url(/d/r/phoneana.png) no-repeat 9px 9px #ffffff; width: 47px; height: 47px; top: 0; right: 0; border-radius: 50%; }

@keyframes ring {
    0% { transform: rotate(0) scale(1) skew(1deg) }
    10% { transform: rotate(-25deg) scale(1) skew(1deg) }
    20% { transform: rotate(25deg) scale(1) skew(1deg) }
    30% { transform: rotate(-25deg) scale(1) skew(1deg) }
    40% { transform: rotate(25deg) scale(1) skew(1deg) }
    50% { transform: rotate(0) scale(1) skew(1deg) }
    100% { transform: rotate(0) scale(1) skew(1deg) }
}
/**********/
#crew { position: relative; padding: 65px 0; overflow: hidden; }
#crew .kapsul { text-align: center; margin-bottom: 35px; }
#crew .kapsul .baslik { text-transform: capitalize; color: #fff; width: fit-content; padding: 0 10px; margin: 0 auto 16px; font: 600 35px var(--baslik-fontu); line-height: 42px; }
#crew #crewSwiper { }
#crew .kapsul .subtitle { color: #fff; margin: 0 auto 15px; font: 500 16px var(--icerik-fontu); line-height: 27px; width: 740px; max-width: 100%; }
#crew .item { text-align: center; position: relative; margin-bottom: 30px; transition: all ease 0.4s; cursor: pointer; }
#crew .item .bgy { position: relative; width: 100%; height: 100%; display: inline-block; }
#crew .item .bgy:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease-in-out 0s; background-color: #0D263B; opacity: 0; z-index: 10; }
#crew .item .seeMore { position: absolute; z-index: 25; width: 100%; top: 40%; left: 0; transform: translateY(-10%); opacity: 0; background-color: transparent !important; color: #fff !important; margin: 0 5px; transition: all 0.3s ease-in-out 0s; }
#crew .item .seeMore svg { width: 45px; height: 45px; }
#crew .item .seeMore svg path { fill: var(--tema-renk2) }
#crew .item figure { position: relative; }
#crew .item figure img { display: inline-block; z-index: 5; position: relative; width: 100%; }
#crew .item .crewBilgi { text-align: center; font-style: normal; margin: -47px auto 0; z-index: 50; position: relative; background: var(--tema-renk1); padding: 15px 40px; border-radius: 5px; width: 90%; }
#crew .item .crewBilgi .ad { font: 600 22px var(--baslik-fontu); color: var(--tema-renk2); width: fit-content; margin: 0 auto 5px; }
#crew .item .crewBilgi .locate { color: #f1f1f1; font: 400 15px var(--icerik-fontu); text-align: center; }
#crew .swiper-pagination { left: 35% }
#crew .swiper-pagination-bullet { width: 75px; border-radius: 0; margin: 0; height: 4px; background: var(--tema-renk1); }
#crew .swiper-pagination-bullet-active { width: 150px; background: var(--tema-renk2); opacity: .4 }
#crew .item:hover { }
#crew .item:hover .bgy:before { opacity: 0.6; }
#crew .item:hover .seeMore { transform: translateY(-50%); opacity: 1; }
/***********/
#crewCat { position: relative; margin: 35px 0; overflow: hidden; }
#crewCat .item { text-align: center; position: relative; transition: all ease 0.4s; cursor: pointer; margin: 15px; }
#crewCat .item .bgy { position: relative; width: 100%; height: 100%; display: inline-block; }
#crewCat .item .bgy:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease-in-out 0s; background-color: #0D263B; opacity: 0; z-index: 10; }
#crewCat .item .seeMore { position: absolute; z-index: 25; width: 100%; top: 40%; left: 0; transform: translateY(-10%); opacity: 0; background-color: transparent !important; color: #fff !important; margin: 0 5px; transition: all 0.3s ease-in-out 0s; }
#crewCat .item .seeMore p { font: 400 18px var(--icerik-fontu); padding: 0 15px; line-height: 27px; margin-bottom: 20px; }
#crewCat .item .seeMore svg { width: 45px; height: 45px; }
#crewCat .item .seeMore svg path { fill: var(--tema-renk2) }
#crewCat .item figure { position: relative; }
#crewCat .item figure img { display: inline-block; z-index: 5; position: relative; width: 100%; }
#crewCat .item .crewBilgi { text-align: center; font-style: normal; margin: -47px auto 0; z-index: 50; position: relative; background: var(--tema-renk1); padding: 15px 40px; border-radius: 5px; width: 90%; }
#crewCat .item .crewBilgi .ad { font: 600 22px var(--baslik-fontu); color: var(--tema-renk2); width: fit-content; margin: 0 auto 5px; }
#crewCat .item .crewBilgi .locate { color: #f1f1f1; font: 400 15px var(--icerik-fontu); text-align: center; }
#crewCat .item:hover { }
#crewCat .item:hover .bgy:before { opacity: 0.6; }
#crewCat .item:hover .seeMore { transform: translateY(-50%); opacity: 1; }
/***********/
#crewDet { margin: 35px 0; }
#crewDet .bir { position: relative; }
#crewDet .bir figure { }
#crewDet .bir figure img { width: 100%; }
#crewDet .bir .kapsul { position: absolute; bottom: 0; background: #2121237a; padding: 10px 26px; }
#crewDet .bir .kapsul .title { font-size: 24px; font-weight: 600; margin-bottom: 5px; }
#crewDet .bir .kapsul .subtitle { font-size: 18px; color: var(--tema-renk2); }
#crewDet .iki { padding-left: 15px; }
#crewDet .iki .metin { padding-left: 20px; }
#crewDet .iki .metin p { margin-bottom: 20px; color: #f1f1f1; font-size: 16px; line-height: 25px; letter-spacing: 1px; }
#crewDet .iki .metin p em { color: #265a7c; }
#crewDet .iki h2 { color: var(--tema-renk2); font-size: 23px; margin: 20px 0 5px 0; }
#crewDet .iki ul { list-style: disc; margin-left: 25px; color: #f1f1f1; display: flex; flex-wrap: wrap; }
#crewDet .iki ul li { width: calc(50% - 20px); font-size: 16px; line-height: 25px; list-style: none; position: relative; padding-left: 32px; margin: 5px 10px; }
#crewDet .iki ul li:before { /* content:""; */ position: absolute; border: 1px solid #fff; width: 10px; height: 10px; left: 0; top: 7px; }
#crewDet .iki ul li:after { content: ""; position: absolute; width: 8px; height: 15px; left: 6px; top: 5px; border-bottom: 2px solid #1a71a5; border-right: 2px solid #1a71a5; transform: rotate(45deg); }
#crewDet .iki ol { color: #ccc; }
#crewDet .iki ul li.doktoricerik .iki ol li { margin-bottom: 20px; }
/***/
.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: #726d65; }
.solHover:hover:before { width: 100% }
.solHover:hover { color: #fff !important; }
/**********/
.duzHover { transition: all 750ms ease; }
.duzHover:hover { color: #f3c766 !important; }
/**********/
@media (min-width: 1401px) {
    #servicesCat .item figure img { width: 100%; }
}

@media (min-width: 1200px) and (max-width: 1400px) {
}

@media (min-width: 992px) and (max-width:1199px) {
}

@media (min-width: 768px) and (max-width:991px) {
    /*****/
}

@media (max-width: 767px) {
    .nedirIcerik img { height: auto; }
    .nedirIcerik h1 { font-size: 17px; }
    .nedirIcerik ul li { padding-left: 0; }
    .dersAll .kapsul { display: block; margin: 0; }
    .dersAll .kapsul a { width: 100%; margin: 0 0 10px 0; }
    .sabit, .dersAll { padding: 0 10px }
    #services .swiper-button-next { right: 0; }
    #services .swiper-button-prev { left: 0; }
    #locations .swiper-button-next { right: 0; }
    #locations .swiper-button-prev { left: 0; }
    #serviceSwiper .swiper-pagination-bullet { width: 25px; }
    #locations .kapsul { display: block; }
    #locations .kapsul a.moreAll { margin: 15px 0 0; display: inline-block; }
    #locations { margin: 25px 0; }
    #aboutUs figure { margin: 0; }
    #bookingNow .kapsul .item { position: relative; top: 0; right: 0; padding: 70px 25px; z-index: 50; }
    #bookingNow .kapsul figure { position: absolute; top: 0; height: 100%; }
    #bookingNow .kapsul figure img { height: 100%; width: auto; }
    #blog { padding: 0; }
    #blog .item { width: 100%; margin: 0 0 20px; }
    footer .satir1 .kapsul { display: block; }
    footer .satir1 .kap0 { width: 100%; margin: 0 0 55px; }
    footer .satir1 .kap0.maill, footer .satir1 .kap0.sociall { justify-content: flex-start; }
    footer .satir1 .kap0 .social { margin-left: 0; }
    footer .satir3 .contract ul { padding: 15px 0; overflow-y: auto; display: block; width: 505px }
    footer .satir3 .contract { overflow-y: auto; display: block; }
    footer .satir3 .contract ul li { display: inline-block; }
    footer .satir3 .row { display: flex; justify-content: center; align-items: center; flex-direction: column }
    footer .satir3 .copy { text-align: center }
    footer .satir3 .imza img { margin: 10px auto; }
    #servicesDet .icerik { margin: 0 0 50px; }
    #servicesCat .item figure img { height: 100%; }
    #servicesCat .item .icerik { padding: 10px; }
    #servicesCat .item .icerik .kisaOzet { padding: 0; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
    #projectCat .item { margin: 0 0 15px; padding: 0; }
    #projectCat .item .icerik { background: #212123bd; width: 96%; right: 10px; }
    #locationsCat .item { margin: 0 0 20px; }
    #gezgin { margin-left: 10px; }
    #projects .item .metin { left: 10px; }
    a#videoItem { top: 61%; right: 40%; }
    #formDet .kapsul .formdetay .row .satir { width: 100%; margin: 0 0 20px; }
    #kurumsal .bg { left: -584px; }
    #kurumsal .metin { padding: 75px 0; }
    #ourPartners .item { width: calc(50% - 20px); }
    #sosyalNC { top: 55%; }
    #crewDet .iki { padding: 0; margin: 25px 0 }
    #crewCat .item { margin: 0 0 30px; }
    #crew .swiper-pagination-bullet { width: 25px }
}