@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
body,p,a,ul,li,h1,h2,h3,h4,h5 {margin:0;padding: 0; font-family: 'Roboto', sans-serif;}
a {color: #0089d1;}
a:hover{text-decoration: none;}
h1 {font-size: 1.7rem;margin: 0;} h2 {font-size: 1.6rem;margin: 0;} h3 {font-size: 1.5rem;margin: 0;} h4 {font-size: 1.4rem;margin: 0;} h5 {font-size: 1.3rem;margin: 0;} h6 {font-size: 1.2rem;margin: 0;}
* img {max-width: 100%;}
button:focus {outline: none!important;box-shadow: none!important;}
/*Site*/
.cerezkullanimi {position: fixed;display: none; z-index: 9999;max-width: 370px;bottom: 10px;left: 10px;background-color: rgba(255, 255, 255, 0.8) !important;}
.cerezkullanimi .card-header {font-weight: 600;font-size: 1.1rem;}
.cerezkullanimi .card-body {padding: 10px;font-size: 0.95rem;}
.cerezkullanimi .card-body .btnonay {display: block;margin-top: 10px;}
#change_verification{
    position: absolute;
}
.yukleniyor {position: fixed;width: 100%;height: 100%; background: #fff; left: 0;top: 0;z-index: 9;}
.yukleniyor .dondur{width: 80px;height: 80px;position: fixed;right: 0;left: 0;top: calc(50% - 40px);margin: auto;z-index: 9;}
.yukleniyor .dondur .image {    position: absolute;    top: 50%;    left: 50%;    width: 120px;    height: 120px;    margin:-60px 0 0 -60px;    -webkit-animation:spin 1.2s linear infinite;    -moz-animation:spin 1.2s linear infinite;    animation:spin 1.2s linear infinite;}
@-moz-keyframes spin { 100% { -moz-transform: rotateY(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotateY(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotateY(360deg); transform:rotateY(360deg); } }
.ofh {overflow: hidden;}
#yukaricik {display: none;position: fixed;bottom: 20px;right: 20px;z-index: 99;border: none;outline: none;cursor: pointer;border-radius: 5px;background: rgba(157, 8, 23, 0.9);font-size: 2rem;color: #fff; padding: 0 5px;}
.container {max-width: 1200px;}
.btn-primary {color: #fff;background-color: #003d71;border-color: #003d71;}
header {transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;padding: 0 10px;position: absolute;z-index: 2;width: 100%;left: 0;top: 0;border-bottom: 1px solid rgba(255,255,255,0.3);}
header .logo {float: left;}
header .logo a{display: block;background: rgba(255, 255, 255, 0.5);width: max-content;padding: 4px 5px;}
header .logo img{max-width: 100%;height: 100px;}
header .container {position: unset;}
header:hover {background: rgb(0,61,113,0.9);transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.mobilMenu {display: none;}
header .menu > ul.sagust {text-align: right;}
header .menu > ul.sagust li {display: inline-block;list-style: none;}
header .menu > ul.sagust li a{display: block;color: #fff;padding: 0 5px;font-size: 1.4rem;}
header .menu > ul.sagust li.l {border-right: 1px solid  rgba(255, 255, 255, 0.3);}
header .menu > ul.sagust li.l a {font-size: 0.9rem;padding: 0 15px;line-height: 0.9rem;}
header .menu > ul.sagust li.aramaikonu a{font-size: 1.2rem;padding: 0 15px;}

header .menu {float: left;margin-top: 10px;position: unset;}
header .menu > nav > ul  {float: right;margin-top: 30px;}
header .menu > nav > ul > li{list-style: none;display: block;float: left;}
header .menu > nav > ul > li.iletisim {display: none;}
header .menu > nav > ul > li a{color: #fff;display: block;font-weight: 300; padding: 5px 15px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
header .menu > nav > ul > li a:hover {background: rgb(0,0,0,0.1);transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
header .menu > nav > ul > li.acilir > ul {position: absolute;background: rgba(255, 255, 255);text-align: left;left: 0;right: 0;width: 100%; visibility: hidden; display: none; opacity: 0;z-index: 9;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;padding: 10px 15px;}
header .menu > nav > ul > li.acilir > ul > .container {padding: 0 30px;}
header .menu > nav > ul > li.acilir > ul > .container li {list-style: none;display: block;float: left; width: 25%;}
header .menu > nav > ul > li.acilir:hover > ul {animation: fadeInUp;  animation-duration: 0.3s;visibility:visible;opacity: 1; display: block; transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
header .menu > nav > ul > li.acilir > ul > .container hr {float: left;display: block;position: relative;width: 100%;margin: 10px 0;height: 2px;background: rgba(0, 0, 0, 0.1);border: unset;}
header .menu > nav > ul > li.acilir > ul > .container li > a {width: 100%;color: #23272b; display: block;padding: 0 15px;height: 36px;line-height: 36px;}
header .menu > nav > ul > li.acilir > ul > .container li > a:before {font-size: 0;color: #003d71; visibility: hidden;opacity: 0; font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f105";margin-right:5px; transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
header .menu > nav > ul > li.acilir > ul > .container li:hover a:before {font-size: unset; visibility: visible;opacity: 1; transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}


footer {background: #003d71;width: 100%;padding: 20px 0;color: #fff;font-size: 0.9rem;}
footer .solk {float: left; text-align: left;}
footer .solk p {line-height: 1.4rem;}
footer .solk a{color: #ffffff;}
footer .solk a.t{font-size: 1.4rem;font-weight: 600;margin-left: 10px;}
footer .solk ul {margin: 10px 0;text-align: left;}
footer .solk ul li{display: inline-block;list-style: none;}
footer .solk ul li a {font-size: 1.4rem;padding: 0 5px; }
footer .solk .holsun {margin: 10px 0;max-width: 250px;}
footer .solk .holsun h5 {font-weight: 400;}
footer .solk .holsun .form-inline {margin-top: 5px;}
footer .solk .holsun .form-inline > .form-group {padding: 0;}
footer .solk .holsun .form-inline .form-control{border-radius: 0;width: 100%;}
footer .solk .holsun .form-inline .btn{border-radius: 0;width: 100%;}
footer .solk img {max-width: 100%;max-height: 150px;margin-bottom: 15px;background: rgba(255, 255, 255, 0.5);padding: 5px;border-radius: 5px;}
footer .orta {float: left;}
footer .orta ul {margin-bottom: 15px;}
footer .orta ul li{list-style: none;display: block;}
footer .orta ul li a{color: #fff;padding:2px 5px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
footer .orta h5 {margin-bottom: 5px;}
footer .orta.alt {text-align: center;}
footer .orta.alt hr {background: #fff;margin: 10px 0;}
footer .sagk {float: left; text-align: right;line-height: 40px;}
footer .sagk a{display: block;color: #fff;font-size: 1.3rem;font-weight: bold;line-height: 10px;}


.arabunu {transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all; left: 0;bottom: 0;top: unset; position: fixed;display: none; opacity: 0;visibility: hidden; animation: slideOutUp;  animation-duration: 0.5s;width: 100%;height: 100%;background: #f2f2f2;z-index: 9999;}
.arabunu.goster {transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;top: 0;bottom: unset; animation: slideInDown;animation-duration: 0.5s;display: block;opacity: 1;visibility: visible; }
.arabunu .container {margin-top: 50px;}
.arabunu .form-inline .form-group {position: relative;margin-bottom: 15px;}
.arabunu .form-inline .form-group .form-control {width: 100%;}
.arabunu .form-inline .form-group .btn {width: 100%;}
.arabunu .form-inline .form-group .btn i {font-size: 1.3rem;line-height: 1.9rem;animation: fadeOutRight;  animation-duration: 0.3s;opacity: 0;visibility: hidden; float: right;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.arabunu .form-inline .form-group .btn:hover i {animation: fadeInLeft;  animation-duration: 0.3s;opacity: 1;visibility: visible; transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}

.arabunu .baslik {padding: 15px 0;position: relative;margin-bottom: 15px;}
.arabunu .baslik a.kapat {font-size: 2rem;position: absolute;right: 0;top: calc(50% - 1rem);line-height: 2rem;color: #393939;cursor: pointer;}

.anaslayt {width: 100%; height: auto;position: relative;}
.anaslayt .owl-item img{width: 100%; height: auto;}
.anaslayt.owl-theme .owl-dots {margin: 0!important;position: absolute;right: 0;left: 0;bottom: 0px;}
.anaslayt.owl-theme .owl-dots .owl-dot span {border-radius: 0;margin: 3px;width: 15px;height: 5px;background: #fff;}
.anaslayt.owl-theme .owl-dots .owl-dot.active span, .anaslayt.owl-theme .owl-dots .owl-dot:hover span {background: #0e679d;}
.anaslayt.owl-theme .owl-stage-outer .owl-stage .resim .r::before {position: absolute;content: "";left: 0;bottom: 0;width: 100%;height: 100%;z-index: 2;background: linear-gradient(0deg, rgba(23, 81, 121, 0.1) 0%, rgba(23, 81, 121) 100%);}
.anaslayt.owl-theme .owl-stage-outer .owl-stage .resim .r img {width: 100%;height: 510px;object-fit: cover;}
.anaslayt.owl-theme .owl-stage-outer .owl-stage .resim .metin {position: absolute;bottom: -100px;z-index: 3;left: 0;max-width: 1170px;right: 0;margin: auto;transition:1s ease all; -moz-transition:1s ease all; -webkit-transition:1s ease all;}
.anaslayt.owl-theme .owl-stage-outer .owl-stage .resim h4 {color: #ffffff;font-weight: 400;font-size: 1.7rem;max-width: 600px; padding: 2px 15px;background: rgb(0,0,0,0.3)}
.anaslayt.owl-theme .owl-stage-outer .owl-stage .active .resim .metin {bottom: 50px;transition:1s ease all; -moz-transition:1s ease all; -webkit-transition:1s ease all;}

.hizmetmenu {background: #003d71;position: relative;}
.hizmetmenu ul {position: relative; text-align: center;}
.hizmetmenu ul li{list-style: none;display: block;width: 20%;float: left;}
.hizmetmenu ul li.aktif a{background: rgba(0,0,0,0.2);}
.hizmetmenu ul li a{display: block;padding: 15px 10px;height: 148px; cursor: pointer; color: #fff;font-size: 1.1rem;text-align: center;}
.hizmetmenu ul li a i {font-size: 2rem;display: inline-block;color: rgba(255,255,255,0.2);margin-bottom: 10px;border: 1px solid;padding: 5px;width: 60px;height: 60px;border-radius: 100%;line-height: 3rem;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.hizmetmenu ul li a img {margin-bottom: 10px;}
.hizmetmenu ul li a:hover {background: rgb(0,0,0,0.2);transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.hizmetmenu ul li a:hover i{color: rgba(255,255,255,1);transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.hizmetmenu ul li a img {height: 60px;width: 60px;}
.hizmetmenu ul li a span {display: block;}
.hizmetmenu ul li a span.a {font-weight: 300;font-size: 0.9rem;}
.hizmetmenu .baskankutu {position: absolute;display: none; width: 520px;height: 250px;right: 0;bottom: 148px;z-index: 5;overflow: hidden;}
.hizmetmenu .baskankutu  img.resim { height: 250px;animation: fadeOutRightBig; animation-duration: 0.5s;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;position: absolute; bottom: 0;z-index: 6;right: -220px;}
.hizmetmenu .baskankutu .tanitim {transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;background: #9D0817;line-height: 50px;color: #fff;z-index: 5;width: 500px;height: 50px;position: absolute;bottom: 0;right: -580px;}
.hizmetmenu .baskankutu .tanitim:before{content: "";position: absolute;left: -20px;top: 0;width: 20px;height: 100%;border-right: 20px solid #9D0817;border-top: 0 solid transparent;border-bottom: 50px solid transparent;}
.hizmetmenu .baskankutu .tanitim i {margin:0 15px;}
.hizmetmenu .baskankutu .tanitim b {font-size: 1.4rem;}
.hizmetmenu .baskankutu .baskanayaz {background: #003d71;color: #fff;position: absolute;right: -201px;bottom: 50px;z-index: 4;border-radius: 0;padding: 5px 20px;width: 140px;}
.hizmetmenu .baskankutu .baskanayaz:before{content: "";position: absolute;left: -20px;top: 0;width: 20px;height: 100%;border-right: 20px solid #003d71;border-top: 0 solid transparent;border-bottom: 34px solid transparent;}
.hizmetmenu .baskankutu.getir  img.resim {right: 0;animation: fadeInRightBig;  animation-duration: 0.5s;}
.hizmetmenu .baskankutu.getir .tanitim {right: 0;animation: fadeInRightBig;  animation-duration: 0.3s;}
.hizmetmenu .baskankutu.getir .baskanayaz {right: 180px;animation: fadeInRightBig;  animation-duration: 0.8s;}
.hizmetmenu.sabit {position: relative;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.hizmetmenu .baskankutu .bskKapat {color: #fff;font-size: 1.3rem;text-shadow: 0 1px 2px #000000; cursor: pointer;z-index: 8; position: absolute;right: 15px;top: 15px;}

#baskanayaz .modal-body form .btn-primary {display: block;margin: auto;width: 150px;}

.hizbuymen {transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all; left: 0;bottom: 0;top: unset; position: fixed;display: none; opacity: 0;visibility: hidden; animation: fadeOutBottomRight;  animation-duration: 0.5s;width: 100%;height: 100%;background: #003d71;z-index: 9999;}
.hizbuymen.goster {transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;top: 0;bottom: unset; animation: fadeInBottomRight;animation-duration: 0.5s;display: block;opacity: 1;visibility: visible; }
.hizbuymen .baslik {background: #002544;}
.hizbuymen .baslik .container{position: relative;}
.hizbuymen .baslik .container h4 {text-align: center;font-weight: 400;font-size: 1.5rem;padding: 15px;color: #ffffff;}
.hizbuymen .baslik .container .kapat {position: absolute;right: 0; top: calc(50% - 1rem); font-size: 2rem;line-height: 2rem; color: #ffffff;cursor: pointer;}

.hizbuymen .sc {overflow-y: scroll;position: absolute;width: 100%;height: calc(100% - 60px);scrollbar-width: none;}
.hizbuymen .sc::-webkit-scrollbar {width: 0px;background: transparent;}
.hizbuymen .container input[name="filtrele"] {width: 50%;margin: 20px auto;padding: 10px 15px;height: auto;}
.hizbuymen .container ul {position: relative; text-align: center;display: flex;flex-wrap: wrap;}
.hizbuymen .container ul li{list-style: none;display: block;width: 20%;float: left;}
.hizbuymen .container ul li a{display: block;padding: 15px 10px; cursor: pointer; color: #fff;font-size: 1.1rem;text-align: center;border-radius: 5px;}
.hizbuymen .container ul li a i {font-size: 2rem;display: inline-block;color: rgba(255,255,255,0.2);margin-bottom: 10px;border: 1px solid;padding: 5px;width: 60px;height: 60px;border-radius: 100%;line-height: 3rem;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.hizbuymen .container ul li a:hover {background: rgb(0,0,0,0.2);transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.hizbuymen .container ul li a:hover i {color: rgba(255,255,255,1);;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.hizbuymen .container ul li a img {max-height: 40px;width: 40px;margin-bottom: 10px;}
.hizbuymen .container ul li a span {display: block;}
.hizbuymen .container ul li a span.a {font-weight: 300;font-size: 0.9rem;}

.haberler {padding: 20px 0; position: relative;height: 450px; background-position-y: bottom;background-size: 100% auto !important;background: url("../img/haberalti.png");width: 100%;}
.haberler:after {content: "";position: absolute;left: 0;right: 0;top: 0; width: 100%;height: 450px; background: rgb(0,61,113,0.7);background: linear-gradient(180deg, rgba(0,61,113,0.7) 0%, rgba(0,83,153,0.7) 100%);}
.haberler .haberslayt {position: relative;float: left;padding: 0;box-shadow: 0 0 5px #000;z-index: 3;}
.haberler .haberslayt .haber .resim .baslik{position: absolute;left: 0;bottom: 0;font-weight: bold; background: rgba(157, 8, 23, 0.9);width: 100%;color: #fff;padding: 15px;}
.haberler .haberslayt .haber .resim .baslik span{white-space: nowrap;display: block;text-overflow: ellipsis;overflow: hidden;}
.haberler .haberslayt .haber .resim img {object-fit: cover;height: 410px;}
.haberler .haberslayt.owl-theme .owl-dots {margin: 0!important;position: absolute;right: 0;top: 0;padding: 5px;height: calc(100% - 54px);background: rgba(255, 255, 255, 0.1);}
.haberler .haberslayt.owl-theme .owl-dots button{display: block;outline: none;}

.haberler .haberslayt.owl-theme .owl-dots .owl-dot.active span, .haberler .haberslayt.owl-theme .owl-dots .owl-dot:hover span {background: #9D0817;height: 20px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.haberler .haberslayt.owl-theme .owl-dots .owl-dot span {background: #fff;margin: 5px;border-radius: 0;width: 5px;height: 10px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}

.haberler .ihaleilan {float: left;position: relative;z-index: 3;padding: 0 15px 0 45px;text-align: center;overflow: hidden;}
.haberler .ihaleilan h3 {font-size: 1.5rem; color: #fff;display: inline-block;font-weight: 400;}
.haberler .ihaleilan h3:after{content: '';display: block;width: 80%;height: 2px;background: #002442;margin: 5px auto 0 auto;}
.haberler .ihaleilan ul {margin:15px 0;}
.haberler .ihaleilan ul > li {list-style: none;overflow: hidden; display: block;text-align: left;border-radius: 2px;box-shadow: 0 0 5px #003d71;margin-bottom: 15px;}
.haberler .ihaleilan ul li a {display: flex;width: 100%;}
.haberler .ihaleilan ul li a .tarih {width: 75px;height: 75px;font-weight: 600; font-size: 0.9rem;text-align: center;display: block;background: #9D0817;color: #fff;line-height: 1rem;padding: 5px 15px;}
.haberler .ihaleilan ul li a .yazi {width: 100%;background: #fff;padding: 5px;line-height: 1.1rem;height: 75px;display: block;overflow: hidden;color: #1a1a1a;font-size: 0.95rem;}
.haberler .ihaleilan .tumu {display: block;color: #fff;position: absolute;top: 5px;left: -100px;}
.haberler .ihaleilan:hover .tumu {animation: fadeInLeftBig;  animation-duration: 0.3s; left: unset;right: 5px;}

.projeler {padding:30px 0 0 0;background: url("../img/projebg.jpg") no-repeat; background-size: 100%;}
.projeler .nav-pills .nav-link {transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;border-radius: 0;background: #9d0817;padding: 10px 20px;color: #ffffff;font-weight: 400;}
.projeler .nav-pills .nav-link.active {transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;background: #003d71;color: #fff;}
.projeler .tab-content .tab-pane {padding: 20px 0 0 0;animation: fadeInRightBig;  animation-duration: 0.3s;}

.projeler .tab-content .tab-pane .col-md-3 {float: left;margin-bottom: 30px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.projeler .tab-content .tab-pane .col-md-3 .hizmet {box-shadow: 0 0 3px #003d71;border-radius: 5px;cursor: pointer;}
.projeler .tab-content .tab-pane .col-md-3 .hizmet:hover .resim img {transform: scale(1.1);transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.projeler .tab-content .tab-pane .col-md-3 .hizmet:hover .baslik {background: #003d71;transition: all .2s ease-in;}
.projeler .tab-content .tab-pane .col-md-3 .hizmet:hover .baslik span {color: #fff;}
.projeler .tab-content .tab-pane .col-md-3 .hizmet .baslik {height: 60px;background: #fff;overflow: hidden;transition: all .2s ease-in;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.projeler .tab-content .tab-pane .col-md-3 .hizmet .baslik span {font-size: 0.95rem;line-height: 1.1rem;position: relative;top: 50%;left: 50%; color: #1a1a1a; text-align: center;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: block; padding: 5px;width: 100%;}
.projeler .tab-content .tab-pane .col-md-3 .hizmet .resim {overflow: hidden;border-top-left-radius: 5px;border-top-right-radius: 5px;height: 170px;position: relative;}
.projeler .tab-content .tab-pane .col-md-3 .hizmet .resim img {width: 100%;height: 170px;object-fit: cover; transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.projeler .tab-content .tab-pane .col-md-3 .hizmet .resim .solda {position: absolute;width: 0%;height: 100%;background: rgb(0, 61, 113,0.9);top: 0;left: 0;z-index: 1;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.projeler .tab-content .tab-pane .col-md-3 .hizmet .resim .sagda {position: absolute;width: 0%;height: 100%;background: rgb(0, 61, 113,0.9);top: 0;right: 0;z-index: 1;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.projeler .tab-content .tab-pane .col-md-3 .hizmet .resim p.incele {font-size: 1.4rem; color: #fff;z-index: 2; position: absolute;text-align: center;left: 0;right: 0;top: -35px;font-weight: lighter;transition:0.5s ease all; -moz-transition:0.5s ease all; -webkit-transition:0.5s ease all;}

.projeler .tab-content .tab-pane .col-md-3 .hizmet:hover .resim .solda {width: 50%;}
.projeler .tab-content .tab-pane .col-md-3 .hizmet:hover .resim .sagda {width: 50%;}
.projeler .tab-content .tab-pane .col-md-3 .hizmet:hover .resim p.incele {top: calc(50% - 10px);transition:0.5s ease all; -moz-transition:0.5s ease all; -webkit-transition:0.5s ease all;}

.kesfet {padding: 30px 0 0 0;float: left;width: 50%;background: #effdff;}
.kesfet .container {text-align: center;}
.kesfet .container h3 {display: inline-block;margin-bottom: 10px;font-weight: 400;color: #003d71;}
.kesfet .container h3:after {content: '';display: block;width: 80%;height: 2px; background: #003d71;margin: 5px auto;left: 0;right: 0;}
.kesfet .kesfetslayt .resim img{height: 350px;object-fit: cover;}
.kesfet .kesfetslayt .resim {position: relative;cursor: pointer;}
.kesfet .kesfetslayt .resim .efekt {transition:0.5s ease all; -moz-transition:0.5s ease all; -webkit-transition:0.5s ease all;background: rgba(0, 61, 113, 0.5);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.kesfet .kesfetslayt .resim .efekt span {transition:0.5s ease all; -moz-transition:0.5s ease all; -webkit-transition:0.5s ease all;font-size: 2rem;text-shadow: 0 0 1px #000; position: relative;top: 50%;left: 50%;color: #fff;text-align: center;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: block;padding: 5px;width: 100%;}
.kesfet .kesfetslayt .resim:hover .efekt {transition:0.5s ease all; -moz-transition:0.5s ease all; -webkit-transition:0.5s ease all;background: unset;}
.kesfet .kesfetslayt .resim:hover .efekt span {top: calc(100% - 2rem);transition:0.5s ease all; -moz-transition:0.5s ease all; -webkit-transition:0.5s ease all;}


.ksanat {padding: 30px 0 0 0;float: left;width: 50%;}
.ksanat .container {text-align: center;}
.ksanat .container h3 {display: inline-block;margin-bottom: 10px;font-weight: 400;color: #003d71;}
.ksanat .container h3:after {content: '';display: block;width: 80%;height: 2px; background: #003d71;margin: 5px auto;left: 0;right: 0;}
.ksanat .kesfetslayt .resim img{height: 350px;object-fit: cover;}
.ksanat .kesfetslayt .resim {position: relative;cursor: pointer;}
.ksanat .kesfetslayt .resim .efekt {transition:0.5s ease all; -moz-transition:0.5s ease all; -webkit-transition:0.5s ease all;background: rgba(0, 61, 113, 0.5);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.ksanat .kesfetslayt .resim .efekt span {transition:0.5s ease all; -moz-transition:0.5s ease all; -webkit-transition:0.5s ease all;font-size: 2rem;text-shadow: 0 0 1px #000; position: relative;top: 50%;left: 50%;color: #fff;text-align: center;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: block;padding: 5px;width: 100%;}
.ksanat .kesfetslayt .resim:hover .efekt {transition:0.5s ease all; -moz-transition:0.5s ease all; -webkit-transition:0.5s ease all;background: unset;}
.ksanat .kesfetslayt .resim:hover .efekt span {top: calc(100% - 2rem);transition:0.5s ease all; -moz-transition:0.5s ease all; -webkit-transition:0.5s ease all;}


.sayfalar.duyurular  {margin: 0;}
.duyurular  {margin: 30px 0;}
.duyurular .container h3 {display: inline-block;margin-bottom: 10px;font-weight: 400;}
.duyurular .container h3 a {color: #003d71;}
.duyurular .container h3:after {content: '';display: block;width: 80%;height: 2px; background: #003d71;margin: 5px 0;}
.duyurular .container.d {padding: 0;}
.duyurular .duyuru {float: left;margin-bottom: 15px;}
.duyurular .duyuru .kutu {box-shadow: 0 0 5px #c1c1c1;display: flex;overflow: hidden;border-radius: 5px;}
.duyurular .duyuru .kutu .resim{width: 125px;height: 125px;overflow: initial;float: left;}
.duyurular .duyuru .kutu .resim img{width: 125px;height: 125px;object-fit: cover;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.duyurular .duyuru .kutu .baslik {width: 100%;height: 125px;float: left;position: relative;padding: 10px;color: #1a1a1a;}
.duyurular .duyuru .kutu .baslik small {position: absolute;color: #003d71;font-weight: 400; right: 15px;bottom: 15px;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.duyurular .duyuru .kutu .baslik small i {margin-right: 5px;}
.duyurular .duyuru .kutu .baslik span {position: relative;font-weight: 400; transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.duyurular .duyuru .kutu .baslik:before {transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;content: "";width: 0%;height: 100%;position: absolute;background: #003d71;left: 0;top: 0;}
.duyurular .duyuru .kutu:hover .baslik:before {width: 100%;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.duyurular .duyuru .kutu:hover .baslik small {color: #fff;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.duyurular .duyuru .kutu .baslik p {display: none;}
.duyurular .duyuru .kutu:hover .baslik span {color: #fff;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.duyurular .duyuru .kutu:hover .resim img {transform: scale(1.1);transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}

/*Sayfalar*/
.sayfalar .kusak{width: 100%;height: 140px;position: relative;}
.sayfalar .kusak::before {content: "";height: 100%;width: 100%;position: absolute;left: 0;top: 0;background: #003d71;}
.sayfalar .detay {min-height: 100px;margin: 20px 0;}
.sayfalar.kurumsal .detay .solkis {float: left;box-shadow: 0 0 5px #b0b0b0;padding: 10px;}
.sayfalar.kurumsal .detay .solkis h3 {font-size: 1.3rem;margin-bottom: 10px; font-weight: 400;display: inline-block; border-bottom: 1px solid #003d71;color: #003d71;}
.sayfalar.kurumsal .detay .solkis ul  {margin-bottom: 15px;}
.sayfalar.kurumsal .detay .solkis ul li {list-style: none;}
.sayfalar.kurumsal .detay .solkis ul li a {display: block;padding: 0 10px;color: #242424;background: #e8e8e8;font-size: 0.95rem;height: 40px;line-height: 40px;}
.sayfalar.kurumsal .detay .solkis ul li.aktif a {background: #9D0817;color: #ffffff;}
.sayfalar.kurumsal .detay .solkis ul li a::before {transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;font-size: 0;visibility: hidden;opacity: 0;font-family: "Font Awesome 5 Free"; font-weight: 600;content: "\f105";margin-right: 5px;}
.sayfalar.kurumsal .detay .solkis ul li.aktif a::before {font-size: unset;visibility: visible;opacity: 1;}
.sayfalar.kurumsal .detay .solkis ul li:hover a::before {transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;font-size: unset;visibility: visible;opacity: 1;color: #003d71;}
.sayfalar.kurumsal .detay .sagkis {float: left;}
.sayfalar.kurumsal .detay .sagkis h1.b {border-bottom: 1px solid #d5d5d5;margin-bottom: 15px;padding-bottom: 2px;}

.sayfalar.kurumsal .detay .sagkis .icerik.iki .listeli .list{float: left;padding: 0 10px;margin-bottom: 20px;}
.sayfalar.kurumsal .detay .sagkis .icerik.iki .listeli .list .kutu {box-shadow: 0 0 3px #a8a8a8;border-radius: 3px;overflow: hidden;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.kurumsal .detay .sagkis .icerik.iki .listeli .list .kutu .resim {width: 110px;height: 130px; float: left;}
.sayfalar.kurumsal .detay .sagkis .icerik.iki .listeli .list .kutu .resim img{width: 100%;height: 130px;}
.sayfalar.kurumsal .detay .sagkis .icerik.iki .listeli .list .kutu .baslik{width: calc(100% - 110px);position: relative;height: 130px; float: left;padding: 10px;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.kurumsal .detay .sagkis .icerik.iki .listeli .list .kutu .baslik::before{content: "";position: absolute;width: 0%;height: 100%;background: #003d71;top: 0;left: 0;}
.sayfalar.kurumsal .detay .sagkis .icerik.iki .listeli .list .kutu .baslik span {display: block;margin-bottom: 5px; color: #212529;position: relative;z-index: 1;}
.sayfalar.kurumsal .detay .sagkis .icerik.iki .listeli .list .kutu .baslik span.b {font-size: 1.2rem;font-weight: 500;}
.sayfalar.kurumsal .detay .sagkis .icerik.iki .listeli .list .kutu .baslik span i {width: 24px;margin-right: 3px; border-radius: 100%;border: 1px solid;height: 24px;text-align: center;line-height: 20px;font-size: 0.9rem;}
.sayfalar.kurumsal .detay .sagkis .icerik.iki .listeli .list .kutu:hover {box-shadow: 0 0 3px #003d71; transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.kurumsal .detay .sagkis .icerik.iki .listeli .list .kutu:hover .baslik::before {width: 100%;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.kurumsal .detay .sagkis .icerik.iki .listeli .list .kutu:hover .baslik span {color: #ffffff;}

.bskYardimcisi .modal-dialog {max-width: 700px;}
.bskYardimcisi .modal-dialog .modal-header {padding: 10px 15px;border: unset;box-shadow: 0;flex-wrap: wrap;}
.bskYardimcisi .modal-dialog .modal-header .close {opacity: 1;color: #ffffff;text-shadow: none;position: absolute;right: 15px;}
.bskYardimcisi .modal-dialog .modal-header .poz {display: block;width: 100%;line-height: 1rem;}
.bskYardimcisi .modal-dialog .modal-body .col-md-4.col-12 {padding: 0;float: left;}
.bskYardimcisi .modal-dialog .modal-body .col-md-8.col-12 {float: left;}
.bskYardimcisi .modal-dialog .modal-body .col-md-8.col-12 .ile{margin-bottom: 15px;}
.bskYardimcisi .modal-dialog .modal-body .col-md-8.col-12 .ile span {display: block;margin-bottom: 5px;}
.bskYardimcisi .modal-dialog .modal-body .col-md-8.col-12 .ile span i {width: 24px;margin-right: 3px;border-radius: 100%;border: 1px solid;height: 24px;text-align: center;line-height: 20px;font-size: 0.9rem;}
.bskYardimcisi .modal-dialog .modal-body .col-md-8.col-12 ul.mu {padding: 0 5px;}
.bskYardimcisi .modal-dialog .modal-body .col-md-8.col-12 ul.mu li{list-style: none;font-size: 0.95rem;}
.bskYardimcisi .modal-content {background: #003d71;border-radius: 0;color: #ffffff;border: none;}

.sayfalar.galeri .detay .gale {float: left;margin-bottom: 30px;}
.sayfalar.galeri .detay .gale .kutu{box-shadow: 0 0 2px #626262;border-radius: 5px;overflow: hidden;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri .detay .gale .kutu .resim{overflow: hidden;height: 150px;position: relative;}
.sayfalar.galeri .detay .gale .kutu .resim img {width: 100%; height: 150px;object-fit: cover;}
.sayfalar.galeri .detay .gale .kutu .resim span {position: absolute;font-size: 1.1rem; left: 0;width: 100%;bottom: 0;z-index: 2;color: #fff;text-shadow: 0 0 3px #000000;padding:5px 10px;}
.sayfalar.galeri .detay .gale .kutu .resim::after {content: "";position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 50px;background: rgb(0,61,113);background: linear-gradient(0deg, rgb(0, 61, 113) 0%, rgba(0,61,113,0) 100%);transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri .detay .gale .kutu .resim::before{position: absolute;left: 0;right: 0;margin: auto;text-align: center;top: -3rem;z-index: 3;line-height: 2rem; font-family: "Font Awesome 5 Free";font-weight: 600;content: "\f030";font-size: 2rem;color: #fff;text-shadow: 0 0 2px #000;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri .detay .gale:hover .kutu {transform: scale(1.05);box-shadow: 0 6px 10px #626262;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri .detay .gale:hover .kutu .resim::after {height: 100%;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri .detay .gale:hover .kutu .resim::before {top: calc(50% - 1rem);transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}

.sayfalar .detay .baslikk {text-align: center;margin-bottom: 30px;}
.sayfalar .detay .baslikk h1 {display: inline-block;position: relative;background: #9D0817;color: #fff;padding:1px 10px;height: 36px;}
.sayfalar .detay .baslikk h1::before{content: "";position: absolute;left: -20px;top: 0;width: 20px;height: 100%;border-right: 20px solid #9D0817;border-bottom: 36px solid transparent;border-top: 0 solid transparent;}
.sayfalar .detay .baslikk h1::after{content: "";position: absolute;right: -20px;top: 0;width: 20px;height: 100%;border-left: 20px solid #9D0817;border-top: 0 solid transparent;border-bottom: 36px solid transparent;}
.sayfalar.galeri .detay .solkis {float: left;}
.sayfalar.galeri .detay .solkis .galerislayt .resim img{width: 100%;height: 350px;object-fit: cover;}
.sayfalar.galeri .detay .solkis .galerislayt .resim a{display: block;}
.sayfalar.galeri .detay .solkis .galerislayt .resim a::before{transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;position: absolute;left: 0;right: 0;margin: auto;text-align: center;top:-2rem;z-index: 3;line-height: 2rem; font-family: "Font Awesome 5 Free";font-weight: 600;content: "\f00e";font-size: 2rem;color: #fff;text-shadow: 0 0 2px #000;}
.sayfalar.galeri .detay .solkis .galerislayt .resim a::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 0;background: linear-gradient(0deg, rgba(0,61,113,0) 0%, rgb(0, 61, 113) 100%);transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri .detay .solkis .galerislayt .resim:hover a::before {top: calc(50% - 1rem);transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri .detay .solkis .galerislayt .resim:hover a::after {height: 100%;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri .detay .sagkis {float: left;padding: 10px;background: #eee;}
.sayfalar.galeri .detay .sagkis .kucukres .minires {width: 33.3%;object-fit: cover;padding: 2px;background: unset;border: unset;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri .detay .sagkis .kucukres .minires img {width: 100%;height: 60px;object-fit: cover;border: 1px solid #cacaca;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri .detay .sagkis .kucukres .minires.active {padding: 0;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri .detay .sagkis .kucukres .minires.active img{border: 2px solid #003d71;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri .detay .metinalan {float: left;padding: 15px;}

.fancybox-thumbs {background: #003d71!important;}
.fancybox-thumbs__list a::before {border: 2px solid #fff!important;}

.sayfalar.galeri.kultur .detay .gale .kutu .resim {height: 190px;}
.sayfalar.galeri.kultur .detay .gale .kutu .resim img{height: 190px;}
.sayfalar.galeri.kultur .detay .gale .kutu .resim::after {content: "";position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 65px;background: rgb(0,61,113);background: linear-gradient(0deg, rgb(0, 61, 113) 0%, rgba(0,61,113,0) 100%);transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri.kultur .detay .gale .kutu .resim::before{content: unset;}
.sayfalar.galeri.kultur .detay .gale .kutu .resim span {display: block;top: 100%; font-size: 1rem;font-weight: 300; position: absolute;width: 100%;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri.kultur .detay .gale .kutu .resim span.bas {font-size: 1.2rem;font-weight: 400; line-height: 1.3rem; left: 0;top: calc(100% - 44px);z-index: 2;color: #fff;text-shadow: 0 0 3px #000000;padding:5px 10px;}

.sayfalar.galeri.kultur .detay .gale .kutu .resim span i{width: 20px;}
.sayfalar.galeri.kultur .detay .gale .kutu:hover .resim span.bas {top:10px; transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.galeri.kultur .detay .gale .kutu:hover .resim::after {content: "";position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 100%;background: rgb(0,61,113,0.8);transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.sayfalar.galeri.kultur .detay .gale .kutu:hover .resim span.gun {top:50px; transition: 0.5s ease all;-moz-transition: 0.5s ease all;-webkit-transition: 0.5s ease all;}
.sayfalar.galeri.kultur .detay .gale .kutu:hover .resim span.saat {top:75px; transition: 0.6s ease all;-moz-transition: 0.6s ease all;-webkit-transition: 0.6s ease all;}
.sayfalar.galeri.kultur .detay .gale .kutu:hover .resim span.yer {top:100px; transition: 0.7s ease all;-moz-transition: 0.7s ease all;-webkit-transition: 0.7s ease all;}

.sayfalar.galeri.kultur .detay .sagkis span {display: block;padding: 0 10px;font-size: 0.95rem;}
.sayfalar.galeri.kultur .detay .sagkis span.bas {font-size: 1.2rem;color: #003d71;padding: 0;}
.sayfalar.galeri.kultur .detay .sagkis span i {width: 15px;text-align: center;color:  #003d71;}
.sayfalar.galeri.kultur .detay .sagkis .kucukres {margin-top: 20px;}

.sayfalar.habers .detay .hab {float: left;margin-bottom: 30px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfalar.habers .detay .hab .kutu {box-shadow: 0 0 3px #003d71;border-radius: 5px;cursor: pointer;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.habers .detay .hab .kutu:hover .resim img {transform: scale(1.1);transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfalar.habers .detay .hab .kutu:hover .baslik {background: #003d71;transition: all .2s ease-in;}
.sayfalar.habers .detay .hab .kutu:hover .baslik span {color: #fff;}
.sayfalar.habers .detay .hab .kutu .baslik {height: 60px;background: #fff;overflow: hidden;transition: all .2s ease-in;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.sayfalar.habers .detay .hab .kutu .baslik span {font-size: 0.95rem;line-height: 1.1rem;position: relative;top: 50%;left: 50%; color: #1a1a1a; text-align: center;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);padding: 0 5px;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.sayfalar.habers .detay .hab .kutu .resim {overflow: hidden;border-top-left-radius: 5px;border-top-right-radius: 5px;height: 170px;position: relative;}
.sayfalar.habers .detay .hab .kutu .resim img {width: 100%;height: 170px;object-fit: cover; transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfalar.habers .detay .hab .kutu .resim .solda {position: absolute;width: 0%;height: 100%;background: rgb(0, 61, 113,0.9);top: 0;left: 0;z-index: 1;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfalar.habers .detay .hab .kutu .resim .sagda {position: absolute;width: 0%;height: 100%;background: rgb(0, 61, 113,0.9);top: 0;right: 0;z-index: 1;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfalar.habers .detay .hab .kutu .resim p.incele {font-size: 1.4rem; color: #fff;z-index: 2; position: absolute;text-align: center;left: 0;right: 0;top: -35px;font-weight: lighter;transition:0.5s ease all; -moz-transition:0.5s ease all; -webkit-transition:0.5s ease all;}

.sayfalar.habers .detay .hab .kutu:hover{transform: scale(1.05);box-shadow: 0 6px 10px #626262;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.habers .detay .hab .kutu:hover .resim .solda {width: 50%;}
.sayfalar.habers .detay .hab .kutu:hover .resim .sagda {width: 50%;}
.sayfalar.habers .detay .hab .kutu:hover .resim p.incele {top: calc(50% - 10px);transition:0.5s ease all; -moz-transition:0.5s ease all; -webkit-transition:0.5s ease all;}
.sayfalar .tumunugor{display: block;padding: 10px 15px;color: #003d71;float: left;width: 100%;text-align: center;}
.sayfalar .sayfalama {float: left;width: 100%;margin: 10px 0;}


.sayfalar .paylass {float: right;text-align: right;padding: 10px 15px;position: relative;}
.sayfalar .paylass > a{ color: #003d71;font-size: 1.1rem; cursor: pointer;}
.sayfalar .paylass > a i {border-radius: 100%;width: 30px;height: 30px;border: 1px solid #c1c1c1;text-align: center;line-height: 30px;margin-left: 5px;}
.sayfalar .paylass .nerede {position: absolute;opacity: 0;visibility: hidden; bottom: 50px;right: 15px;text-align: left;background: rgba(0, 61, 113, 0.9);padding:0 10px;border-radius: 5px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfalar .paylass .nerede ul {margin: 10px 0!important;}
.sayfalar .paylass .nerede ul li:nth-child(1) {display: none!important;}
.sayfalar .paylass .nerede ul li {color: #ffffff;width: 100% !important;font-size: 1rem;display: block;margin: 10px 0 !important;border-bottom: 1px solid rgba(255, 255, 255, 0.5);float: unset !important;}
.sayfalar .paylass .nerede ul li a {color: #ffffff;font-size: 1rem;white-space: nowrap;display: block;}
.sayfalar .paylass .nerede ul li a i {width: 18px;}
.sayfalar .paylass .nerede::before{content: "";position: absolute;width: 15px;height: 15px;bottom: -15px;right: 5px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid rgba(0, 61, 113, 0.9);}
.sayfalar .paylass:hover .paylas > i {background: #003d71;color: #ffffff;border-color: #003d71;}
.sayfalar .paylass:hover .nerede {opacity: 1;visibility: visible;}

.sayfalar .yazdir {float: right;text-align: right;padding: 10px 15px;position: relative;}
.sayfalar .yazdir > a{ color: #003d71;font-size: 1.1rem; cursor: pointer;}
.sayfalar .yazdir > a i {border-radius: 100%;width: 30px;height: 30px;border: 1px solid #c1c1c1;text-align: center;line-height: 30px;margin-left: 5px;}
.sayfalar .yazdir:hover i {background: #003d71;color: #ffffff;border-color: #003d71;}


.sayfalar.habers .detay .solkis {float: left;}
.sayfalar.habers .detay .solkis img.kapak {box-shadow: 0 2px 5px #484848;border-radius: 3px;}
.sayfalar.habers .detay .solkis span.gun {margin: 15px 0;display: block;color: #797979;font-size: 0.9rem;}
.sayfalar.habers .detay .solkis span.gun i {color: #003d71;margin-right: 5px;}
.sayfalar.habers .detay .sagkis {float: left;font-size: 0.95rem;}
.sayfalar.habers .detay .galerialani {float: left;margin: 15px 0;}
.sayfalar.habers .detay .galerialani > .clearfix {background: #eee;padding: 3px;}
.sayfalar.habers .detay .galerialani .resim{width: 20%;float: left;padding: 6px;overflow: hidden;}
.sayfalar.habers .detay .galerialani .resim a {display: block;position: relative;}
.sayfalar.habers .detay .galerialani .resim img {width: 100%;height: 110px;object-fit: cover;box-shadow: 0 0 3px #616161;border-radius: 3px;}
.sayfalar.habers .detay .galerialani .resim a::before {position: absolute;left: 0;right: 0;margin: auto;text-align: center;top:-3rem;z-index: 3;line-height: 2rem; font-family: "Font Awesome 5 Free";font-weight: 600;content: "\f00e";font-size: 2rem;color: #fff;text-shadow: 0 0 2px #000;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.habers .detay .galerialani .resim:hover a::before {top: calc(50% - 1rem);transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}

.sayfalar.habers.ihale .detay  ul {margin:15px 0;}
.sayfalar.habers.ihale .detay  ul > li {list-style: none;overflow: hidden;width:calc(50% - 20px);float: left; display: block;text-align: left;border-radius: 2px;box-shadow: 0 0 2px #003d71;margin:0 10px 15px 10px;}
.sayfalar.habers.ihale .detay  ul li a {display: flex;width: 100%;}
.sayfalar.habers.ihale .detay  ul li a .tarih {width: 75px;height: 75px;font-weight: 600; font-size: 0.9rem;text-align: center;display: block;background: #9D0817;color: #fff;line-height: 1rem;padding: 5px 15px;}
.sayfalar.habers.ihale .detay  ul li a .yazi {width: 100%;background: #fff;padding: 5px;line-height: 1.1rem;height: 75px;display: block;overflow: hidden;color: #1a1a1a;font-size: 0.95rem;}
.sayfalar .baslikki h1{margin-bottom: 30px;font-size: 1.4rem;border-bottom: 1px solid #d5d5d5;}

.sayfalar.kentrehber ul.rehber {display: flex;flex-wrap: wrap;}
.sayfalar.kentrehber ul.rehber li {width: calc(33.3% - 20px);float: left;margin: 0 10px 20px 10px;list-style: none;}
.sayfalar.kentrehber ul.rehber li a {display: block; font-size: 1.3rem;color: #393939;padding: 10px;background: #f0f0f0;border-radius: 5px;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.kentrehber ul.rehber li a span {color: #e7091a;margin-right: 5px; width: 2.4rem;height: 2rem;display: inline-block;border: 1px solid;text-align: center;line-height: 2rem;font-size: 1.5rem;border-radius: 3px;font-weight: 600;}
.sayfalar.kentrehber ul.rehber li a:hover {background: #c1c1c1;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
span.eczane {color: #e7091a;margin-right: 5px; width: 2rem;height: 2rem;display: inline-block;border: 1px solid;text-align: center;line-height: 2rem;font-size: 1.5rem;border-radius: 3px;font-weight: 600;}


.sayfalar.kentrehber .detaylar ul.liste{margin: auto;max-width: 80%;}
.sayfalar.kentrehber .detaylar ul.liste li{list-style: none;margin-bottom: 10px;box-shadow: 0 0px 3px #bbb;}
.sayfalar.kentrehber .detaylar ul.liste li a{cursor: pointer;font-weight: 500;font-size: 1.2rem;display: inline-block;padding: 10px;}
.sayfalar.kentrehber .detaylar ul.liste li a small.adres{margin-left: 15px;color: gray;}
.sayfalar .detaylar .filtrele {max-width: 50%;height: auto;padding: 10px 20px;margin:0 auto 30px auto;}

.rehbermodal .modal-dialog {max-width: 600px;}
.rehbermodal .modal-dialog .modal-header {padding: 10px 15px;border: unset;box-shadow: 0}
.rehbermodal .modal-dialog .modal-header .close {opacity: 1;color: #ffffff;text-shadow: none;}
.rehbermodal .modal-dialog .modal-body table {color: #ffffff;}
.rehbermodal .modal-content {background: #003d71;border-radius: 0;color: #ffffff;border: none;}

.sayfalar.iletisim {}
.sayfalar.iletisim .harita {height: 300px;width: 100%;box-shadow: 0 2px 3px #9f9f9f;}
.sayfalar.iletisim .harita iframe{height: 300px;width: 100%;}
.sayfalar.iletisim .detay .kutu { width: calc(100% - 30px); margin: 0 15px; padding: 15px 0;}
.sayfalar.iletisim .detay .kutu .solkis {float: left;}
.sayfalar.iletisim .detay .kutu .solkis ul.il li{list-style: none;font-size: 1.2rem;margin-bottom: 5px;}
.sayfalar.iletisim .detay .kutu .solkis ul.il li h5 {margin-bottom: 10px;}
.sayfalar.iletisim .detay .kutu .solkis ul.il li a{font-size: 0.95rem; padding:0 10px;color: #333;}
.sayfalar.iletisim .detay .kutu .solkis ul.il li a i {width: 30px;color: #003d71;margin-right: 5px; height: 30px;border: 1px solid;border-radius: 100%;text-align: center;line-height: 30px;}
.sayfalar.iletisim .detay .kutu .sagkis {float: left;background: #ececec;padding: 15px 15px 0 15px;}
.sayfalar.iletisim .detay .kutu .sagkis .form-group {margin-bottom: 15px;}
.sayfalar.iletisim .detay .kutu .sagkis .form-group .form-control {width: 100%;}
.sayfalar.iletisim .detay .kutu .sagkis .form-group button{margin: auto;min-width: 120px;}

.sayfalar.ebeld .detay .detaylar ul.liste {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.sayfalar.ebeld .detay .detaylar ul.liste li{list-style: none;margin: 10px;width: calc(33.3% - 20px);float: left;text-align: center;}
.sayfalar.ebeld .detay .detaylar ul.liste li a {display: block;color: #ffffff;background: #2363c6;background: linear-gradient(135deg, rgb(32, 139, 230) 0%, rgb(0, 196, 141) 100%); border-radius: 10px;font-size: 0.95rem;padding: 10px 0 5px 0;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.ebeld .detay .detaylar ul.liste li a i {font-size: 40px;}
.sayfalar.ebeld .detay .detaylar ul.liste li a img{width: 40px;height: 40px;}
.sayfalar.ebeld .detay .detaylar ul.liste li a:hover {box-shadow: 0 1px 5px #003d71;}
.sayfalar.ebeld .detay .detaylar ul.liste li span{display: block;}

.sayfalar.siteharitasi .detay .detaylar ul.liste {max-width: 800px;margin: auto;padding: 15px 30px;box-shadow: 0 0 5px #ccc;}
.sayfalar.siteharitasi .detay .detaylar ul.liste li ul{margin-left: 15px; }

.sayfalar.aramasonuc ul.sonuc li {list-style: none;margin-bottom: 6px;}
.sayfalar.aramasonuc ul.sonuc li a{display: block;color: #003d71;line-height: 1rem;box-shadow: 0 0 2px #7b7b7b;border-radius: 3px;padding: 4px 10px; }
.sayfalar.aramasonuc ul.sonuc li a small{display: block;color: #5e5e5e;line-height: 0.8rem;}

.sayfalar.kurumsal .detay .sagkis .filtre {max-width: 600px;}
.sayfalar.kurumsal .detay .sagkis .filtre .form-group {padding: 0 10px 0 0;}
.sayfalar.kurumsal .detay .sagkis .filtre .form-group .form-control {width: 100%;background: #ffffff;}
.sayfalar.kurumsal .detay .sagkis .filtre .form-group .btn {width: 100%;}
.sayfalar.kurumsal .detay .sagkis .filtre .form-group .btn i {font-size: 1rem;line-height: 1.5rem;animation: fadeOutRight; animation-duration: 0s;animation-duration: 0.3s;opacity: 0;visibility: hidden;float: right;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfalar.kurumsal .detay .sagkis .filtre .form-group .btn:hover i {animation: fadeInLeft;  animation-duration: 0.3s;opacity: 1;visibility: visible; transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}

.sayfalar.kurumsal .detay .sagkis .kurumsal-tablosu {width: 100%;margin: 15px 0;}
.sayfalar.kurumsal .detay .sagkis .kurumsal-tablosu tbody tr td {padding: 5px 10px;}
.sayfalar.kurumsal .detay .sagkis .kurumsal-tablosu tbody tr td a {cursor: pointer;color: #003d71;font-weight: 500;}

.kurumsalModal .mYazdir {position: absolute;right: 40px;border: 1px solid #2e58a8;padding: 1px 10px;border-radius: 3px;color: #2e58a8;cursor: pointer;}
.kurumsalModal .mYazdir:hover {background: #2e58a8; color: #ffffff;}
.kurumsalModal .modal-content {padding: 0 0 15px 0;}

#baskan-anasayfa{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}