/*@import url(//fonts.googleapis.com/css?family=Cuprum:400,700&subset=latin,latin-ext);*/
/*@import url(//fonts.googleapis.com/css?family=Ubuntu+Condensed:400&subset=latin,latin-ext);*/
/*@import url(//fonts.googleapis.com/css?family=Francois+One:400&subset=latin,latin-ext);*/
/*@import url(//fonts.googleapis.com/css?family=Dosis:400,700|Marck+Script&subset=latin,latin-ext);*/
/*@import url(//fonts.googleapis.com/css?family=Oswald:300,400,700&subset=latin,latin-ext);*/
/*@import url(//fonts.googleapis.com/css?family=Courgette&subset=latin,latin-ext);*/

*:focus{ outline:none; }
ol, ul { list-style: none; padding:0; margin:0; }
i { font-style:normal; }
input,textarea,select { font:inherit; line-height:inherit; resize:none; }
input:focus,textarea:focus {/* outline:1px solid #a00;  */ }
::-webkit-input-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc;   opacity:  1; }
:-ms-input-placeholder { color: #ccc;}
::selection { background:rgb(0,0,0); text-shadow:none; color:#fff; }
::-moz-selection { background:rgb(0,0,0); text-shadow:none; color:#fff; }
/*

00a1b1 rgba(0,161,177,1) //turkuaz
d84b08 rgba(216,75,8,1) //turuncu

*/

body,html { height:100%; /*box-shadow:inset 0px 0px 800px rgba(0,0,0,0.5);*/ }
body {
    /*font-family:'Verdana';*/   
    background:#fff;
	box-sizing:border-box;
	background-attachment: fixed;
	background-repeat:no-repeat;
	
	color:#000;
}


.container { position:relative; /* max-width:960px;   */margin:0 auto; }

#ust { /* position:fixed; top:0;  */width:100%; height:85px; background:none; z-index:999; }

#logoKapsayan {  margin:40px 0 0 0;  box-sizing: border-box;  }

#ustAlt { /* position:fixed; top:85px; */ height:32px; width:100%; box-shadow: 0 7px 7px rgba(0,0,0,0.3); z-index:999; }


.tema1{ background:#016273; }
.tema2{ background:#14150D; }
.tema3{ background:#48050E; }
.tema4{ background:#6B674E; }
.tema5{ background:#694C60; }

body.tema1 { background:linear-gradient(#067f92, #0f92a3); background-attachment: fixed;}
body.tema2 { background:linear-gradient(#35372b, #5b5d53); background-attachment: fixed;}
body.tema3 { background:linear-gradient(#5e252f, #995561); background-attachment: fixed;}
body.tema4 { background:linear-gradient(#948c61, #d9d3b7); background-attachment: fixed;}
body.tema5 { background:linear-gradient(#986688, #cdbbc7); background-attachment: fixed;}

#ustMenuMobilKapsayan { display:none;  }

.ustMenu { margin:6px 0 0 0; display:inline-block;  }

.ustMenu > li { position:relative; display:inline-block; }
.ustMenu > li a { transition:1s; opacity:1; position:relative; z-index:10; font-size:10px; color:inherit; background:rgba(255,255,255,0.7); border-radius:4px; display:inline-block; line-height:17px; padding:0px 10px; text-decoration: none;  }
.ustMenu > li a.pasif { transition:1s; opacity:0;  }
.ustMenu > li .serit { transition:1s; position:absolute; left:0; top:9px; width:100%; height:5px; border-radius:4px; background:#fff; z-index:9; opacity:0; }
.ustMenu > li .serit.aktif { transition:1s; opacity:1; }

#temaSec  { float:right; margin:8px 0 0 0;  }
#temaSec li { width:16px; height:16px; margin:0 0 0 1px; border:1px solid #000; display:inline-block; cursor:pointer; }
#temaSec li:hover { border:1px solid #fff; }
#temaSec li.aktif { border:1px solid #fff; }





/* sol */
.kutu { padding:20px; box-sizing:border-box; background:rgba(255,255,255,0.8); border-radius:10px; margin-bottom:15px; text-align:center;  }
.kutu h2 { font-size:12px; margin-top:0; }
#vecizeKutu em {  display:block;  font-size:10px; opacity:0.7;   }
.kutu marquee {  text-align:center; }

#aramaKutu { margin-bottom:15px; }
#aramaKutu input { border-radius:10px 0 0 10px; border:none; }
#aramaKutu span#ara { border-radius:0 10px 10px 0; border:none; background:rgba(0,0,0,0.2); color:#fff; cursor:pointer;  }


#sonYazilarKutu { }
.sonYaziKutu { }
.sonYaziKutu img { display:block; width:100%;   }
.sonYaziKutu h3 { margin:10px 0 0 0; }
/* sol */

/* sag */
.sagKutu { background:rgba(0,0,0,0.7); padding:20px 10px;}
.sagKutu canvas { width:100%; display:block; }
/* sag */






.altSayfa { margin:40px auto; min-height:500px;  }





#anasayfa .ortaUst { padding-bottom:10px; margin-bottom:10px;  }

#anasayfa .ortaUst .row { border-bottom:1px dotted rgba(255,255,255,0.5);  margin:0 0 10px 0; }

#anasayfa .orta .row h3 { font-size:16px;  font-weight:bold; margin:5px 0 5px 0; display:inline-block; width:50% }
#anasayfa .orta .row h3 small { font-size:10px; line-height:14px; font-style:italic; color:#000; opacity:0.7; display:block; }
#anasayfa .orta .row > .sutun .ozet { }
#anasayfa .orta .row > .sutun { height:200px; overflow:hidden; margin-bottom:10px; }
#anasayfa .orta .row > .sutun  img { width:50%; }
#anasayfa .orta .row > .sutun:nth-last-child(even)  { text-align: right; }
#anasayfa .orta .row > .sutun:nth-last-child(even) img { float:right; padding-left:10px;   }
#anasayfa .orta .row > .sutun:nth-last-child(odd) img { float:left; padding-right:10px;   }

.tema2 #anasayfa .orta .row h3 small,.tema3 #anasayfa .orta .row h3 small {  color:#fff; }

/*tanitim uste muhalif */
#anasayfa .orta .row.tanitim > .sutun:nth-last-child(even) { text-align:left;  }
#anasayfa .orta .row.tanitim > .sutun:nth-last-child(odd) { text-align:right;  }
#anasayfa .orta .row.tanitim > .sutun:nth-last-child(odd) img { float:right; padding-left:10px;   }
#anasayfa .orta .row.tanitim > .sutun:nth-last-child(even) img { float:left; padding-right:10px;   }




#anasayfa .kutu.siir {  background:rgba(255,255,255,0.7);   }
#anasayfa .kutu.siir h3 { margin:0 0 5px 0; font-size:16px; font-weight:bold; }
#anasayfa .kutu h3 small { font-size:10px; line-height:14px; font-style:italic; color:#000; opacity:0.7; display:block; }

#anasayfa .orta .row.tanitim {  padding:10px; margin-bottom:10px; border-radius:10px; border-bottom:none; border:1px solid rgba(255,255,255,0.5);    }
#anasayfa .orta .row.tanitim .sutun { height:150px; }

#anasayfa a { color:#fff; display:block; }
/*#anasayfa a:hover { color:#fa0 !important; }*/
.ortaUst a:hover h3,.siir a:hover h3,.tanitim a:hover h3 { opacity:0.5 !important; }
body.tema4 #anasayfa a,body.tema5 #anasayfa a { color:#000; }
body.tema4 #anasayfa h2,body.tema5 #anasayfa h2 {  color:#000; }
#duyurularKutu a { color:#000; } /* beyaz zeminli kutularda  */
#anasayfa .siir a { color:#000; }

/* alt */
#altSerit { width:100%; font-size:12px; padding:5px 0;  color:#fff; box-shadow: 0 -7px 7px rgba(0,0,0,0.3); z-index:999; }
#altSerit a {  color:rgba(255,255,255,0.6); }
/* alt */



/* liste */

.ortaIcerik { text-align:left; padding:20px; min-height:500px;  }
.ortaIcerik h2 { font-size:16px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.5); }
.ortaIcerik h2 i {  }


#taglar {  margin-bottom:40px; }
#taglar li { display:inline-block; margin:0 5px 5px 0; }
#taglar li a { position:relative; display:block; background:rgba(0,0,0,0.1);  padding:5px 15px 5px 10px; border-radius:10px 0 0 10px }
#taglar li a i.fa { opacity:0.3; font-size:12px;}
#taglar li a.aktif { background:#000; color:#fff; /* transform:rotate(90deg); transform-origin:0% 0%; left:30px; */ z-index:99;  }

#liste { }
#liste ul li{ padding:5px; }
#liste ul li:nth-child(even) { background:rgba(0,0,0,0.1); }
#liste ul li a {  }
#liste ul li small { opacity:0.5; font-style:italic; }


.title { text-align:left; padding:5px 0;  }
.title img { float:left; margin:0 5px 5px 0; height:40px; }
.title label { font-weight: normal; opacity:0.4; margin-right:5px; }
/* liste */

/* detay */
#yaziBoyutu { position:absolute; right:0; top:150px; }
#yaziBoyutu li { color:#fff; padding:0 5px; margin-bottom:2px; text-align: center; cursor:pointer; border-radius:5px 0 0 5px; }

#detayKapsayan { padding:0px 20px; }
#detayKapsayan .bilgi { margin:15px 0;  }
#detayKapsayan .bilgi .satir { padding:2px 8px; }
#detayKapsayan .bilgi .satir:nth-child(even) { background:rgba(0,0,0,0.1);   }
#detayKapsayan .bilgi .satir label { display:inline-block; width:100px; font-weight: normal; opacity:0.5; margin-bottom:0;  }
#detayKapsayan .bilgi .satir a { display:inline-block; margin:0 10px 0px 0;  }

#detay { font-size:15px; }
#detay #detayResim { float:left; margin:0 20px 20px 0 }
#yorumForm { max-width:500px; margin:15px 0;}

#yorumlar { }
.yorumKutu { padding:20px 0 ; border-bottom:1px dotted rgba(0,0,0,0.2);  }
/* detay */

/* galeri */
#fotoListe ul li { position:relative; display:inline-block; margin:0 20px 20px 0;  width:180px; height:180px; }
#fotoListe ul li img { transition:0.5s; position:absolute; left:0; top:0; bottom:0; right:0; max-width:100%; max-height: 100%; width:auto; height:auto; display:block; margin:auto; border:1px solid rgba(255,255,255,0.5);  }
#fotoListe ul li:hover img { transition:0.5s; box-shadow:10px 10px 10px rgba(0,0,0,0.4); border:1px solid #fff; }
#fotoListe ul li a:hover { opacity:1; }
/* galeri */
 
/* tanitim */
#tanitimSayfa { }
#tanitimSayfa #liste li { float:left; width:100%; padding:20px 10px; margin-bottom:10px;  }
#tanitimSayfa #liste li h3 { margin:0 0 10px 0; }
#tanitimSayfa #liste li img { float:left; width:100px; margin:0 15px 0 0; }

#tanitimDetay h1 {  }
#tanitimDetay img { float:left; margin:0 15px 15px 0; }
/* tanitim */



#iletisim { }
#iletisimForm small { display: block; font-weight: normal; opacity:0.5; }
#iletisimForm .control-label { padding-top:0; }
#iletisimMesaj { height:120px; }



#duyuruSayfa { }
.duyuruKutu { padding:0 0 0px 0;  ;}


/* arama */
#aramaSayfa { }
#aramaSayfa #liste li { margin:10px 0; font-weight:bold;  }
#aramaSayfa #liste li small { display:block; opacity:1; font-weight: normal; font-style:normal; }
/* arama */



#sosyal { text-align:right; }
#sosyal li { display:inline-block; font-size:24px; margin-left:1px; }
#sosyal li a { display:inline-block; text-align:center; background:rgba(0,0,0,0.1);  width:40px; line-height:40px; border-radius:5px; }

.pagination { width:100%; text-align:center; }
.pagination li { display:inline-block; float:none; }
.pagination li a { border-radius:0px !important; border:none; color:#000; background:rgba(255,255,255,0.5); }
.pagination li a.aktif { background:rgba(0,0,0,0.5); color:#fff; }


a { color:#000; }
/*a:hover { color:#fa0; text-decoration: none; }*/
a:hover { /*opacity:0.5;*/ text-decoration: none; }

.divider { border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(255,255,255,0.8); margin:10px 0;}

.btn,input,select,option,.form-control { border-radius:0; }
select.aktif,input.aktif { background:rgba(0,161,177,1); color:#fff; text-shadow:none; }

 .solaYasla { margin-left:0; padding-left:0; }
 .sagaYasla { margin-right:0; padding-left:30px; }

#sayfaSure { position:fixed; left:0; bottom:0px; color:#fff;  opacity:0.5; font-size:10px; z-index:999 }

/* ortaklar */
hr { padding: 0; margin:20px 0; border: none; border-top: medium double rgba(95,12,13,0.3); color:rgba(95,12,13,0.3); text-align: center; } 
/*hr:after { content: "☾"; font-family:'Times New Roman'; display: inline-block; position: relative; top: -0.6em; left:0px; font-size: 1.8em; padding: 5px; transform:rotateZ(-45deg); background: white; z-index:5; }*/

/* a:link,a:visited,a:hover { transition:0.5s; } */

a[href$=".pdf"] { 
background-image: url(../img/pdf.png); background-repeat: no-repeat; background-position: 2px center; background-size:30px;
	padding: 10px 20px 10px 40px; display:inline-block; margin-bottom:0px; border-bottom:1px dashed;
  font-family: 'Oswald';
}

a[href$=".doc"], a[href$=".docx"] {
	background-image: url(../img/pdf.png); background-repeat: no-repeat; background-position: 2px center; background-size:30px;
	padding: 10px 20px 10px 40px; display:inline-block; margin-bottom:0px; border-bottom:1px dashed;
  font-family: 'Oswald';
}

a[href$=".xls"], a[href$=".xlsx"] {
	background-image: url(../img/pdf.png); background-repeat: no-repeat; background-position: 2px center; background-size:30px;
	padding: 10px 20px 10px 40px; display:inline-block; margin-bottom:0px; border-bottom:1px dashed;
  font-family: 'Oswald';
}



.hata { position:relative; padding:0 10px; background:#D90000; color:#fff; text-shadow:none; z-index:999; white-space:nowrap;  }
.yatayAyrac { clear:both; width:100%; border-bottom:1px dashed rgba(49,12,12,0.5); margin:15px 0; }
.temizSatir { clear:both; line-height:0; height:0; font-size:0 }
u.belirt { background:rgba(255,204,0,1); text-decoration: none }
.yukleniyor { margin:2px 5px 0 5px; }
.tarih { font-size:12px; color:rgba(0,0,0,0.5); }
.tarih span { color:#ff841e; margin-left:10px;  }
.perde { transition:1s; position:fixed; top:0; left:0; z-index:99999; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.gizlen { display:none; }


.secilemez {	
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.alarm { -webkit-animation:alarm 1s infinite; animation:alarm 1s infinite; }
@keyframes alarm { 
    0 { opacity: 1; }
   50% { opacity:0; } 
   100% { opacity:1; } 
}
@-webkit-keyframes alarm {
    0% { opacity: 1; }
   50% { opacity:0; } 
   100% { opacity:1; } 
}



@media screen and ( max-width:992px ) {
    
    #ustMenuMobilKapsayan { display:block; }
    
    #ustMenuMobilKapsayan { position:absolute; right:15px; top:5px; z-index:9999; display:block; }
    #ustMenuMobilKapsayan span { position:relative; left:5px; top:20px; font-size:22px; cursor:pointer; color:#fff; z-index:99999  }
    #ustMenuMobilKapsayan input[type=checkbox] { position:absolute; right:-5px; top:20px; width:20px; height:20px; opacity:0; z-index:99999  }
    
    #ustMenuMobilKapsayan input[type=checkbox]:checked  + #ustMenuMobil { transition:0.5s; left:0;  }
    
    #ustMenuMobil { position:fixed;  transition:0.5s; left:100%; top:0px; padding-top:20px;  width:100%; height:100%; overflow:auto;  z-index:999;   }
    #ustMenuMobil li { color:#fff; white-space:nowrap; padding:5px; font-size:18px;     }
    #ustMenuMobil a { color:#fff; padding:2px; margin:2px 0; display:block;    }
    #ustMenuMobil li ul { margin-left:10px;  }
    #ustMenuMobil li ul li { border-bottom:1px solid rgba(255,255,255,0.2); }
    
 
	
	.tema1 #ustMenuMobil { background:#016273; }
	.tema2 #ustMenuMobil { background:#14150D; }
	.tema3 #ustMenuMobil { background:#48050E; }
	.tema4 #ustMenuMobil { background:#6B674E; }
	.tema5 #ustMenuMobil { background:#694C60; }

    
    #logoKapsayan { margin-top:25px; margin-left:15px; padding-bottom:3px; width:unset; box-shadow: none; }
    #logoKapsayan #logo { height:20px;   }
  
    #sayfaSure { display:none; }
    
    .ustMenu { display:none; }
    
   
    
    .solaYasla {  }
    .sagaYasla { padding-left:15px;  }
     .container { padding:0 0px; }
	 
    .ortaIcerik { margin:15px 15px 15px 15px; }
    .row { margin:0  0px 0px 0px; }
    
    
}