footer { width: 100%; float: left; clear: both; margin: 0; position: relative; z-index: 0; color: #fff; background-color: var(--tema-renk1); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; }
footer .subLa { position: relative; width: 100%; border-bottom: 1px solid #FFFFFF99; padding: 80px 0px 80px 0px; display: flex; align-items: center; justify-content: space-between; gap: 75px; }
footer .subLa .text { font: 500 28px var(--baslik-fontu); color: #fff; width: 615px; max-width: 100%; text-transform: capitalize; }
footer .subLa .call-now { display: inline-block; width: fit-content; border: 1px solid #fff; padding: 10px 25px; border-radius: 8px; background: #fff; color: #141414; }
footer .subLa .call-now:hover { background: transparent; color: #fff; }
footer .subscribe-form { width: 481px; max-width: 100% }
footer .subscribe-form .input-field { position: relative; }
footer .subscribe-form .input-field:has(input:focus) { border-color: var(--tema-renk1) }
footer .subscribe-form .input-field input { min-height: 56px; line-height: 1.5em; border-style: solid; border-color: #ffffff; background: transparent; width: 100%; padding: 19px; border-width: 1px; padding-right: 145px; }
footer .subscribe-form .input-field .button-holder { position: absolute; z-index: 1; top: 5px; right: 5px; bottom: 5px; left: auto; display: inline-flex; align-items: center; margin: 0 auto; height: 50px; }
footer .subscribe-form .input-field button { position: relative; display: inline-flex; align-items: center; flex-wrap: wrap; height: 100%; margin-top: 0; text-align: center; border: 1px solid transparent; fill: #fff; text-transform: capitalize; padding: 5px 30px; background-color: #ffffff; color: #222222; font: 500 17px var(--baslik-fontu); line-height: normal; }
footer .subscribe-form .input-field button svg { width: 16px; height: auto; }

footer .footer_content { padding: 80px 0px 50px 0px; }
footer .footer_content .footer_item { }
footer .footer_content .footer_item img { margin-bottom: 24px; max-width: 220px; }
footer .footer_content .footer_item .footer_message { font: 300 16px var(--icerik-fontu); line-height: 24px; width: 360px; max-width: 100%; color: #ffffff; padding: 4px 30px 30px 0px; }
footer .footer_content .footer_item .footer_social { display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; justify-content: flex-start; }
footer .footer_content .footer_item .footer_social .social_item { display: flex; align-items: center; justify-content: flex-start; margin-left: 8px; margin-right: 8px; }
footer .footer_content .footer_item .footer_social .social_item a { display: flex; align-items: center; padding: 13px 12px; text-transform: uppercase; justify-content: flex-start; background-color: #ffffff; }
footer .footer_content .footer_item .footer_social .social_item a:hover { opacity: 0.75; }
footer .footer_content .footer_item .footer_social .social_item a svg { fill: #000000; width: 14px; height: auto; }
footer .footer_content table { width: 100%; }
footer .footer_content table tbody { }
footer .footer_content table tbody tr { vertical-align: top; }
footer .footer_content table tbody tr td { }
footer .footer_content table tbody tr td h2 { padding: 2px 0px 2px 10px; border-left: 2px solid; color: #ffffff; font: 500 20px var(--baslik-fontu); line-height: 32px; margin: 0 0 24px; }
footer .footer_content table tbody tr td p,
footer .footer_content table tbody tr td a { font: 300 16px var(--icerik-fontu); line-height: 28px; color: #ffffff; cursor: pointer; }
footer .footer_content table tbody tr td p:hover,
footer .footer_content table tbody tr td a:hover { color: #c0c0c0; }
footer .footer_content table tbody tr td p:not(:first-child),
footer .footer_content table tbody tr td a:not(:first-child) { margin-top: calc(6px / 2); }
footer .footer_content .footer_contact { }
footer .footer_content .footer_contact h2 { padding: 2px 0px 2px 10px; border-left: 2px solid; color: #ffffff; font: 500 28px var(--baslik-fontu); line-height: 32px; margin: 0 0 24px; }
footer .footer_content .footer_contact .locations { }
footer .footer_content .footer_contact .locations .location_item { display: flex; padding-bottom: calc(6px / 2); align-items: flex-start; }
footer .footer_content .footer_contact .locations .location_item .icon { display: flex; position: relative; padding-right: 6px; margin-top: 6px; }
footer .footer_content .footer_contact .locations .location_item .icon svg { fill: #ffffff; transition: fill 0.3s; width: 18px; height: auto; }
footer .footer_content .footer_contact .locations .location_item .text { align-self: center; padding-inline-start: 5px; font: 300 16px var(--icerik-fontu); line-height: 28px; color: #ffffff; }
footer .footer_content .footer_contact .locations .location_item .text a { align-self: center; padding-inline-start: 5px; font: 300 16px var(--icerik-fontu); line-height: 28px; color: #ffffff; }
footer .footer_content .footer_contact .locations .location_item .text a:hover { color: #c0c0c0; }
footer .footer_content .footer_contact .locations .location_item:not(:first-child) { margin-top: calc(6px / 2); }
footer .footer_alt { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #FFFFFF99; padding: 20px 0px 20px 0px; }
footer .footer_alt .imza { font: 500 18px var(--baslik-fontu); color: #ffffff; line-height: 27px; }
footer .footer_alt .imza a { font: 500 18px var(--baslik-fontu); color: #ffffff; line-height: 27px; }
footer .footer_alt .contract { display: flex; justify-content: flex-end; align-items: center; }
footer .footer_alt .contract li { margin-right: calc(40px / 2); margin-left: calc(40px / 2); }
footer .footer_alt .contract li:after { left: auto; position: relative; border: none; right: calc(-40px / 2); }
footer .footer_alt .contract li:not(:last-child):after { content: ""; height: 50%; border-left: 1px solid #c0c0c0; }
footer .footer_alt .contract li a { font: 500 18px var(--baslik-fontu); color: #ffffff; line-height: 32px; }
footer .footer_alt .contract li a:hover { color: #c0c0c0; }
/**************/
#haberler { margin: 10px 0px; }
#haberler .item { height: 350px; overflow: hidden; }
#haberler .item figure { width: 100%; height: 208px; overflow: hidden; }
#haberler .item figure img { width: 100%; height: 100%; object-fit: cover; }
#haberler .item .metin { position: absolute; height: 168px; bottom: 0px; width: 90%; margin-top: -35px; background: #fff; padding: 10px; display: block; margin-left: 0px; border-bottom: solid 1px #ccc; }
#haberler .item .metin .baslik { font: 700 14px var(--baslik-fontu); color: #333; display: -webkit-box; margin: 0 auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#haberler .item .metin .kisaOzet { }
#haberler .item .metin .more { font-size: 11px; padding: 5px 0px; color: #88a7cf; font-weight: 600; position: absolute; bottom: 10px; right: 0px; letter-spacing: 0.5px; }
/*********/
#haberler .swiper-button-next:after, #haberler .swiper-button-prev:after { display: none; }
/************/
#navigate { position: relative; }
#navigate span { display: block; padding: 40px 15px; font-weight: 900; font-size: 16px; letter-spacing: 1px; background: #143f76; color: #fff; text-align: center; }
#navigate .sagOkk, #navigate .solOkk { position: absolute; display: block; text-align: center; }
#navigate .sagOkk { bottom: -80px; right: 0px; width: 80px; height: 80px; background: url(/d/r/sprite.png) no-repeat -12px -185px #3a5d89; top: auto; }
#navigate .solOkk { bottom: -55px; right: 80px; width: 55px; height: 55px; background: url(/d/r/sprite.png) no-repeat -23px -124px #88a7cf; left: auto; top: auto; }
#navigate .sagOkk:hover, #navigate .solOkk:hover { opacity: .8; }
/*********/
#ucle { margin: 60px 0px; }
#ucle .kutu1, #ucle .kutu2, #ucle .kutu3 { position: relative; height: 180px; }
#ucle .kutu1 { background: #b99b62; margin-right: 20px; }
#ucle .kutu1 img { position: absolute; left: 0px; bottom: 0px; z-index: 9; }
#ucle .kutu1 span[itemprop="name"] { position: absolute; right: 20px; top: 15px; z-index: 99; font-weight: 800; font-size: 20px; /* font-style: italic; */ }
#ucle .kutu1 span[itemprop="jobTitle"] { position: absolute; right: 20px; top: 45px; z-index: 99; font-weight: 400; font-size: 13px; text-align: right; }
#ucle .kutu1 a { z-index: 999; display: block; position: absolute; right: 20px; top: 125px; color: #514101; border: solid 2px #c28d26; padding: 5px 10px; font-size: 12px; transition: all ease 1s; }
#ucle .kutu1 a:hover { border-color: #000; color: #000; }

#ucle .kutu2 { background: #143f76; margin: 0px 10px; }
#ucle .kutu2 img { position: absolute; display: block; top: -20px; left: 30px; }
#ucle .kutu2 span { position: absolute; left: 161px; top: 33px; color: #dee3e5; font-size: 12px; line-height: 23px; width: 140px; }
#ucle .kutu2 a { display: block; position: absolute; right: 30px; top: 125px; color: #fff; border: solid 2px #116ba1; padding: 5px 20px; font-size: 12px; transition: all ease 1s; }
#ucle .kutu2 a:hover { border-color: #000; color: #000; }

#ucle .kutu3 { background: url(/d/r/anaFotoVideoZemin.jpg); margin-left: 20px; position: relative; }
#ucle .kutu3 a.galeri, #ucle .kutu3 a.video { position: absolute; z-index: 99; display: block; top: 50px; }
#ucle .kutu3 a.galeri { left: 20%; background: url(/d/r/sprite.png) no-repeat -18px -298px; width: 65px; height: 70px; }
#ucle .kutu3 a.video { right: 20%; background: url(/d/r/sprite.png) no-repeat -25px -422px; width: 58px; height: 65px; top: 55px; left: auto; }
#ucle .kutu3 a.galeri:hover, #ucle .kutu3 a.video:hover { opacity: .2; }
/*****/
#etkinlik { position: relative; margin: 30px 0; }
#etkinlik .title { color: #fff; font-weight: 900; font-size: 16px; letter-spacing: 1px; padding: 15px; }
#etkinlik a.alletk { float: left; border-radius: 5px; background: #587499; padding: 5px 15px; color: #ededed; margin: 0px 20px; }
#etkinlik a.alletk:hover { background: #7b90ac; }
#etkinlik .kap { background: #143f76; padding: 30px 0; }
#etkinlik .govde { background: #fff; padding: 15px; margin: 15px; }
#etkinlik .govde .item { margin-right: 5px; }
#etkinlik .govde .ayGun { float: left; width: 25%; background: #f1eee8; color: #104e61; padding: 11px 0px; }
#etkinlik .govde span.gun { font-size: 53px; text-align: center; display: block; line-height: 53px; font-weight: 900; }
#etkinlik .govde span.ay { font-size: 20px; display: block; font-weight: 400; text-align: center; }
#etkinlik .govde span.baslikk { padding: 22px; font-size: 14px; display: block; float: left; width: 75%; background: #f7f7f7; min-height: 103px; font-family: var(--baslik-fontu); text-transform: uppercase; color: #337ab7; }
/************/
#etkinlik .pull-right { display: flex; justify-content: end; align-items: center; margin-top: 11px; margin-right: 25px; }
#etkinlik .swiper-button-next:after, #etkinlik .swiper-button-prev:after { display: none; }
#etkinlik .sagEtkinlikOk, #etkinlik .solEtkinlikOk { width: 23px; height: 30px; display: block; position: relative; top: auto; margin: 0; }
#etkinlik .sagEtkinlikOk { background: url(/d/r/sprite.png) no-repeat -37px -208px; left: auto; }
#etkinlik .solEtkinlikOk { background: url(/d/r/sprite.png) no-repeat -41px -134px; right: auto; }
#etkinlik .sagEtkinlikOk:hover, #etkinlik .solEtkinlikOk:hover { opacity: .8; }
/*****/
#videoGaleri { background: #f1f1f1; padding: 30px 0; }
#videoGaleri .item { text-align: center; }
#videoGaleri .h1 { text-align: center; font-size: 26px; font-weight: 800; position: relative; color: #c8c8c8; margin-bottom: 30px; text-transform: uppercase; }
#videoGaleri .h1:after { content: ''; position: absolute; top: 119%; left: 50%; width: 90px; border-bottom: solid 2px #c8c8c8; margin-left: -45px; }
#videoGaleri .hepsi { text-align: center; margin: 30px 0 20px 0; }
#videoGaleri .hepsi a { font-size: 12px; background: #ddd; padding: 10px; display: inline-block; width: 141px; text-align: center; color: #111; }
#videoGaleri .hepsi a:hover { background: #ccc; }

#feedYoutube .item .resim a { display: block; }
#feedYoutube .item .baslik { font-size: 13px; font-weight: 600; min-height: 40px; margin-top: 15px; float: left; max-width: 252px; margin-left: 15px; text-align: left; }
#feedYoutube .item .resim a:after { content: ""; background-image: url(/d/r/play-button.png); width: 60px; height: 60px; filter: invert(1); background-repeat: no-repeat; background-size: contain; position: absolute; color: #fff; z-index: 999; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: .9; }
/******/
#uyeler { margin: 40px 0px; }
#uyeler .item { max-width: 125px; display: inline-block; max-height: 125px; vertical-align: middle; }
#uyeler .item img { max-width: 125px; display: inline-block; max-height: 125px; vertical-align: middle; }
/*****/
textarea#TBmesaj { height: 150px; }
.formContact .form-control { text-transform: capitalize; letter-spacing: .5px; width: 100%; padding: 3px 6px; border-radius: 0; border: 1px solid #e1e1e1; height: 42px; margin-bottom: 20px; font: 100 15px 'Open Sans'; color: #111; box-shadow: none; }
.formContact .form-group.guvenlik { display: flex; align-items: flex-end; gap: 10px; margin: 0 0 20px; }
.formContact .form-group.guvenlik .form-control { margin-bottom: 0; }
.formContact .form-group.guvenlik label { width: 25%; }
.dugme { background-color: #818483; color: #fff; display: block; line-height: 48px; text-align: center; margin-top: 7px; font-size: 16px; text-decoration: none; font-weight: 800; border: 1px solid #818483; }
.dugme:hover { background-color: #696969; color: #ccc; }
/***********/
.altSayfaHaber { min-height: 400px; line-height: 27px; font-size: 14px; color: #181818; letter-spacing: .5px; margin-bottom: 30px; }
.altSayfaHaber h2 { font-size: 16px; }
.altSayfaHaber .fotorama { width: 800px; max-width: 100%; margin: 0 auto; }

.altSayfaHaber .resim { margin: 0px 0px 20px 0px; max-height: 325px; overflow: hidden; }
.altSayfaHaber .resim img { margin: 0px auto; display: block; width: 100%; }
.altSayfaHaber h3 { color: #333; margin-top: 15px; line-height: 27px; font-size: 14px; }
.altSayfaHaber h1 { color: #676767; letter-spacing: 0.8px; font-weight: bolder; margin-bottom: 8px; position: relative; font-size: 23px; margin-top: 10px; }
.altSayfaHaber .ozetGec { color: #666; margin: 5px 0px; font-size: 12px; }
.altSayfaHaber .ozetGec span { display: inline-block; margin-right: 20px; }
.altSayfaHaber .icerik { margin-top: 34px; }
.altSayfaHaber .icerik ul { list-style: circle; padding-left: 25px; }
.altSayfaHaber .icerik ul li { }
.altSayfaHaber .icerik ul li::marker { }
/***********/
.streetV, .yolTarifi { display: inline-block; padding: 10px 20px; font: 500 14px 'Roboto'; position: absolute; z-index: 99; bottom: 10px; color: #fff; }
.streetV { left: 125px; background: #605953; }
.yolTarifi { background: #2687b1; }

.streetV:hover { background: #413f3d; color: #fff; }
.yolTarifi:hover { background: #2e7898; color: #fff; }
/***********/
#iletisimBilgi { margin: 75px 0; }
/***********/
#kurumsal { margin: 20px 0px; }
/***********/
#basinAciklamalari { background: #143f76; margin: 30px 0 0 0; position: relative; padding: 20px 0; }
#basinAciklamalari h1 { color: #fbfbfb; font-weight: 900; font-size: 22px; letter-spacing: 1px; padding: 15px 15px 15px 0; }
#basinAciklamalari h1:after { content: ''; border-bottom: solid 2px #b99b62; position: absolute; top: 81%; left: 0; width: 96px; }

#basinAciklamalari .pull-right { margin-top: 25px; margin-right: 25px; }
#basinAciklamalari a.alletk { float: left; background: #b99b62; padding: 5px 15px; color: #ffffff; margin: 0px 20px; font-size: 13px; font-weight: 600; }
#basinAciklamalari a.alletk:hover { background: #1a4755; }
#basinAciklamalari .govde { padding: 15px 0 0 0; margin: 15px 0 0 0; }
#basinAciklamalari .govde .item { margin-right: 5px; }

#basinAciklamalari .govde .ayGun { float: left; width: 25%; background: #f1eee8; color: #104e61; padding: 11px 0px; }
#basinAciklamalari .govde span.gun { font-size: 23px; text-align: center; display: block; line-height: 23px; font-weight: 900; }

#basinAciklamalari .govde span.baslikk { font-size: 14px; display: block; color: #333; margin-bottom: 17px; font-weight: 800; }

#basinAciklamalari a.sagAciklamaOk, #basinAciklamalari a.solAciklamaOk { float: left; width: 23px; height: 30px; filter: invert(0.5); }
#basinAciklamalari a.sagAciklamaOk { background: url(/d/r/sprite.png) no-repeat -37px -208px; }
#basinAciklamalari a.solAciklamaOk { background: url(/d/r/sprite.png) no-repeat -41px -134px; }
a.sagAciklamaOk:hover, #basinAciklamalari a.solAciklamaOk:hover { opacity: .8; }
#basinAciklamalari .resim { overflow: hidden; }
#basinAciklamalari .resim img { width: 100%; }
#basinAciklamalari .kisaOzet { display: block; color: #000; letter-spacing: .5px; width: 95%; }
#basinAciklamalari .kapsulle { background: #e8b960; display: block; padding: 51px 15px; }
#basinAciklamalari .col-xs-12 { margin: 0; padding: 0; }
#basinAciklamalari .kapsulle a.dOku { padding: 10px; background: #c48817; letter-spacing: 1px; display: inline-block; border-radius: 22px; margin-top: 25px; color: #ffffff; font-size: 12px; }
#basinAciklamalari .kapsulle a.dOku:hover { background: #cc9d0f; }
/*******/
#kurumsal .icerik.semaTablo { }
#kurumsal .icerik.semaTablo table { border: 1px solid transparent; border-spacing: 0; width: 100%; }
#kurumsal .icerik.semaTablo table tbody { }
#kurumsal .icerik.semaTablo table tbody tr { padding: 0; }
#kurumsal .icerik.semaTablo table tbody tr:hover { background: none; }
#kurumsal .icerik.semaTablo table tbody tr td { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 0; }
#kurumsal .icerik.semaTablo table tbody tr td h2 { color: #808080; padding: 5px; margin-bottom: 10px; border-bottom: solid 2px #719518; font-weight: 700; font-size: 18px; letter-spacing: -1px; width: 100%; }
#kurumsal .icerik.semaTablo table tbody tr td p { background-color: #fff; width: calc(25% - 10px); border: solid 1px #eee; box-shadow: 0 3px 3px 0 #e3e3e3; border-radius: 3px; margin-bottom: 10px; display: flex; flex-direction: column; justify-content: space-between; padding: 5px; /* vertical-align: top; */ margin-right: 10px; font-size: 13px; background-color: #fafafa; font-weight: 600; text-align: center; line-height: 17px; height: 193px; }
#kurumsal .icerik.semaTablo table tbody tr td p img { height: 150px !important; width: 130px !important; display: block; margin: 0 auto; object-fit: contain; }
/**************/
.social2 { margin: 7px 0; position: relative; width: 100%; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.social2 i { display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 50%; border: solid 2px #e0e1e1; height: 28px; width: 28px; text-align: center; line-height: 9px; }
.social2 i svg { width: 14px; height: auto; fill: currentColor; }
.social2 i svg path { }
.social2 i:hover { color: #999; }
.social2 .face { }
.social2 .yout { }
.social2 .goog { }
.social2 .inst { }
/*******/
/******/
/********/
ul.icMenu { list-style-type: none; padding: 0; width: 100%; padding-right: 15px; }

ul.icMenu .hizli { font-weight: 600; color: #104e61; padding: 10px 0px; font-size: 22px; text-transform: uppercase; letter-spacing: 8px; text-align: center; opacity: .5; }
ul.icMenu li { position: relative; }
ul.icMenu li a { display: block; font: 400 14px 'Exo',sans-serif; color: #111; padding: 16px; text-decoration: none; background: #f4f4f4; margin-bottom: 3px; letter-spacing: 1px; }
ul.icMenu li a.hover { background-color: #e1e0e0; color: #9c9c9c; }
ul.icMenu li a.active { background: #888; color: #dadada; }
ul.icMenu li a:hover:not(.active) { background-color: #e1e0e0; color: #9c9c9c; }

ul.icMenu2 { width: 250px; float: left; margin-right: 15px; }

ul.icMenu li.kategoriM a { background: #d9d9d9; padding-left: 29px; }
/********/
ul.kategoriM { display: none; }
ul.kategoriM li a { background: #d9d9d9; padding-left: 29px; }
ul.kategoriM.active { display: block; }
/************/
.paylasim { margin: 20px 0px; border-top: 1px dotted #ddd; padding-top: 20px; }
.paylasim a { display: inline-block; font: 600 21px Roboto; margin-right: 10px; }
.paylasim a:nth-child(2) { color: #aaa; margin-right: 20px; }
.paylasim a:nth-child(3) { font-size: 28px; color: #888; margin-right: 20px; }
.paylasim a:hover { color: #000; }
.paylasim .text-muted { margin-right: 10px; font: 600 12px Roboto; color: #aaa; margin-right: 20px; }
.paylasim a.facebook, .paylasim a.twitter, .paylasim a.google { font-size: 12px; padding: 7px 10px; color: #fff; }
.paylasim a.facebook:hover, .paylasim a.twitter:hover, .paylasim a.google:hover { text-decoration: line-through !important; }
.paylasim a.facebook { background: #3b5998; margin-right: 20px; }
.paylasim a.twitter { background: #1da1f2; }
.paylasim a.google { background: #cc1615; }
.paylasim a.facebook:hover { background: #fff; color: #3b5998; }
.paylasim a.twitter:hover { background: #fff; color: #1da1f2; }
.paylasim a.google:hover { background: #fff; color: #cc1615; }

/*******/
.sollaSagla { overflow: hidden; transition: all .3s ease-out; }
.sollaSagla i { display: flex; align-items: center; justify-content: center; }
.sollaSagla:hover { transform: scale(1.1); background: #586a9c; }
.sollaSagla:hover i { transform: scale(.9); animation: okGitGel 1s cubic-bezier(.785,.135,.15,.86); }
/*******/
.sollaSaglaKap { transition: all .3s ease-out; position: relative; }
.sollaSaglaKap:before { content: ""; background-color: #004d70; clip-path: inset(1.5rem 2rem 1.5rem calc(100% - 0rem) round 4.25rem); transition: clip-path .65s cubic-bezier(.785,.135,.15,.86), transform .65s cubic-bezier(.785,.135,.15,.86), -webkit-clip-path .65s cubic-bezier(.785,.135,.15,.86); position: absolute; bottom: -1px; left: -1px; right: -1px; top: -1px; z-index: -1; border-radius: 9999px; }
.sollaSaglaKap span { overflow: hidden; transition: all .3s ease-out; }
.sollaSaglaKap span i { display: flex; align-items: center; justify-content: center; }
.sollaSaglaKap:hover span { transform: scale(1.1); background: #586a9c !important; }
.sollaSaglaKap:hover span i { transform: scale(.9); animation: okGitGel 1s cubic-bezier(.785,.135,.15,.86); color: #fff; }
.sollaSaglaKap:hover:before { clip-path: inset(0 round 4.25rem); }
.sollaSaglaKap:hover { color: #fff !important; }
/*******/

.okumayaDevam { display: block; font-size: 15px; height: 38px; width: 75%; padding: 0 22px; line-height: 38px; border-radius: 30px; border: 1px solid #808080; transition: all 0.1s ease-in; text-align: center; margin: 30px auto; }
.okumayaDevamet { width: fit-content; }
.okumayaDevam:hover { background-color: #474746; color: #fff; }
.metinV { margin-bottom: 15px; }
.blogItem { border-bottom: 1px dotted #ddd; padding: 20px 0px; }
.blogItem h2 { margin: 0px; font-weight: bold; font-size: 14px; }
.altSayfaHaber .icerik p img { width: 100% !important; height: auto !important; }
/********/
/*****/
.haberTags { margin: 15px 0px; }
.haberTags strong { display: inline-block; color: #838383; margin-right: 20px; padding-left: 20px; position: relative; font-weight: 400; }
.haberTags strong:after { position: absolute; content: '\f02b'; left: 0px; top: 5px; font: 400 15px fontAweSome; color: #ccc; }
.haberTags a { color: #555555; background-color: #f5f5f5; display: inline-block; padding: 5px 5px; background: #f5f5f5; margin-right: 5px; font-size: 12px; }
.haberTags a:hover { background: #bbbbbb; color: #ffffff; border-color: #bbbbbb; }
/*****/


.onceki { }
.onceki .miniRes { float: left; border-radius: 50%; overflow: hidden; margin-right: 15px; }
.onceki .miniRes img, .sonraki .miniRes img { height: 60px; width: 60px; }
.onceki .miniOk { float: left; }
.onceki .miniOk a { line-height: 60px; font-size: 22px; display: inline-block; margin-right: 15px; }
.onceki .miniYolla h4, .sonraki .miniYolla h4 { margin: 5px 0px; }
.onceki .miniYolla h4 a, .sonraki .miniYolla h4 a { font-size: 12px; line-height: 20px; display: block; font-weight: bold; color: #000; }
.onceki .miniYolla a span, .sonraki .miniYolla a span { font-size: 12px; display: block; }
.onceki:hover .miniOk a { color: #f00; }
.sonraki { text-align: right; }
.sonraki .miniOk { float: right; }
.sonraki .miniYolla { }
.sonraki .miniRes { float: right; border-radius: 50%; overflow: hidden; margin-left: 15px; }
.sonraki .miniOk a { line-height: 60px; font-size: 22px; display: inline-block; margin-left: 15px; }
.sonraki:hover .miniOk a { color: #f00; }
.ilgili { margin: 30px 0px; border-bottom: 1px dotted #ddd; padding-bottom: 30px; }
.ilgili .res { position: relative; display: block; }
.ilgili h3, .ilgili h4 { font-size: 14px; font-weight: bold; }
.ilgili img { height: 150px; width: 100%; object-fit: cover; }
.ilgili h4 a { color: #666; }
.navig { border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; margin: 35px 0px; padding: 35px 0px; }
.arama .oge { margin: 50px 0px; display: block; }
.arama .oge a.res { position: relative; display: block; margin: 0px auto; max-width: 250px; }
.arama .oge a.res:before, .ilgili a.res:before { animation-duration: 0.5s; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; content: ""; display: block; height: 100%; left: 50%; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: all 0.5s ease 0s; width: 0; }
.arama .oge a.res:hover:before, .ilgili a.res:hover:before { left: 0; opacity: 1; width: 100%; }
.arama .oge a.res:after, .ilgili a.res:after { animation-duration: 0.5s; background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0; border-radius: 100%; bottom: 0; box-shadow: 0 0 0 8px rgba(246, 249, 250, 0.42); color: #fff; content: "\f0c1"; display: block; font-family: FontAwesome; font-size: 20px; height: 30px; left: 0; line-height: 30px; margin: auto; opacity: 0; position: absolute; right: 0; text-align: center; top: 0; transform: scale(3); transition: all 0.5s ease 0s; visibility: hidden; width: 30px; z-index: 2; }
.arama .oge a.res:hover:after, .ilgili a.res:hover:after { opacity: 1; transform: scale(1); visibility: visible; }

.ilgili .cl4:nth-child(1) .item { margin-right: 10px; }
.ilgili .cl4:nth-child(2) .item { margin: 0px 5px; }
.ilgili .cl4:nth-child(3) .item { margin-left: 10px; }



.popup-gallery { background-color: rgb(250,250,250); padding: 15px 15px; }
.popup-gallery .col-sm-4 { min-height: 170px; overflow: hidden; position: relative; }
.popup-gallery .col-sm-4 a { display: block; overflow: hidden; }
.popup-gallery .col-sm-4 a img { height: 165px; }
.popup-gallery .sagMargin a .metinV { position: absolute; display: none; top: 0px; z-index: 5; font-size: 14px; background-color: rgba(0,0,0,0.1); text-align: center; cursor: pointer; color: #fff; margin: 0px; padding: 0px; width: 181px; height: 165px; }
.popup-gallery .col-sm-4 a i { position: absolute; top: 38%; left: 38%; font-size: 24px; color: #eee; }
.popup-gallery .sagMargin a:hover .metinV { display: block; z-index: 99; background-color: rgba(0,0,0,0.7); }
h3.digerHabKat { font-weight: 700; margin-bottom: 0px; font-size: 14px; padding: 0px; margin-top: 35px; }
.popup-gallery .sagMargin { overflow: hidden; }


/*******/
.fotoGaleri { margin: 75px 0px; }
.fotoGaleri h2 { font-size: 16px; color: #666; font-weight: 800; border-bottom: solid 1px #ccc; display: inline-block; padding: 10px 0px; }
.fotoGaleri p { font-size: 13px; color: #838383; }
.fotoGaleri .cl2 { }
.fotoGaleri .cl2 a { display: block; margin-right: 20px; width: calc(100% - 20px); height: 150px; margin-bottom: 20px; }
.fotoGaleri .cl2 a img { width: 100%; height: 100%; object-fit: cover; }
.fotoGaleri .cl2 a:hover img { filter: sepia(100); }
.fotoGaleri .cl2 .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; }
.fotoGaleri .cl2 .thumbnail:hover { border-color: #337ab7; }

#loading { padding: 40px 0px; text-align: center; }
#loading span { cursor: pointer; }

/*****/


/***mobil***/
/***mobil menu***/

#mobilKapsul { display: none; position: absolute; top: 0; bottom: 0; z-index: 9999; background: rgba(0,0,0,0.5); width: 100%; }
#mobilMenu a, #mobilMenu a:active, #mobilMenu a:focus { text-decoration: none; }
#mobilMenu { display: none; position: absolute; position: fixed; top: 0; height: 100%; padding-top: 60px; z-index: 99999; width: 260px; overflow-x: hidden; overflow-y: auto; padding-bottom: 0; background: #1d1e20; color: #fff; -webkit-overflow-scrolling: touch; }
#mobilMenu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
#mobilMenu::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
#mobilMenu::-webkit-scrollbar-thumb { background-color: #000000; }
#kapatMobil { position: absolute; top: 15px; bottom: auto; left: auto; right: 15px; font-size: 10px; color: #fff; background: transparent; }
#kapatMobil i { font-size: 14px; }
#kapatMobil:hover { color: #ccc; }
#mobilMenu > ul { list-style: none; margin: 0; padding: 0; border: 0; }
#mobilMenu > ul > li { border-bottom: solid 1px #232527; }
#mobilMenu li.yavruVar { position: relative; }
#mobilMenu li.yavruVar:after { position: absolute; right: 15px; top: 15px; font: 400 10px fontAweSome; content: '\f0dd'; }
#mobilMenu li.acik:after { position: absolute; right: 0; top: 10px; font: 400 22px var(--baslik-fontu); content: '+'; }
#mobilMenu .show-subnav { display: block !important; }
#mobilMenu > ul > li > a { font-size: 10px; font-style: normal; font-weight: 700; text-transform: uppercase; line-height: 10px; letter-spacing: .8px; color: #ffffff; }
#mobilMenu > ul li a { position: relative; display: block; padding: 15px 25px; }
#mobilMenu > ul li ul { margin: 0; padding: 0; display: none; }
#mobilMenu > ul li ul li ul { margin: 0; padding: 0; display: none; }
#mobilMenu > ul > li > ul > li > a { padding-left: 35px; padding-right: 35px; }
#mobilMenu > ul > li ul a { font-size: 12px; font-style: normal; font-weight: 400; text-transform: none; line-height: 13px; letter-spacing: 0px; color: #999999; }
#mobilMenu > ul li a { position: relative; display: block; padding: 15px 25px; }
/***mobil menu***/
/***mobil sosyal***/


.mobilSosyal { margin-top: 10px; position: relative; text-align: center; }
.mobilSosyal i { font-size: 12px; color: #fff; border-radius: 50%; border: solid 2px #e0e1e1; height: 28px; width: 28px; padding: 8px; margin: 5px 3px; text-align: center; line-height: 9px; }
.mobilSosyal i:hover { color: #999; }
/***mobil sosyal***/

/***mobil Arama***/
.mobilArama { position: relative; width: 75%; margin: 20px auto; }

.mobilArama input { display: block; padding: 8px; width: 100%; font-size: 10px; background: #e3e3e4; color: #111; letter-spacing: 1px; border: none; }
.mobilArama .araButonu { position: absolute; z-index: 999; right: 25px; top: 0px; }
.mobilArama .araButonu button { margin: 0px; padding: 6px 8px; font-size: 12px; border: none; color: #333; background: #e3e3e4; }
/***mobil Arama***/
/***hamburger***/
#hamburger { display: none; position: absolute; top: 11px; right: 10px; z-index: 999999; width: 30px; height: 45px; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; }
#hamburger span { display: block; position: absolute; height: 3px; width: 100%; background: #fff; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }
#hamburger span:nth-child(1) { top: 0px; }
#hamburger span:nth-child(2), #hamburger span:nth-child(3) { top: 10px; }
#hamburger span:nth-child(4) { top: 20px; }
#hamburger.open span:nth-child(1) { top: 10px; width: 0%; left: 50%; }
#hamburger.open span:nth-child(2) { transform: rotate(45deg); }
#hamburger.open span:nth-child(3) { transform: rotate(-45deg); }
#hamburger.open span:nth-child(4) { top: 10px; width: 0%; left: 50%; }

/***hamburger***/

.bicimVer { background-color: #104e61; border-color: #ccc; color: #fff; font-size: 15px; letter-spacing: .5px; }
/***********/
#afetzedeIstihdam { position: fixed; z-index: 9999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #0e5c9ef2; display: block; }
#afetzedeIstihdam .afet { padding: 16px; position: relative; display: flex; flex-direction: column; width: fit-content; max-width: 100%; pointer-events: auto; outline: 0; border: none; text-align: left; margin: 0 auto; align-items: center; justify-content: center; height: 100%; }
#afetzedeIstihdam .afet .kapat { color: #f4e700; position: absolute; right: -78px; top: 12px; z-index: 9999999999999999999 !important; font: 400 38px Arial; cursor: pointer; }
#afetzedeIstihdam .afet img { max-width: 680px; }
/***********/
#oncekiSonraki { border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; margin: 35px 0px; padding: 35px 0px; }
#oncekiSonraki .item { }
#oncekiSonraki .row { justify-content: space-between; }
#oncekiSonraki .item .nextprev { display: flex; align-items: center; justify-content: center; position: relative; gap: 14px; }
#oncekiSonraki .item .nextprev figure { width: 85px; height: 85px; border-radius: 50%; box-shadow: 0 0 2px #00000024; position: relative; flex-shrink: 0; overflow: hidden; }
#oncekiSonraki .item .nextprev figure img { width: fit-content; height: 100%; margin: 0 auto; object-fit: cover; }
#oncekiSonraki .item .nextprev .npUrun { font: 500 14px var(--icerik-fontu); line-height: 21px; color: #2b2b2b; margin-top: 7px; margin-bottom: 0; }
#oncekiSonraki .item .nextprev .npAd { font-size: 15px; margin: 0; padding: 0; line-height: 16px; font-weight: normal; letter-spacing: 0; color: var(--tema-renk1); }
#oncekiSonraki .item .nextprev figure:before { content: ""; position: absolute; left: 50%; top: 50%; background: #41484ed4; width: 50px; height: 50px; z-index: 9; border-radius: 50%; transform: translate(-50%, -50%); transition: 300ms ease all; opacity: 1; }
#oncekiSonraki .item .nextprev figure:after { content: ""; position: absolute; top: 52%; left: 45%; transform: translate(-50%, -50%); width: 13px; height: 13px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; z-index: 15; rotate: 45deg; }
#oncekiSonraki .item .nextprev:hover figure:before { width: 100%; height: 100%; }
#oncekiSonraki .item .sonraki { flex-direction: row-reverse; }
#oncekiSonraki .item .sonraki figure { margin: 0 0 0 auto; }
#oncekiSonraki .item .sonraki figure:after { transform: rotate(180deg); top: 43%; left: 42%; }
#oncekiSonraki .item .nextprev .sonrakiUrun, #oncekiSonraki .item .nextprev .nextpr { text-align: right; width: 100%; float: right; }
/***************/
@media (max-width:767px) {

 footer .footer-area-inner .footer-logo:after { display: none; }
 footer .footer-area-inner { padding: 50px 0; }
 footer .footer-area-inner .footer-logo img { max-width: 100%; margin: 0 auto; }
 footer .footer-area-inner .footer-logo { margin: 0 0 35px; }
 footer .footer_kap { margin: 0 0 30px; text-align: center; }
 footer .cl4:nth-last-child(-n+3) .footer_kap { margin: 0 0 30px; }
 footer .footer_kap table tbody tr td { display: block; height: auto !important; width: 100% !important; padding: 0; text-align: center; margin: 0 0 30px; }
 footer .footer_kap p, footer .footer_kap a, footer .footer_kap li { margin: 0 auto; }
 footer .social-links li { margin: 0 15px 0 0; }
 footer .social-links { justify-content: center; }
 footer .footer_content table { margin: 30px 0; }
 footer .footer_content table tbody tr td { display: block; margin: 0 0 15px; }
 footer .subLa { padding: 80px 10px; flex-direction: column; gap: 36px; }
 footer .subLa .text { text-align: center; font-size: 34px; }
 footer .subLa .text .subtitle { font-size: 26px; }
 footer .footer_content { padding: 80px 10px 50px; }
 footer .footer_alt { padding: 20px 10px; }
 footer .footer_alt .contract { white-space: nowrap; overflow-x: auto; width: 100%; text-align: left; margin: 10px 0 0; display: flex; justify-content: flex-start; }
 /****/
}

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



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

 .tepe3 { height: 519px; }
}

@media (min-width:768px) and (max-width:991px) {
 .ym nav .sub0 a { letter-spacing: 0px; }
 #sliderOwl .item .baslik { font-size: 18px; line-height: 25px; }
 .sliderAskon .baslik3lu { width: 96%; left: 2%; }
 .sliderAskon .baslik3lu a { font-size: 11px; }
 footer .container { padding: 0px 15px; }

 .kutu1 a, .kutu2 a { top: initial; bottom: 0px; right: 0px; background: #fff; color: #222; }
 .kutu2 span { display: none; }

 .kutu3 a.video { left: 150px; }
 .tepe2 { background: #104e61; }
 .tepe3 { height: 190px; }
}

@media (min-width:480px) and (max-width:767px) {
 #hamburger { display: block; }
 .ym { display: none; }
 .tepe2 { background: #104e61; }
 .tepe3 { height: 190px; }

 #sliderOwl .item .baslik { font-size: 18px; line-height: 25px; }
 .sliderAskon .baslik3lu { width: 96%; left: 2%; }
 .sliderAskon .baslik3lu a { font-size: 11px; }

 .sliderAskon .baslik3lu a span { display: none; }
 footer .container { padding: 0px 15px; }
 .kutu1, .kutu2, .kutu3 { margin: 35px 0px; padding: 0px 10px; }
 #sliderOwl .item .baslik { bottom: 50px; }
 #sliderOwl .item img { display: none; }
 #sliderOwl .item .resim { display: block; height: 335px; background-position: center center; background-size: cover; }
 .kurumsalUst h1 { margin-top: 53px; padding: 0px 15px; }
 #etkinlik .govde span.gun { font-size: 34px; }
}

@media (max-width:480px) {

 #hamburger { display: block; }
 .ym { display: none; }
 .tepe2 { /* background: #104e61; */ top: 45px; }
 .tepe3 { height: 190px; }
 #sliderOwl .item .baslik { font-size: 18px; line-height: 25px; }
 .sliderAskon .baslik3lu { width: 96%; left: 2%; }
 .sliderAskon .baslik3lu a { font-size: 11px; }

 .sliderAskon .baslik3lu a span { display: none; }


 footer .container { padding: 0px 15px; }


 #basinAciklamalari a.alletk, #etkinlik a.alletk { margin: 0px; }

 #basinAciklamalari h1, #etkinlik h1 { font-size: 14px; letter-spacing: 0.2px; }

 #sliderOwl .item .baslik { bottom: 50px; }
 #sliderOwl .item img { display: none; }
 #sliderOwl .item .resim { display: block; height: 335px; background-position: center center; background-size: cover; }

 .kurumsalUst h1 { margin-top: 35px; padding: 0px 15px; font-size: 29px; }
 .social2 { margin-top: 0; z-index: 99; padding-top: 58px; }
 footer .social2 { padding: 10px 0 14px; margin: 0; }
 .digerHaberler #navigate { display: none; }
 .digerHaberler #sliderDiger { width: 98%; margin: 0px 1%; }
 #sliderOwl .item .baslik { display: none; }


 .sliderAskon .baslik3lu a:after { left: 25%; }
 #sliderDiger .item { text-align: center; }
 #basinAciklamalari h1, #etkinlik h1 { font-size: 11px; }
 #etkinlik .govde span.gun { font-size: 25px; }
 #etkinlik .govde span.ay { font-size: 13px; }
 #etkinlik a.sagEtkinlikOk, #etkinlik a.solEtkinlikOk { float: right; }
 #basinAciklamalari a.sagAciklamaOk, #basinAciklamalari a.solAciklamaOk { float: right; }
 #afetzedeIstihdam .afet img { max-width: 100%; }
 #afetzedeIstihdam .afet .kapat { right: 10px; }
 #ucle .kutu1, #ucle .kutu2, #ucle .kutu3 { margin: 0 0 35px; }
 #ucle .kutu1 { margin: 0 0 35px; }
 #etkinlik .kap .row { display: flex; }
 /*********/
 #kurumsal .icerik.semaTablo table tbody tr td p img { height: auto !important; }
 #kurumsal .icerik.semaTablo table tbody tr td p { width: calc(50% - 10px); height: auto; }
 /********/
 /*********/
}