/* Genel Ayar */
*,*:focus,*:active{
outline:0;
}
*{
outline:0;
font-family: 'Roboto', sans-serif;
}
:root {
--cc: #1b75bc;
}
body{
overflow-x:hidden;
background-color: #fff;
}
/*::-webkit-scrollbar{
all:unset;
}
::-webkit-scrollbar-thumb{
all:unset;
}
::-webkit-scrollbar-thumb:window-inactive{
all:unset;
}*/
html, body {
min-height: 100% !important;
height: 100%;
}
.grow-1{flex-grow: 1;}
.grow-2{flex-grow: 2;}
.grow-3{flex-grow: 3;}
.grow-4{flex-grow: 4;}
.grow-5{flex-grow: 5;}
.grow-6{flex-grow: 6;}
.grow-7{flex-grow: 7;}
.grow-8{flex-grow: 8;}
.grow-9{flex-grow: 9;}
.grow-10{flex-grow: 10;}
.grow-11{flex-grow: 11;}
.btn.focus, .btn:focus {
outline: 0;
-webkit-box-shadow: 0 0 0 0 rgba(0,123,255,0);
box-shadow: 0 0 0 0 rgba(0,123,255,0);
}
.fs-20{
font-size: 20px;
}
.clear{
clear:both;
}
.c-pointer{
cursor: pointer;
}
.u_none{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
pointer-events: none;
}
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */ /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
}
/* Genel Ayar */
.relative{
position: relative;
min-height: 1px;
}
.f_right{
float: right;
}
.c-555{
color: #555;
}
.d-i-block{
display: inline-block;
}
.w-100{
width: 100%;
}
.j-c-center{
display: -webkit-box;
display: -ms-flexbox;
display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
.f-rajd{
font-family: 'Rajdhani', sans-serif;
}
.absoluty{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
background-color: rgba(115, 165, 216, 1);
z-index: 999;
border-top: 1px solid #FFF;
}
.sticky{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
background-color: rgba(115, 165, 216, 1);
z-index: 999;
border-top: 1px solid #FFF;
}
.fixed{
position: fixed;
}
.c{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: red;
z-index: 2;
height: 80px;
}
.footer.fixed{
width: 100%;
height: 50px;
background-color: #73a5d8;
border: 0;
bottom: 0;
left: 0;
z-index: 9;
}
.footer_alt{
display: flex;
justify-content: space-between;
align-items: center;
padding:5px 10px;
}
.footer_iletisim{
display: flex;
justify-content: space-around;
align-items: center;
width: 420px;
}
.sosyal{
display: flex;
justify-content: space-around;
align-items: center;
}
.sosyal i{
margin-right: 10px;
font-size: 30px;
color:#FFF;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.sosyal i.fa-facebook-square:hover{
color:#3b5999;
}
.sosyal i.fa-twitter-square:hover{
color:#55acee;
}
.sosyal i.fa-instagram:hover{
color: #dd4b80;
}
.sosyal i.fa-youtube:hover{
color:red;
}
.telefon{
display: flex;
justify-content: space-around;
align-items: center;
font-size: 27px;
color: #FFF
}
.telefon i{
margin-right: 10px;
font-size: 30px;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
color:#FFF;
}
.baskan {
position: absolute;
bottom: 10px;
left: 25px;
z-index: 2;
height: 60px;
line-height: 30px;
}
.baskan span:first-child{
font-size: 25px;
color: #FFF;
}
.baskan span{
color:#fafafa;
font-size: 16px;
}
.arama_sonuclari{
height: 600px;
overflow-y: scroll;
}
.arama_sonuclari a{
text-decoration: none;
}
.no-link a{
text-decoration: none;
}
.arama_sonuc_baslik{
height: 60px; width: 100%; background: linear-gradient(75deg, #0965ad, #1b75bc);
display: flex;color:#FFF; justify-content: center; align-items: center; text-align: center;border-radius: 3px 0 0 3px
}
.arama_sonuc_link{
height: 60px; width: 100%; background-color: #FFF; display: flex; justify-content: center; align-items: center; text-align: center;border-radius: 0 3px 3px 0;padding: 4px;
}
/*
.navbar{
background-color: rgba(115, 165, 216, 1)!important;
box-shadow: 2px 0px 10px 2px #444;
}*/
.item a{
color: inherit;
text-decoration: none;
}
ul.navbar-nav li.dropdown:hover .dropdown-menu{
display: block;
animation-name: fadeIn;
-webkit-animation-duration: .3s;
-o-animation-duration: .3s;
animation-duration: .3s;
}
.nav-link{
font-size: 19px;
}
.logo_ust{
position: absolute;top:0; background-color: rgba(115, 165, 216, 1); padding: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
-webkit-box-shadow: 0px 0px 9px #292929;
box-shadow: 0px 0px 9px #292929;
}
.logo_alt {
position: absolute;
bottom: 5px;
left: 20px;
z-index: 2;
}
.ataturk{
position: relative;
bottom: 0;
left: 150px;
z-index: 9992;
width:60px;
}
.slider{
position: relative;
top: 62px;
}
.hizmetler {
margin-top:120px!important;
}
.hizmet{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
height: 200px;
background-color: #fcfcfc;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
position: relative;
text-align: center;
overflow: hidden;
padding: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hizmet h3{
color:#333;
font-size: 23px;
}
.hizmet i{
color:#b5bcd6;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.hizmet:hover i{
color:#1b75bc;
}
.hizmet p{
color:#7e8890;
}
.border-b{
border-bottom:1px solid #eee;
}
.hizmet:hover{
z-index: 3;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
background-color: #fff;
-webkit-box-shadow: 0px 12px 30px -20px #555!important;
box-shadow: 0px 12px 30px -20px #555!important;
}
.hizmet .fa-gavel{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.hizmet:hover .fa-gavel{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.hizmetler a{
text-decoration: none;
}
.anket{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;;
-webkit-box-orient: vertical;;
-webkit-box-direction: normal;;
-ms-flex-direction: column;;
flex-direction: column;
height: 390px;
width: 100%;
background-color: #eee;
overflow: hidden;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
position: relative;
text-align: center;
border-radius: 0 0 10px 10px;
padding: 10px;
}
.anket p {
position: relative;
font-weight: bold;
color:#444;
z-index: 7;
}
.anket_yuzde{
position: absolute;
color:#FFF;
left: 10px;
bottom:5px;
}
.anket_cevap{
background-color: #ccc;
cursor:pointer;
padding:6px 5px;
margin: 5px 0;
border-radius: 10px;
position: relative;
color:#FFF;
}
.anket_sonuc{
border-radius:10px 0 0 10px;
position: absolute;
top:0; left: 0;
height: 100%;
background-color: #6B91EE;
}
.anket_cevap:hover{
background-color: #bbb;
}
.anket_cevap span {
z-index: 2; position: relative;
}
.anket i{
position: absolute;
top: -30px;
left: 0;
font-size: 150px;
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
color:#e2e2e2;
}
.etkinlik_afis{
border-right: 5px solid #ccc;
}
.etkinlik{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #eee;
overflow: hidden;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
position: relative;
text-align: center;
}
.etkinlik_yazi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 350px;
width: 100%;
background-color: #eee;
overflow: hidden;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
position: relative;
text-align: center;
padding-top: 10px;
}
.etkinlik_baslik{
font-size: 18px;
}
.etkinlik_icerik{
z-index: 2; position: relative; font-size: 13px;
}
.etkinlik_yazi i{
position: absolute;
bottom: 0;
right: 10px;
font-size: 150px;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
color:#e2e2e2;
z-index: 1;
}
.etkinlik_footer{
-ms-flex-negative: 1;
flex-shrink: 1;
height: 40px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etk_yer i, .etk_gun i{
font-size: 15px;
color:#333;
font-weight: bold;
position: static;
}
.div_son{
border-top:5px solid #ccc;
width: 100%;height: 40px;background-color: #ddd; border-radius: 0 0 10px 10px;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color:#555; padding:0 10px;
}
.div_son span{
-ms-flex-negative: 1;
flex-shrink: 1;
font-weight: bold;
}
.div_son a{
color:#555;
}
.div_baslik{
width: 100%;height: 40px;background-color: rgba(73, 125, 191, 1); border-radius: 10px 10px 0 0;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color:#FFF; font-weight: bold;
}
.vs-hidden{
visibility: hidden;
}
.btn{
cursor: pointer;
}
.arama_form > input
{
-webkit-animation-duration: .4s;
animation-duration: .4s
}
.duyurular{
position: relative;
height: 120px;
background-color: #eee;
width: 100%;
}
.duyuru_baslik{
text-align: center;
line-height: 120px;
font-size: 30px;
color:#fff;
width: 200px;
background-color: rgba(73, 125, 191, 1);
border-left: 5px solid rgba(60, 115, 200, 1);
}
.duyuru .item{
margin:30px 0;
padding:20px 30px;
}
.duyuru .item a{
text-decoration: none;
color:#333;
}
.duyurular i{
position: absolute;
right:30px;
bottom: 0;
font-size: 150px;
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
color:#e2e2e2;
}
.dil_buton{
background-color: transparent;
border:3px solid rgba(115, 165, 216, 1);
border-radius: 0;
outline: 0;
color: #FFF;
}
.tr{
background-color: rgba(115, 165, 216, 1);
border:3px solid rgba(115, 165, 216, 1);
border-right: none;
border-radius: 5px 0 0 5px;
}
.en{
border-left:0;
border-radius: 0 5px 5px 0;
}
.dil_buton_mobil{
background-color: transparent;
border:3px solid rgba(73, 125, 191, 1);
color:#FFF;
border-radius: 0;
outline: 0;
}
.tr_mobil{
background-color: rgba(73, 125, 191, 1);
border:3px solid rgba(73, 125, 191, 1);
border-right: none;
border-radius: 5px 0 0 5px;
}
.en_mobil{
border-left:0;
border-radius: 0 5px 5px 0;
border:3px solid rgba(73, 125, 191, 1);
}
.click_on {
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
color: rgba(73, 125, 191, 1);
}
.click_on:hover{
background-color: rgba(73, 125, 191, 1)!important;
color:#FFF;
}
.bolum_3 {
padding: 5px 0; background-color: #fff; height: 150px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.bolum_3 i{
font-size: 100px;color:#bbb;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.bolum_3 h5{
font-size: 15px;
color:#555;
text-align: center;
}
.bolum_3:hover {
-webkit-box-shadow: 0px 10px 40px -20px #aaa;
box-shadow: 0px 10px 40px -20px #aaa;
}
.whatsapp:hover i{
color:#4dc247;
}
.sss:hover i{
color:rgba(0,0,255,0.5);
}
.protokol:hover i{
color:rgba(70,140,45,0.5);
}
.odul:hover i{
color:rgba(255,150,0,0.5);
}
.yazi_slider{
width: 95%;
}
.gutter_h{
height: 110px;
width: 100%;
}
.erisim_menu_mobil .arama_form input{
color: #FFF;
background-color: transparent;
border-radius: 0;
border:0;
border-bottom: 3px solid #FFF;
}
.erisim_menu_mobil .arama_form input::-webkit-input-placeholder{
color:#FFF
}
.erisim_menu_mobil .arama_form input:-ms-input-placeholder{
color:#FFF
}
.erisim_menu_mobil .arama_form input::-ms-input-placeholder{
color:#FFF
}
.erisim_menu_mobil .arama_form input::placeholder{
color:#FFF
}
.erisim_menu_mobil .arama_form input:focus{
color: #FFF;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
border-radius: 0;
border:0;
border-bottom: 3px solid #FFF;
}
.arama_form input{
color: #FFF;
background-color: transparent;
border-radius: 0;
border:0;
border-bottom: 3px solid rgba(115, 165, 216, 1);
}
.arama_form input::-webkit-input-placeholder{
color:rgba(73, 125, 191, 1);
}
.arama_form input:-ms-input-placeholder{
color:rgba(73, 125, 191, 1);
}
.arama_form input::-ms-input-placeholder{
color:rgba(73, 125, 191, 1);
}
.arama_form input::placeholder{
color:rgba(73, 125, 191, 1);
}
.arama_form input:focus{
color: rgba(73, 125, 191, 1);
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
border-radius: 0;
border:0;
border-bottom: 3px solid rgba(73, 125, 191, 1);
}
/*_______________İÇ Sayfa______________*/
.yukari_menu{
display: -webkit-box;
display: -ms-flexbox;
display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed;right: 0; height: 64px;width: 100%; background-color: #FFF; padding:8px 20px;z-index: 9999;
-webkit-box-shadow: 0px 3px 5px -3px #666;
box-shadow: 0px 3px 5px -3px #666;
}
.mobil_ekstra_menu{
position: fixed; top:60px; z-index: 9997;-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;width: 100%; visibility: hidden;
}
.mobil_ekstra_menu .menu_icerik{
display: -webkit-box;
display: -ms-flexbox;
display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background-color: #FFF; padding:5px; padding-right: 40px;-webkit-box-shadow: 0px 4px 10px -6px #555;box-shadow: 0px 4px 10px -6px #555;
}
.mobil_ekstra_menu .en {
margin-left: -3px;
}
.mobil_ekstra_menu .arama_form{
display: -webkit-box;
display: -ms-flexbox;
display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.mobil_ekstra_menu_button{
background-color: #FFF; position: fixed;top:65px; right:0; z-index: 9998; border-radius: 55%; height: 40px;width: 40px; color:#888; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-shadow: 0px 4px 10px -6px #000; box-shadow: 0px 4px 10px -6px #000;visibility: hidden;
}
.mobil_ekstra_menu_button i{
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;font-size: 20px
}
.rotate45{
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.sol_menu1{
background-color:rgba(115, 165, 216, 1);
color: #FFF;
top:50px;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
position: fixed; z-index: 10;
}
.sol_menu2{
background-color: rgba(73, 125, 191, .8);
color: #FFF;
top:50px;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
position: fixed; left:0; z-index: 9; width: 15.666667%;
}
.sol_menu a{
text-decoration: none;
display: block;
color:#FFF;
padding: 1px 10px;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.sol_menu1 a:hover{
background-color: rgba(73, 125, 191, 1);
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.sol_menu2 a:hover{
background-color: rgba(73, 125, 191, .8);
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px);
}
.content{
}
.online{
background-color: rgba(73, 125, 191, 1);
}
.logo_ic{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
width: 197px;
}
.erisim_menu{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.erisim_menu_mobil{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.erisim_menu_mobil {
color:#FFF!important;
border-color: #FFF!important;
}
.ust_menu_button{
width: 50px; height: 50px; padding:10px; cursor: pointer;position: absolute;right: 10px;top: 2px;display: none;
}
.ust_menu_button i{
color:var(--cc);
font-size: 30px;
}
.engelli_erisim_btn{
-webkit-transform: all .3s linear;
-ms-transform: all .3s linear;
transform: all .3s linear;
}
.engelli_erisim_btn:hover{
background-color: rgba(73, 125, 191, 1);
border-color: rgba(73, 125, 191, 1);
}
.engelli_erisim_btn_mobil{
-webkit-transform: all .3s linear;
-ms-transform: all .3s linear;
transform: all .3s linear;
background-color: rgba(73, 125, 191, 1);
border-color: rgba(73, 125, 191, 1);
}
.erisim_menu_mobil .dropdown-item {
color:#212529!important;
}
.menu_truva{
width: 180px;
display: none;
}
.haber_baslik{
padding:0!important;
background-color: #eee;height: 400px;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.haber_baslik a{
display: block;
text-decoration: none;
color:#555;
padding: 8px 0;
text-indent: 14px;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.haber_baslik a:hover{
text-indent: 14px;
background-color: rgba(73, 125, 191, 1);
color:#FFF;
}
.flex-direction-row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.dil a{
color:#FFF;
text-decoration: none;
font-size: 16px;
text-shadow: 0px 0px 2px #333;
font-weight: bold;
}
.home{
height: calc(100vh - 60px)
}
.menu_kapsayici{
height: 70px;position: relative; z-index: 12;background: #FFF;box-shadow: 0px 10px 20px -15px #000;top: -1px;left: 0
}
.anasayfa_slide{
position: absolute;top: 70px;left:0;
}
.anasayfa_slide img{
height: calc(100vh - 120px);
}
.e_belediye_menu{
color:#FFF!important;background-color: #1b75bc;border-radius: 10px 0 10px 0
}
.menu2{
float: right;height: 70px;display: flex;align-items: center;
}
.menu2 .nav-item>a{
font-family: arial;
color:#111;
text-decoration: none;
font-size: 14px;
margin:0 5px;
font-weight: bold;
padding: 10px;
-webkit-transition: .3s linear;
-o-transition: .3s linear;
transition: .3s linear;
}
.menu2 .dropdown-menu{
padding: 0;
}
.menu2 .dropdown-item{
font-family: arial;
padding: .5rem 1rem;
color: #fff;
background-color: #7f7f7f;
border-top: 1px solid #eee;
cursor:pointer;
}
.menu2 .dropdown-item:first-child{
border:0;
}
.menu2 .dropdown-item:hover{
background-color: #1b75bc
}
.menu2 .dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #000;
}
.menu2 a i{
-webkit-transition: .3s linear;
-o-transition: .3s linear;
transition: .3s linear;
}
.menu2 a:hover i{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.menu2 .dropdown-menu{
top:23px;
border:0;
-webkit-box-shadow: 0px 10px 30px -14px #555;
box-shadow: 0px 10px 30px -14px #555;
}
.menu_yan{
-ms-flex-item-align: start;
align-self: flex-start;margin-top: 15px
}
.menu_yan .daire{
width: 40px; height: 40px;background-color: #111; border-radius: 50%;text-align: center;line-height: 40px;color:#fff; -webkit-box-shadow:0px 3px 20px -4px #000; box-shadow:0px 3px 20px -4px #000;font-weight: bold;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
cursor: pointer;border:2px solid #FFF;
}
.menu_yan .daire img{
width: 22px;
}
.logo{
position: relative; top:0;height: 171px; padding-top: 10px; padding-bottom: 10px;-webkit-box-shadow: 0px 0px 20px -7px #505050;box-shadow: 0px 0px 20px -7px #505050;z-index: 9;border-radius: 0 0 10px 10px; width: 150px;left: 60px;background: #FFF;transition: .3s;
}
.menu_kapsayici.scrolling .logo{
display: none;
}
.logo_mobil{
display: none; position: relative; top:0; padding-top: 10px; padding-bottom: 10px;z-index: 9; width: 100%;left: calc(50% - 140px); box-shadow: none; border-radius: 0; background-color: transparent;
}
.menu_kapsayici.scrolling .logo_mobil{
display: block; left:60px;
}
.menu_kapsayici.scrolling .logo_mobil img{
position: absolute;left: -20px; width: 280px; top: -8px;
}
.logo_mobil img{
position: absolute;left: -20px; width: 280px; top: -8px;
}
.logo img{
width:100px;position: absolute;left: calc(50% - 50px);
}
.arrow{
position: absolute;bottom: 150px;left:calc(50% - 35px); color:#fff; font-size: 70px;z-index: 7;-webkit-animation-duration: 3s;animation-duration: 3s;cursor: pointer; text-shadow: 0px 0px 2px #000;
}
.home{
width: 100%;height: 100%; overflow: hidden;
}
.yan_card{
position: fixed; left:-150px; bottom:100px; background-color: #FFF; width: 200px; height: 50px;border-radius: 10px; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease;z-index: 5;
background: -webkit-linear-gradient(75deg, #0965ad, #1b75bc);
background: -o-linear-gradient(75deg, #0965ad, #1b75bc);
background: linear-gradient(75deg, #0965ad, #1b75bc);
display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center; padding: 0px 10px; color:#FFF;
font-family: 'Rajdhani', sans-serif; font-size: 20px;cursor: pointer;z-index: 12;
}
.yan_card i{
font-size: 25px;margin-left: 5px;
}
.yan_card img{
width: 30px; margin-left: 0;
}
.yan_card.yan_card2{
bottom:160px;
}
.yan_card:hover{
left:-10px;
}
.yan_card .buton{
position: relative;height: 100%; padding:0 13px; background-color: rgba(0,0,0,0.2); border-radius: 0px 10px 10px 0; line-height: 50px;right: -10px;
}
.yan_card1 .buton{
line-height: 60px;
}
.truncate-text {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
width: 250px;
}
.slider_baslik{
position: absolute;bottom: 0; padding:10px 20px; padding-right: 10px; background-color: rgba(0,0,0,0.63);width: 100%;height: 60px; text-align: center;color:#FFF;line-height:40px;font-size: 24px;
}
.haber_slider_baslik{
font-weight: bold;
position: absolute;bottom: 0; padding:10px 20px; padding-right: 10px; width: 100%;height: 60px; text-align: center;color:#FFF;line-height:40px;font-size: 18px;
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,,rgba(0,0,0,.5) 70% rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.8)),color-stop(70%, rgba(0,0,0,.5)) ,to(rgba(0,0,0,0)));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,.5) 70% ,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,.5) 70% ,rgba(0,0,0,0) 100%);
background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,.5) 70% ,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.haber_genel{
height: 430px; width: 100%;
}
.haber_genel .haber_img{
background-size:cover; height:400px; width:100%;background-position: center;
}
.haber_genel .haber_thumb{
width: 100%; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.haber_genel .haber_thumb .thumb{
background-color: #ccc;
height: 70px;
width: 100%;
opacity: .6;
cursor: pointer;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
background-size: cover;
background-position: center;
max-width:150px;
}
.haber_genel .haber_thumb .thumb:hover{
opacity: .8;
}
.haber_genel .haber_thumb .thumb.active{
opacity: 1;
position: relative;
}
.haber_genel .haber_thumb .thumb .timer{
height: 5px;
background-color: #ff4a4a;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
display: none;
}
.haber_genel .haber_thumb .thumb.active .timer{
display: block;
-webkit-animation-name: timer;
animation-name: timer;
-webkit-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.haber_genel .haber_thumb .col:not(:last-child){
border-right:1px solid #fff;
}
.etk_genel_baslik{
width: 100%;background-color:#1b75bc;height: 50px;color:#FFF; font-weight: bold; padding: 0px 10px; font-size: 22px; line-height: 50px;text-align: center;
}
.haber_genel_baslik{
width: 100%;background-color:#1b75bc;height: 50px;color:#FFF; font-weight: bold; padding: 0px 10px; font-size: 22px; line-height: 50px;text-align: center;
}
.etk_genel .etk{
height: 100px; width: 100%; background-color: #eee; -webkit-box-shadow: 0px 10px 20px -18px #000; box-shadow: 0px 10px 20px -18px #000; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;cursor: pointer;
}
.etk_genel .etk:hover{
-webkit-box-shadow: 0px 10px 20px -16px #000;
box-shadow: 0px 10px 20px -16px #000;
}
.etk_genel .meclis_uye_kapsayici{
height: 100px; width: 100%; background-color: #eee; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;cursor: pointer; margin-bottom: 0!important;
}
.etk_genel .meclis_uye_kapsayici.collapsed{
-webkit-box-shadow: 0px 10px 20px -18px #000; box-shadow: 0px 10px 20px -18px #000; margin-bottom: 10px!important;
}
.etk_tarih{
background-color: #f7f7f7; width: 100%;height: 100px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; position: relative;
}
.etk_tarih .etk_gun{
font-size: 60px;
line-height: 60px;
}
.etk_tarih .etk_zaman{
font-size: 22px;
line-height: 10px;
}
.etk_tarih .etk_yaklasan{
position: absolute; bottom:0;height: 20px; width: 100%; background:#7fa5ff;color:#FFF; font-size: 14px;font-family: 'Rajdhani', sans-serif; font-weight: bold; text-align: center; line-height: 20px;
}
.etk_detay{
width: 100%;height: 100px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
padding:5px 0; position: relative;
}
.meclis_uye_detay h3,.etk_detay h3{
width: 100%;
font-size: 18px;
font-family: 'Rajdhani', sans-serif;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
z-index:1;
}
.meclis_uye_detay h4,.etk_detay h4{
width: 100%;
font-size: 15px;
color:#555;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
z-index:1;
}
.etk_detay .yer{
font-size: 14px;
font-family: 'Rajdhani', sans-serif;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
width: 100%;
z-index:1;
}
.etk_detay .saat{
position: absolute;
bottom: -6px;
right: 5px;
font-family: 'Rajdhani', sans-serif;
font-size: 22px;
}
.etk_detay .etk_tur,.meclis_uye_detay .etk_tur{
position: absolute;
top: 5px;
right: 2px;
font-size: 40px;
padding:10px;
color:#e2e2e2;
text-align: center;
line-height: 18px;
}
.meclis_uye_detay .etk_tur{
right: 20px;
}
.etk_tur img{
width: 40px;z-index:0;
}
.meclis_uye_detay{
padding:10px 0;
}
.etk_hover_item{
width: 100%; height: 480px; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center
}
.meclis_uye_profil{
width: 100%;height: 100px; display: flex;justify-content: center;align-items: center; background: #fafafa;
}
.meclis_uye_bilgi{
background-color: #fafafa; box-shadow: 0px 10px 20px -14px #555; border:1px solid #eee; border-top: 0
}
.tumunu_gor{
height: 40px;margin-top: 14px;
}
.tab_item{
width: 100%; height:100px;background-color: #FFF;-webkit-box-shadow: 0px 10px 20px -20px #000;box-shadow: 0px 10px 20px -20px #000;border:1px solid #fafafa;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: .2s ease;-o-transition: .2s ease;transition: .2s ease;
}
.tab_item .etk_tarih{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 100px;
}
.tab_item .etk_tarih .etk_zaman{
line-height: 22px;
}
.tab_item .tab_item_detay{
flex:5;
padding: 5px 10px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
max-width: calc(100% - 200px);
}
.tab_item .tab_item_detay h2{
width: 99%;
font-size: 19px;
font-family: 'Rajdhani', sans-serif;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin-bottom: 0;
}
.tab_item .tab_item_detay h4{
width: 99%;
font-size: 15px;
font-family: 'Rajdhani', sans-serif;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin-bottom: 0;
color:#555;
}
.tab_item .tab_item_detay p{
width: 100%;
font-size: 15px;
color:#555;
}
.tab_item:hover{
-webkit-box-shadow: 0px 10px 20px -18px #000;
box-shadow: 0px 10px 20px -18px #000;
}
.tab_item .incele,.tab_item .indir{
-webkit-box-flex:1;
-ms-flex:1;
flex:1; height: 100px; background-color: #fafafa;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
cursor: pointer;
padding-top: 5px;
color:#333;
}
.tab_item .incele i,.tab_item .indir i{
font-size: 65px;
color:#555;
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
}
.tab_item .incele span,.tab_item .indir span{
font-size: 22px;
font-family: 'Rajdhani', sans-serif;
color:#333;
}
.tab_item .incele:hover i{
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.tab_item .indir:hover i{
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}
.tab_item .incele:hover,.tab_item .indir:hover {
background-color: #eee;
}
.tab_item.link_kutulari .incele, .tab_item.link_kutulari .indir{
max-width: 100px;
}
.tab_item.link_kutulari .tab_item_detay{
justify-content: space-between;
max-width: calc(100% - 100px);
}
.link_kutulari .etk_tarih{
border-left: 4px solid #1b75bc;
}
.link_kutulari.mudurluk{
border-left: 4px solid #1b75bc;
}
.link_kutulari.yonetmelik{
border-left: 4px solid #1b75bc;
height: 60px;
}
.link_kutulari.yonetmelik .incele span{
height: 60px;
}
.link_kutulari.yonetmelik .incele {
font-size: 16px;
height: 60px;
}
.link_kutulari.yonetmelik .incele i{
font-size: 35px;
}
.proje_tab_link{
cursor: pointer;
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.proje_tab_link:hover{
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: .7;
}
.proje_tab_link.active{
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.proje_tab_link.active:hover{
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
.proje_tab .proje{
-webkit-box-shadow: 0px 10px 20px -18px #000;
box-shadow: 0px 10px 20px -18px #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; font-size: 150px;color:#FFF; font-family: 'Rajdhani', sans-serif;
}
.kesif{
width: 100%;height: 410px; background: url(../img/wall/wall7.jpg);background-size: cover;background-position: center;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
-webkit-box-shadow: 0px 0 20px -6px #000;
box-shadow: 0px 0 20px -6px #000; -webkit-filter: grayscale(.5); filter: grayscale(.5);-webkit-transition: .3s linear;-o-transition: .3s linear;transition: .3s linear;cursor: pointer;
}
.kesif.ebelediye{
background-image: url("../img/hizmet/ebelediye.jpg"); height: 150px;
}
.kesif .baslik{
font-size: 60px;text-shadow: 0px 0px 3px #000;background-color: rgba(0,0,0,0.1);padding: 10px;-webkit-transition: .3s linear;-o-transition: .3s linear;transition: .3s linear;
}
.kesif .baslik.beyaz{
color:#FFF;
}
.kesif .baslik.blue{
color: #ef0444;
font-size: 80px;
}
.kesif:hover{
-webkit-filter: grayscale(0);
filter: grayscale(0);
-webkit-box-shadow: 0px 0 20px -13px #000;
box-shadow: 0px 0 20px -13px #000;
}
.other_kutu{
width: 100%;height: 180px; background-color: #fdfdfd; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 10px;padding-bottom: 0;-webkit-box-shadow: 0px 10px 20px -18px #444;box-shadow: 0px 10px 20px -18px #444;-webkit-transition: .2s linear;-o-transition: .2s linear;transition: .2s linear;
cursor: pointer;
}
.other_kutu:hover{
-webkit-box-shadow: 0px 12px 20px -18px #444;
box-shadow: 0px 12px 20px -18px #444;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.other_kutu .image{
background-color:#f2f2f2; width: 100px;height: 100px;-webkit-transition: .3s linear;-o-transition: .3s linear;transition: .3s linear; padding: 10px;border-radius: 50%;overflow:hidden;-webkit-box-shadow: 0px 10px 20px -15px #000;box-shadow: 0px 10px 20px -15px #000;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.other_kutu .image img{
width: 70px;
}
.other_kutu h5{
text-align: center;
}
.sec_kapsayici{
-webkit-box-shadow: 0px 0px 20px -8px #555;
box-shadow: 0px 0px 20px -8px #555;background-color: #FFF; padding: 10px; margin-bottom: 10px;
}
.sec_kapsayici.haberler{
height: 620px;
}
.sec_kapsayici a{
text-decoration: none;
}
.modal_panel{
position: fixed;z-index: 9999;top:0;left: 0; width: 100%;height: 100%; background-color: rgba(0,0,0,.8); }
.modal_panel select{
border: 2px solid #444;
}
.modal_panel .panel_beyaz select{
border: 2px solid #aaa;
}
.modal_panel .panel_beyaz{
background: #fafafa;overflow-y: scroll;
position: relative;
height: 100vh;
font-size:13px;
}
.panel_beyaz .ana_arama_input{
border-bottom: 2px solid #aaa;padding: 3px; color:#333; -webkit-box-shadow: 0px 10px 30px -15px #555;box-shadow: 0px 10px 30px -15px #555; font-size: 16px;
}
.baskana_mesaj_panel , .mesaj_panel {
overflow-y: scroll;
}
.baskana_mesaj_panel form label{
font-family: 'Rajdhani', sans-serif;
}
.modal_panel h4{
color:#FFF; text-align: center; font-size: 45px;text-shadow: 0px 0px 3px #000
}
.ana_arama_input{
width: 100%; border:0; background-color: transparent; border-bottom: 2px solid #ccc;color:#FFF; font-size: 30px;-webkit-box-shadow: 0px 10px 20px -13px #000;box-shadow: 0px 10px 20px -13px #000;
}
textarea.ana_arama_input{
padding: 10px 0!important;
}
.baskana_mesaj_panel .ana_arama_input{
width: 100%; border:0; background-color: transparent; border-bottom: 2px solid #444;color:#444; font-size: 17px;-webkit-box-shadow: 0px 10px 20px -15px #555;box-shadow: 0px 10px 20px -15px #555;padding: 5px 0;
}
.mesaj_panel .ana_arama_input{
width: 100%; border:0; background-color: transparent; border-bottom: 2px solid #aaa;color:#fff; font-size: 17px;-webkit-box-shadow: 0px 10px 20px -13px #000;box-shadow: 0px 10px 20px -13px #000;padding: 5px 0;
}
.panel_close{
width: 60px;cursor: pointer;position: absolute;top:20px; right: 20px; font-size: 70px; color:#FFF;
}
.panel_close,.icerik_panel_close{
filter: drop-shadow(0 0 1px #000);
}
.arama_paneli .arama_button{
position: absolute;right: 15px; top: 0;background-color:#1b75bc; font-size: 25px; padding:5px 25px;color:#FFF; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-radius: 5px 5px 0 0; -webkit-
}
.arama_paneli .arama_button:hover{
background-color:#207fca
}
.icerik_panel .yazi_alani{
color:#fff;
overflow-y: scroll;
position: relative;
background:#111;
height:100vh;
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: center;
z-index: 20;
top: 0;
}
.icerik_panel .yazi_alani img{
max-width: 100%;
margin-bottom: 20px;
}
.icerik_panel_close{
width: 60px!important;cursor: pointer;position: absolute;top:20px; right: 20px; font-size: 70px; color:#FFF;z-index: 99999;
}
.icerik_panel ::-webkit-scrollbar{
width:5px;
background: #000
}
.icerik_panel ::-webkit-scrollbar-thumb{
background: #888
}
.icerik_panel ::-webkit-scrollbar-thumb:window-inactive{
background: #111;
}
.arama_sonuclari::-webkit-scrollbar, .baskana_mesaj_panel::-webkit-scrollbar{
width:5px;
background: #fff
}
.arama_sonuclari::-webkit-scrollbar-thumb, .baskana_mesaj_panel::-webkit-scrollbar-thumb{
background: #555
}
.arama_sonuclari::-webkit-scrollbar-thumb:window-inactive, .baskana_mesaj_panel::-webkit-scrollbar-thumb:window-inactive{
background: #888;
}
.
.icerik_panel.baskanin_mesajlari h4{
font-size: 30px;
padding-top: 20px;
padding-bottom: 20px;
}
.panel_dis{
position: absolute;width: 100%;height: 100%;background: transparent;top: 0;left: 0
}
.yazi_alani a{
text-decoration: none;
}
.sabit_footer{
width: 100%; height: 500px; position: relative;
background-image: url("../img/wall/wall2.jpg"); background-size: cover;background-repeat: no-repeat; background-position: center; }
.footer_perde{
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,.7) 70% rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)),color-stop(30%, rgba(0,0,0,1)),to(rgba(0,0,0,.7)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,.7) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,.7) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;height: 100%;
}
.footer_logo{
position: absolute;left: calc(50% - 100px); top: -100px; width: 200px;height: 200px; background-color: #fff;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;z-index: 5;
}
.footer_logo img{
width: 100px;
}
.footer_linkler{
position: relative;
z-index: 4;
}
.footer_linkler .divide{
background-color: #1b75bc; width: 50px; height: 3px; margin-bottom: 10px; margin-top: 5px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;
}
.footer_linkler h5{
color:#eee;
}
.footer_linkler .col a{
color:#bbb;
font-size: 13px;
text-decoration: none;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
display: block;
}
.footer_linkler .col a:hover{
color:#fff;
}
.footer_linkler .col:hover .divide{
width: 100px;
}
#baskan_yazi{
position: relative;z-index: 4;color:#FFF; top: 0; padding: 20px; font-style: italic;font-size: 14px;
}
.baskan_img{
width: 270px;position: absolute;bottom: -50px; left: 75px;z-index: 4;
}
/* İÇ SAYFA */
.intro { height: auto; display: block; top: 70px; }
.intro .container { height: 70px; position: relative;position: relative;top:-10px;z-index: 6 }
.intro h1 { text-transform: capitalize; }
.intro-title { display: table-cell; vertical-align: bottom; padding-bottom: 30px; }
.intro .perde{
position: absolute;top: 0;left: 0; background-color: rgba(0,0,0,0.6);z-index: 3;width: 100%;height: 354px;
}
.intro_img{
width: 100%;position: relative;height: calc(100% - 70px); height:300px;top:54px;background-size: cover;
}
.ic_menu{
width: 100%; height:auto;
}
.ic_menu a{
border-bottom: 2px solid #fafafa;
color:#444;
transition: .3s;
font-size: 16px;
cursor: pointer;
}
.ic_menu #accordion a.collapsed{
background-color: #fafafa; color:#222;
}
.ic_menu #accordion a.collapsed i{
color:#777;transform: rotate(-90deg);
}
.ic_menu #accordion a{
height: 40px;width: 100%; background-color: #1b75bc; font-size:20px; line-height: 40px; color:#fff; display: block; border-bottom: 2px solid #eee;padding-left: 10px;
}
.ic_menu #accordion a i{
line-height: 40px; font-size: 18px; color:#fff; margin-right: 10px;transform: rotate(0deg); transition: .3s;
}
.ic_menu #accordion .accordion_ic_menu a{
height: 40px;width: 100%; background-color: #fafafa; font-size:18px; line-height: 40px; color:#444; display: block; border-bottom: 2px solid #eee;padding-left: 20px;
}
.ic_menu #accordion .accordion_ic_menu .active{
background-color: #359def;
color: #FFF
}
.ic_menu #accordion .accordion_ic_menu .active:hover{
background-color: #359def;
color: #FFF
}
.ic_menu a:hover{
background: #eee;
border-left: 5px solid #1b75bc;
}
.ic_menu #accordion a:hover{
background: #1b75bc;
border-left: 0;
}
.ic_menu #accordion .accordion_ic_menu a:hover{
background: #eee;
border-left: 0;
}
.ic_menu #accordion a.collapsed:hover{
background: #eee;
color:#222;
}
.ic_menu a:last-child{
border-bottom:0;
}
.ic_menu a.active{
border:0;
background: #278cdc;
color:#FFF;
}
.ic_menu a.active:hover{
background: #278cdc;
}
.ic_menu .baslik{
height: 40px;width: 100%; background-color: #f2f2f2; font-size:24px; line-height: 40px;text-align: center; color:#222; border-bottom: 2px solid #eee;
}
.breadcrumb_menu{
position: relative;box-shadow: 0px 10px 20px -14px #777;background-color: #fafafa;
}
.breadcrumb_menu .breadcrumb{
background-color: #fafafa
}
.breadcrumb_menu .paylas{
position: absolute;right: 0;top:0; font-size: 25px; width: 100px; height: 50px; display: flex;justify-content: center;align-items: center;
}
.breadcrumb_menu .paylas a{
margin-right: 5px;
color:#1b75bc;
}
/*Fotogaleri*/
.foto_genel,.haberler_genel{
box-shadow: 0px 10px 20px -15px #777;transition: .4s;cursor: pointer;
}
.foto_thumb{
width: 100%; height: 180px;background: #f7f7f7; position: relative; background-size: cover;background-position: center center;overflow:hidden;
}
.foto_baslik{
background: #fafafa;width: 100%;height: 50px; font-size: 20px; color:#444;line-height: 50px; text-align: center;padding: 0 5px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.foto_genel:hover{
transform: translateY(-5px);
box-shadow: 0px 10px 20px -13px #777;
}
.foto_album_kucuk{
width: 100%;box-shadow: 0px 10px 20px -2px #ccc;padding: 5px;border-radius: 4px;overflow: hidden; cursor: pointer;
}
.foto_album_kucuk img{
width: 100%;transition: .3s;
}
.foto_album_kucuk:hover img{
transform: scale(1.1);
}
.fancybox-infobar{
color:#FFF;
background-color:#000;
}
.fancybox-infobar span:first-child{
font-size: 18px;
}
/*haberler*/
.haberler_baslik{
background: #fafafa;width: 100%;height: 50px; font-size: 16px; color:#555;text-align: center;
display: flex;justify-content: center;align-items: center;
padding: 5px;
}
.haberler_baslik span{
max-width: 95%;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.haberler_tarih{
position: relative;top: 0;left: 0;width: 150px; height: 30px;background-color: #1b75bc;z-index: 3;transform: rotate(-39deg) translateX(-38px) translateY(-5px);text-align: center;padding: 0 5px;line-height: 30px;color:#FFF;font-size: 14px;
}
.haberler_arama{
width: 100%; height: 50px;display: flex; justify-content: flex-end; padding: 0 10px; align-items: center;background-color: #fafafa;box-shadow: 0px 10px 20px -14px #777;
}
.haberler_arama input{
padding: 5px;border:0; border:2px solid #eee;border-radius: 2px 0 0 2px; width: 300px;
}
.haberler_arama input:focus{
border:2px solid #1b75bc;
}
.haberler_arama .btn{
background-color:#1b75bc;border-radius: 0 2px 2px 0; color:#FFF
}
.icerik_ust_panel{
width: 100%; height: 50px;display: flex; justify-content: flex-end; padding: 0 10px; align-items: center;background-color: #fafafa;box-shadow: 0px 10px 20px -14px #777;padding: 0;
}
.icerik_ust_panel a{
color:#444; transition: .2s; text-decoration: none;
}
.icerik_ust_panel a:hover{
color:#000;
}
.icerik_ust_panel .panel_item{
display: flex; justify-content: center;align-items: center;height: 50px;background-color: #fafafa;text-align: center;transition:background-color ease-in .2s ;
}
.icerik_ust_panel .panel_item:hover,.panel_item.aktif{
background-color: var(--cc);
color: #FFF
}
/*Ä°letiÅŸim*/
.gri_flex_kutu{
background: #f8f8f8;box-shadow: 0px 10px 20px -15px #777; height: 60px;display: flex;justify-content: flex-start;align-items: center;
}
.gri_flex_kutu .baslik{
display: flex;justify-content: center;align-items: center;flex:1;background: #f2f2f2; font-size: 18px;border-left:4px solid var(--cc);height: 60px;
}
.gri_flex_kutu p{
display: flex;flex:2;font-size: 15px;color:#444;justify-content: center;align-items: center;margin-bottom: 0;text-align: center;padding: 0 5px;
}
.gri_flex_kutu p.kisa{
flex: 2;
font-size: 20px
}
.telefon_rehberi .card-header{
cursor: pointer;
}
.telefon_rehberi .card-header .baslik {
font-size: 20px;
}
.telefon_rehberi .card-header .baslik i{
position: absolute;
right: 20px;
font-size: 27px;
}
/* Sosyal YaÅŸam */
.sanat_topluluk_kapsayici{
min-height: 550px; height: auto; width: 100%;background: #fdfdfd;border-radius: 5px; display: flex;justify-content: flex-start;flex-direction: column; align-items: center; border: 1px solid #eee;box-shadow: 0px 10px 20px -15px #777;
}
.sanat_topluluk_kapsayici img{
border-radius: 5px 5px 0 0; height: 300px;
}
.sanat_img_kapsayici{
width: 100%;
height: 300px;
background-size: cover;
border-radius: 5px 5px 0 0 ;
}
.sanat_topluluk_bilgi h2{
font-size: 26px;
}
#accordion .card-header{
cursor: pointer;
}
#accordion .card-header i.fa-angle-right{
transform: rotate(90deg);
font-size: 40px;
position: absolute;
top:5px;
right:10px;
transition: .3s;
}
#accordion .card-header.collapsed i.fa-angle-right{
transform: rotate(0deg);
}
.kulturel_mekan_kapsayici{
width: 100%;background: #fff; display: flex;justify-content: center;flex-direction: column; align-items: center;position: relative; padding: 40px; overflow: hidden; height: 250px;
}
.kulturel_mekan_kapsayici img{
position: absolute;top: 0;left: 0;z-index: 2;width: 100%;
}
.kulturel_mekan_kapsayici h2{
margin-top: 40px;
font-size: 18px;
}
.kutuphane_kapsayici{
height: 100%;width: 100%;background: #fdfdfd;border-radius: 5px; display: flex;justify-content: flex-start;flex-direction: column; align-items: center; border: 1px solid #eee;box-shadow: 0px 10px 20px -15px #777;
}
.kutuphane_kapsayici h2{
font-size: 22px;
}
.kutuphane_kapsayici img{
border-radius: 5px 5px 0 0;
}
.kulturel_yayinlar .foto_baslik{
font-size: 16px;
}
/* Çanakkale */
.film_kapsayici{
height: 100%;width: 100%;background: #fdfdfd;border-radius: 5px; display: flex;justify-content: flex-start;flex-direction: column; align-items: center; box-shadow: 0px 10px 20px -15px #777;
}
.film_kapsayici h2 {
padding-bottom: 0;
font-size: 25px;
}
.film_kapsayici iframe{
width: 100%;
}
/* Ulaşım */
.flex_kutu{
width: 100%;height: 200px; background-color: #fafafa; box-shadow: 0px 10px 20px -14px #777;display: flex;justify-content: center;align-items: center;flex-direction: column; cursor: pointer; transition: .4s;
}
.flex_kutu:hover{
transform: translateY(-5px);
box-shadow: 0px 10px 20px -12px #777;
}
.flex_kutu.ulasim{
justify-content: space-between; padding:10px 0;
}
.ulasim img{
width: 120px;
}
.ulasim span{
font-size: 25px;color:#444;
}
.flex_kutu.icerik {
justify-content: space-between;
}
.flex_kutu.icerik .baslik {
display: flex;justify-content: center; align-items: center; height: 60px; width: 100%;font-size: 18px; color: #444; text-align: center;padding:5px;
}
.flex_kutu.icerik span{
}
.img_kapsayici{
width: 100%;
height: 140px;
background-size: cover;
border-radius: 5px 5px 0 0 ;
}
/* Bütçe*/
.flex_kutu.butce{
height: 100px;
}
.butce span{
font-size: 35px;color:#444;
}
.ihale_link{
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
width: 100%;height: 50px; background-color: #fafafa; box-shadow: 0px 10px 20px -14px #777;align-items: center; line-height: 50px; padding:0 10px;
font-size: 15px; color: #444;
}
.ihale_link a{
color: #444;
}
/*kurumsal*/
.bask_yard{
width: 100%; height: 500px;background: #fafafa;position: relative;border-radius: 5px; box-shadow: 0px 10px 20px -14px #555;overflow: hidden;cursor: pointer;
}
.bask_yard .resim_bg{
height: 300px;background-size: cover; filter: blur(20px) grayscale(.8);
}
.bask_yard .kare {
position: relative;top: -295px; width: 300px; height: 300px; left:calc(50% - 150px);border-radius: 50%;overflow: hidden;background-size: cover; box-shadow: 0 0 100px 5px #000
}
.bask_yard .yazi {
position: relative;top: -250px; cursor: default;
}
.bask_yard .detay{
position: absolute;bottom: 20px; right: -100px; width: 100px; height: 40px;background: var(--cc); display: flex;justify-content: center;align-items: center; transition: .3s;color:#FFF;
}
.bask_yard:hover .detay{
right: -10px;
}
.bask_yard h3{
font-size: 25px;
}
.t-d-none{
text-decoration: none;
color: inherit;
}
.t-d-none:hover{
text-decoration: none;
color: inherit;
}
#orta_icerik img,.center_img{
max-width: 100%;
display: block;
margin: 0 auto;
max-height: 300px;
}
.divtable .tr {
overflow: hidden;
clear: both;
border-radius: 0;
background-color: #fafafa;
border:0;
border-bottom:1px solid #eee;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.divtable .tr:hover {
background-color: #f2f2f2;
}
.divtable .tr.headings:hover {
background-color: var(--cc);
}
.divtable .th,
.divtable .td {
padding:15px 10px;
float: left;
}
.divtable .td {
font-size: 14px;
}
.divtable .th { font-weight: bold; }
.td.domain{
font-weight: bold;
}
.td span:first-child{
display: none;
}
.cli_tablo .headings {
background-color: var(--cc);
color: #FFF;
border-bottom: 3px solid #0f4c7b;
padding:0 10px;
}
.cli_tablo .th,.cli_tablo .td { text-align: left; }
.cli_tablo .tr_row{ background-color: #fafafa}
.cli_tablo .tr_row:nth-child(odd){ background-color: #f2f2f2; }
.cli_tablo .tr_row:hover{ background-color: #f7f7f7}
.cli_tablo .td span:first-child{
display: none;
}
#owl-demo .item{
background: #3fbf79;
padding: 30px 0px;
margin: 10px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
.customNavigation{
text-align: center;
}
.customNavigation a{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.loader_kapsayici{
position: fixed;
height: 100vh;
width: 100vw;
background-color: #FFF;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
.loader{
width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;
}
.loader img{
width: 200px; height: 300px;animation-duration: 5s;
}
@media (max-width: 991px) {
.cli_tablo [class*="wi"]{
width: 100%!important;
}
.cli_tablo .headings { display: none; }
.cli_tablo .tr { border-bottom-color: #fff; }
.cli_tablo .th,
.cli_tablo .td {
float: none;
width: auto;
padding:10px;
}
.cli_tablo .cli_tablo-toggle {
border-radius: 0;
padding: 10px;
cursor: pointer;
background-color: transparent;
position: relative;
border-bottom: 1px solid #eee;
}
.cli_tablo .cli_tablo-toggle.collapsed:after { -webkit-transition: .2s; -o-transition: .2s; transition: .2s; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.cli_tablo-collapse .inner { padding: 10px; }
.cli_tablo-collapse .td:before { font-weight: bold; }
.cli_tablo .td span:first-child{
display: inline-block!important;
font-weight: bold;
text-align: left;
}
.cli_tablo .cli_tablo-toggle:after {
position: absolute;
top: calc(50% - 7px);
right: 10px;
display: inline-block;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
margin:0px 0px 0px 10px;
text-decoration:none;
}
}
.alert_custom{
text-align: center;
color: #ffffff;
background-color: #6d002a;
border:none;
}
.alert_custom.success{
background-color: #0b864c;
}
.c-000{color:#000;}
.c-111{color:#111;}
.c-222{color:#222;}
.c-333{color:#333;}
.c-444{color:#444;}
.c-555{color:#555;}
.c-666{color:#666;}
.c-777{color:#777;}
.c-888{color:#888;}
.c-999{color:#999;}
.c-aaa{color:#aaa;}
.c-bbb{color:#bbb;}
.c-ccc{color:#ccc;}
.c-ddd{color:#ddd;}
.c-eee{color:#eee;}
.c-fff{color:#fff;}
.wi-5{ width: 5%!important; }
.wi-6{ width: 6%!important; }
.wi-10{ width: 10%!important; }
.wi-12{ width: 12%!important; }
.wi-13{ width: 13%!important; }
.wi-14{ width: 14%!important; }
.wi-15{ width: 15%!important; }
.wi-16{ width: 16%!important; }
.wi-17{ width: 17%!important; }
.wi-18{ width: 18%!important; }
.wi-19{ width: 19%!important; }
.wi-20{ width: 20%!important; }
.wi-21{ width: 21%!important; }
.wi-22{ width: 22%!important; }
.wi-23{ width: 23%!important; }
.wi-24{ width: 24%!important; }
.wi-25{ width: 25%!important; }
.wi-30{ width: 30%!important; }
.wi-35{ width: 35%!important; }
.wi-50{ width: 50%!important; }
@-webkit-keyframes timer {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes timer {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
/* Bob */
@-webkit-keyframes hvr-bob {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes hvr-bob {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
.hvr-bob {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px transparent;
box-shadow: 0 0 1px transparent;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
.fs-10{font-size: 10px;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-21{font-size: 21px;}
.fs-22{font-size: 22px;}
.fs-50{font-size: 50px;}
.fs-60{font-size: 60px;}
.fsi-10{font-size: 10px!important;}
.fsi-11{font-size: 11px!important;}
.fsi-12{font-size: 12px!important;}
.fsi-13{font-size: 13px!important;}
.fsi-14{font-size: 14px!important;}
.fsi-15{font-size: 15px!important;}
.fsi-16{font-size: 16px!important;}
.fsi-17{font-size: 17px!important;}
.fsi-18{font-size: 18px!important;}
.fsi-19{font-size: 19px!important;}
.fsi-20{font-size: 20px!important;}
.fsi-21{font-size: 21px!important;}
.fsi-22{font-size: 22px!important;}
.fsi-50{font-size: 50px!important;}
.fsi-60{font-size: 60px!important;}
/* Border radius */
.br-0 {border-radius: 0}
.br-2 {border-radius: 2px}
.br-5 {border-radius: 5px}
.br-10 {border-radius: 10px}
.br-15 {border-radius: 15px}
.br-50 {border-radius: 50%}
.left-0{left:0!important; }
.left-300{left:300px!important;}
.right-0{right: 0!important;}
.p-absolute{position: absolute;}
/* #MARGINS #PADDINGS
================================================== */
.mi-0 {margin:0 !important;}
.m-0{margin:0;}
/* margin top */
.mti-0 {margin-top:0 !important;}
.mti-5 {margin-top:5px !important;}
.mti-10 {margin-top:10px !important;}
.mti-20 {margin-top:20px !important;}
.mti-25 {margin-top:25px !important;}
.mti-30 {margin-top:30px !important;}
.mti-40 {margin-top:40px !important;}
.mti-50 {margin-top:50px !important;}
.mti-55 {margin-top:55px !important;}
.mti-60 {margin-top:60px !important;}
.mti-70 {margin-top:70px !important;}
.mti-80 {margin-top:80px !important;}
.mti-90 {margin-top:90px !important;}
.mti-100 {margin-top:100px !important;}
.mti-110 {margin-top:110px !important;}
.mti-150 {margin-top:150px !important;}
.mti-170 {margin-top:170px !important;}
.mt-0 {margin-top:0;}
.mt-5 { margin-top:5px;}
.mt-10 {margin-top:10px;}
.mt-20 {margin-top:20px;}
.mt-25 {margin-top:25px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}
.mt-55 {margin-top:55px;}
.mt-60 {margin-top:60px;}
.mt-70 {margin-top:70px;}
.mt-80 {margin-top:80px;}
.mt-90 {margin-top:90px;}
.mt-100 {margin-top:100px;}
.mt-110 {margin-top:110px;}
.mt-150 {margin-top:150px;}
.mt-170 {margin-top:170px;}
/* margin top */
/* margin right-left */
.mri-0 { margin-right:0 !important;}
.mri-5 {margin-right:5px !important;}
.mri-7 {margin-right:7px !important;}
.mri-10 {margin-right:10px !important;}
.mri-15 {margin-right:15px !important;}
.mri-20 {margin-right:20px !important;}
.mli-0 {margin-left:0px !important;}
.mli-5 {margin-left:5px !important;}
.mli-10 {margin-left:10px !important;}
.mli-20 {margin-left:20px !important;}
.mli-30 {margin-left:30px !important;}
.mli-40 {margin-left:40px !important;}
.mr-0 { margin-right:0;}
.mr-5 {margin-right:5px;}
.mr-7 {margin-right:7px;}
.mr-10 {margin-right:10px;}
.mr-15 {margin-right:15px;}
.mr-20 {margin-right:20px;}
.ml-0 {margin-left:0px;}
.ml-10 {margin-left:10px;}
.ml-20 {margin-left:20px;}
.ml-30 {margin-left:30px;}
.ml-40 {margin-left:40px;}
/* margin right-left */
/* margin bottom */
.mbi-0 {margin-bottom:0 !important;}
.mbi-5 {margin-bottom:5px !important;}
.mbi-10 {margin-bottom:10px !important;}
.mbi-15 {margin-bottom:15px !important;}
.mbi-20 {margin-bottom:20px !important;}
.mbi-23 {margin-bottom:23px !important;}
.mbi-40 {margin-bottom:40px !important;}
.mbi-45 {margin-bottom:45px !important;}
.mbi-25 {margin-bottom:25px !important;}
.mbi-30 {margin-bottom:30px !important;}
.mbi-35 {margin-bottom:35px !important;}
.mbi-50 {margin-bottom:50px !important;}
.mbi-60 {margin-bottom:60px !important;}
.mbi-70 {margin-bottom:70px !important;}
.mbi-75 {margin-bottom:75px !important;}
.mbi-80 {margin-bottom:80px !important;}
.mbi-90 {margin-bottom:90px !important;}
.mbi-100 {margin-bottom:100px !important;}
.mbi-110 {margin-bottom:110px !important;}
.mbi-140 {margin-bottom:140px !important;}
.mbi-160 {margin-bottom:160px !important;}
.mbi-170 {margin-bottom:170px !important;}
.mbi-180 {margin-bottom:180px !important;}
.mbi-210 {margin-bottom:210px !important;}
.mb-0 {margin-bottom:0;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}
.mb-23 {margin-bottom:23px}
.mb-40 {margin-bottom:40px;}
.mb-45 {margin-bottom:45px;}
.mb-25 {margin-bottom:25px;}
.mb-30 {margin-bottom:30px;}
.mb-35 {margin-bottom:35px;}
.mb-50 {margin-bottom:50px }
.mb-60 {margin-bottom:60px;}
.mb-70 {margin-bottom:70px;}
.mb-75 {margin-bottom:75px;}
.mb-80 {margin-bottom:80px;}
.mb-90 {margin-bottom:90px;}
.mb-100 {margin-bottom:100px;}
.mb-110 {margin-bottom:110px;}
.mb-140 {margin-bottom:140px;}
.mb-160 {margin-bottom:160px;}
.mb-170 {margin-bottom:170px;}
.mb-180 {margin-bottom:180px;}
.mb-210 {margin-bottom:210px;}
.mb-300 {margin-bottom:300px;}
.mb-320 {margin-bottom:320px;}
.mb-400 {margin-bottom:400px;}
/* margin bottom */
.mlr-1 {margin-left: 1px; margin-right: 1px;}
.mlr-10 {margin-left: 10px; margin-right: 10px;}
.mlr-30 {margin-left: 30px; margin-right: 30px;}
.mlr-min-30 {margin-left: -30px !important; margin-right: -30px !important;}
.p-0 {padding:0;}
.p-10 {padding:10px;}
.p-15 {padding:15px;}
.p-20 {padding:20px;}
.p-25 {padding:25px;}
.p-40 {padding:40px;}
.pi-0 {padding:0 !important;}
.pi-10 {padding:10px !important;}
.pi-15 {padding:15px !important;}
.pi-20 {padding:20px !important;}
.pi-25 {padding:25px !important;}
.pi-40 {padding:40px !important;}
.pt-0 {padding-top:0px;}
.pt-10 {padding-top:10px;}
.pt-20 {padding-top:20px;}
.pt-30 {padding-top:30px;}
.pt-36 {padding-top:36px;}
.pt-40 {padding-top:40px;}
.pt-50 {padding-top:50px;}
.pt-55 {padding-top:55px;}
.pt-60 {padding-top:60px;}
.pt-65 {padding-top:65px;}
.pt-70{padding-top:70px;}
.pt-75{padding-top:75px;}
.pt-80{padding-top:80px;}
.pt-95 {padding-top:95px;}
.pt-100 {padding-top:100px;}
.pt-130 {padding-top:130px;}
.pt-140 {padding-top:140px;}
.pt-250 {padding-top:250px;}
.pti-0 {padding-top:0px !important;}
.pti-10 {padding-top:10px !important;}
.pti-20 {padding-top:20px !important;}
.pti-30 {padding-top:30px !important;}
.pti-36 {padding-top:36px !important;}
.pti-40 {padding-top:40px !important;}
.pti-50 {padding-top:50px !important;}
.pti-55 {padding-top:55px !important;}
.pti-60 {padding-top:60px !important;}
.pti-65 {padding-top:65px !important;}
.pti-70{padding-top:70px !important;}
.pti-75{padding-top:75px !important;}
.pti-80{padding-top:80px !important;}
.pti-95 {padding-top:95px !important;}
.pti-100 {padding-top:100px !important;}
.pti-130 {padding-top:130px !important;}
.pti-140 {padding-top:140px !important;}
.pti-250 {padding-top:250px !important;}
.pr-0 { padding-right:0 !important;}
.pr-15{padding-right:15px;}
.pr-30{padding-right:30px;}
.pr-75{padding-right:75px;}
.pb-0 { padding-bottom:0px;}
.pb-10 {padding-bottom:10px;}
.pb-20 {padding-bottom:20px}
.pb-30 {padding-bottom:30px;}
.pb-40 {padding-bottom:40px;}
.pb-45 {padding-bottom:45px;}
.pb-50 {padding-bottom:50px;}
.pb-55 {padding-bottom:55px;}
.pb-60 {padding-bottom:60px;}
.pb-65 {padding-bottom:65px;}
.pb-70 {padding-bottom:70px;}
.pb-80 {padding-bottom:80px;}
.pb-130 {padding-bottom:130px;}
.pb-140 {padding-bottom:140px;}
.pbi-0 { padding-bottom:0px !important;}
.pbi-10 {padding-bottom:10px !important;}
.pbi-20 {padding-bottom:20px !important}
.pbi-30 {padding-bottom:30px !important;}
.pbi-40 {padding-bottom:40px !important;}
.pbi-45 {padding-bottom:45px !important;}
.pbi-50 {padding-bottom:50px !important;}
.pbi-55 {padding-bottom:55px !important;}
.pbi-60 {padding-bottom:60px !important;}
.pbi-65 {padding-bottom:65px !important;}
.pbi-70 {padding-bottom:70px !important;}
.pbi-80 {padding-bottom:80px !important;}
.pbi-130 {padding-bottom:130px !important;}
.pbi-140 {padding-bottom:140px !important;}
.pl-0 {padding-left:0 !important;}
.pl-20 {padding-left:20px;}
.pl-30 {padding-left:30px;}
.plr-0 {padding-left:0 !important; padding-right:0 !important;}
.plr-1 {padding-left: 1px; padding-right: 1px;}
.plr-5 {padding-left: 5px; padding-right: 5px;}
.plr-10 {padding-left: 10px; padding-right: 10px;}
.plr-15 {padding-left: 15px; padding-right: 15px;}
.plr-20 {padding-left: 20px; padding-right: 20px;}
.plr-30 {padding-left: 30px; padding-right: 30px;}
.plr-40 {padding-left: 40px; padding-right: 40px;}
.plr-50 {padding-left: 50px; padding-right: 50px;}
.plr-150 {padding-left: 150px; padding-right: 150px;}
@media (max-width: 767px) {
.mb-30-767 {
margin-bottom:30px;
}
.plr-0-767 {
padding-left:0; padding-right:0;
}
.pt-0-767{
padding-top:0px !important;
}
.pt-b-10-767{
padding-top:20px !important;
padding-bottom:20px !important;
}
}
.badge{-webkit-transition: .2s;-o-transition: .2s;transition: .2s}
.badge-1{color:#FFF;background-color: #6f85ff;}
.badge-1:hover{color:#fff;background-color: #556ef7}
.badge-2{color: #444;background-color: #eee;}
.badge-2:hover{color:#444;background-color: #ddd}
.badge-3{color:#FFF;background-color: #ff6262;}
.badge-3:hover{color:#fff;background-color: #f03434}
.badge-4{color:#FFF;background-color: #f66cff;}
.badge-4:hover{color:#fff;background-color: #f047fb}
.badge-5{color:#FFF;background-color: #FF5722;}
.badge-5:hover{color:#fff;background-color: #ff3d00}
.badge-6{color:#fff;background-color: #0da2ea;}
.badge-6:hover{color:#fff;background-color: #00acff}
.badge-7{color:#444;background-color: #f1ff78;}
.badge-7:hover{color:#444;background-color: #e6fb33}
.badge-8{color:#444;background-color: #93ff98;}
.badge-8:hover{color:#444;background-color: #7cfd82}
.badge-9{color:#444;background-color: #ffeb3b;}
.badge-9:hover{color:#444;background-color: #fae72b}
.badge-10{color:#444;background-color: #9ffff6;}
.badge-10:hover{color:#444;background-color: #80fff3}
.custom_select {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 20px;
cursor: pointer;
font-size: 18px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.custom_select input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
border: 1px solid #000;
background-color: #f8f8f8;
border-radius: 3px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
/* On mouse-over, add a grey background color */
.custom_select:hover input ~ .checkmark {
background-color: #fafafa;
}
/* When the checkbox is checked, add a blue background */
.custom_select input:checked ~ .checkmark {
border: 1px solid #1667ef;
background-color: #3175e4;
border-radius: 3px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.custom_select input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.custom_select .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.tab_item_detay h1,.tab_item_detay h2,.tab_item_detay h3,.tab_item_detay h4,.tab_item_detay h5,.tab_item_detay h6{
color:#333!important;
}
.organizational-chart h1,.organizational-chart h2,.organizational-chart h3,.organizational-chart h4,.organizational-chart h5,.organizational-chart h6{
color:#FFF!important;
}
.organizational-chart a{
text-decoration: none;
}
.yan_card a{
text-decoration: none;
color:#FFF;
}
.kategori_kutular a{
text-decoration: none;
}
.mesaj_panel label{
color:#FFF;
}
.anket_soru_sayi{
font-size: 45px; color:#333;
}
.form-control:focus,.custom-control-input:focus~.custom-control-label::before{
box-shadow: none;
}
.kapsayici{
background:url("../img/wall/bg-normal2.jpg"); background-size: cover; position: relative; padding-bottom: 100px;
}
.owl-carousel {
position: relative;
}
.owl-prev,
.owl-next {
position: absolute;
top: 5px;
}
.owl-prev:not(.disabled):hover,
.owl-next:not(.disabled):hover{
background: var(--cc)!important;
}
.owl-prev{
left: -30px;
}
.owl-next{
right: -30px;
}
.owl-nav{
margin-top: 0!important;
}
.sayfa_yazi_alani img{
display: block;
margin:0 auto;
max-width: 100%;
}
.iletisim-map { height: 300px; box-shadow: 0px 10px 80px -40px #000; }
.iletisim-map .container-fluid { padding: 0px; }
.iletisim-map .container-fluid iframe { border: 0px; width: 100%; height: 300px; }
#dosya{
height: 750px;
}
.link_kutu a:hover{
text-decoration: none;
}
.menu_footer a:hover{
text-decoration: none;
}
.logo_mobil{
display: none;
}
.menu_footer{
display: none;
overflow:hidden;
}
.menu_footer .col{
padding: 13px;
display: flex;
justify-content: center;
align-items: center;
transition: .3s;
}
.menu_footer .col:hover{
background-color:#f2f2f2;
}
.mobil_arama{
display: none;
transition: .3s;
padding:3px 10px;
}
.mobil_arama .btn{
height: 40px;
border-radius: 0;
color: #555;
}
.mobil_arama .btn:hover{
background-color: #eee;
}
.mobil_arama input{
width: 100%;
background-color:transparent;
border: 0;
border-bottom: 2px solid #ddd;
font-size: 14px;
}
.mobil_arama input:focus{
border-bottom: 2px solid #5275ab;
}
.mobil_mesaj_gonder{
display: none;
transition: .3s;
}
.mobil_mesaj_gonder span{
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 15px;
}
.dikey_ayrac{
max-width: 2px;height: 100%;background-color:#ccc;
}
.bottom-50{
bottom:50px!important;
}
.mobil_ana_menu{
width: 220px;
height: calc(100vh - 104px);
position: fixed;
right: -220px;
top:54px;
background: #fafafa;
z-index: 21;
text-align: left;
overflow-y: scroll;
transition: .4s;
}
.mobil_ana_menu a{
font-family: 'roboto', sans-serif;
font-size: 15px;
letter-spacing: .21px;
text-decoration: none;
display: block;
color:#333;
text-align: left;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
border-bottom:2px solid #ddd;
padding: 9px 10px;
}
.mobil_ana_menu a:nth-last-child(1){
border-bottom:0;
}
.mobil_ana_menu a:hover{
background-color: #eee;
}
.mobil_ic_menu a{
text-indent: 20px;
background-color: #fff;
border-bottom-color: #f2f2f2!important;
padding: 7px 6px!important;
}
@media (min-width: 1700px) {
.sol_menu a{
padding: 8px 10px;
}
}
@media (min-width: 1282px) and (max-width: 1500px) {
.menu2 .nav-item>a{
font-size: 13px;
margin:0 2px;
padding: 7px;
}
.menu2 .navbar{
padding:0;
}
.logo{
left:40px;
}
}
@media (min-width: 768px) and (max-width: 1281px) {
.yazi_slider{
margin-left: 30px;
}
.menu_yan{
margin-left: 13px;
margin-right:7px;
margin-top: 9px;
}
.menu2, .menu_kapsayici{
height: 55px
}
.menu2 .dropdown-item{
font-size: 13px;
}
.anasayfa_slide{
top: 55px;
}
.anasayfa_slide img{
height: calc(100vh - 105px);
}
.menu2 .navbar{
padding:0;
}
.intro img{
top: 55px;
}
}
@media (min-width: 1151px) and (max-width: 1281px) {
.menu2 .nav-item>a{
font-size: 12px;
margin:0 2px;
padding: 6px;
}
.logo{
left:30px;
width: 110px;
height: 140px;
}
.logo img {
width: 74px;
position: absolute;
left: calc(50% - 37px);
}
.menu_kapsayici.scrolling .logo_mobil img{
left: -48px;
width: 208px;
top: -4px;
}
.modal_panel h4{
font-size: 38px;
}
}
@media (min-width: 992px) and (max-width: 1150px) {
.menu2 .nav-item>a{
font-size: 11px;
margin:0 2px;
padding: 6px;
}
.logo{
left:20px;
width: 100px;
height: 130px;
}
.logo img {
width: 74px;
position: absolute;
left: calc(50% - 37px);
}
.menu_kapsayici.scrolling .logo_mobil img{
left: -48px;
width: 158px;
top: 5px;
}
.modal_panel h4{
font-size: 32px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.ust_menu_button{display: block;}
.meclis_uye_detay .etk_tur{
right: 5px;
top: -10px;
}
}
@media (min-width: 900px) and (max-width: 992px) {
.truva{
left:270px;
}
}
@media (min-width: 768px) and (max-width: 899px) {
.truva{
display: none;
}
.menu_truva{
display: block!important;
}
}
@media (min-width: 992px) and (max-width: 1439px) {
.yazi_slider{
margin-left: 30px;
}
.kesif .baslik{
font-size: 45px;
}
}
@media (min-width: 1340px) and (max-width: 1439px) {
.menu_kapsayici.scrolling .logo_mobil img{
position: absolute;left: -40px; width: 260px; top: -8px;
}
}
@media (min-width: 1281px) and (max-width: 1339px) {
.menu_kapsayici.scrolling .logo_mobil img{
left: -50px;
width: 214px;
top: 1px;
}
}
@media (min-width: 1281px) and (max-width: 1439px) {
/* .container { max-width: 960px;} */
.man{
left: 10px;
width: 210px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.yazi_slider{
margin-left: 60px;
}
.hizmetler .col-md-2{
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.sol_menu{
left: -300px;
width: 300px;
display: block!important;
}
.sanat_topluluk_kapsayici {
min-height: 460px;
}
}
@media (min-width: 991px){
.pr-991-0{
padding-right: 0;
}
.pl-991-0{
padding-left: 0;
}
}
@media (max-width: 991px) {
.loader_kapsayici{
display: none;
}
.arama_sonuc_baslik,.arama_sonuc_link{
border-radius: 0;
}
.intro h1 {
font-size: 34px; line-height: 30px;
}
.flex_kutu.icerik .baslik{
font-size: 15px;
}
.arama_paneli .arama_button{
top: -23px;
}
.arama_sonuc_link{
height: auto;
}
.sanat_img_kapsayici{
height: 200px;
}
.yukari_menu {
padding: 8px 20px;
}
.logo_ic{
max-width: 200px;
margin-left: 50px
}
.logo_ust{
padding: 0;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
width: 49px;
top:2px;
}
.ataturk{
left: 5%;
width:60px;
}
.sol_menu a{
padding: 8px 10px;
}
.man{
width: 250px;
}
.sliuet{
width: 65%;
}
.gutter_h{
height: 300px;
}
.logo_mobil{
display: block;
}
.logo{
display: none;
}
.menu2 .navbar{
display: none;
}
.menu2, .menu_kapsayici{
height: 55px
}
.anasayfa_slide{
top: 55px;
}
.logo_mobil img{
top: -15px;
left: 0
}
.baskan_img{
display: none;
}
.baskan_kapsayici{
height: 200px;
margin-top: 120px;
}
.kesif .baslik{
font-size: 40px;
}
.haber_genel .haber_thumb{
display: none!important;
}
.owl-tema-haberler .owl-dots{
display: block!important;
}
.tumunu_gor.haberler{
margin-top: 4px;
}
.modal_panel h4{
font-size: 30px;
}
.panel_close{
width: 60px;
top: 8px;
right: 8px;
}
.ana_arama_input{
font-size: 15px!important;
}
.bask_yard {
height: 475px
}
.bask_yard .resim_bg{
height: 250px
}
.bask_yard .kare {
top: -245px;
width: 250px;
height: 250px;
left: calc(50% - 125px);
}
.bask_yard .yazi{
top: -190px;
}
.bask_yard h3{
font-size: 22px;
}
.haber_genel .haber_img{
height: 340px;
}
.sec_kapsayici.haberler{
height: 490px;
}
.sabit_footer{
height: 420px;
}
}
@media (max-width: 767px) {
.menu2 .menu_yan{
display: none;
}
.intro h1{
font-size: 30px
}
.film_kapsayici h2 {
font-size: 16px;
}
.sanat_topluluk_kapsayici {
min-height: unset;
}
.duyuru_baslik{
width: 100%;
}
.duyurular{
height: 260px;
}
.duyuru .item {
margin: 30px 0;
padding: 0px 10px;
}
.man{bottom: 110px;}
.baskan{bottom: 90px;}
.logo_alt{bottom:85px;}
.erisim_menu{
display: none;
}
.yukari_menu {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sol_menu1, .sol_menu2{
display: none!important;
}
.truva{
left:auto;
right: 10px!important;
}
.sol_menu_mobil {
display: block;
}
.mobil_ekstra_menu_button{visibility: visible;}
.mobil_ekstra_menu{
visibility: visible;
}
.yan_card{
display: none;
}
.footer.fixed{
}
.menu_footer{
display: flex;
justify-content: space-between;
align-items: center;
height: 50px;
width: 100%;
background:#FFF;position: fixed; z-index: 22;bottom: 0;left: 0;box-shadow: 0 -10px 20px -16px #555
}
.sabit_footer{
height: 300px;
}
.etk_genel_baslik {
height: 35px;
font-size: 18px;
line-height: 35px;
}
.haber_genel_baslik {
height: 35px;
font-size: 18px;
line-height: 35px;
}
.tab_item .etk_tarih .etk_gun{
font-size: 45px;
line-height: 45px;
}
.tab_item .etk_tarih .etk_zaman{
line-height: 18px;
font-size:18px;
}
.tab_item .incele i, .tab_item .indir i{
font-size: 50px;
}
.tab_item .incele span, .tab_item .indir span{
font-size: 18px;
}
.tab_item .tab_item_detay p{
margin-bottom: 0;
font-size: 14px;
}
.mobil_arama{
display: flex;
justify-content: space-between;
align-items: center;
height: 40px;
width: 100%;
background: #f8f8f8;
position: fixed;
z-index: 9;
bottom: 0;
left: 0;
box-shadow: 0 -10px 20px -16px #555;
}
.mobil_mesaj_gonder{
display: flex;
justify-content: center;
align-items: center;
height: 40px;
width: 100%;
background: #f8f8f8;
position: fixed;
z-index: 9;
bottom: 0;
left: 0;
box-shadow: 0 -10px 20px -16px #555;
}
.arrow{
display: none;
}
.home{
height: 350px;
}
.anasayfa_slide img{
height: 290px;
}
.ana_arama_input{
font-size: 14px!important;
}
.tab_item .tab_item_detay h2{
text-overflow: unset;
white-space: unset;
overflow:unset;
font-size: 16px;
}
.ihale_link{
text-overflow: unset;
white-space: unset;
overflow:unset;
font-size: 16px;
padding:12px;
height: auto;
min-height: 50px;
line-height: 22px;
}
.link_kutulari.yonetmelik{
height: auto;
}
.icerik_panel_close{
width: 35px!important;
top: 8px;
right: 8px;
}
}
@media (max-width: 575px) {
.etk_detay .etk_tur{
display: none;
}
.arama_paneli .arama_button{
top: -24px;
}
.flex_kutu.icerik {
justify-content: space-between; height: 250px
}
.flex_kutu.icerik .baslik {
display: flex;justify-content: center; align-items: center; height: 60px; width: 100%;font-size: 18px; color: #444; text-align: center;padding:5px;
}
.img_kapsayici{
width: 100%;
height: 190px;
background-size: cover;
border-radius: 5px 5px 0 0 ;
}
.flex_kutu.butce{
height: 50px;
}
.flex_kutu.butce span{
font-size: 25px;
}
.breadcrumb_menu .paylas{
position: relative;
top: -10px;
width: 100%;
height: auto;
}
.breadcrumb_menu{
font-size: 14px;
margin-bottom: 20px;
}
.tab_item.link_kutulari .incele, .tab_item.link_kutulari .indir{
display: none;
}
.tab_item.link_kutulari .tab_item_detay{
max-width: 100%;
justify-content: center;
padding:4px;
}
.logo_ust{
padding: 0;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
width: 49px;
top:2px;
}
.intro *{
display: none;
}
.intro{
height: 50px;
}
.haberler_arama{
height: auto;
padding: 10px;
}
.haberler_arama input{
width: 100%;
margin-bottom: 10px;
}
.haberler_arama .btn{
display: block;
width: 100%;
border-radius: 0;
}
.haberler_arama form{
width: 100%;
}
.mobil_ekstra_menu .engelli_erisim_btn {
display: none;
}
.mobil_ekstra_menu .arama_form{
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.sabit_footer{
height: 330px;
}
.tab_item{
flex-direction: column;
margin-bottom: 20px;
min-height: 50px;
height: auto;
}
.tab_item .etk_tarih{
display: none;
}
.tab_item .incele, .tab_item .indir{
width: 100%;
height: auto;
flex-direction: row-reverse;
background-color:#0a426f;
padding:0;
}
.tab_item .incele i, .tab_item .indir i{
display: none;
}
.tab_item .incele span, .tab_item .indir span{
color: #FFF
}
.tab_item .tab_item_detay{
max-width: 100%;
width: 100%;
}
.tab_item .tab_item_detay h2{
text-align: center;
font-size: 17px;
font-family: 'Rajdhani', sans-serif;
margin-bottom: 0;
white-space: normal;
overflow: visible;
text-overflow: unset;
}
.home{
height: 250px;
}
.anasayfa_slide img{
height: 190px;
}
.sec_kapsayici.haberler{
height: 420px;
}
.haber_genel{
height: 260px;
}
.haber_genel .haber_img{
height: 260px;
}
.modal_panel h4{
font-size: 25px;
}
.panel_close{
width: 50px;
top: 8px;
right: 8px;
}
#orta_icerik h2 ,.sanat_topluluk_bilgi h2{
font-size:25px;
}
.link_kutulari.yonetmelik{
height: auto;
padding:7px;
}
.meclis_uye_kapsayici .etk_tur{
top: -10px;
right: 5px;
}
}
@media (max-width: 545px) {
.telefon{ right: 45px; width: 170px; font-size: 27px;}
.telefon i{font-size: 35px;}
.sosyal{ right: 230px; padding-top: 0 }
.sosyal i{font-size: 35px;}
.man{
width: 200px;
}
.truva{
display: none;
}
.menu_truva{
display: block!important;
}
.footer_logo {
left: calc(50% - 60px);
top: -63px;
width: 120px;
height: 120px;
}
.footer_logo img{
width: 60px;
}
.baskan_kapsayici{
height: auto;
margin-top: 70px;
}
.kesif .baslik{
font-size: 35px;
}
.kapsayici{
padding-bottom: 50px;
}
.ana_arama_input{
font-size: 13px!important;
}
.modal_panel h3{
font-size: 20px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 100%;
}
}
@media (max-width: 425px) {
.arama_sonuclari {
padding:0;
}
.arama_paneli .arama_button{
top: -25px;
}
.telefon{ width: 140px; font-size: 20px;}
.telefon i{font-size: 25px;}
.sosyal{ right: 230px; padding-top: 0 }
.sosyal i{font-size: 25px;}
.man{
width: 200px;
left: 0;
}
.etkinlik_yazi{
padding-left: 18px;
}
.sol_menu{
left: -220px;
width: 220px;
display: block!important;
}
.bolum_3 h5{
font-size: 18px;
}
.menu_icerik{
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
}
.dil .en{
margin-left: -4px;
}
.sabit_footer{
height: 350px;
}
.home{
height: 200px;
}
.anasayfa_slide img{
height: 140px;
}
.sec_kapsayici.haberler{
height: 340px;
}
.haber_genel{
height: 180px;
}
.haber_genel .haber_img{
height: 180px;
}
#orta_icerik h2 {
font-size:22px;
}
.tab_item_detay h2{
font-size: 16px;
}
.sanat_topluluk_bilgi h2{
font-size:19px;
}
.sanat_topluluk_kapsayici p{
font-size: 14px;
}
.sanat_img_kapsayici{
height: 150px;
}
.modal_panel{
padding: 10px!important;
font-size: 15px;
}
.loader img{
width: 150px; height: 225px;animation-duration: 5s;
}
}
@media (max-width: 375px) {
.yazi_alani {
padding:5px;
}
.arama_paneli .arama_button{
margin-top:10px;
position: static;
top:unset;
right: unset;
text-align: center;
border-radius: 5px;
}
.hizmetler .col-md-2{
width: 100%;
}
.sol_menu{
left: -200px;
width: 200px;
display: block!important;
}
.man{
width: 180px;
left: 0;
}
.menu_truva{
width: 160px
}
.etk_tarih .etk_yaklasan{
font-size: 12px;
}
.etk_tarih .etk_zaman{
font-size: 14px;
}
.etk_tarih .etk_gun{
font-size: 50px;
}
.etk_detay .etk_tur{
font-size:25px;
top: 15px;
}
.etk_detay .saat {
font-size: 19px;
}
.modal_panel h4{
font-size: 21px;
}
.icerik_ust_panel .panel_item{
padding: 10px;
height: 60px;
text-align:center;
}
.gri_flex_kutu .baslik{
font-size: 16px;
}
.gri_flex_kutu p{
font-size: 11px;
}
.gri_flex_kutu p.kisa{
font-size: 11px;
}
.bask_yard h3{
font-size: 19px;
}
.bask_yard h5{
font-size: 16px;
}
.icerik_panel_close {
width: 25px!important;
top: 8px;
right: 3px;
}
}
@media (min-width: 993px) and (max-width: 1024px) {
.man{
width: 180px;
left: 0;
}
}
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1440px) and (max-width: 1724px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 992px) and (max-width: 1439px) {
.hizmet{
height: 150px;
}
.film_kapsayici h2 {
font-size: 23px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.film_kapsayici h2 {
font-size: 18px;
}
.mobil_ana_menu{
width: 290px;
height: calc(100vh - 104px);
position: fixed;
right: -290px;
top:54px;
background: #fafafa;
z-index: 21;
text-align: left;
overflow-y: scroll;
transition: .4s;
}
.menu_yan{
position: fixed;
bottom: 223px;
left: -10px;
}
}
/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
.man{
width: 185px;
}
}
/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
}
/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}
/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
.mobil_ana_menu{
width: 250px;
height: calc(100vh - 104px);
position: fixed;
right: -250px;
top:54px;
background: #fafafa;
z-index: 21;
text-align: left;
overflow-y: scroll;
transition: .4s;
}
}
/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
}
.mustyle{
width: 49%;display:inline-block;vertical-align: top;
}
.f-m-t{
margin-top: 150px;
}
.owl-dot{
border: transparent;
background-color: transparent;
}
.owl-prev{
border: transparent;
}
.owl-next{
border: transparent;
}