@font-face {
    font-family: 'Gotham Narrow';
    src: url('fonts/subset-GothamNarrow-Black.woff2') format('woff2'),
        url('fonts/subset-GothamNarrow-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('fonts/subset-GothamNarrow-Light.woff2') format('woff2'),
        url('fonts/subset-GothamNarrow-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow Book';
    src: url('fonts/subset-GothamNarrow-Book.woff2') format('woff2'),
        url('fonts/subset-GothamNarrow-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('fonts/subset-GothamNarrow-Bold.woff2') format('woff2'),
        url('fonts/subset-GothamNarrow-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow Ultra';
    src: url('fonts/subset-GothamNarrow-Ultra.woff2') format('woff2'),
        url('fonts/subset-GothamNarrow-Ultra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('fonts/subset-GothamNarrow-Thin.woff2') format('woff2'),
        url('fonts/subset-GothamNarrow-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('fonts/subset-GothamNarrow-Medium.woff2') format('woff2'),
        url('fonts/subset-GothamNarrow-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


* {font-family: 'Gotham Narrow','Poppins', sans-serif;}

.ortala {width: 1170px; height: auto; margin:0 auto;}

html {font-family: 'Gotham Narrow','Poppins', sans-serif;}
body {margin:0px; padding:0px; font-family: 'Gotham Narrow','Poppins', sans-serif;  }
body a { text-decoration: none !important; }


@media (min-width: 1250px) {

    .container {
        width: 1220px !important;
    }

    section.ortala {
        width: 1220px !important;
    }

}

.full-width { width: 100%; height: auto;  }

header {background: url(images/ustbg.jpg) repeat;}

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #252525c2;
  overflow-y: hidden;
  transition: 0.8s;
  z-index: 9999;
  display: block;
}
.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #fff;
  display: block;
  transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
  color: #000;
}
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
.overlay-content input[type="search"]{
          text-align: center;
    border: none;
    font-size: 29px;
    font-weight: 500;
    color: #fff;
    border-bottom: 1px solid #fff;
    width: 100%;
    padding: 10px;
    background: transparent;
}
.overlay-content input[type="search"]:focus{
  outline: 0!important; 
}

.overlay-content input[type="search"]::placeholder{
  color: #fff;
}
.overlay-content .aciklamalar { font-size: 12pt;
    color: #fff;
    font-weight: 400;
    margin-top: 10px;
    font-style: italic;  }

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

        header { padding-top: 15px; }

        section.ortala {width:1170px; height:auto; margin:0 auto; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
        header section.ortala .logoalan {padding:0px;float: left;margin-top:2px;}
        header section.ortala .logoalan img {width:100%; height:auto; float:left;}
        header section.ortala .sectionloganalan {margin-left:80px;margin-top:40px;}
        header section.ortala .sloganalan .slogan {font-size:12pt;color: #c4c4c4; font-style: italic;}

        header .navbar-default {background: transparent; border: none;margin-bottom: 0px;}
        header .navbar-brand {display: none;}
        header .navbar {min-height: auto !important;}
        header .navbar ul li {text-transform: uppercase;}
        .navbar-default .navbar-collapse {padding:0px;}

        header section.ortala .ustsag {float: right;}

        header section.ortala .bizeulasin {width:auto;float: right; margin-top: 15px;}
        header section.ortala .uyelikgirisi {width:auto;float: right; margin-top: 13px; margin-right: 10px;}

        header section.ortala .diller { width: auto;
    position: relative;
    z-index: 5;
    transition: all 0.5s;
    height: auto;
    float: right;
    padding: 10px;
    cursor: pointer;
    padding-bottom: 11px;  }
        header section.ortala .dil { width: auto; height: auto; float: left;  transition: all 0.5s ; transition: all 0.5s ; }
        header section.ortala .dil span { font-size: 13pt;
    border-right: none !important;
    padding: 4px;  }
        header section.ortala .dil span:last-child { border:none; }
        header section.ortala .dil img { width: 100%; height: auto; float: left; transition: all 0.5s ;  }

        header section.ortala .diller:hover .dil_box { display: block !important; transition: all 0.5s ; }
        header section.ortala .dil_box { width: 65px; 
        background: #eee;
        padding: 4px;
        position: absolute;
        margin-top: 26px;
        left: 0px;
        z-index: 2; transition: all 0.5s ;  }

        header section.ortala .dil_box .dil {     width: 32px;
        height: auto;
        margin: 8px;
        display: block;
        padding: 8px; transition: all 0.5s ;
        }

        header section.ortala .dil_box .dil:hover { background: #ddd; transition: all 0.5s ;  }

        
header .ustbtnbox {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    z-index: 2;
}

        header section.ortala .ustbtn { width: auto; height: auto; float: right; margin-top: 10px;
    margin-bottom: 10px; }
        header section.ortala .ustbtn .box { width: auto;
    height: auto;
    float: left;
    margin-right: 0px;
    padding: 10px;
    transition: all 0.5s;
    border-right: 1px solid #D8E9EB; transform: scale(1);
    transform-origin: top center; cursor: pointer; }
    
    header section.ortala .ustbtn .box svg { transform: scale(1);
        transform-origin: top center;  transition: all 0.5s; }

    header section.ortala .ustbtn .box:hover svg { transform: scale(1.2);
        transform-origin: top center;  transition: all 0.5s;     stroke: #f2943d; }

        header section.ortala .ustbtn .box:last-child {
        width: auto;
        transition: all 0.5s;
        position: relative;
        padding: 10px;

          }

         header section.ortala .ustbtn .box:last-child a { color: #717171; }

        header section.ortala .ustbtn .box .text { width: auto; height: auto; float: left;  font-size: 11pt; color: #7d7d7d; }
        header section.ortala .ustbtn .box .ico { width: 20px; height: auto; float: left; margin-right: 7px; }
        header section.ortala .ustbtn .box .ico img { width: 100%; height: auto; }
       
        header section.ortala .box_renk1 { transition: all 0.5s ; width: auto; }
        header section.ortala .box_renk2 { transition: all 0.5s ;  }
        header section.ortala .box_renk3 { transition: all 0.5s ; position: relative;  }

        header section.ortala .box_renk1:hover .text { transition: all 0.5s ; color: #000; }
        header section.ortala .box_renk1:hover .ico { transition: all 0.5s ; color: #000; }

        header section.ortala .box_renk2:hover .text { transition: all 0.5s ; color: #000; }
        header section.ortala .box_renk2:hover .ico { transition: all 0.5s ; color: #000; }

        header section.ortala .box_renk3:hover .text { transition: all 0.5s ; color: #000; }
        header section.ortala .box_renk3:hover .ico { transition: all 0.5s ; color: #000; }

        header section.ortala .box_renk3 .badge { position: absolute;
    left: 19px;
    top: 17px;
    font-size: 6pt;
    padding: 5px;
    padding-left: 7px;
    padding-right: 7px; background: #29a555;     z-index: 10;  }

 
      header section.ortala .box_renk4 img { width: 100%; height: auto; }

        header section.ortala .buttons { width: auto; height: auto; float: right; margin-top: 5px;  }
        header section.ortala .inbtn { width: auto; height: auto; float: left; margin-right: 10px; padding: 10px; padding-left: 15px; padding-right: 15px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }

        header section.ortala .inbtn .text { width: auto; height: auto; float: left;  font-size: 10pt; color: #fff; }
        header section.ortala .inbtn .ico { width: 20px; height: auto; float: left; margin-right: 14px; }
        header section.ortala .inbtn .ico img { width: 100%; height: auto; }

        header section.ortala .renk1 {  transition: all 0.5s ; cursor: pointer; width: auto; 
background: rgb(216,182,23);
  }

header section.ortala .renk1:hover { transition: all 0.5s ;


background: rgb(29, 145, 148);


}

header section.ortala .renk2 { transition: all 0.5s ; cursor: pointer; width: auto;  border-radius: 8px;
    border-radius: 5.113px;
background: linear-gradient(270deg, var(--renk2, #F19000) -0.22%, #C01520 73.49%);

 }

header section.ortala .renk2:hover { 

    transition: all 0.5s ;
    background: #C01520;

}

header section.ortala .renk3 { transition: all 0.5s ; cursor: pointer; width: auto; border-radius: 8px;
    border-radius: 5.113px; background: #C01520;  }

header section.ortala .renk3:hover { transition: all 0.5s ; background: #1F1F1F; }


header section.ortala .renk4 { transition: all 0.5s ; cursor: pointer; width: auto; border-radius: 8px;
    border-radius: 5.113px; background: #f18d03;  }

header section.ortala .renk4:hover { transition: all 0.5s ; background: #1F1F1F; }

header section.ortala .sosyalaglar {
    padding: 0px;
    float: right;
    margin-left: 15px;
    margin-top: 4px;
    font-size: 16pt;
    color: #d9d9d9;
}

header section.ortala .sosyalaglar img {
    transition: all 0.6s;
    width: 23px;
    height: auto;
}

header section.ortala .sosyalaglar img:hover {
    transition: all 0.6s;
    -webkit-filter: grayscale(100%) brightness(110%) sepia(80%) hue-rotate(-238deg) saturate(320%) contrast(0.8);
    filter: grayscale(100%) brightness(110%) sepia(80%) hue-rotate(-238deg) saturate(320%) contrast(0.8);
}

        header section.ortala .telefon {border-right: 1px solid #dddddd;text-align: center;color:#9f9f9f;}
        header section.ortala .whatsapp {padding:0px; color: #9f9f9f;text-align: right;}
        header section.ortala .sosyalaglar {padding:0px;float:right;margin-left:15px;margin-top:4px;font-size: 16pt;color: #d9d9d9;}
        header section.ortala .sosyalaglar img { transition: all 0.6s; width: 23px; height: auto;  }

        header section.ortala .sosyalaglar img:hover { transition: all 0.6s; 
            -webkit-filter: grayscale(100%) brightness(110%) sepia(80%) hue-rotate(-238deg) saturate(320%) contrast(0.8);
      filter: grayscale(100%) brightness(110%) sepia(80%) hue-rotate(-238deg) saturate(320%) contrast(0.8);  }

        header section.ortala .aramaalan { float: left;}
        header section.ortala .arama {width:100%; height:30px; float:left; padding-left:35px; background: #f5f5f5; border:0px;  font-size:10pt;color:#c6c6c6;}
        header section.ortala .gonder {width: 19px;
    height: 19px;
    position: relative;
    left: 10px;
    top: 11px;
    border: 0px; }

        header .ustbilgiler {width:80%; height:auto; float:right;font-size: 12pt;}
        header .ustbilgiler .telefon {width:50%; height:auto; float:left;}
        header .ustbilgiler .whatsapp {width:50%; height:auto; float:right;}
        header .ustcizgi {height: 8px; background:#000;margin-bottom: 20px; }
        .blog_resim {max-height: 175px; overflow: hidden;}



header .menualan { border-top: 1px solid #D8E9EB; background: #C01520; }
header .menualan .logos { display: none; width: 150px;
    float: left;
    margin-top: 7px;
    margin-right: 40px; }
header .menualan .logos img { width: 100%; height: auto; }
#menu {
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
}   

#menu li{
    list-style: none;
    display: block;
    float: left;
    height: auto;
    position: relative;
    
    
}


#menu li a{
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px 0;
    line-height: 150%;
    text-decoration: none;
    height: auto;
    color: #fff;
    font-weight: 500;
    font-size: 10pt;
    text-transform: uppercase;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;

}

#menu li:hover a{ -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms; color: #fff; }


#menu ul{
    background: #f2f5f6; 
    padding: 0px;
    
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-left:1px solid #DDDDDD;
    border-radius: 0px 0px 3px 3px;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
 
     z-index: 1002;
     padding: 10px;
}


#menu li:hover{
 background: #f2943d;
 -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}


#menu .has-dropdown:hover a{ color: #fff; }
#menu .has-dropdown:hover .dropdown a{ font-size: 10pt; color: #333; }
#menu .has-dropdown .dropdown li a{ color: #000; }
#menu .has-dropdown .dropdown li:hover a{ color: #fff; }

#menu .has-dropdown .dropdown li .dropdown li a{ color: #000; }
#menu .has-dropdown .dropdown li:hover .dropdown li:hover a{ color: #fff; }

#menu li a{
    display: block;
}
#menu ul li {
    border-right:none;
    border-bottom:1px solid #DDDDDD;
    height:auto;
    display: inline-block; 
    width: 100%;  
    text-align: left;
    line-height: 140%;
    
}
#menu ul li a {
    border-right: none;
    color:#000;
   /* text-shadow: 1px 1px 1px #FFF;*/
    border-bottom:1px solid #FFFFFF;
    line-height: 170%;
    padding-top: 5px;
    padding-bottom: 6px;
    word-break: break-all;  
    white-space:normal;
    word-break: break-word;
}

#menu ul li:hover > a{ color: #FFF; }

#menu ul li:hover{    background: #f2943d;}
#menu ul li:last-child { border-bottom: none;}
#menu ul li:last-child a{ border-bottom: none;}

/* Sub menus */
#menu ul{
    display: none;
    visibility:hidden;
    position: absolute;
    top: 99px;
    width: 240px;
    left: 0px;

    opacity: 0; /* Başlangıçta görünmez */
  visibility: hidden; /* Hover dışında tamamen gizli */
  transition: opacity 0.3s ease, transform 0.3s ease; /* Geçiş efektleri */
    
}

/* Third-level menus */
#menu ul ul{
    top: 0px;
    left: 100%;
    display: none;
    visibility:hidden;
    border: 1px solid #DDDDDD;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

#menu ul .dropdown li a{ color: #000; }
#menu ul .dropdown li:hover a{ color: #fff; }

/* Fourth-level menus */
#menu ul ul ul{
    top: 0px;
    left: 100%;
    display: none;
    visibility:hidden;
    border: 1px solid #DDDDDD;
}

#menu ul li{
    display: block;
    visibility:visible;
    line-height: 140%;
}
@media (min-width: 600px){
#menu li:hover > ul{
    display: block;
    opacity: 1; /* Görünür hale gelir */

  visibility: visible; /* Görünür olur */

  top: 39px;

  -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;

}
}

	.iti { width: 100%;  }

	.main-title { width: 100%;
    height: 226px;
    background: url(images/detay-banner.jpg) no-repeat top center;
    background-size: cover;
    padding-top: 36px;
    padding-bottom: 30px;
    margin-top: 10px;
    margin-bottom: 20px; display: flex; justify-content: center; align-items: center; }
	.main-title .content { width: 100%; height: auto; display: flex;     flex-direction: column;
        justify-content: center;
        align-items: center; }
	.main-title h1 {     font-size: 18pt;
    color: #fff; font-weight: 600;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    width: auto;
    display: flex
;
    align-self: center; }

.main-title .yol_ok {width: 10px;height: 10px;margin-right: 6px;}
.main-title .yol_ok img {width: 100%;height: 100%;}

.yol_genel {color: #dadada;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
    margin-top: 0px;}


.yol_genel a {color: #fff;}
.yol_genel span {
    font-size: 9pt;
    color: #fff;
    font-weight: 400;
    }

.yol_genel h2 { font-size: 11pt;
        color: #fff;
        font-weight: 400;
        width: auto;
        display: flex;
        margin: 0px;
        padding: 0px; }

.yol_genel svg { width: 15px; height: 15px; }
	

#haberler {width: 100%; height: auto; float:left; padding-top: 40px; padding-bottom: 40px; background: #FCFCFC; margin-top: 20px; margin-bottom: 30px; }
		#haberler .baslikveaciklama {width:100%; float:left; text-align: left; margin-top: 30px; margin-bottom: 30px; }
		#haberler .baslikveaciklama .baslik {font-size: 24pt; color: #AA422F; font-weight: 500; }
		#haberler .baslikveaciklama .altbaslik {width: 100%; height: auto; float:left; font-size: 20pt; font-weight: 600; text-align: center; color:#B0B0B0;}

		#haberler .tur2 article a {color:initial !important; text-decoration: none;}

		#haberler .tur2 article figure {
            
            width: 100%; 
            height: auto; 
            float:left;
            overflow: hidden;
            transition: all 0.5s;
        
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            
        }

		#haberler .tur2 article figure img {min-height: 100%; min-width: 100%; width: auto !important; max-width: 120%;transition: all 0.5s;}
		#haberler .tur2 article:hover figure img {transition: all 0.5s; transform: scale(1.1);}
		#haberler .tur2 article .half {display: flex; flex-direction: column; width: 100%; height: auto; float:left; background: #fff; padding:20px 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 0px; box-shadow: 0px -1px 20px -5px rgba(0,0,0,0.14);-webkit-box-shadow: 0px -1px 20px -5px rgba(0,0,0,0.14);-moz-box-shadow: 0px -1px 20px -5px rgba(0,0,0,0.14);}
		#haberler .tur2 article .half .baslik {font-size: 13pt;
            font-weight: 500;
            color: #F19000;
            height: 60px;
            display: flex;
            padding-right: 10px;
            align-items: center;}
		#haberler .tur2 article .half .ozet {font-size: 11pt; height: 67px; font-weight: 500; color: #767676; overflow: hidden; margin-top: 5px;}
		#haberler .tur2 article .half .detaylar {font-size: 10pt; margin-top: 10px; font-weight: 600; color:#239FB4;}

	
		#haberler .owl-nav { display:block !important;} 
		#haberler .owl-prev { width: auto;position: absolute; top: 48%; margin-left: -90px; display: block !important; border:0px solid black; font-size: 30px; background: #EEEDED; padding: 14px; border-radius: 30px;} 
	    #haberler .owl-prev:hover {background: transparent;} 
	    #haberler .owl-next:hover {background: transparent;} 
	    #haberler .owl-next { width: auto;position: absolute; top: 48%; right: -95px; display: block !important; 
            border:0px solid black; font-size: 30px; background: #EEEDED; padding: 14px; border-radius: 30px; } 
	    #haberler .owl-prev img {width:20px;transform: rotate(0.5turn);}
	    #haberler .owl-next img {width:20px;}



.ana_detay_kutu { width: 100%; height: auto; float:left;  padding: 11px; margin-bottom: 20px;   }

.ana_detay_baslik .detay_baslik { width: auto; height: auto; display: inline-block; }
.ana_detay_baslik .detay_baslik .ico { width: auto; height: auto; float: left; margin-top: 5px; margin-right: 10px; font-size: 39pt; }
.ana_detay_baslik .sinif { width: auto;
    height: auto;
    float: left;
    border-left: 1px solid #ababab;
    font-size: 16pt;
    font-weight: 500;
    margin: 10px;
    padding-left: 13px;
    padding-top: 10px;
    padding-bottom: 13px;
    margin-left: 20px;  }

.ana_detay_kutu .form-control { border: none; border-radius: 0px; }
.ana_detay_kutu .btn { border: none; border-radius: 0px; }

.ogrenci { background: #05371f;   }
.yesil { background: #106b32 !important; color: #fff !important; text-shadow: none; font-size: 13pt; font-weight: 600;   }

.ogrenci .resim { width: 100%; height: auto; float: left; margin-left: 20px; }
.ogrenci .resim img { width: 100%; height: auto; }

.ogrenci .giris_kutu { width: 100%; height: auto; float: left; margin-top: 30px; }
.ogrenci .giris_kutu .aciklama { width:100%; height: auto; float: left; font-size: 12pt; color: #fff; margin-top: 5px; margin-bottom: 10px; }
.ogrenci .giris_kutu label { color: #fff; }

.giris_kutu h1 {     font-size: 19pt;
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: 600; }

.giris_kutu h2 {     font-size: 15pt;
    font-weight: 600; }
.giris_kutu .baslik { width:100%; height: auto; float: left; font-size: 19pt; color: #fff; font-weight: 600; margin-top: 5px; margin-bottom: 10px; }

.giris_kutu .odev_kutu { width: 100%; height: auto; float: left;  background: url(images/bg_zemin.jpg) repeat top center; padding: 20px; margin-bottom: 10px;   }

.giris_kutu { width: 100%; height: auto; float: left; }

.giris_kutu .odev_kutu .odev_baslik { width: 100%; height: auto; float: left; font-size: 14pt; color: #000; font-weight: 600; }
.giris_kutu .odev_kutu .aciklama { width: 100%; height: auto; float: left; font-size: 11pt; color: #000; font-weight: 500; margin-top:10px; }

.giris_kutu .odev_kutu .odev_link { width: 100%; height: auto; float: left; font-size: 12pt; color: #548e7e; font-weight: 600; }

.giris_kutu .odev_kutu .odev_indir { width: 135px; height: auto; float: left; background: #000; font-size: 10pt; color: #fff; font-weight: 600; padding: 10px; margin-top:30px; cursor: pointer; }
.giris_kutu .odev_kutu .odev_indir .text { width: auto; height: auto; float: left;  margin-right: 10px; margin-left: 3px; }
.giris_kutu .odev_kutu .odev_indir .ico { width: auto; height: auto; float: left; margin-top: 4px; }

.giris_kutu .odev_kutu .tarih_ico { width: auto; height: auto; float: right; margin-top: 10px; font-size: 30px;  }
.giris_kutu .odev_kutu .tarih_text { width: 100%; height: auto; float: left; margin-top: 10px;  }

.giris_kutu .odev_kutu .tarih_text .text { width: auto; height: auto; float: right; font-size: 12pt; color: #000; font-weight: 600; margin-left: 5px;  }
.giris_kutu .odev_kutu .tarih_text .text2 { width: auto; height: auto; float: right; font-size: 12pt; color: #000; font-weight: 500; margin-left: 5px;  }



	

.kategoriliste article  {margin-top:1%;margin-bottom: 2%;height: 360px;}
.kategoriliste article a {text-decoration: none; color:#000;}


.kategoriliste article figure {width: 100%; height: auto; max-height: 145px; float: left; border:1px solid #efefef; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;overflow: hidden;}
.kategoriliste article figure img {width: 100%;transition: all 3000ms;}
.kategoriliste article:hover img {-webkit-transform: rotate(3deg) scale(1.2, 1.2);
    -o-transform: rotate(3deg) scale(1.2, 1.2);
    transform: rotate(3deg) scale(1.2, 1.2);
    -webkit-transition: all 3000ms;
    -o-transition: all 500ms;
    transition: all 3000ms;}

.kategoriliste article h2 {width: 100%; height: auto; float: left;margin:0px;  margin-top:17px; font-size: 14pt; font-weight: 600; line-height: 140%;}
.kategoriliste article p {width: 100%; height: 68px; float: left;  margin-top:17px; overflow: hidden; font-size: 12pt; font-weight: 400; line-height: 155%;}
.kategoriliste article span {width: 100%; height: auto; float: left;  margin-top:6px; font-size: 11pt; font-weight: 400; color:#ed1b24; }
.kategoriliste .bgkoy {background-color: #f7f7f7; margin:1%;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);padding:10px;}


.kategoriliste .bgkoy {background-color: #f7f7f7; margin:1%;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);}



.ozelliste article  {margin-top:10px;margin-bottom: 10px;}
.ozelliste article a {text-decoration: none; color:#000;}

.ozelliste article figure {width: auto; height: auto; max-width: 500px; float: left; border:5px solid #c3c3c3; margin-right: 20px;
    margin-bottom: 10px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);overflow: hidden;}
.ozelliste article figure img {width: 100%;}

.ozelliste article h2 {width: 100%; height: auto; float: left; font-size: 16pt; font-weight: 600;  color: #245767;
    margin-bottom: 21px; }


.ozelliste .icerik { width: 100%; height: auto; float: left; border-bottom: 1px solid #eee;  padding-bottom: 20px;  }

	.mobil_menu_kutu {width: 100%; height: auto; float: left; padding:3%; display: none;     text-align: center;
    background: #0595d5;
    font-size: 12pt;
    color: #fff; cursor: pointer; padding-bottom: 2%; }

    .menuac { width: 100%; height: 40px; float: left; cursor: pointer;padding:3%;background-color: #1889bb; }

	.mobil_menu_kutu ul {margin: 0px; padding: 0px;}



	.mobil_menu_kutu ul li {width: 100%; height: auto; float: left;  list-style-type: none; padding: 4%; background-color: #ddd; margin-bottom: 0.5%;  margin-top: 0px; margin-left: 0px; padding: 4%;

    text-align: center;color:#000;}



	.mobil_menu_kutu ul li a { width:100%;float: left; padding:0px; margin:0px;color: #000;}



	.mobil_menu_kutu ul li a:hover { background-color: #fda600; color: #FFF; transition: all 0.3s; color: #FFF;  }



	.mobil_menu_kutu ul li:hover { background-color: #fda600; color: #FFF;  }

	.mobil_menu_kutu ul li:hover a { background-color: #fda600; color: #FFF; }

	.mobil_menu_kutu ul li:last-child { border: none; }


    .swal2-title { font-size: 18pt !important; }
#swal2-content p { font-size: 11pt !important;  font-weight: 400 !important;   line-height: 160% !important; }



main .uyebanner {background: url(images/uyekurulus_bg.jpg);
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding: 60px;}
main .uyebanner .bannerbaslik {width:100%; height:auto; float:left; font-size: 22pt; font-weight: bold; color: #FFF; text-align: center; }

main .uyebanner .bannerozet {width:100%; height:auto; float:left; font-size: 22pt; font-weight: 500; color: #FFF; text-align: center; line-height: 150%;     margin-top: 15px;
    margin-bottom: 20px; }

main .uyebanner .bannerbtn {width:auto; height: auto; display: inline-block; margin-top:10px; background: #2f9382; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding: 12px; padding-left: 20px; padding-right: 20px;}
main .uyebanner .bannerbtn .text { width: auto; height: auto; display: inline-block; font-size: 12pt; color: #fff; font-weight: 600; }
main .uyebanner .bannerbtn .ico { width: auto; height: auto; display: inline-block; font-size: 12pt; color: #fff;  margin-left: 5px; }


main .ortabanner {background: url(images/huzurbg.jpg);
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: inset 0px -900px 5px 0px rgba(30,30,30,0.86);
    -moz-box-shadow: inset 0px -900px 5px 0px rgba(30,30,30,0.86);
    box-shadow: inset 0px -900px 5px 0px rgba(30,30,30,0.86);
    text-align: center;
    padding: 60px;}
main .ortabanner .bannerbaslik {width:100%; height:auto; float:left; font-size: 18pt; font-weight: 600; color: #FFF; }

main .ortabanner .bannerbuton_alan {width:100%; height: auto; float: left; margin-top:10px;}
main .ortabanner .bannerbuton {width:150px; height: auto; margin:0 auto; padding:10px; -webkit-border-radius:4px;border-radius:4px;-moz-border-radius:4px; border:2px solid #397b1a;  background: #589938; text-align: center;}
main .ortabanner .bannerbuton p {margin:0px;}
main .ortabanner .bannerbuton a {color: #FFF; text-decoration: none;}

.tumu {width: auto;height: auto;display: inline-block;background: #272727;color: #fff;font-size: 10pt; font-weight:600; padding: 10px;padding-left: 10px; padding-right: 10px;text-align: center; margin-top: 25px;}
  
#blogiki .tumu {
    width: auto;
    height: auto;
    float: right;
    color: #0f7275;
    font-size: 10pt;
    background: transparent;
    font-weight: 600;
    padding: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-right: 4px;}
      
#blogiki {width:100%; height:auto; float:left; margin-top: 20px; padding-bottom:20px; text-align: center;}
#blogiki h2 {     color: #333333; font-size: 24pt; font-weight: bold; margin-bottom: 5px;}
#blogiki p {     color: #333333;  font-size: 12pt; margin-top:10px;margin-bottom: 20px; }

#blogiki .blogiki_makaleler {width:100%; height:auto; float:left;}
#blogiki .blogiki_makaleler article {margin-top:2%; transition: all 0.8s;  }
#blogiki .blogiki_makaleler article:hover .resimvebaslik img {-webkit-transform :  scale(1.1); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform     :  scale(1.1); /* IE 9 */transform: scale(1.1); /* Firefox 16+, IE 10+, Opera */}
#blogiki .blogiki_makaleler article .resimvebaslik {position:relative; height:350px;overflow: hidden;  margin-bottom: 20px; border-radius: 10px; }
#blogiki .blogiki_makaleler article .resimvebaslik img {transition: all 0.8s;}
#blogiki .blogiki_makaleler article .baslikvehover {width:100%; height:100px; }
#blogiki .blogiki_makaleler article .baslik {

    width: 100%;
    color: #FFF;
    font-size: 10.5pt;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 8px;

}

#blogiki .blogiki_makaleler article .kategori  { width: auto;
    height: auto;
    float: right;
    font-size: 9pt;
    color: #fff;
    font-weight: 500;
    background: #f00;
    padding: 2px;
    padding-left: 8px;
    padding-right: 8px;
    position: absolute;
    top: 10px;
    right: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;  }



#blogiki .blogiki_makaleler article  .fiyat {         width: 77px;
    height: auto;
    float: right;
    margin-right: 17px;  }
#blogiki .blogiki_makaleler article  .fiyat input {     padding: 6px;
    height: 33px;
    border: none; }
#blogiki .blogiki_makaleler article  .fiyat .input-group-addon {         padding: 5px;
    height: 33px;
    border: none; }

#blogiki .blogiki_makaleler article .baslik .baslik_text {     width: 100%;
    height: 60px;
    float: left;
    cursor: pointer;
    margin-top: 11px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    font-size: 14pt;
    color: #F19000;
}

#blogiki .blogiki_makaleler article .baslik .inputlar {     width: 100%;
    height: auto;
    float: left;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center; }


 .button_group { width: 100%; height: auto; float: left;     cursor: pointer; margin-top: 11px;
    text-align: center; display: flex; gap: 10px; flex-direction: row; flex-wrap: nowrap; }

.button_group .fiyat {     width: 64px;
    height: auto;
    float: left;  }
.button_group .fiyat input {     padding: 6px;
    height: 33px;
    border: none; }
.button_group .fiyat .input-group-addon {         padding: 5px;
    height: 33px;
    border: none; }


    .progress2-container {
        width: 90%;
        background-color: #e0e0e0;
        border-radius: 8px;
        overflow: hidden;
        height: 20px;
        position: relative;
        border: 1px solid #9eb0b1;
    }

    .progress2-info {
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        margin-bottom: 5px;
        padding: 0 10px;
        width: 90%;
        color: #0c636a;
    }

    .target-amount {
        text-align: left;
    }

    .collected-amount {
        text-align: right;
    }

    .progress2-bar {
        height: 20px;
        width: 0%;
        background-color: #0c636a;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-weight: bold;
        font-size: 14px;
        transition: width 0.5s ease-in-out;
        animation: load 1s infinite;
    }

    .progress2-bar:after {
        content: "";
  position: absolute;
  top: 0px; left: 0; bottom: 0; right: 0;
  background-image: linear-gradient(
    -45deg, 
    rgba(255, 255, 255, .2) 25%, 
    transparent 25%, 
    transparent 50%, 
    rgba(255, 255, 255, .2) 50%, 
    rgba(255, 255, 255, .2) 75%,
    transparent 75%, 
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  animation: load 1s infinite;
    }

    
@keyframes load {
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 50px 50px;
    }
  }

    .progress2-text {
        white-space: nowrap;
    }

    .mainslide { background: url(images/zemin.jpg) repeat-x top center; background-size: cover; }


    #slaytbutons { width: 100%; height: auto; display: flex;  position: relative;
        top: -72px;     -webkit-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms; }
        #slaytbutons .buttonsbox {     width: 100%;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            text-align: center;
            position: relative;
            z-index: 15;
             }
    
             .mainslaytbutons .buttonsbox { padding-left: 15%;
                padding-right: 15%; }

        #slaytbutons .buttonsbox .color1 { background: #F5F5F5; }
        #slaytbutons .buttonsbox .color1 .text { color: #636363; } 
  
        #slaytbutons .buttonsbox .box {
            
            width: 100%;
            height: auto;
            padding: 10px;
            border-radius: 16px;
            box-shadow: 0px 0.785px 4.708px -1.569px rgba(0, 0, 0, 0.25);
            cursor: pointer;
            -webkit-transition: all 300ms;
            -o-transition: all 300ms;
            transition: all 300ms;
            border-radius: 10px;
     
        }

        
        #slaytbutons .buttonsbox .box a { display: flex;
            justify-items: center;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            
            gap: 20px;  }
        #slaytbutons .buttonsbox .icobox {     
            
            width: 100%;
            height: 120px;
            display: flex;
            border-radius: 16px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 11px;
            border: 1px solid #dddddd;
            
        } 
        #slaytbutons .buttonsbox .icobox .ico { width: 100%; height: auto; }
        #slaytbutons .buttonsbox .icobox .ico2 { width: 100%; height: auto; }

        #slaytbutons .buttonsbox .donate1 .ico { display: block; }
        #slaytbutons .buttonsbox .donate1 .ico2 { display: none !important; }

        #slaytbutons .buttonsbox .donate2 svg path { stroke:  #636363;  }
        #slaytbutons .buttonsbox .donate3 svg path { stroke:  #636363; }
        #slaytbutons .buttonsbox .donate4 svg path { stroke:  #636363; }
        #slaytbutons .buttonsbox .donate5 svg path { stroke:  #636363; }
        #slaytbutons .buttonsbox .donate6 svg path { fill:  #636363; }

        #slaytbutons .buttonsbox .donate1:hover .ico { display: none; }
        #slaytbutons .buttonsbox .donate1:hover .ico2 { display: block !important; }

        #slaytbutons .buttonsbox .donate2:hover svg path { stroke: rgb(255 255 255) !important;  }
        #slaytbutons .buttonsbox .donate3:hover svg path { stroke: rgb(255 255 255) !important; }
        #slaytbutons .buttonsbox .donate4:hover svg path { stroke: rgb(255 255 255) !important; }
        #slaytbutons .buttonsbox .donate5:hover svg path { stroke: rgb(255 255 255) !important; }
        #slaytbutons .buttonsbox .donate6:hover svg path { fill: rgb(255 255 255) !important; }
        



        #slaytbutons .buttonsbox .text { width: auto;
        height: auto;
        display: flex;
        font-size: 10pt;
        font-weight: 500; }
        
        #slaytbutons .buttonsbox .color1:hover {
            background: linear-gradient(180deg, #C01520 0%, var(--renk2, #F19000) 100%);
        }

        #slaytbutons .buttonsbox .color1:hover .icobox { }

        #slaytbutons .buttonsbox .color1:hover .text { color: #fff; }

       

        #slaytbutons .buttonsbox .donate1_a::after {
            content: "";
    position: relative;
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #C01520;
    border-bottom: 10px solid transparent;
    margin: 0 auto;
    background: transparent;
    margin-top: 14px;
          }

          #slaytbutons .buttonsbox .donate2_a::after {
            content: "";
    position: relative;
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #C01520;
    border-bottom: 10px solid transparent;
    margin: 0 auto;
    background: transparent;
    margin-top: 14px;
          }

          #slaytbutons .buttonsbox .donate3_a::after {
            content: "";
    position: relative;
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #C01520;
    border-bottom: 10px solid transparent;
    margin: 0 auto;
    background: transparent;
    margin-top: 14px;
          }

          #slaytbutons .buttonsbox .donate4_a::after {
            content: "";
    position: relative;
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #C01520;
    border-bottom: 10px solid transparent;
    margin: 0 auto;
    background: transparent;
    margin-top: 14px;
          }

          #slaytbutons .buttonsbox .donate5_a::after {
            content: "";
    position: relative;
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #C01520;
    border-bottom: 10px solid transparent;
    margin: 0 auto;
    background: transparent;
    margin-top: 14px;
          }

          #slaytbutons .buttonsbox .donate6_a::after {
            content: "";
    position: relative;
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #C01520;
    border-bottom: 10px solid transparent;
    margin: 0 auto;
    background: transparent;
    margin-top: 14px;
          }

        
        
        #slaytbutons .owl-nav { display: none !important; }

        #sss { width: 100%; height: auto; background: #FBFBFB;  padding: 40px;
            margin-top: 30px;
            margin-bottom: 30px; border-radius: 5px;  }
        #sss .title { display: flex; flex-direction: row; font-size: 14pt; color: #0B636A; gap:10px; margin-top: 10px; margin-bottom: 20px; }
        
        .accordion-container {
              max-width: 1200px;
              margin: 0 auto;
              display: grid;
              grid-template-columns: repeat(1, 1fr);
              gap: 16px;
            }
        
            .accordion-item {
                  border-radius: 10px;
              background: #FFF;
              box-shadow: 0px 0px 7.325px 0px rgba(0, 0, 0, 0.11);
              overflow: hidden;
              transition: all 0.3s ease;
            }
        
            .accordion-header {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                padding: 10px;
                cursor: pointer;
                background: #fff;
                border-bottom: 1px solid #eee;
                gap: 8px;
            }
        
            .accordion-header h3 {
              margin: 0;
              font-size: 16px;
              color: #0B636A;
            }
        
            .accordion-header svg {
              transition: transform 0.3s ease;
            }
        
            /* SVG dönüşümü açıkken ikon döner */
            .accordion-item.open .accordion-header svg {
              transform: rotate(90deg);
            }
        
            .accordion-content {
              display: none;
              padding: 16px;
              font-size: 14px;
              color: #333;
              background: #fff;
            }

            .accordion-content iframe {
                width: 100%;
                height: 250px;
            }
        
            .accordion-content p {
              margin: 0;
            }
        
            .accordion-item.open .accordion-content {
              display: block;
            }
        

            #kurumsal { width: 100%; height: auto; }

		#kurumsal .tanitimbox { width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    padding-top: 40px;
    padding-bottom: 30px;
    gap: 10px; }

		#kurumsal .tanitim { width: 100%;
    height: auto;
    display: flex;
    border-right: 1px solid #eee;
    padding-right: 20px;
	cursor: pointer;
} 
		#kurumsal .tanitim .content {     width: 60%;
    height: auto;
    padding-left: 20px; }
		#kurumsal .tanitim .image { height: 331px;
    width: 80%;
    border-radius: 20px;
    border: 1px solid #F6F6F6;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }

#kurumsal .tanitim .image img { width: 100%; height: auto; }

#kurumsal .tanitim .title { color: #C01520;
    font-size: 19pt;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 20px;
    line-height: 130%; }


#kurumsal .tanitim .desc {         overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    font-size: 12pt;
    font-style: normal;
    font-weight: 350;
    line-height: 150%;
    height: 175px;
    margin-bottom: 20px; }


#kurumsal .tanitim .more {

	border-radius: 10px;
    border: 1px dashed #C01520;
    display: flex
;
    padding: 9px;
    align-items: center;
    justify-content: space-between;

}

#kurumsal .tanitim .more .text { color: #C01520;
font-family: "Gotham Narrow";
font-size: 15px;
font-style: normal;
font-weight: 325;
line-height: 26px; /* 173.333% */ }

#kurumsal .gallery { width: 34%;
    height: auto;
    padding-left: 10px;
    display: flex;
    gap: 15px;
    flex-direction: column;
    cursor: pointer;
} 
#kurumsal .gallery .imgbtn { width: 100%; height: auto; cursor: pointer; }
#kurumsal .gallery img { width: 100%; height: auto; }


#harita { width: 100%; height: auto; padding: 40px; padding-top: 10px;
    margin-top: 0px;
    margin-bottom: 10px; border-radius: 5px;  }
#harita .title { display: flex; flex-direction: row; justify-content: center; font-size: 14pt; color: #0B636A; gap:10px; margin-top: 10px; margin-bottom: 50px;  }

        .buttons_main_box { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: 100%; }
        .buttons_label { font-size: 16px; font-weight: bold; color: #C01520; }
        .buttons_box { display: flex; gap: 10px; width: 90%; align-self: flex-start; }
    
    
        .buttons_currency  { padding: 10px 5px;
        border-radius: 5px;
        cursor: pointer;
        border: none;
        color: #C01520;
        font-size: 16pt; }
    
        .buttons_data {     border: none;
        padding: 12px 7px;
        border-radius: 5px;
        cursor: pointer;
        background-color: #F9F9F9;
        font-size: 11pt;
        color: #C01520;
        font-weight: 600; }
    
        .buttons_data:hover { background: #C01520; color: #fff; }
    
        .buttons_sub { padding: 10px;
        border: none;
        border-radius: 5px;
        width: 100%;
        color: #C01520;
        font-size: 11pt;
        background: #F9F9F9; }

        .buttons_data_kurban {     border: none;
            padding: 12px 7px;
            border-radius: 5px;
            cursor: pointer;
            background-color: #F9F9F9;
            font-size: 11pt;
            color: #C01520;
            font-weight: 600; }
        
            .buttons_data_kurban:hover { background: #C01520; color: #fff; }
        
            .buttons_sub_kurban { padding: 10px;
            border: none;
            border-radius: 5px;
            width: 100%;
            color: #C01520;
            font-size: 11pt;
            background: #F9F9F9; }
    
        .blogiki_makaleler .owl-nav { position: absolute; top: 37%; width: 100%; }
        .blogiki_makaleler .owl-nav button {  padding: 10px;
        font-size: 20pt;
        width: 60px;
        border-radius: 50%;
        border: none;
        position: absolute; }
    
        .blogiki_makaleler .owl-prev {  left: -80px; }
        .blogiki_makaleler .owl-next {  right: -80px; }
    



 .button_group .text { width: auto; height: auto; display: inline-block;  }
 .button_group .ico { width: auto; height: auto; display: inline-block; padding: 3px; }
 .button_group .ico svg { width: 20px; height: auto; }

 .button_group .sepet-btn { transition: all 0.8s;
    width: 140px;
    height: auto;
    display: flex;
    align-self: flex-start;
    align-items: center;
    background-color: #C01520;
    font-size: 10pt;
    color: #fff;
    padding: 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-left: 7px;
    padding-right: 17px; }


 .button_group .bagis-btn { transition: all 0.8s;
    width: 120px;
    height: auto;
    display: flex;
    align-self: flex-start;
    align-items: center;
    background-color: #F19000;
    font-size: 10pt;
    color: #fff;
    padding: 7px;
    padding-right: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
 .button_group .share-btn { transition: all 0.8s;
    width: 43px;
    height: auto;
    align-self: flex-start;
    display: flex;
    align-items: center;
    background-color: #696969;
    font-size: 10pt;
    color: #fff;
    padding: 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  }


 .button_group .odeme-btn { transition: all 0.8s; width: auto; height: auto; display: inline-block; margin-right: 5px; background-color: #C01520; font-size: 10pt; color: #fff; padding: 7px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px; padding-left: 7px; padding-right: 7px; margin-left: 5px; }


.modal-dialog .button_group { width: auto; float: right;  }


.button_group .sepet-btn:hover { transition: all 0.8s; background: #b28504; }
.button_group .bagis-btn:hover { transition: all 0.8s; background: #1ba881; }
.button_group .share-btn:hover { transition: all 0.8s; background: #000; }

.button_group .odeme-btn:hover { transition: all 0.8s; background: #b28504; }

#blogiki .uyekurulus_makaleler {width:100%; height:auto; float:left;}
#blogiki .uyekurulus_makaleler article {margin-top:2%;}
#blogiki .uyekurulus_makaleler article:hover .resimvebaslik img {-webkit-transform : rotate(7deg) scale(1.2); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform     : rotate(7deg) scale(1.2); /* IE 9 */transform:rotate(7deg) scale(1.2); /* Firefox 16+, IE 10+, Opera */}

#blogiki .uyekurulus_makaleler article .resimvebaslik {position:relative; height:auto; overflow: hidden; background: #fff; transition: all 0.8s;  padding: 10px;   padding-bottom: 35px;}
#blogiki .uyekurulus_makaleler article .resimvebaslik .resim { width: 100%; height:150px; display: inline-block; padding:10px;  }

#blogiki .uyekurulus_makaleler article .baslikvehover {width: 100%;
    height: auto;
    position: absolute;
    bottom: 0; }
#blogiki .uyekurulus_makaleler article .baslik {    width: 89%;
    position: relative;
    bottom: 5px;
    color: #cacaca;
    font-size: 11pt;
    font-weight: 500;
    text-align: center;}

#blog { background: #0b4304; height: auto; display: inline-block; width: 100%; text-align: center; padding-top: 20px; padding-bottom: 20px;  }
#blog h2 {     color: #fff; font-size: 25pt; margin-bottom: 25px; font-weight: 600; } 
#blog .alt-yazi {     color: #fff; font-size: 11pt; margin-bottom: 30px; margin-top: 10px; }
#haberler .alt-yazi a {     color: #000; font-size: 11pt; text-decoration: none;}
#blog .ozet { color: #fff; font-size: 11pt; margin-bottom: 5px; height: 120px; overflow: hidden; }

#blog .resims { width: 100%; height: auto; min-height: 175px; }
#blog .resims img { width: 100%; height: auto; max-height: 195px; min-height: 195px; }

#blog .devam { color: #f9db23; font-weight: 600;  }

#blog .blog-text {margin-bottom: 30px; position: relative; width: 100%; padding: 10px; padding-left: 0px; float: left; text-align: left; border: 1px solid rgbs(#000, 0.2);  -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
#blog .blog-text h3 {height:50px; overflow:hidden; font-size: 13pt; margin-bottom: 10px; line-height: 1.5; font-weight: 600; margin-top: 0px; } 
#blog .blog-text h3 a {color: #7ee673; }

.pagination { 

    width: 100%; 
    display: flex !important;
    justify-content: center !important;
    align-items: center !important; 

}

.pagination>.active a { background: #0C636A !important;
    border-color: #0C636A !important; }


.pagination .btn-primary { background-color: #0c636a; border-color: #082a2d; }
.pagination .btn-primary:hover { background-color: #ba943e; border-color: #ba943e; }


#haberler { background: #f7f7f7; height: auto; display: inline-block; width: 100%;  padding-top: 0px; padding-bottom: 40px;  }
#haberler h2 {     color: #000;
    font-size: 25pt;
    margin-bottom: 28px;
    font-weight: 600;
    text-align: left;
    float: left;
    margin-left: -2px; } 
#haberler h2::before { position: absolute;
    content: "";
    width: 50px;
    margin-left: 2px;
    height: 2px;
    background: #000000;
    margin-top: 47px; } 
#haberler .alt-yazi {     color: #000;
    font-size: 11pt;
    margin-top: 38px;
    float: right;
    font-weight: 600; }
#haberler .ozet { color: #333; font-size: 11pt; margin-bottom: 5px; height: 62px; overflow: hidden; }

#haberler .resims { width: 100%; height: auto; min-height: 175px; }
#haberler .resims img { width: 100%; height: auto; max-height: 195px; min-height: 195px; }

#haberler .devam { display: flex;
        color: #6D6D6D;
        font-weight: 500;
        align-items: center;
        align-self: flex-start;
        gap: 10px;
        font-size: 10pt;
        position: relative;
        margin-top: 5px;
        }
#haberler .haberler_resim { height: 200px; overflow: hidden;  }
#haberler .haberler-text {margin-bottom: 30px; position: relative; width: 100%; padding: 10px; padding-left: 0px; float: left; text-align: left; border: 1px solid rgbs(#000, 0.2);  -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
#haberler .haberler-text h3 {font-size: 13pt; margin-bottom: 10px; line-height: 1.5; font-weight: 600; margin-top: 0px; } 
#haberler .haberler-text h3 a {color: #000000; }


#faaliyetrapor { width: 100%; height: auto; float: left; margin-bottom: 10px;  }
#faaliyetrapor .faaliyetbox { display: inline-block; }
#faaliyetrapor .faaliyet {     width: 65%; padding: 25px;
    padding-left: 25px;
    padding-right: 0px; background:#fff; overflow: hidden; padding-bottom: 8px; }

#faaliyetrapor .faaliyet .titlebox { width:auto; height: auto; float: left; margin-bottom: 10px; }
#faaliyetrapor .faaliyet .titlebox .box {     width: 25px;
    height: 25px; float: left; background-color: #067d80; }
#faaliyetrapor .faaliyet .titlebox .text { width:auto; height: auto; float: left; font-size: 15pt; color: #000; font-weight: 500; margin-left: 10px; }

#faaliyetrapor .faaliyet .content {  width:100%; height: auto; float: left; position: static; }
#faaliyetrapor .faaliyet .content .image { height: auto; float: left; }
#faaliyetrapor .faaliyet .content .imagebox { -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms; width: 245px; height: 200px; float: left; overflow: hidden; }
#faaliyetrapor .faaliyet .content .image img { transition: all 500ms; width: 100%; height: auto; }


#faaliyetrapor .faaliyet .content .textbox {  height: auto; float: left; padding-left: 35px; }
#faaliyetrapor .faaliyet .content .textbox .title { width: auto;
    height: 46px;
    float: left;
    font-size: 12pt;
    color: #0e6e71;
    font-weight: 600;
    margin-bottom: 5px;
    overflow: hidden; -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms; }
#faaliyetrapor .faaliyet .content .textbox .desc { width: auto;
    height: 126px;
    float: left;
    font-size: 11pt;
    color: #000;
    font-weight: 400;
    line-height: 170%;
    overflow: hidden;
    margin-bottom: 10px; -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
} 
#faaliyetrapor .faaliyet .content .textbox .more { width:auto; height: auto; float: left; font-size: 11pt;
    color: #000;
    font-weight: 500; -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms; }


#faaliyetrapor .rapor { width: 34%;
    height: auto;
    float: left;
    background: #e9e9e9;
    padding: 0px;
    margin-left: 9px;  }
#faaliyetrapor .rapor .box-title { width: auto;
    height: auto;
    float: left;
    font-size: 15pt;
    color: #000;
    font-weight: 500; }
#faaliyetrapor .rapor .box-desc {     width: auto;
    height: 25px;
    float: left;
    font-size: 9pt;
    color: #000;
    font-weight: 400;
    line-height: 160%;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 9px; }
#faaliyetrapor .rapor .box-img {  transition: all 0.6s; width: 100%;
    height: 308px; 
    float: left;
    overflow: hidden;  }
#faaliyetrapor .rapor .box-img:hover { transition: all 0.6s; -webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);
box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);  }



#faaliyetrapor .rapor .box-img iframe { width: 100%; height: 308px; }

#faaliyetrapor .faaliyetlist { overflow: hidden;  }

#faaliyetrapor .faaliyet .owl-nav { }

#faaliyetrapor .faaliyet .owl-nav {     position: absolute;
    z-index: 99999;
    top: 20px;
    right: 20px; }

#faaliyetrapor .faaliyet .owl-nav button { border: none;
    background: #067d80;
    color: #fff;
    font-size: 11pt;
    padding: 6px;
    padding-left: 8px;
    line-height: 15px;
    padding-right: 8px;
    margin-right: 5px; }

#faaliyetrapor .faaliyet .owl-nav  button span { font-size: 21pt;  }

#faaliyetrapor .faaliyet .owl-dots { margin-top: 10px; }
#faaliyetrapor .faaliyet .owl-dots button {     background: transparent;
    border: none;
    padding: 0px;
    margin: 0px; }


#faaliyetrapor .faaliyet .content .item:hover .imagebox  { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);  -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms; }

#faaliyetrapor .faaliyet .content .item:hover .title  { font-size: 12.5pt; -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms; }

#faaliyetrapor .faaliyet .content .item:hover .desc  { color: #dcdcdc; -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms; }

#faaliyetrapor .faaliyet .content .item:hover .more  { color: #dcdcdc; -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms; }


#vakifkudus {  width: 100%; height: auto; float: left;     margin-bottom: 10px; }
#vakifkudus .vakifbox { height: auto; float: left; transition: all 3000ms; }

#vakifkudus .vakifbox:hover .proje .image img { -webkit-transform: rotate(7deg) scale(1.2);
    -ms-transform: rotate(7deg) scale(1.2);
    transform: rotate(7deg) scale(1.2); -webkit-transition: all 3000ms;
    -o-transition: all 500ms;
    transition: all 3000ms; }

.modal-content .input-group .form-control { z-index: 1;  }

#vakifkudus .vakifbox .titlebox { width: 100%; height: auto; float: left; background: #05679a; padding: 10px;}
#vakifkudus .vakifbox .titlebox .ico { width: 28px; height: auto; float: left;     margin-right: 10px; }
#vakifkudus .vakifbox .titlebox .ico img { width: 100%; height: auto; }
#vakifkudus .vakifbox .titlebox .text { width: auto; height: auto; float: left; font-size: 14pt; color: #fff; font-weight: 500; margin-top: 3px; }
#vakifkudus .vakifbox .titlebox .more { width: auto;
    height: auto;
    float: right;
    font-size: 10pt;
    color: #fff;
    background: #085983;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }


#vakifkudus .vakifbox .contentbox { width: 100%; height: auto; float: left; }    
#vakifkudus .vakifbox .contentbox .proje  { width: 100%; height: auto; float: left; }    
#vakifkudus .vakifbox .contentbox .proje .image  { width: 100%; height: 332px; float: left; overflow: hidden; }    
#vakifkudus .vakifbox .contentbox .proje .image img  { width: auto; height: auto; min-width: 100%; min-height: 100%; transition: all 3000ms; } 
#vakifkudus .vakifbox .contentbox .proje .text  { width: 100%;
    height: auto;
    float: left;
    font-size: 15pt;
    color: #fff;
    font-weight: 500;
    position: absolute;
    bottom: 20px;
    text-align: center;
    text-shadow: 1px 4px 5px rgba(0,0,0,0.64);
    -webkit-text-shadow: 1px 4px 5px rgba(0,0,0,0.64);
    -moz-text-shadow: 1px 4px 5px rgba(0,0,0,0.64); }    


#vakifkudus .kudusbox  { height: 333px; float: left; background: url(images/kudus-bg.jpg) no-repeat top center; border-left: 10px solid #fff; 
    box-shadow: inset 630px -40px 193px -150px #9a7209; 
    -webkit-box-shadow: inset 630px -40px 193px -150px #9a7209;
    -moz-box-shadow: inset 630px -40px 193px -150px #9a7209; 



    padding-left: 28px;
    padding-top: 24px;  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }

#vakifkudus .kudusbox .content { width:75%; height: auto; float: left;      margin-top: 30px;
    margin-bottom: 20px; }
#vakifkudus .kudusbox .content .title { width:100%; height: auto; float: left; margin-bottom: 5px; font-size: 20pt; color: #fff; font-weight: 600; overflow: hidden; }
#vakifkudus .kudusbox .content .desc { width: 100%;
    height: 107px;
    float: left;
    margin-bottom: 5px;
    font-size: 13pt;
    color: #fff;
    font-weight: 400;
    line-height: 150%;
    overflow: hidden; }
#vakifkudus .kudusbox .content .more { width:100%; height: auto; float: left;  margin-bottom: 5px; font-size: 11pt; color: #fff; font-weight: 600; overflow: hidden; }

#vakifkudus .kudusbox .buttons { width:100%;  height: auto; float: left; margin-top: 10px; }
#vakifkudus .kudusbox .buttons .button-box { transition: all 0.6s; width: auto; height: 68px; float: left; margin-right: 10px; }
#vakifkudus .kudusbox .buttons .button-box img { transition: all 0.6s; width: auto; height: 100%;  }


#vakifkudus .kudusbox .buttons .button-box:hover img { transition: all 0.6s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 80px; }


#vakifkudus .vakifbox .contentbox .owl-nav { visibility: hidden; display: none;  }
#vakifkudus .vakifbox .contentbox .owl-dots {         position: absolute;
    bottom: 5px;
    text-align: center;
    width: 100%;
     }

#vakifkudus .vakifbox .contentbox .owl-dots button {     background: transparent;
    border: none;
    padding: 0px;
    margin: 0px; }




.footer_buttons {width: 100%; height: auto; float: left;margin-top: -120px; z-index: 9; overflow: hidden; }
        .footer_buttons figure {width: 25%; height: auto; float: left;}
        .footer_buttons figure img {width: 95%; transition: all 0.6s; }

.footer_buttons figure:hover img { width: 100%; transition: all 0.6s; margin-top: -20px; }




/* FOOTER */

.altalan {width: 100%; height: auto; float: left; background: #fff;  margin-top: 0px; z-index: 5; position: relative; padding-top: 20px;      }

.footbox { width: 100%;
    height: auto;
    display: flex;
    gap: 20px;
	color: #fff;
    padding-top: 20px;
    padding-bottom: 20px; }

.logobox { width: 100%; height: 150px; display: flex; background: #1F1F1F;  }

.logobox .logocontent { width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;   }


.logobox .logo { width: auto;
    height: auto;
    display: flex;
    margin-top: -6px; }
.logobox .slogan { width: 43%;
    height: auto;
    display: flex;
    flex-direction: column;
    font-size: 14pt;
    color: #fff; font-weight: 300; }


    
.logobox .socialbox { width: 40%;
    height: auto;
    display: flex
;
    flex-direction: column;
    gap: 20px; }

.social {     width: auto;
    height: auto;
    display: flex
;
    flex-direction: column;
    margin: 0px;
    padding: 0px; }

.social .title {     width: 100%;
    height: auto;
    display: flex
;
    font-size: 15pt;
    font-weight: 500; }
.social .desc { width: 100%;
    height: auto;
    display: flex
;
    font-size: 12pt;
    color: #fff; font-weight: 300; margin-top: 10px; }
.social .icons { width: 100%; height: auto; display: flex; gap:10px; margin-top: 15px; }



.footbox .adresbox { width: auto;
    height: auto;
    display: flex
;
    flex-direction: column;
    padding-top: 5px;
    padding-right: 30px; }



.footbox .adresbox .adres {     width: auto;
    height: auto;
    display: grid;
    margin-top: 30px;
    grid-template-columns: 1fr;
    gap: 30px; }

	.footbox .adresbox .adres svg {         width: 20px;
		height: auto; }

.footbox .adresbox .adres .box {     width: auto;
    height: auto;
    display: flex
;
    font-size: 13pt;
    color: #000;
    font-weight: 400;
    gap: 15px;
    align-items: center; }

.footbox .menu { width: 43%;
    height: auto;
    display: flex;
    color: #424242;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    padding-left: 20px;
    padding-right: 20px;
    gap: 20px;     padding-top: 6px; }

.footbox .menu h3 { width: 100%; float: left;        margin: 0;
    padding: 0px;
    font-size: 15pt;
    color: #424242;
    font-weight: 500; margin-bottom: 10px; }

.footbox .menu ul { display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0px;
    padding: 4px;
    font-size: 12pt;
    margin-top: 15px;     margin-left: 0px;
    padding-left: 1px; }	

.footbox .menu ul li { display: block; font-weight: 300;  }

.footbox .menu a { color: #424242; }

.foottext { width: 100%; height: auto; display: flex; align-items: center; justify-content: center; margin-top: 10px; text-align: center; }

.footeratmosfer { width: 100%; height: 487px; background: url(images/footer-atmosfer.png) no-repeat center center; background-size: cover;  display: flex; align-items: center; justify-content: center; margin-top: 10px; text-align: center; }

.footbox .socialbox .ebulten { width: 100%; height: auto; display: flex; flex-direction: column; }
.footbox .socialbox .ebulten .title { width: 100%; height: auto; display: flex; color: #424242; font-size: 15pt;
    font-weight: 500; margin-bottom: 10px; }


	.footbox .socialbox .ebulten form  { display: flex; flex-direction: column; }
	.footbox .socialbox .ebulten form input  { padding: 21px;
    border: none;
    background: #E8E8E8 !important;
    color: #5B5B5B;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
.footbox .socialbox .ebulten form button  { padding: 14px;
    height: 42px;
    line-height: 100%;
    border: none;
    background: #E8E8E8;
    color: #5B5B5B;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }



.foot-content {background: #C01520; float: left; width: 100%; padding-top: 15px; padding-bottom: 15px; margin-top: 20px; }

.foot-content .copyright { float: left; font-size: 12pt; color: #fff; font-weight:400;}
.foot-content .design { float: right;   }

.foot-content .design .text { float: left; font-size: 12pt; color: #fff; font-weight: 400; margin-right: 14px; }
.foot-content .design .logo { width: 41%; height: auto; float: left; }
.foot-content .design .logo img { width: 100%; height: auto; }




/* FOOTER POPUP */

#simplemodal-container {border: 0px solid rgb(80, 80, 80); border: 0px solid rgba(0, 0, 0, 0.8); -moz-border-radius: 10px; border-radius: 10px;} 

.gg-fb {border:15px solid rgba(0, 0, 0, 0.5); width: auto; max-width: 601px; height: auto;  z-index: 9998; position: fixed; top: 20%; left: 35%; padding: 0px !important;} 
.gg-fb img { width: 100%; height: auto;  }
.gg-fb .fb-div {position: absolute; top: 0px; left: 610px;}

.modalCloseImg { width:33px; height:32px; float: left; right: -8px; top: -15px; position: absolute; z-index: 9999;     cursor: pointer;}

.gridlist {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: masonry; grid-gap: 20px;}
.modal-open {overflow: initial !important;}







/* RESPONSİVE */
/*****************************/
/**********************************/

@media only screen and  (max-width: 330px) {


    header section.ortala .inbtn .ico { display: none;  }
    header .menualan {
    margin-top: 70px;
    }

    header section.ortala .inbtn {

    margin-right: 5px;
    padding: 10px;
    padding-left: 7px;
    padding-right: 10px;
   
    }

    .gg-fb {     left: 0%; }
.gg-fb .fb-div { left: 10px; }

#kategori_list .list img { width: 100%; height: auto; }


}

@media only screen and  (max-width: 760px) { /* MOBİL EKRANLAR */

    header section.ortala .ustbtn .box:last-child { border: none; }


    #slaytbutons .buttonsbox .box a { padding-left: 10px; padding-right: 10px; }

.gg-fb {     left: 0%; }
.gg-fb .fb-div { left: 10px; }

.masaustubagis { display: none; }
.mobilbagis { display: block !important; margin-left: 15px; }

header .fixed-header section.ortala { background: #C01520 !important;  }
header .fixed-header section.ortala .mobilarama { display: none !important;  }
header .fixed-header section.ortala .menualan .logos { margin-left: 15px;  }
header .fixed-header section.ortala .menualan .navbar-default .navbar-toggle { background: #C01520 !important;
    border-color: #065e61 !important; float: right; margin-right: 15px; margin-left: 15px; padding: 10px; }

header .fixed-header section.ortala .menualan .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
header .fixed-header section.ortala .navbar-nav {  margin: 0px -15px;  }

.altalan .left .head-content .logokutu { width: 28%; }
.altalan .left .head-content .logokutu .logo { width: 86px;  }
.altalan .left .head-content .info .text { font-size: 11pt;  }
.altalan .left .head-content .headsoci { width: 100%; border-top: 1px solid #585858;  padding-left: 20px; }

header {overflow: hidden;}
main {overflow: hidden;}

#menu {     margin: 0px;
    padding: 0px;
    float: left;
    text-align: left; }

#menu li:hover > ul{
    display: none;
    visibility:visible;
    opacity: 1;
}

#menu li  { margin-top: 0px;  }
#menu li a { color: #000 !important; padding-left: 30px;  text-align: left; }
#menu .dropdown { 


    position: relative;
    top: 0px;
    width: 100%;
    left: 0px;
    background: #999;
    margin-top: 0px;
    float: left;
    padding: 0px;
    text-align: center;

  }

#menu .dropdown li { background: #eee;
    border: none;  }    
#menu .dropdown a {

    border-right: none;
    color: #000;
    border-bottom: 1px solid #dcdcdc;
    line-height: 170%;
    padding-top: 5px;
    padding-bottom: 6px;
    word-break: break-all;
    white-space: normal;
    word-break: break-word;
    padding-left: 50px;
    text-align: left;

}


#menu ul {
    
    position: relative;
    top: 0px;
    width: 100%;
    left: 0px;
    background: #999;
    transition: opacity 0.3s ease, max-height 0.3s ease;
}

#menu .has-dropdown:hover .dropdown a {  padding-top: 10px;  }



header section.ortala .ustbtn {
    width: auto;
    height: auto;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: -5px;
}



header section.ortala .ustbtn .box_renk1 { display: none;  }
header section.ortala .ustbtn .box_renk2 { display: none;  }


header section.ortala .ustbtn .box .ico {
    width: 20px;
    height: auto;
    float: left;
    margin-right: 7px;
}

header section.ortala .ustbtn .box .text {
    width: auto;
    height: auto;
    float: left;
    font-size: 12pt;
    color: #7d7d7d;
}


header section.ortala .sosyalaglar { margin-right: -5px;  }

header section.ortala .sosyalaglar img {
    
    width: 22px;

}

header section.ortala .buttons { width: auto;
    height: auto;
    float: right;
    margin-top: 60px;
    margin-right: -15px;
    position: absolute;
    right: 0;  }

    header section.ortala .inbtn {
        margin-right: 5px;
        padding: 10px;
        padding-left: 12px;
        padding-right: 14px;
        margin-top: 4px;
        border-radius: 4px;
    }

header section.ortala .inbtn .ico {
    width: 17px;
    height: auto;
    float: left;
    margin-right: 5px;
}

header section.ortala .inbtn .text {
    width: auto;
    height: auto;
    float: left;
    color: #fff;
}

header .navbar-toggle { float: left; margin-right: 0px; margin-left: 15px;  }
header section.ortala .masaustuarama { display: none; }
header section.ortala .mobilarama { display: block !important; }
header section.ortala .aramaalan {

    float: right;
        border: 1px solid #c0bdbd;
        margin-top: 3px;
        padding: 10px;
        background-image: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-right: 0px;
}

header section.ortala .gonder { left: 0px;
    top: 0px;  }



.overlay-content input[type="search"] { font-size: 17px; }
.overlay-content .aciklamalar { font-size: 9pt;  }
    
    #blogiki .blogiki_makaleler article .baslik .baslik_text { width: 63%;  }
    #blogiki .blogiki_makaleler article .baslikvehover { height: auto; padding-top: 12pt; padding-bottom: 10px;  }


    
    #faaliyetrapor .faaliyet { width: 100%;   }

    #faaliyetrapor .faaliyet .content .imagebox { width: 245px; }
    #faaliyetrapor .faaliyet .content .textbox {     padding-left: 19px;
    padding-top: 20px;  }
    #faaliyetrapor .faaliyet .content .textbox .title { width: 93%;  }
    #faaliyetrapor .faaliyet .content .textbox .desc { width: 93%;  }
    #faaliyetrapor .faaliyet .content .textbox .more { width: 93%;  }
    #faaliyetrapor .rapor { width: 100%; border-left: none; margin-top: 10px; margin-left: 0px;  }
    #vakifkudus .kudusbox {     height: 423px; border:none; margin-top: 10px;  }
    #vakifkudus .kudusbox .buttons .button-box {     width: auto;
    height: 80px;
    float: left;
    margin: 10px;
    margin-left: 0px;  }


   
    section.ortala {width:100%; height:auto; float:left;}
    .ortala {width:100%; height:auto; float:left;}

    header section.ortala .sloganalan {margin-left: 0px; display: none;}


    #hizmetlerimiz .text-center {padding:0px;}
    #hizmetlerimiz h2 {font-size: 25pt;}

    #blogiki h2 {font-size: 25pt;}

    #hizmetlerimiz .bx-wrapper {margin-left: 12px; margin-right: 12px;}
    #blogiki .blogiki_makaleler article .resimvebaslik img {width: 100%;}

    main .markalar article {padding: 0px !important;}
    .sosyalmedya {margin-top:4% !important;text-align: left !important;}
    .sosyalmedya p {text-align: left !important;}
    .digerleri {position: inherit !important;}
    .detay_alan_sagsol .sol {padding: 0px !important;padding-left: 15px !important;    padding-right: 15px !important;}
    .detay_alan_sagsol .sol figure  {margin:0px !important;}
    
    main section.detay .ana_baslik_alan .geridon {display: none;}
    main section.detay .ana_baslik_alan h1.anabaslik {margin-left: 15px !important;}
    main.detay .detaybaslik h1 { margin-left: 15px;  }
    .detaybaslik .cizgi_kutu  { margin-left: 15px;  }
    .detaybaslik .yol_genel { margin-left: 15px;  }
    main.detay .detayyazilar p {
    
    padding: 20px;
    margin-top: 0px;
    padding-right: 0px;
    
    }
    main.detay .tarih {     margin-left: 22px;
    margin-top: 0px;  }

    #kategori_list .list {
    width: 100% !important;
    height: auto;
    float: left;
}   

#kategori_list .list img { width: 100%; height: auto; }

    .list .kutular { margin-bottom: 10px; }

    #category .blogbir_makaleler article .resimvebaslik img{width: 100%;}
    header section.ortala .sloganalan .slogan {width:100%; height:auto; float:left; text-align: center;margin-bottom: 20px;}
   
    #gallery-1 img {width:100%;}
    #gallery-1 .gallery-item {width: 46% !important;margin:2%;}

    main .ortabanner .bannerbaslik{font-size: 11pt; line-height: 190%;}
    main .ortabanner {padding: 20px;    }

    header .ortala { background: #fff;   }
    header .menualan .ortala { background: none; padding-bottom: 0px; }

    main .slayts { padding-top: 10px !important; padding-bottom: 10px !important;  }
    main .slayts .golge { position: relative; height: 220px;  }
    main .slayts .slaytbilgileri { top: 53px;  }
    main .slayts .slider .baslik { font-size: 14pt;  }
    main .slayts .slider .aciklama { display: none; }
    main .slayts .slider .devami { display: none; }
    main .slayts .bx-viewport { height: 198px !important;  }

    .blog { padding: 15px; padding-top: 0px;  padding-bottom: 0px;  }

    header section.ortala .logoalan { margin-top: 10px;  margin-left: -15px; }
    header section.ortala .ustsag { margin-top: 5px; margin-right: -22px;  }
    header section.ortala .aramaalan { float: right;  }
    header section.ortala .sosyalaglar { margin-left: 0px;  }

    header .menualan {     background: #f3f3f3 !important; margin-top: 10px;
        padding-top: 3px;
        padding-bottom: 3px;  }
    

    header .navbar-brand {margin-left:-5px; display: block !important;}
    header .menualan nav ul li {    width: 98%;
    height: auto;
    float: left;
    background: #f1f1f1;
        border-bottom: 1px solid #d7d7d7;
    margin: 5px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    margin-left: 2px;
    margin-right: 0px;
    margin-bottom: 0px;}

    header .menualan nav ul li a { color: #6a6a6a;  }
    

    main .uyebanner .bannerbaslik { font-size: 18pt;  }
    main .uyebanner .bannerozet {  font-size: 12pt; }

   
    .footer_buttons figure { width: 50%; }

    .altalan .left { width: 100%; padding:0px;  }

    .altalan .left .head-content .logokutu { width: 34%; margin-left: 20px;
    margin-right: 20px; }
    .altalan .left .head-content .address { width: 100%; padding-left: 0px;
    margin-left: 8px; border:none; border-top: 1px solid #1c548f; margin-top: 5px; }

    .altalan .left .head-content .contact { width: 44%;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 20px; }
    .altalan .left .head-content .headnav {
    width: 37%;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 0px;
    border-top: 1px solid #414141;
}
    .altalan .left .head-content .headsoci {
    width: 32%;
    height: auto;
    float: right;
    padding: 10px;
}

.altalan .left .head-content .logokutu { width: 28%; }
.altalan .left .head-content .logokutu .logo { width: 86px;  }
.altalan .left .head-content .info .text { font-size: 11pt;  }
.altalan .left .head-content .headsoci { width: 100%; border-top: 1px solid #585858;  padding-left: 20px; }



.altalan .altbuton4 .ebulten { width: 78%; left: 18px;
    bottom: 46px;  }

  .altalan .altbuton4 .ebulten input {
    background: #f8d679;
    padding: 9px;
    font-size: 7pt;
    color: #774406;
    border: 0px;
    height: 25px;
}
  
  .altalan .altbuton4 .ebulten .gonder {
    
    font-size: 8pt;
    font-weight: 500;
    padding: 5px;
}

.foot-content { text-align: center;  }
.foot-content .copyright { float: left;
font-size: 9pt;
color: #FFF;
font-weight: 400;
width: 100%;  }
.foot-content .design { float: none;
display: inline-block;
margin-top: 5px;  }

.footbox .logobox .logo { border:none !important; }

.footbox .menu { width: 100%; border:none; border-top: 1px solid #C01520;
    border-bottom: 1px solid #C01520;
    padding-top: 20px !important;
    padding-bottom: 20px !important; padding-left: 0px; }

    .footbox .socialbox { width: 100%; }

    .footbox .adresbox .adres .pin { width: 40px !important; }

    #harita { padding: 10px; margin-top: 0px;
        margin-bottom: 0px;}
#map { height: 250px !important; }

.gridlist {grid-template-columns: repeat(1, 1fr) !important;}

/* YENİ EKLENEN */



#slaytbutons { top: 20px; margin-top: 10px; display: inline-block !important; } 
#slaytbutons .buttonsbox { width: 100%;  flex-wrap: wrap;  left: 0px; justify-content: flex-start; margin-bottom: 0px; }
#slaytbutons .buttonsbox .box {         width: 100%;
    padding: 0px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px; 
    opacity: 0.7;
    filter: grayscale(100%);
}

.mainslaytbutons .buttonsbox { margin-bottom: 40px !important; } 
#slaytbutons .buttonsbox { padding-left: 0px !important;  padding-right: 0px !important; } 


#slaytbutons .buttonsbox .activess {
    opacity: 1.0;
    filter: grayscale(0%);
}
    
#slaytbutons .buttonsbox .box:hover {
    opacity: 1.0;
    filter: grayscale(0%);
}

#kurumsal .tanitimbox { flex-wrap: wrap; }
#kurumsal .tanitim {     flex-direction: column; border: none; }
#kurumsal .tanitim .image {     width: 100%; }
#kurumsal .tanitim .content { width: 100%; padding-left: 0px; margin-top: 20px; }
#kurumsal .gallery { width: 95%; padding-left: 0px; margin-top: 20px; }

.accordion-container { grid-template-columns: 1fr; }

.footbox { flex-wrap: wrap; }
.footbox .logobox {  align-items: flex-start !important;   flex-direction: column;
    flex-wrap: wrap; }

.footbox .adresbox .adres { grid-template-columns: 1fr !important; }

#haberler { padding-top: 0px; }

.main-title { margin-bottom: 0px;     margin-top: 20px; }


main.detay .alt_kucuk_resim { height: 250px !important; }

main.detay .detayyazilar { padding: 0px !important; padding-right: 20px !important;  }
main.detay .detayyazilar .videokod { padding: 20px; }
main.detay .project { flex-direction: column !important; }
main.detay .content { width: 100% !important; max-height: 100% !important; }
main.detay .buttons_box { width: 100% !important; flex-wrap: wrap; }
main.detay .button_group { flex-wrap: wrap !important;  }

.alt_resimler { margin-left: 22px; }
.alt_resimler .digerresimler { width: 94%; height: 250px; }

#blogiki .blogiki_makaleler article .baslik .inputlar { height: auto; }

.blogiki_makaleler .owl-nav button {
    padding: 8px;
    font-size: 17pt;
    width: 50px;
    border-radius: 50%;
    border: none;
    position: absolute;
}

.blogiki_makaleler .owl-nav { top: 22%; }
.blogiki_makaleler .owl-prev {
    left: 10px;
}
.blogiki_makaleler .owl-next {
    right: 10px;
}

.owl-theme .owl-nav [class*=owl-]:hover { background: #d9d9d9 !important; }


#statics .mainbox { flex-direction: column; }
#statics .mainbox img { width: 100%; height: auto; }

#slaytbutons {  }

#hedefliprojeler { display: inline-block !important; }
#haberler .owl-nav { display: none !important; }

#hedefliprojeler .titlecontent .title { font-size: 22px;  }
#hedefliprojeler .titlecontent .desc { font-size: 13px;  }
#hedefliprojeler .titlecontent .all { display: none; }

#hedefliprojeler .donate { flex-direction: column !important; height: auto !important; }
#hedefliprojeler .blogiki_makaleler article .baslikvehover { width: 100% !important; height: auto !important; }
#hedefliprojeler .blogiki_makaleler article .resimvebaslik { width: 100% !important; margin-top: 15px !important; }

.blogiki_makaleler .owl-nav { top: -80px !important; }
.blogiki_makaleler .owl-prev { right: 70px !important; left: unset !important; }

#kudus .content { width: 100% !important; }
#kudus .content .ico { width: 35px !important; }
#kudus .content .title { font-size: 30px !important; }
#kudus .content .desc { font-size: 16px !important; font-weight: 400 !important; }

#kudus .content .text { font-size: 12px !important; }
#kudus .content .projectbtn { padding: 5px !important; }

.logobox { height: auto; }

.logobox .logocontent { flex-direction: column;
    padding-left: 10px;
    align-items: flex-start; }
.logobox .logo { width: 70%; margin-top: 24px; }
.logobox img { width: 100%; height: auto; }

.logobox .slogan { width: 100%; margin-top: 24px; text-align: left; }
.logobox .social { margin-top: 24px; margin-bottom: 24px; }

.footeratmosfer { display: none; }

.custom-navigation { top: 77% !important; left: 30% !important; }
.custom-navigation .flex-next { right: unset !important; left: 86px !important; }

.ok { border-radius: 0px !important; }

#statics { height: auto !important;}

}

@media only screen and (min-width: 768px) and (max-width: 960px) {


.gg-fb {     left: 0%; }
.gg-fb .fb-div { left: 10px; }

section.ortala { width: 100%; height: auto;  }
.ortala {width:100%; height:auto; float:left;}
header section.ortala .sloganalan {margin-left: 0px; display: none;}


#hizmetlerimiz .text-center {padding:0px;}
#hizmetlerimiz h2 {font-size: 25pt;}

#blogiki h2 {font-size: 25pt;}

#hizmetlerimiz .bx-wrapper {margin-left: 12px; margin-right: 12px;}
#blogiki .blogiki_makaleler article .resimvebaslik img {width: 100%;}

main .markalar article {padding: 0px !important;}
.sosyalmedya {margin-top:4% !important;text-align: left !important;}
.sosyalmedya p {text-align: left !important;}
.digerleri {position: inherit !important;}
.detay_alan_sagsol .sol {padding: 0px !important;padding-left: 15px !important;    padding-right: 15px !important;}
.detay_alan_sagsol .sol figure  {margin:0px !important;}
main section.detay .ana_baslik_alan .geridon {display: none;}
main section.detay .ana_baslik_alan h1.anabaslik {margin-left: 15px !important;}
#category .blogbir_makaleler article .resimvebaslik img{width: 100%;}
header section.ortala .sloganalan .slogan {width:100%; height:auto; float:left; text-align: center;margin-bottom: 20px;}

#gallery-1 img {width:100%;}
#gallery-1 .gallery-item {width: 46% !important;margin:2%;}

main .ortabanner .bannerbaslik{font-size: 14pt; line-height: 190%;}
main .ortabanner {padding: 20px;    }

header .ortala { background: #fff; padding-bottom: 10px;  }
header .menualan .ortala { background: none; padding-bottom: 0px; }

main .slayts { padding-top: 10px !important; padding-bottom: 10px !important;  }
main .slayts .golge { position: relative; height: 220px; bottom: 405px;  }
main .slayts .slaytbilgileri { top: 95px;  }
main .slayts .slider .baslik { font-size: 16pt;  }

main .slayts .bx-viewport { height: 298px !important;  }

#blog { padding: 15px; padding-top: 0px;  padding-bottom: 0px;  }

header section.ortala .logoalan { margin-top: 10px;  }
header section.ortala .ustsag { margin-top: 5px;  }
header section.ortala .aramaalan { float: right;  }
header section.ortala .sosyalaglar { margin-left: 0px;  }



main .uyebanner .bannerbaslik { font-size: 18pt;  }
main .uyebanner .bannerozet {  font-size: 12pt; }

#haberler { padding-top: 30px;  padding-bottom: 30px;  }

#kategori_list .list img { width: 100%; height: auto; }
   
/* YENİ EKLENEN */

#blogiki .owl-nav { display: none !important; }
#haberler .owl-nav { display: none !important; }


#slaytbutons { top: 0px; margin-top: 30px;  } 
#slaytbutons .buttonsbox { width: 100%;  flex-wrap: wrap;  left: 0px;         justify-content: flex-start; }
#slaytbutons .buttonsbox .box {         width: 100%;
    padding: 0px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px; }

#kurumsal .tanitimbox { flex-wrap: wrap; }
#kurumsal .tanitim {     flex-direction: column; border: none; }
#kurumsal .tanitim .image {     width: 100%; }
#kurumsal .tanitim .content { width: 100%; padding-left: 0px; margin-top: 20px; }
#kurumsal .gallery { width: 97%; padding-left: 0px; margin-top: 20px; flex-direction: row !important; }

.accordion-container { grid-template-columns: 1fr; }

.footbox { flex-wrap: wrap; }
.footbox .logobox {  align-items: flex-start !important;   flex-direction: column;
    flex-wrap: wrap; }

.footbox .adresbox .adres { grid-template-columns: 1fr !important; }

#haberler { padding-top: 30px; }
.main-title { margin-bottom: 0px;     margin-top: 20px; }

main.detay .detayyazilar { padding: 0px !important; padding-right: 20px !important; padding-left: 20px !important; }
main.detay .project { flex-direction: column !important; }
main.detay .content { width: 100% !important; max-height: 100% !important; }
main.detay .buttons_box { width: 100% !important; flex-wrap: wrap; }
main.detay .button_group { flex-wrap: wrap !important;  }

.foot-content { text-align: center;  }
.foot-content .copyright { float: left;
font-size: 9pt;
color: #FFF;
font-weight: 400;
width: 100%;  }
.foot-content .design { float: none;
display: inline-block;
margin-top: 5px;  }

.footbox .logobox .logo { border:none !important; }

.footbox .menu { width: 100%; border:none; border-top: 1px solid #C01520;
    border-bottom: 1px solid #C01520;
    padding-top: 20px !important;
    padding-bottom: 20px !important; }

    .footbox .socialbox { width: 100%; }

    .footbox .adresbox .adres .pin { width: 40px !important; }

    #harita { padding: 10px; margin-top: 0px;
        margin-bottom: 0px;}
#map { height: 250px !important; }


.gridlist {display: grid; grid-template-columns: repeat(2, 1fr) !important; }


#statics .mainbox { flex-direction: column; }
#statics .mainbox img { width: 100%; height: auto; }

#hedefliprojeler .titlecontent .title { font-size: 22px;  }
#hedefliprojeler .titlecontent .desc { font-size: 13px;  }
#hedefliprojeler .titlecontent .all { display: none; }

#hedefliprojeler .donate { flex-direction: column !important; height: auto !important; }
#hedefliprojeler .blogiki_makaleler article .baslikvehover { width: 100% !important; height: auto !important; }
#hedefliprojeler .blogiki_makaleler article .resimvebaslik { width: 100% !important; }

.blogiki_makaleler .owl-nav { top: -80px !important; }
.blogiki_makaleler .owl-prev { right: 70px !important; left: unset !important; }

#kudus .content { width: 100% !important; }
#kudus .content .ico { width: 35px !important; }
#kudus .content .title { font-size: 30px !important; }
#kudus .content .desc { font-size: 16px !important; font-weight: 400 !important; }

#kudus .content .text { font-size: 12px !important; }
#kudus .content .projectbtn { padding: 5px !important; }

.logobox { height: auto; }

.logobox .logocontent { flex-direction: column;
    padding-left: 10px;
    align-items: flex-start; }
.logobox .logo { width: 70%; margin-top: 24px; }
.logobox img { width: 100%; height: auto; }

.logobox .slogan { width: 100%; margin-top: 24px; text-align: left; }
.logobox .social { margin-top: 24px; margin-bottom: 24px; }

.footeratmosfer { display: none; }

}