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: 13px; }
footer .footerContact .satir .title { margin: 0 0 10px; color: #000; 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: 10px; }
footer .footerContact .satir a.telLink i svg { }
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); }
/*********/
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none }
.aktifTab { display: block }
.popup99 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: block; overflow: hidden; outline: 0; z-index: 99999999999999; opacity: 1; overflow-x: hidden; overflow-y: auto; background: rgb(0 0 0 / 80%); }
.popup99 .modal-content { position: relative; width: auto; pointer-events: none; display: flex; align-items: center; max-width: 500px; margin: 60px auto 30px; height: calc(100% - 90px); transition: transform .3s ease-out; transform: translate(0,0); justify-content: center; }
.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; z-index: 9999999; transform: translateX(-50%); }
.popup99 img { display: inline-block; width: auto; height: 100%; }
/***kolon yapisi***/
.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); }
/****/
.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: #f1f1f1; }
nav.icMenu a { position: relative; display: block; color: #222; text-decoration: none; margin-bottom: 3px; font-size: 16px; padding: 10px 9px 10px 0; font-weight: 400; padding-left: 14px; letter-spacing: -.5px; }
nav.icMenu a:hover { background: var(--tema-renk1); color: #fff; }
nav.icMenu a.active { color: #fff; background: var(--tema-renk1); }
nav.icMenu a.active:after { position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; content: ''; margin-left: -5px; border-right: 2px solid var(--tema-renk2); border-bottom: 2px solid var(--tema-renk2); rotate: -45deg; box-sizing: border-box; transform: translateY(-50%); }
/****/
.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; }
/**********/
#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: 999999999999999999; 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) }
}
/*********/
#blog { position: relative; padding: 75px 0; }
#blog .kapsul { margin-bottom: 25px; text-align: center; }
#blog .kapsul .title { text-transform: uppercase; display: block; margin-bottom: 0px; color: var(--tema-renk1); font: 700 15px var(--baslik-fontu); }
#blog .kapsul .subtitle { margin-bottom: 0; position: relative; display: block; text-transform: uppercase; font: 700 50px var(--baslik-fontu); color: #272b2b; }
#blog .grid { display: grid; grid-template-areas:
        'sol1 sag1'
        'sol1 sag2'; gap: 10px; }
#blog .item { position: relative; height: 250px; transition: all 0.5s; }
#blog .item:first-child { grid-area: sol1; height: 511px; }
#blog .item:nth-child(2) { grid-area: sag1; }
#blog .item:nth-child(3) { grid-area: sag2; }
#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); }
/*****************/
#blogCate { padding: 35px 0 70px; }
#blogCate .grid { display: grid; grid-template-areas:
        'sol1 sol1 sag1'
        'sol1 sol1 sag2'; gap: 10px; }
