@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;outline: none;}
button {outline: none;}
a:hover{text-decoration: none;}
img {max-width: 100%;}
#yukaricik {display: none;position: fixed;bottom: 20px;right: 20px;z-index: 99;outline: none;cursor: pointer;text-align: center;}
#yukaricik i {font-size: 2rem; color: gray;}
.cerezkullanimi {position: fixed;z-index: 9999;max-width: 370px;bottom: 10px;left: 10px;background-color: rgba(255, 255, 255) !important;}
.cerezkullanimi .card-header {font-weight: 400;font-size: 1.1rem;}
.cerezkullanimi .card-body {padding: 10px;font-size: 0.95rem;}
.cerezkullanimi .card-body .btnonay {display: block;margin-top: 10px;}


/*Site*/
.yukleniyor {position: fixed;width: 100%;height: 100%;background: rgb(0,89,143);background: linear-gradient(45deg, rgba(0,89,143,1) 0%, rgba(39,128,181,1) 100%);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;}

header {background: rgb(0,89,143);background: linear-gradient(45deg, rgba(0,89,143,1) 0%, rgba(39,128,181,1) 100%);padding: 10px;position: sticky;top: 0;z-index: 999;}
header .logo {float: left;}
header .logo img{width: 100%;}

header .menu {float: left;position: unset;}
header .menu > nav > ul  {display: flex;flex-wrap: wrap;justify-content: end;}
header .menu > nav > ul > li{list-style: none;display: block;}
header .menu > nav > ul > li a{color: #fff;display: block;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:hover > a {background: rgb(0,0,0,0.2);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: #0d5784;text-align: left;visibility: hidden;opacity: 0;z-index: 9;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
header .menu > nav > ul > li.acilir > ul > li {list-style: none;}
header .menu > nav > ul > li.acilir:hover > ul {visibility:visible;opacity: 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 > li:hover a {background: rgb(0,0,0,0.2);transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
header .menu .mobilMenu{display: none;}

.anaslayt {width: 100%; height: auto;position: relative;margin-bottom: 15px;}
.anaslayt .resim img{width: 100%; height: auto;}
.anaslayt ul.slick-dots {position: absolute;right: 0;bottom: 15px;left: 0;margin: auto;text-align: center;}
.anaslayt ul.slick-dots li {list-style: none;line-height: 0;text-align: right;display: inline-block;padding: 0 1px;}
.anaslayt ul.slick-dots li button{transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;font-size: 0;line-height: 0;display: inline-block;width:20px;height: 5px;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: #fff;}
.anaslayt ul.slick-dots li.slick-active button{background:#065f95 ;width: 30px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.anaslayt .slick-arrow {position: absolute;outline: none; opacity: 0; top: calc(50% - 2rem);font-size: 0;padding: 0;background: unset;color: #ffffff;z-index: 3; width: 4rem;height: 4rem;border: unset;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.anaslayt .slick-arrow::before {font-size: 4rem;display: inline-block;font-family: 'Font Awesome 5 Free';font-weight: 600;line-height: 1;vertical-align: text-bottom;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.anaslayt .slick-arrow.slick-prev {left: 15px;}
.anaslayt .slick-arrow.slick-prev::before {content: "\f359";}
.anaslayt .slick-arrow.slick-next {right: 15px;}
.anaslayt .slick-arrow.slick-next::before {content: "\f35a";}
.anaslayt .slick-arrow:hover {color: #065f95;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.anaslayt:hover .slick-arrow {opacity: 1;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}

.hizmetlerimiz {margin: 0 0 30px 0;}
.hizmetlerimiz h3.bas {text-align: center;margin: 0 0 30px 0;position: relative;color: #9b9b9b;font-weight: 400;}
.hizmetlerimiz h3.bas:after {content: '';display: block;width: 150px;height: 2px;background: #1d8bce;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}
.hizmetlerimiz h3.bas a.tumu {position: absolute;opacity: 0;visibility: hidden; bottom: -20px;font-size: 0.95rem;left: 0;right: 0; color: #6f6f6f;}
.hizmetlerimiz:hover h3.bas a.tumu {opacity: 1;visibility: visible;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all; }
.hizmetlerimiz > .container > .col-md-3 {float: left;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}

.hizmetlerimiz .hizmet {box-shadow: 0 0 3px #999;border-radius: 5px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.hizmetlerimiz .hizmet:hover {box-shadow: 0 2px 6px rgb(66, 66, 66);margin-top: -5px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.hizmetlerimiz .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;}
.hizmetlerimiz .hizmet .baslik {height: 35px;color: #6f6f6f;text-align: center;padding: 5px;line-height: 25px;transition: all .2s ease-in;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.hizmetlerimiz .hizmet .resim {overflow: hidden;border-top-left-radius: 5px;border-top-right-radius: 5px;max-height: 160px;position: relative;}
.hizmetlerimiz .hizmet .resim img {width: 100%;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.hizmetlerimiz .hizmet .resim .incele {z-index: 2; position: absolute;font-weight: 300; left: 0;right: 0;width: 0; height: 100%; visibility: hidden;opacity: 0; background: rgba(17, 106, 159, 0.5);top: 0;color: #fff;font-size: 1.4rem;text-align: center;padding: 50px 0;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.hizmetlerimiz .hizmet .resim .incele i {display: block;font-size: 2rem;}
.hizmetlerimiz .hizmet:hover .incele {opacity: 1;visibility: visible;width: 100%;height: 100%;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.hizmetlerimiz .hizmet:hover .baslik {background: #116a9f;color: #fff;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}

.kampanyalar {margin: 0 0 30px 0;}
.kampanyalar h3.bas {text-align: center;margin: 0 0 30px 0;position: relative;color: #9b9b9b;font-weight: 400;}
.kampanyalar h3.bas:after {content: '';display: block;width: 150px;height: 2px;background: #1d8bce;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}
.kampanyalar h3.bas a.tumu {position: absolute;opacity: 0;visibility: hidden; bottom: -20px;font-size: 0.95rem;left: 0;right: 0; color: #6f6f6f;}
.kampanyalar:hover h3.bas a.tumu {opacity: 1;visibility: visible;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all; }
.kampanyalar > .container > .col-md-4 {float: left;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}

.kampanyalar .kampanya {box-shadow: 0 0 3px #999;border-radius: 5px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.kampanyalar .kampanya:hover {box-shadow: 0 2px 6px rgb(66, 66, 66);margin-top: -5px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.kampanyalar .kampanya:hover .resim img {transform: scale(1.1);transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.kampanyalar .kampanya .baslik {height: 35px;color: #6f6f6f;text-align: center;padding: 5px;line-height: 25px;transition: all .2s ease-in;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.kampanyalar .kampanya .resim {overflow: hidden;border-top-left-radius: 5px;border-top-right-radius: 5px;max-height: 200px;position: relative;}
.kampanyalar .kampanya .resim img {width: 100%;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.kampanyalar .kampanya .resim .incele {z-index: 2; position: absolute;font-weight: 300; left: 0;right: 0;width: 0; height: 100%; visibility: hidden;opacity: 0; background: rgba(17, 106, 159, 0.5);top: 0;color: #fff;font-size: 1.4rem;text-align: center;padding: 70px 0 0 0;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.kampanyalar .kampanya .resim .incele i {display: block;font-size: 2rem;}
.kampanyalar .kampanya:hover .incele {opacity: 1;visibility: visible;width: 100%;height: 100%;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.kampanyalar .kampanya:hover .baslik {background: #116a9f;color: #fff;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}

.duyurular {margin: 0 0 30px 0;}
.duyurular .kutu{width: calc(100% - 30px);display: flex;flex-wrap: wrap;margin: auto;position: relative;}
.duyurular .kutu .bas {width: 150px;padding: 15px;background: #015a90;border-radius: 5px 0 0 5px;position: relative;}
.duyurular .kutu .bas span {color: #ffffff;font-size: 1.3rem;font-weight: 400;padding: 0 15px;line-height: 1rem;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: block;width: 100%;;}
.duyurular .kutu .bas a.tumu {color: #fff;position: absolute;font-size: 0.8rem;right: 5px;top: calc(50% - 0.4rem);opacity: 0;visibility: hidden;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.duyurular .kutu .ic {width: calc(100% - 250px);padding: 15px;background: #0a75b5;}
.duyurular .kutu .ok {width: 100px;padding: 15px;background: #015a90;border-radius: 0 5px 5px 0;}

.duyurular .kutu .ic .duyuruslayt {position: unset;}
.duyurular .kutu .ic .duyuruslayt .k a{display: block;text-align: center;font-size: 1.1rem;color: #ffffff;font-weight: 500;}
.duyurular .kutu .ic .duyuruslayt .slick-arrow {position: absolute;outline: none;  top: calc(50% - 1rem);font-size: 0;padding: 0;background: unset;color: #ffffff;z-index: 3; width: 2rem;height: 2rem;border: unset;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.duyurular .kutu .ic .duyuruslayt .slick-arrow::before {font-size: 2rem;display: inline-block;font-family: 'Font Awesome 5 Free';font-weight: 600;line-height: 1;vertical-align: text-bottom;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.duyurular .kutu .ic .duyuruslayt .slick-arrow.slick-prev {right: calc(2rem + 15px);}
.duyurular .kutu .ic .duyuruslayt .slick-arrow.slick-prev::before {content: "\f191";}
.duyurular .kutu .ic .duyuruslayt .slick-arrow.slick-next {right: 15px;}
.duyurular .kutu .ic .duyuruslayt .slick-arrow.slick-next::before {content: "\f152";}
.duyurular .kutu .ic .duyuruslayt .slick-arrow:hover , .duyurular .kutu .ic .duyuruslayt .slick-arrow:focus {color: #a6a6a6;}
.duyurular .kutu:hover  .bas a.tumu {opacity: 1;visibility: visible; transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}

.metinalan {position: relative;}
.metinalan::before{content: "";position: absolute; width: 50%;height: 100%;left:  0;top: 0;background: url("../img/metinbg.jpg"); background-size: cover;background-position: center;}
.metinalan::after {content: "";position: absolute; width: 50%;height: 100%;right: 0;top: 0;background: #eaeaea;}

.metinalan .kutu {display: flex;flex-wrap: wrap;padding: 0 15px;position: relative;z-index: 2;color: #ffffff;}
.metinalan .kutu .solkis {width: 50%;padding:15px;}
.metinalan .kutu .sagkis {width: 50%;padding:15px;text-align: justify;}
.metinalan .kutu .sagkis h3{color: #015a90;text-align: center;margin-bottom: 15px;font-weight: 300;letter-spacing: 5px;}
.metinalan .kutu .sagkis p{color: #616161;text-indent: 2rem;margin-bottom: 1rem;}
.metinalan .kutu .sagkis p:last-child{margin-bottom: 0;}

footer {background: rgb(0,89,143);background: linear-gradient(45deg, rgba(0,89,143,1) 0%, rgba(39,128,181,1) 100%);padding: 20px;}
footer .container {display: flex;flex-wrap: wrap;}
footer .container .kur {display: block;}
footer .container .kur ul li{display: block;list-style: none;color: #ffffff;}
footer .container .kur ul li:first-child {margin-bottom: 20px;}
footer .container .kur ul li a{color: #ffffff;}
footer .container .kur ul li i {width: 20px;}
footer .container .kur ul li.sos {display: inline-block;padding-right: 5px;font-size: 2rem;margin-top: 10px;}
footer .container .kur ul li.sos i {width: unset;}

footer .container .linkler h5.bas {color: #ffffff;margin-bottom: 5px;position: relative;display: inline-block;padding-bottom: 3px;}
footer .container .linkler h5.bas::before{content: "";position: absolute;width: 75%;height: 1px;background: #fff;left: 0;bottom: 0;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
footer .container .linkler h5.bas::after {content: "";position: absolute;width: 50%;height: 3px;background: #d9f1fb;left: 0;bottom: -1px;transition:0.6s ease all; -moz-transition:0.6s ease all; -webkit-transition:0.6s ease all;}
footer .container .linkler ul {padding-left: 10px;;}
footer .container .linkler ul li {list-style: none;}
footer .container .linkler ul li a{display: block;color: #ffffff;}
footer .container .linkler ul li a::before{content:"\f105"" ";font-family: 'Font Awesome 5 Free';font-weight: 600;font-size: 0;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
footer .container .linkler ul li a:hover::before{font-size: unset;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}

footer .container .linkler:hover h5.bas::before{width: 100%;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
footer .container .linkler:hover h5.bas::after {width:75%;transition:0.6s ease all; -moz-transition:0.6s ease all; -webkit-transition:0.6s ease all;}
footer .container .sizar .k{padding: 15px;background: #07517d;border-radius: 5px;text-align: center;}
footer .container .sizar .k span{display: block;font-size: 1.2rem;color: #fff;line-height: 1.4rem;margin-bottom: 15px;font-weight: 300;}
footer .container .sizar .sara {background: #fff;cursor: pointer; padding: 5px 15px;border-radius: 5px;color: #07517d;font-weight: 600;display: block;}

footer .container .acente {text-align: center;color: #fff;}
footer .container .acente span {letter-spacing: 1px;}
footer .container .acente span img {padding: 0 5px;height: 35px;}

#siziarayalim .modal-dialog {max-width: 400px;}
#siziarayalim .modal-content {background-color:#eaeaea;border-radius: 0px;border: unset;}
#siziarayalim .modal-title{color: #07517d;font-weight: 400;}
#siziarayalim .modal-header {padding: 5px 15px;border: unset;}
#siziarayalim .modal-footer {padding: 5px;border: unset;}
#siziarayalim .modal-body .form-group {margin-bottom: 15px;}
#siziarayalim .modal-body .custom-control.custom-checkbox {margin-bottom: 5px;}
#siziarayalim .modal-body .custom-control.custom-checkbox label {font-size: 0.85rem;line-height: 1.1rem;}

.sayfa .kusak {background: url("../img/kurumsal.jpg");text-align: center;color: #fff;background-size: cover;background-position-y: center;}
.sayfa .kusak  h1.bas {display: block;font-weight: 300;font-size: 2rem;line-height: 120px;}

.sayfa.kurumsal .icerik {min-height: 350px;padding: 15px 0;}
.sayfa.kurumsal .icerik .solkis {float: left;}
.sayfa.kurumsal .icerik .solkis ul li {list-style:none;display: block;margin-bottom: 2px;height: 44px;}
.sayfa.kurumsal .icerik .solkis ul li a {display: block;padding: 10px 15px;color: #353535;background: #ececec;}
.sayfa.kurumsal .icerik .solkis ul li a::before {content: "\f105"" ";font-family: 'Font Awesome 5 Free';font-weight: 600;font-size: 0;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfa.kurumsal .icerik .solkis ul li.aktif a {background: #0e679c;color: #fff;}
.sayfa.kurumsal .icerik .solkis ul li.aktif a::before {content: "\f105"" ";font-family: 'Font Awesome 5 Free';font-weight: 600;}
.sayfa.kurumsal .icerik .solkis ul li:hover a::before {font-size: unset;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}

.sayfa.kurumsal .icerik .sagkis {float: left;padding-left: 0;}
.sayfa.kurumsal .icerik .sagkis .metin {padding: 15px 15px;box-shadow: 0 0 5px #ddd;}
.sayfa.kurumsal .icerik .sagkis .metin  h2.b {font-size: 1.4rem;line-height: 1.4rem;margin-bottom: 5px;display: inline-block;color: #0e679d;font-weight: 400;}

.sayfa.kurumsal .icerik .sagkis .harita iframe {width: 100%;height: 250px;}
.sayfa.kurumsal .icerik .sagkis .ilet {display: flex;flex-wrap: wrap;margin: 30px 0;}
.sayfa.kurumsal .icerik .sagkis .ilet .bilgiler{background: #ececec;padding: 15px;border-radius: 10px 0 0 10px;}
.sayfa.kurumsal .icerik .sagkis .ilet .bilgiler ul li{display: block;list-style: none;color: #333;}
.sayfa.kurumsal .icerik .sagkis .ilet .bilgiler ul li:first-child {margin-bottom: 20px;}
.sayfa.kurumsal .icerik .sagkis .ilet .bilgiler ul li a{color: #333;}
.sayfa.kurumsal .icerik .sagkis .ilet .bilgiler ul li i {width: 20px;color: #116a9f;}
.sayfa.kurumsal .icerik .sagkis .ilet .bilgiler ul li.sos {display: inline-block;padding-right: 5px;font-size: 2rem;margin-top: 10px;}
.sayfa.kurumsal .icerik .sagkis .ilet .bilgiler ul li.sos i {width: unset;}

.sayfa.kurumsal .icerik .sagkis .ilet .bilgiler table.table {margin-top: 20px;}
.sayfa.kurumsal .icerik .sagkis .ilet .bilgiler table.table tr td{padding: 0px 10px 10px 0;border: unset;color: #333;font-size: 0.95rem;line-height: 1.2rem;}
.sayfa.kurumsal .icerik .sagkis .ilet .bilgiler table.table tr td i {color: #045d93;width: 20px;}
.sayfa.kurumsal .icerik .sagkis .ilet .bilgiler table.table tr td a {color: #575757;}
.sayfa.kurumsal .icerik .sagkis .ilet .bilgiler h5.b {display: inline-block;color: #023e62;}

.sayfa.kurumsal .icerik .sagkis .ilet .iFormu  {background: #008cdc;padding: 15px;border-radius: 0 10px 10px 0;}
.sayfa.kurumsal .icerik .sagkis .ilet .iFormu form .kutusu .form-control {cursor: pointer;padding: 1rem 1rem 0.2rem 1rem;}
.sayfa.kurumsal .icerik .sagkis .ilet .iFormu form .kutusu input.form-control {height: 44px;}
.sayfa.kurumsal .icerik .sagkis .ilet .iFormu form .kutusu select.form-control {cursor: pointer;padding: 12px 1rem;color: #606060;font-size: 1rem;}
.sayfa.kurumsal .icerik .sagkis .ilet .iFormu form .kutusu {width: 100%;margin: 10px 0;position: relative;}
.sayfa.kurumsal .icerik .sagkis .ilet .iFormu form .kutusu label {position: absolute;left: 15px;font-weight: 500;cursor: pointer;color: #868686;top: calc(50% - 12px);transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfa.kurumsal .icerik .sagkis .ilet .iFormu form .kutusu label.m {top: 10px;}
.sayfa.kurumsal .icerik .sagkis .ilet .iFormu form .kutusu.cek label {top: 3px;font-size: 0.75rem;font-weight: 500;color: #0e3864; transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfa.kurumsal .icerik .sagkis .ilet .iFormu form .kutusu button{display: block;font-size: 0.95rem;width: 100%;font-weight: 500;}

.sayfa.ref .icerik {padding: 0;margin-bottom: 30px;}
.sayfa.ref .icerik .container{padding: 15px 0;background: #fff;margin-top: -30px;border-radius: 10px 10px 0 0;display: flex;flex-wrap: wrap;}
.sayfa.ref .icerik .container .referans {margin-bottom: 30px;}
.sayfa.ref .icerik .container .referans .k {box-shadow: 0 0 5px #bfbfbf;border-radius: 5px;overflow: hidden;cursor: pointer;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfa.ref .icerik .container .referans .k .resim {overflow: hidden;}
.sayfa.ref .icerik .container .referans .k .baslik {height: 40px;} 
.sayfa.ref .icerik .container .referans .k .baslik span {text-align: center;color: #242424;line-height: 1rem;position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);display: block;width: 100%;}
.sayfa.ref .icerik .container .referans:hover .k {box-shadow: 0 3px 10px #bfbfbf;margin-top: -5px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}

.sayfa.kamp .icerik {padding: 0;margin-bottom: 30px;}
.sayfa.kamp .icerik .container{padding: 15px 0;background: #fff;margin-top: -30px;border-radius: 10px 10px 0 0;display: flex;flex-wrap: wrap;}
.sayfa.kamp .kampanya {margin-bottom: 30px;}
.sayfa.kamp .kampanya .k {box-shadow: 0 0 3px #bfbfbf;position: relative; border-radius: 5px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfa.kamp .kampanya .k:hover {box-shadow: 0 3px 10px #bfbfbf;;margin-top: -5px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfa.kamp .kampanya .k:hover .resim img {transform: scale(1.1);transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfa.kamp .kampanya .k .baslik {height: 50px;color: #6f6f6f;text-align: center;padding: 5px;line-height: 25px;transition: all .2s ease-in;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfa.kamp .kampanya .k .baslik span {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: center;line-height: 1.3rem;position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);width: 100%;}
.sayfa.kamp .kampanya .k .resim {overflow: hidden;border-top-left-radius: 5px;border-top-right-radius: 5px;max-height: 200px;position: relative;}
.sayfa.kamp .kampanya .k .resim img {width: 100%;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfa.kamp .kampanya .k .tarih {position: absolute;z-index: 7;background: rgba(3, 92, 146, 0.8);color: #fff;padding: 5px 10px;font-size: 0.9rem;font-weight: 500;right: 0;top: 5px;}
.sayfa.kamp .kampanya .k .resim .incele {z-index: 2; position: absolute;font-weight: 300; left: 0;right: 0;width: 0; height: 100%; visibility: hidden;opacity: 0; background: rgba(17, 106, 159, 0.5);top: 0;color: #fff;font-size: 1.4rem;text-align: center;padding: 70px 0 0 0;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.sayfa.kamp .kampanya .k .resim .incele i {display: block;font-size: 2rem;}
.sayfa.kamp .kampanya .k:hover .incele {opacity: 1;visibility: visible;width: 100%;height: 100%;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfa.kamp .kampanya .k:hover .baslik {background: #116a9f;color: #fff;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all;}
.sayfa.kamp .solkis .tarih {padding: 5px;color: gray;font-size: 0.95rem;font-weight: 500;} 
.sayfa.kamp .solkis .tarih i {font-size: 1rem;color: #035c92;}

.sayfa.ik .iFormu {max-width: 750px;margin: auto; padding: 30px 0;background: rgb(162, 48, 80);background: linear-gradient(135deg, rgb(174, 0, 0) 0%, rgb(230, 0, 140) 100%);clip-path: polygon(100% 0px, 100% 100%, 50% 98%, 50% 98%, 0px 100%, 0px 0px);}
.sayfa.ik .iFormu h2.b {text-align: center;font-size: 2rem;color: #fff;text-shadow: 0 0 1px black;margin-bottom: 0px;}
.sayfa.ik .iFormu h4.b {text-align: center;padding: 15px;color: #fff;font-weight: 400;}
.sayfa.ik .iFormu form.ib{width: 100%;margin: 0;display: flex;flex-wrap: wrap;}
.sayfa.ik .iFormu form.ib .kutusu .form-control {cursor: pointer;padding: 1rem 1rem 0.2rem 1rem;border: unset;}
.sayfa.ik .iFormu form.ib .kutusu input.form-control {height: 50px;}
.sayfa.ik .iFormu form.ib .kutusu {width: calc(50% - 20px);margin: 10px;position: relative;padding: 0 10px;}
.sayfa.ik .iFormu form.ib .kutusu label {position: absolute;left: 30px;font-weight: 500;cursor: pointer;color: #868686;top: 11px;transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfa.ik .iFormu form.ib .kutusu.dosya label {left: 10px;top: 0;width: calc(100% - 20px);height: 100%;border-radius: 5px;padding:11px 1rem;margin: 0;z-index: 4;}
.sayfa.ik .iFormu form.ib .kutusu.cek.dosya label  {top: 0; padding: 3px 1rem; font-size: 0.75rem;font-weight: 500; color: #0e3864;}
.sayfa.ik .iFormu form.ib .kutusu.dosya span.dosyaAdi {display: block;position: absolute;left: 10px;top: 0px;white-space: nowrap;overflow: hidden;background: #ffffff; width: calc(100% - 25px);height: 100%;border-radius: 5px;font-weight: 400;cursor: pointer;color: #212529;padding: 1rem 1rem 0.2rem 1rem;font-size: 1.25rem;}
.sayfa.ik .iFormu form.ib .kutusu.cek label {top: 3px;font-size: 0.75rem;font-weight: 500;color: #0e3864; transition: 0.3s ease all;-moz-transition: 0.3s ease all;-webkit-transition: 0.3s ease all;}
.sayfa.ik .iFormu form.ib .kutusu.full {width: calc(100% - 20px);margin: 20px auto;}
.sayfa.ik .iFormu form.ib .kutusu.full .custom-checkbox  label{color: #fff;}
.sayfa.ik .iFormu form.ib .kutusu.full .custom-checkbox  a{color: #fff;}
.sayfa.ik .iFormu form.ib .kutusu.full.m0{margin: 0 auto;}
.sayfa.ik .iFormu form.ib .kutusu.full button{display: block;margin: auto;}

.tarih {padding: 5px;color: gray;font-size: 0.95rem;font-weight: 500;}