#blogCate .item { position: relative; height: 350px; transition: all 0.5s; }
#blogCate .item:first-child { grid-area: sol1; height: 511px; }
#blogCate .item:nth-child(2) { grid-area: sag1; height: 250px; }
#blogCate .item:nth-child(3) { grid-area: sag2; height: 250px; }
#blogCate .item .kap { height: 100%; width: 100%; }
#blogCate .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)); }
#blogCate .item .kap figure { height: 100%; width: 100%; }
#blogCate .item .kap figure img { width: 100%; height: 100%; object-fit: cover; }
#blogCate .item .kap .metin { position: absolute; bottom: 30px; left: 30px; right: 30px; z-index: 50 }
#blogCate .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; }
#blogCate .item .kap .metin .tarih i { display: flex; align-items: center; justify-content: center; margin-right: 9px; }
#blogCate .item .kap .metin .tarih i svg { fill: #fff; }
#blogCate .item .kap .metin .baslik { color: #ffffff; margin-bottom: 7px; font: 700 22px var(--baslik-fontu); line-height: 33px; }
#blogCate .item .kap .metin span.more { color: #ffffff; font: 600 15px var(--baslik-fontu); line-height: 15px; }
#blogCate .item:hover { transform: translateY(-5px); }
/*****************/
.icerikDet { margin: 25px 0; }
.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; }
.icerikDet .icerik p { margin: 10px 0; }
.icerikDet .icerik p:first-child:first-letter { font-size: 28px; font-weight: 600; color: var(--tema-renk1aliceblue) }
.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 { }
.icerikDet .icerik span { }
/*******/
.icerikSag { margin-left: 25px; }
.icerikSag .icerikDetsag { padding: 32px 32px 32px 32px; background: #f1f1f1; margin-bottom: 40px; }
.icerikSag .icerikDetsag .title { color: #0C0A1F; 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 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: #481e0b; 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; }
#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: #481e0b; 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); }
/***********/
#kurumsal { position: relative; overflow: hidden; padding: 50px 0; }
#kurumsal .icerik { z-index: 50; position: relative; }
#kurumsal .metin { font: 400 16px var(--icerik-fontu); line-height: 26px; color: #252525; padding-right: 50px; }
#kurumsal .metin .baslik { text-transform: uppercase; display: block; margin-bottom: 0px; color: #676a6a; font: 700 15px var(--baslik-fontu) }
#kurumsal .metin .kisaOzet { position: relative; display: block; text-transform: uppercase; font: 700 44px var(--baslik-fontu); color: #272b2b; line-height: 50px; margin: 20px 0; }
#kurumsal .metin .content { }
#kurumsal .metin .content h2 { position: relative }
#kurumsal .metin .content h2:before { content: ""; position: absolute; top: 50%; left: -50px; width: 35px; height: 2px; background-color: #272b2b; }
#kurumsal .metin p { margin-bottom: 10px; }
#kurumsal .icerik ul { list-style: circle; margin-left: 25px; }
#kurumsal .icerik ul li { margin: 10px 0; }
/***********/
#misyonVizyon { position: relative; overflow: hidden; padding: 50px 0; }
#misyonVizyon .metin { font: 400 16px var(--icerik-fontu); line-height: 26px; color: #272b2b; padding-left: 50px; }
#misyonVizyon .metin .baslik { text-transform: uppercase; display: block; margin-bottom: 0px; color: #333; font: 700 26px var(--baslik-fontu); }
#misyonVizyon .metin .content { }
#misyonVizyon .metin .content h2 { position: relative; margin-left: 55px; }
#misyonVizyon .metin .content h2:before { content: ""; position: absolute; top: 50%; left: -50px; width: 35px; height: 2px; background-color: #272b2b; }
#misyonVizyon .metin p { margin-bottom: 10px; }
/***********/
#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) }
}
/**********/
.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; }
/**********/
.duzHover { transition: all 750ms ease; }
.duzHover:hover { color: #f3c766 !important; }
/**********/
#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: #121212; 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: #121212; border-color: #393838; margin: 0 !important; font: 400 15px var(--icerik-fontu); line-height: 36px; border: none; border-bottom: 1px solid #393838; }
#faqTop .faqForm .satir textarea::placeholder, #faqTop .faqForm .satir input::placeholder { color: #121212; 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 #ebeae9; background-image: linear-gradient(0deg,rgb(18 18 18) 0,rgb(18 18 18) 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: #121212; border-color: #121212; margin-top: 25px !important; }
#faqTop .faqForm .satir button:hover { background-position: 100% 0,center; background-size: 100% 100%,100% 100%; color: #fff; }
#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: #222222; background-image: linear-gradient(#481E0B, #481E0B), linear-gradient(#481E0B, #481E0B); 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 .soruKapsul { }
#faqTop .kapsul .soruKapsul .item { }
#faqTop .kapsul .soruKapsul .item .baslik { padding: 28px 34px 30px 0; position: relative; color: #121212; margin: 0; transition: padding .2s ease-out; cursor: pointer; border-top: 1px solid #707070; font: 700 19px var(--baslik-fontu); text-transform: uppercase; line-height: 30px; }
#faqTop .kapsul .soruKapsul .item .baslik:before { content: "+"; position: absolute; right: 0; font-size: 63px; font-weight: 400; top: 50%; transform: translateY(-50%); }
#faqTop .kapsul .soruKapsul.active .item .baslik:before { content: "-"; top: 36%; }
#faqTop .kapsul .soruKapsul .item .cevap { padding: 9px 16% 30px 0; margin: 0; position: relative; display: inline-block; width: 100%; vertical-align: top; }
/**********/
#anaHakkimizda { padding: 120px 30px; }
#anaHakkimizda .metin { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; }
#anaHakkimizda .metin .baslik { margin-bottom: 15px; font: 700 18px var(--baslik-fontu); color: var(--tema-renk1); text-transform: uppercase; }
#anaHakkimizda .metin .kisaOzet { margin-bottom: 25px; font: 500 46px var(--icerik-fontu); color: #000; display: block; line-height: 50px; text-align: center; text-transform: capitalize; position: relative; }
#anaHakkimizda .metin .icerik { margin: 0 40px 40px; font: 400 15px var(--icerik-fontu); line-height: 30px; text-align: center; }
#anaHakkimizda .metin a.learnMore { position: relative; display: inline-block; font: 400 12px var(--icerik-fontu); border: 1px solid; border-radius: 0; background: 0 0; padding: 22px 34px; border-color: #000; color: #000; text-transform: uppercase; }
#anaHakkimizda .resimler.row { align-items: center }
#anaHakkimizda figure { }
#anaHakkimizda figure img { }
#anaHakkimizda figure.big { margin: 0 25px 0 0; }
#anaHakkimizda figure.sml { margin: 0 0 0 25px; }
/**********/
.addDecor { position: relative; padding-bottom: 50px; }
.addDecor:after { content: ""; position: absolute; background: url(/d/r/decor.png); width: 101px; height: 29px; bottom: 0; left: 50%; transform: translateX(-50%); }
/**********/
.akGel.aos-animate:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 15; background: repeating-linear-gradient(#868686, #fff 6.25%), linear-gradient(#000 33.3%, grey 0, #fff 66.7%) 0/100% 305%; background-blend-mode: multiply; background-position: 0 0; filter: contrast(999); mix-blend-mode: screen; animation: pxl_blinds_staggered 1.5s linear alternate; }

@keyframes pxl_blinds_staggered {
    0%, 25% { background-position: 0 100%; }

    75%, 100% { background-position: 0 0; }
}
/**********/
#collabrate { padding: 90px 0; }
#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: #6D6D6D; font: 500 18px var(--baslik-fontu); line-height: 26px; text-transform: uppercase; letter-spacing: 5px; margin-bottom: 20px; text-align: right; }
#collabrate .metin .subtitle { font: 500 44px var(--baslik-fontu); line-height: 53px; color: #111; letter-spacing: 3px; text-align: right; margin-bottom: 25px; }
#collabrate .collabSocial { }
#collabrate .collabSocial a { margin: 0 0 0 25px; }
#collabrate .collabSocial a:hover { opacity: .8; }
#collabrate .collabSocial a svg { fill: #111; }
#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; }
/**********/
#randevuOlustur { background-position: center left; background-repeat: no-repeat; position: relative; z-index: 1; padding: 150px 0; }
#randevuOlustur:before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(250deg, #0000006e, transparent); }
#randevuOlustur .kapsul { width: 500px; max-width: 100%; }
#randevuOlustur .kapsul .title { font: 400 20px var(--icerik-fontu); color: #5e4f4f; background: #ffff; width: fit-content; margin: 0 0 30px 0; padding: 14px 26px; }
#randevuOlustur .kapsul .subtitle { font: 400 36px var(--baslik-fontu); color: #fff; margin: 0 0 35px 0; line-height: 45px; max-width: 100%; width: fit-content; }
#randevuOlustur .kapsul .rndvButon { width: fit-content; }
#randevuOlustur .kapsul .rndvButon a { text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease 0s; color: #fff; padding: 20px 14px; display: flex; border: none; width: fit-content; border-bottom: 1px solid var(--tema-renk1); font: 500 15px var(--icerik-fontu); }
#randevuOlustur .kapsul .rndvButon a i { padding-right: 15px; border-right: 1px solid; margin-right: 15px; display: flex; align-items: center; justify-content: center; }
#randevuOlustur .kapsul .rndvButon a i svg { fill: #fff; width: 16px; height: 16px; }
#randevuOlustur .kapsul .rndvButon a:hover { color: #000; background: #fff; }
#randevuOlustur .kapsul .rndvButon a:hover svg { fill: #000; animation: bounceright .3s alternate ease infinite; }


@keyframes bounceright {
    from { transform: translateX(0); }

    to { transform: translateX(3px); }
}
/********/
#nasilCalis { position: relative; padding: 75px 0; background: #ffffff; }
#nasilCalis:before { content: ""; position: absolute; background-image: url(/d/r/naslCalisBg.png); /* background-position: bottom right; */ background-repeat: no-repeat; top: 50%; left: -93px; height: 100%; width: 100%; transform: translateY(-50%); }
#nasilCalis .kapsul { margin: 0 15px 0 0; padding: 0 40px 0 0; position: relative; text-align: center; }
#nasilCalis .kapsul .title { color: var(--tema-renk1); font: 600 18px var(--baslik-fontu); margin-bottom: 3px; text-transform: uppercase; }
#nasilCalis .kapsul .subtitle { margin-bottom: 25px; font: 600 40px var(--icerik-fontu); line-height: 51px; color: #252525; }
#nasilCalis .item { margin-right: 20px; margin-bottom: 20px; position: relative; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s); }
#nasilCalis .cl6:nth-child(2) .item { margin-top: 40px; }
#nasilCalis .cl6:nth-child(3) .item { margin-top: -40px; }
#nasilCalis .item figure.bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; border-radius: 0; transition: all .9s ease; z-index: 1; overflow: hidden; }
#nasilCalis .item figure.bg:before { content: ""; top: 0; position: absolute; bottom: 0; background: #000; width: 100%; height: 100%; pointer-events: none; left: 0; z-index: 3; transform: translateX(-50px); width: calc(100% + 50px); transition: all .3s !important; }
#nasilCalis .item figure.bg img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; transition: all .3s !important; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 1; transform: translateX(-50px); width: calc(100% + 50px); }
#nasilCalis .item .metin { height: 100%; width: 100%; display: flex; flex-direction: column; min-height: 340px; padding: 35px 25px 30px 28px; justify-content: flex-start; z-index: 1; position: relative; background: #ffffff; box-shadow: 0 0 2px 1px #0000001c; }
#nasilCalis .item .metin .sayi { -webkit-text-stroke: 1px rgba(0,0,0,.1); font-size: 109px; line-height: 1; font-weight: 800; color: transparent; -webkit-text-stroke-color: #e6e6e6; margin-bottom: 15px; }
#nasilCalis .item .metin .baslik { color: var(--tema-renk1); font: 600 18px var(--baslik-fontu); line-height: 24px; margin: 0 0 15px; }
#nasilCalis .item .metin .kisaOzet { font: 400 16px var(--icerik-fontu); line-height: 24px; }
#nasilCalis .item .metin span.devamiGor { font: 700 15px var(--icerik-fontu); color: var(--tema-renk1); line-height: 24px; letter-spacing: 1px; }
#nasilCalis .item:hover { }
#nasilCalis .item:hover .metin { background: none; }
#nasilCalis .item:hover figure.bg { }
#nasilCalis .item:hover figure.bg:before { opacity: .5; transform: translateX(0); }
#nasilCalis .item:hover figure.bg img { transform: translateX(0); }
#nasilCalis .item:hover .metin .sayi { -webkit-text-stroke-color: #ffffff; }
#nasilCalis .item:hover .metin .baslik { color: #fff; }
#nasilCalis .item:hover .metin .kisaOzet { color: #f1f1f1; }
#nasilCalis .item:hover .metin span.devamiGor { color: #fff; }
#nasilCalis .item .metin span.devamiGor:hover { color: #b6b8b9; }
/****/
#nasilCalis1 { position: relative; padding: 75px 0; background: #ffffff; }
#nasilCalis1 .kapsul { margin: 0 15px 0 0; padding: 0 40px 0 0; position: relative; text-align: center; }
#nasilCalis1 .kapsul .title { color: var(--tema-renk1); font: 600 18px var(--baslik-fontu); margin-bottom: 3px; text-transform: uppercase; }
#nasilCalis1 .kapsul .subtitle { margin-bottom: 25px; font: 600 40px var(--icerik-fontu); line-height: 51px; color: #252525; }
#nasilCalis1 .item { margin-right: 20px; margin-bottom: 20px; position: relative; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s); z-index: 50; /* background: #fff; */ }
#nasilCalis1 .cl3:nth-child(2) .item { margin-top: 40px; }
#nasilCalis1 .cl3:nth-child(4) .item { margin-top: 40px; }
#nasilCalis1 .cl3:nth-child(2) { z-index: 50; }
#nasilCalis1 .cl3:nth-child(2):before { content: ""; position: absolute; top: 14px; left: -20px; width: 186px; height: 52px; border-top: 5px dashed #dedede; z-index: -1; border-right: 5px dashed #dedede; }
#nasilCalis1 .cl3:nth-child(2):after { content: ""; position: absolute; bottom: 34px; right: -133px; width: 186px; height: 24px; border-bottom: 5px dashed #dedede; z-index: -1; border-right: 5px dashed #dedede; }
#nasilCalis1 .cl3:nth-child(3):before { content: ""; position: absolute; top: 14px; right: -140px; width: 186px; height: 52px; border-top: 5px dashed #dedede; z-index: -1; border-right: 5px dashed #dedede; }
#nasilCalis1 .kap { padding: 120px 30px; }
#nasilCalis1 .item .metin { height: 100%; width: 100%; display: flex; flex-direction: column; min-height: 396px; padding: 35px 25px 30px 28px; justify-content: flex-start; z-index: 1; position: relative; background: #ffffff; box-shadow: 0 0 2px 1px #0000001c; }
#nasilCalis1 .item .metin .sayi { -webkit-text-stroke: 1px rgba(0,0,0,.1); font-size: 109px; line-height: 1; font-weight: 800; color: transparent; -webkit-text-stroke-color: #e6e6e6; margin-bottom: 15px; }
#nasilCalis1 .item .metin .baslik { color: var(--tema-renk1); font: 600 18px var(--baslik-fontu); line-height: 24px; margin: 0 0 15px; }
#nasilCalis1 .item .metin .kisaOzet { font: 400 16px var(--icerik-fontu); line-height: 24px; }
#nasilCalis1 .item .metin span.devamiGor { font: 700 15px var(--icerik-fontu); color: var(--tema-renk1); line-height: 24px; letter-spacing: 1px; }
#nasilCalis1 .item:hover { }
#nasilCalis1 .item:hover .metin { background: var(--tema-renk2); }
#nasilCalis1 .item:hover .metin .sayi { -webkit-text-stroke-color: #ffffff; }
#nasilCalis1 .item:hover .metin .baslik { color: #fff; }
#nasilCalis1 .item:hover .metin .kisaOzet { color: #f1f1f1; }
#nasilCalis1 .item:hover .metin span.devamiGor { color: #fff; }
#nasilCalis1 .item .metin span.devamiGor:hover { color: #b6b8b9; }
/****/
#nasilCalisCat { position: relative; background: #ffffff; margin: 35px; }
#nasilCalisCat .item { margin-right: 20px; margin-bottom: 20px; position: relative; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s); }
#nasilCalisCat .cl3:nth-child(2) .item { margin-top: 40px; }
#nasilCalisCat .cl3:nth-child(4) .item { margin-top: 40px; }
#nasilCalisCat .item figure.bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; border-radius: 0; transition: all .9s ease; z-index: 1; overflow: hidden; }
#nasilCalisCat .item figure.bg:before { content: ""; top: 0; position: absolute; bottom: 0; background: #000; width: 100%; height: 100%; pointer-events: none; left: 0; z-index: 3; transform: translateX(-50px); width: calc(100% + 50px); transition: all .3s !important; }
#nasilCalisCat .item figure.bg img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; transition: all .3s !important; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 1; transform: translateX(-50px); width: calc(100% + 50px); }
#nasilCalisCat .item .metin { height: 100%; width: 100%; display: flex; flex-direction: column; min-height: 340px; padding: 35px 25px 30px 28px; justify-content: flex-start; z-index: 1; position: relative; background: #ffffff; box-shadow: 0 0 2px 1px #0000001c; }
#nasilCalisCat .item .metin .sayi { -webkit-text-stroke: 1px rgba(0,0,0,.1); font-size: 109px; line-height: 1; font-weight: 800; color: transparent; -webkit-text-stroke-color: #e6e6e6; margin-bottom: 15px; }
#nasilCalisCat .item .metin .baslik { color: var(--tema-renk1); font: 600 18px var(--baslik-fontu); line-height: 24px; margin: 0 0 15px; }
#nasilCalisCat .item .metin .kisaOzet { font: 400 16px var(--icerik-fontu); line-height: 24px; }
#nasilCalisCat .item .metin span.devamiGor { font: 700 15px var(--icerik-fontu); color: var(--tema-renk1); line-height: 24px; letter-spacing: 1px; }
#nasilCalisCat .item:hover { }
#nasilCalisCat .item:hover .metin { background: none; }
#nasilCalisCat .item:hover figure.bg { }
#nasilCalisCat .item:hover figure.bg:before { opacity: .5; transform: translateX(0); }
#nasilCalisCat .item:hover figure.bg img { transform: translateX(0); }
#nasilCalisCat .item:hover .metin .sayi { -webkit-text-stroke-color: #ffffff; }
#nasilCalisCat .item:hover .metin .baslik { color: #fff; }
#nasilCalisCat .item:hover .metin .kisaOzet { color: #f1f1f1; }
#nasilCalisCat .item:hover .metin span.devamiGor { color: #fff; }
#nasilCalisCat .item .metin span.devamiGor:hover { color: #b6b8b9; }
/****/
#gelinlikModel { padding: 75px 0; }
#gelinlikModel .kapsul { margin-bottom: 25px; text-align: center; }
#gelinlikModel .kapsul .title { text-transform: uppercase; display: block; margin-bottom: 0px; color: var(--tema-renk1); font: 700 15px var(--baslik-fontu); }
#gelinlikModel .kapsul .subtitle { margin-bottom: 0; position: relative; display: block; text-transform: uppercase; font: 700 50px var(--baslik-fontu); color: #272b2b; line-height: 46px; margin-top: 15px; }
#gelinlikModel .item { position: relative; margin-bottom: 30px; display: block; }
#gelinlikModel .item:before { position: absolute; content: ""; width: 100%; height: 100%; background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.90196) 0%, rgba(34, 34, 34, 0) 100%); opacity: 1; transition: .4s; left: 0; top: 0; }
#gelinlikModel .item figure { }
#gelinlikModel .item figure img { }
#gelinlikModel .item .metin { position: absolute; bottom: 28px; left: 0; right: 0; text-align: center; transition: all 0.5s; }
#gelinlikModel .item .metin .baslik { color: #ffffff; text-transform: uppercase; letter-spacing: 2px; font: 600 18px var(--baslik-fontu); }
#gelinlikModel .item .metin span.more { color: #ffffff; text-transform: uppercase; font: 400 14px var(--baslik-fontu); margin-top: 5px; display: block; }
#gelinlikModel .item:hover { }
#gelinlikModel .item:hover .metin { transform: translateY(-5px); }
#gelinlikOwl { }
#gelinlikOwl .owl-item { transition: all 350ms ease }
#gelinlikOwl .owl-item.active.center { transform: scale(1.1, 1.2); }
#gelinlikOwl .owl-stage-outer { padding: 50px 0; }
#gelinlikOwl .owl-nav { position: absolute; top: 45%; transform: translateY(-50%); z-index: 50; margin: 0; width: 100%; }
#gelinlikOwl .owl-nav button { height: fit-content; margin: 0; padding: 0; }
#gelinlikOwl .owl-nav button.owl-prev { position: absolute; left: 5px; }
#gelinlikOwl .owl-nav button.owl-next { position: absolute; right: 5px; }
#gelinlikOwl .owl-nav button .nav-btn { color: #fff; font-size: 52px; }
#gelinlikOwl .owl-nav button .nav-btn.prev-slide:before { content: "\276C" }
#gelinlikOwl .owl-nav button .nav-btn.next-slide:before { content: "\276D" }
#gelinlikOwl .owl-nav button:hover { background: none; }
#gelinlikOwl .owl-nav button:hover .nav-btn { background: none; opacity: .6 }
/**********/
#gelinlikCat { padding: 35px 0; }
#gelinlikCat .item { position: relative; display: block; margin: 10px }
#gelinlikCat .item:before { position: absolute; content: ""; width: 100%; height: 100%; background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.90196) 0%, rgba(34, 34, 34, 0) 100%); opacity: 1; transition: .4s; left: 0; top: 0; }
#gelinlikCat .item figure { }
#gelinlikCat .item figure img { }
#gelinlikCat .item .metin { position: absolute; bottom: 28px; left: 0; right: 0; text-align: center; transition: all 0.5s; }
#gelinlikCat .item .metin .baslik { color: #ffffff; text-transform: uppercase; letter-spacing: 2px; font: 600 18px var(--baslik-fontu); }
#gelinlikCat .item .metin span.more { color: #ffffff; text-transform: uppercase; font: 400 14px var(--baslik-fontu); margin-top: 5px; display: block; }
#gelinlikCat .item:hover { }
#gelinlikCat .item:hover .metin { transform: translateY(-5px); }
/**********/
#urunDet { margin: 30px 0 }
#urunDet .icerik { }
#urunDet .icerik table { border: none; }
#urunDet .icerik table tr { height: auto !important; }
#urunDet .icerik table tr:nth-child(odd) { background: #efefef; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; }
#urunDet .icerik table tr:nth-child(even) { }
#urunDet .icerik table tr:nth-child(even):last-child { border-bottom: 1px solid #dedede; }
#urunDet .icerik table tr td { padding: 10px; border-right: 1px solid #dedede; height: auto !important; /* width: 100%; */ }
#urunDet .icerik table tr td:first-child { border-left: 1px solid #dedede; }
#urunResimleri { padding: 25px; position: relative; display: inline-block; width: 100%; background: #ffff; overflow: hidden }
#urunResimleri figure { position: relative; overflow: hidden; height: 490px }
#urunResimleri figure img { display: block; max-height: 474px; margin: 10px auto; padding: 8px }
#xzoom-default { height: 312px; width: 100% !important; box-shadow: 0 0 3px #0000005c; margin: 0 auto; object-fit: contain }
#urunResimleri ul li { float: left; margin: 10px 10px 0 0; height: 70px; border: solid 1px #5c7bb2; border-radius: 4px; overflow: hidden; width: calc(20% - 10px) }
#urunResimleri ul li a { float: left; overflow: hidden; height: 77px; width: 100%; position: relative; display: block }
#urunResimleri ul li img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
#urunResimleri i { position: absolute; top: 10px; left: 10px; z-index: 99; font-size: 19px; color: #000 }
/********/
#galeri { padding: 50px 0; position: relative; }
#galeri .resimler { background: 0 0; padding: 0 }
#galeri .resimler .wrap { display: flex; }
#galeri .baslik { color: var(--tema-renk1); padding: 50px 0; position: relative; font: 600 36px var(--icerik-fontu); }
#galeri .baslik:after, #galeri .baslik:before { content: ''; position: absolute }
#galeri .baslik:before { height: 39px; width: 1px; left: 0; top: 9px }
#galeri .baslik:after { height: 1px; width: 105px; left: 0; margin: auto; bottom: 0 }
#galeri .resimler .oge { width: calc(25% - 20px); height: 255px; margin: 10px; }
#galeri a.katLink { overflow: hidden; display: block; position: relative; height: 100%; transition: all 750ms ease !important; z-index: 50; }
#galeri a.katLink:hover { transform: scale(1.15); z-index: 1 }
#galeri a.katLink:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: #666666; */ opacity: 0.5; z-index: 5; }
#galeri a.katLink img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); min-height: 100%; height: auto; transition: all 750ms ease; width: 100%; height: 100%; object-fit: cover; }
/********/
#koleksiyon { margin: 75px 0; }
#koleksiyon .kapsul { margin-bottom: 25px; text-align: center; }
#koleksiyon .kapsul .title { text-transform: uppercase; display: block; margin-bottom: 0px; color: var(--tema-renk1); font: 700 15px var(--baslik-fontu); }
#koleksiyon .kapsul .subtitle { margin-bottom: 0; position: relative; display: block; text-transform: uppercase; font: 700 50px var(--baslik-fontu); color: #272b2b; }
#koleksiyon .wrap { justify-content: center; }
#koleksiyon .item { position: relative; margin: 15px; display: block; transition: all 0.5s; }
#koleksiyon .item figure { }
#koleksiyon .item figure img { width: 100%; height: 420px; object-fit: cover; }
#koleksiyon .item .metin { position: absolute; left: 0; bottom: 50px; padding: 50px 70px; }
#koleksiyon .item .metin .baslik { color: var(--tema-renk2); text-transform: uppercase; letter-spacing: 2px; font: 600 24px var(--baslik-fontu); width: 222px; }
#koleksiyon .item .metin span.more { color: #252525; text-transform: uppercase; font: 400 14px var(--baslik-fontu); margin-top: 5px; display: block; }
#koleksiyon a.seeAll { position: relative; display: block; font: 400 12px var(--icerik-fontu); border: 1px solid; border-radius: 0; background: 0 0; padding: 22px 34px; border-color: #000; color: #000; text-transform: uppercase; margin: 35px auto 0; width: fit-content; }
#koleksiyon .item:hover { transform: translateY(-5px); }
/********/
#koleksiyonCat { margin: 35px 0; }
#koleksiyonCat .item { position: relative; margin: 15px; display: block; transition: all 0.5s; }
#koleksiyonCat .item figure { }
#koleksiyonCat .item figure img { width: 100%; height: 420px; object-fit: cover; }
#koleksiyonCat .item .metin { position: absolute; left: 0; bottom: 50px; padding: 50px 70px; }
#koleksiyonCat .item .metin .baslik { color: var(--tema-renk2); text-transform: uppercase; letter-spacing: 2px; font: 600 24px var(--baslik-fontu); width: 222px; }
#koleksiyonCat .item .metin span.more { color: #252525; text-transform: uppercase; font: 400 14px var(--baslik-fontu); margin-top: 5px; display: block; }
#koleksiyonCat .item:hover { transform: translateY(-5px); }
/********/
@media (min-width: 1401px) {
}

@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 }
    #kurumsal .bg { left: -584px; }
    #kurumsal .metin { padding: 75px 0; }
    #kurumsal .metin .kisaOzet { font-size: 36px; }
    #aboutUs { margin: 0; background-position: bottom; }
    #aboutUs .context { margin: 0; padding: 25px; }
    #aboutUs .context .subtitle { font-size: 20px; }
    #aboutUs .context .content { margin-left: 0; }
    #aboutUs .context .content:before { display: none; }
    #aboutUs .context a.learnMore { margin-left: 0; }
    #locations { padding: 75px 10px; }
    #locations .cl4:nth-child(2) { margin: 0 0 0; }
    #locations .cl4:nth-child(5) { margin: 0 0 0; }
    #locations .item { margin: 0 0 10px; }
    #locations .seeMore a.viewAll { margin: 35px auto 0; }
    #locationsCat .cl4.middle-locate { margin: 0 0 0; }
    #locationsCat .item { margin: 0 0 10px; }
    #blog .grid { grid-template-areas:
            'sol1'
            'sag1'
            'sag2'; }
    #blog .item, #blog .item:first-child { height: 300px; }
    #blogCate .grid { grid-template-areas:
            'sol1'
            'sag1'
            'sag2'; }
    #blogCate .item, #blogCate .item:first-child, #blogCate .item:nth-child(2), #blogCate .item:nth-child(3) { height: 300px; }
    .icerikSag { margin: 20px 0 0 }
    #partners { padding: 50px 0; }
    #partners .row { display: flex; }
    #partners .item { max-width: 50%; flex: 0 0 50%; }
    #collabrate .metin { justify-content: center; padding: 0; margin-bottom: 24px; }
    #collabrate .metin .subtitle { text-align: center; }
    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; }
    /****/
    #faqTop .row { }
    /****/
    #anaHakkimizda .resimler.row { display: flex; margin-top: 35px; }
    /****/
    #nasilCalis .cl6:nth-child(2) .item { margin-top: 0; }
    #nasilCalis .cl6:nth-child(3) .item { margin-top: 0; }
    #nasilCalis .item { margin: 0 0 20px 0; }
    /****/
    #nasilCalisCat .cl6:nth-child(2) .item { margin-top: 0; }
    #nasilCalisCat .cl6:nth-child(4) .item { margin-top: 0; }
    #nasilCalisCat .item { margin: 0 0 20px 0; }
    /****/
    #formDet .kapsul .formdetay .row .satir { width: 100%; margin: 0 0 15px; }
    /****/
    #misyonVizyon .row { display: flex; flex-direction: column-reverse; }
    #misyonVizyon .metin { padding: 0 0 50px 0; }
    /**/
    #galeri .resimler .oge { width: calc(50% - 10px); height: 150px; margin: 5px; }
    /**/
    #urunResimleri { padding: 5px }
    /****/
    #koleksiyon .kapsul .subtitle { font-size: 36px; }
    #koleksiyon .item .metin { bottom: 24%; padding-left: 28px; }
    /****/
    #koleksiyonCat .kapsul .subtitle { font-size: 36px; }
    #koleksiyonCat .item .metin { bottom: 24%; padding-left: 28px; }
    /**********/
    #nasilCalis1 .cl3:nth-child(2):before { left: 50%; border-top: none; transform: translateX(-50%); top: -39px; width: 5px; }
    #nasilCalis1 .cl3:nth-child(2):after { border-bottom: none; right: 50%; transform: translateX(-50%); bottom: -20px; width: 5px; }
    #nasilCalis1 .cl3:nth-child(3):before { right: 50%; transform: translateX(-50%); border-top: none; top: initial; bottom: -45px; width: 5px; }
    #nasilCalis1 .kap { padding: 120px 10px; }
    /********/
    #gelinlikModel .kapsul .subtitle { font-size: 36px; }
}