@charset "utf-8";

/* CSS Document */

html, body { width: 100%;  height: 100%; font-family: "Century Gothic", Verdana, Geneva, sans-serif  ; font-size: 15px; color: rgba(102,102,102,1)}



.navbar { background:none; height: 175px; border:none; padding-bottom: 0px; margin-bottom: 0px; z-index: 99; }

.nav { padding-top: 85px; font-family: "Century Gothic", Verdana, Geneva, sans-serif ; font-size: 18px;}

.nav li a:hover, a:active  {color: rgba(51,51,51,1);}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active > a:hover { color: #666; background-color: #fff;}

.container { padding-top:0px; margin-top:0px;}



img { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

 

@media (max-width:768px) {

	.nav { background-color: rgba(255,255,255,03);  margin-top: 108px; }

	.row-margin { margin-top: 25px;}

	.navbar-nav { height: 270px; padding: 20px; }	

	.form-control { width:100%;}

 html, body { width: 100%;  height: 100%; font-family: "Century Gothic", Verdana, Geneva, sans-serif  ; font-size: 15px; color: rgba(102,102,102,1)}

}



/* ---------- Referanslar sayfası stilleri ------------ */

.list-group-item { 	border: none; }	

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, list-group-item:hover {

	z-index: -2;

	color: #000;}



.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {

	z-index: 2;

	color: #000;

	background-color: #fff;

	/* #337ab7;*/

	/*border-color: #337ab7*/

}





/*a.list-group-item, button.list-group-item {

	color: #555

}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {

	color: #333

}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {

	color: #555;

	text-decoration: none;

	background-color: #f5f5f5

}

*/

	/*-----------     -----------*/

.size12 {font-size: 12px; font-family: "Century Gothic"} .size14 {font-size: 14px; font-family: "Century Gothic"} .size15 {font-size: 15px; font-family: "Century Gothic"} .size16 {font-size: 16px; font-family: "Century Gothic"} 

.size18 {font-size: 18px; font-family: "Century Gothic"} .size20 {font-size: 20px; font-family: "Century Gothic"} .size22 {font-size: 21px; font-family: "Century Gothic"}

	/*-----------     -----------*/

	

.footer { font-size: 14px; height: 180px;}



	/* -------------Resimlerin Kenar boşlukları ------------*/

.margin-t10 {position:relative; margin-top: 10px;} .margin-t10 { position:relative; margin-top: 10px;}

.margin-t15 {position:relative; margin-top: 15px;} .margin-t20 {position:relative; margin-top: 20px;} 

.margin-t30 { position:relative; margin-top: 30px;} .margin-t40 { position:relative; margin-top: 40px;}

.margin-b20 {position:relative; margin-bottom: 20px;} .margin-b30 { position:relative; margin-bottom: 30px;} 

.margin-b40 { position:relative; margin-bottom: 40px;}



.margin-cont-top {margin-top: 200px}

 

.padding-t5 {position:relative; padding-top:5px;} .padding-t10 {position:relative;  padding-top:10px;} 

.padding-t20 {position:relative;  padding-top:20px;} 

.padding-b5 {position:relative; padding-bottom:5px;} .padding-b10 {position:relative;  padding-bottom:10px;} 

.padding-b20 {position:relative;  padding-bottom:20px;}



.yukseklik10 { height: 10px;} .yukseklik20 {height: 20px;} .yukseklik30 {height: 30px;} 

.yukseklik40 {height: 40px; } .yukseklik50 {height: 40px; }.yukseklik60 {height: 60px; }



/*a:hover { color: rgba(244,244,244,1) }*/

.border { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; max-width: 100%; border: thick rgba(255,255,255,1);

	-webkit-border: thick rgba(255,255,255,1);}

img { border-radius: 10px;  -moz-border-radius: 10px;  -webkit-border-radius: 10px; max-width: 100%; border: thick rgba(255,255,255,1);

	-webkit-border: thick rgba(255,255,255,1);}



.baslik{

	 padding: 8px 0px;  font-size:17px; margin-bottom: 10px; margin-right: 10px; margin-left: 5px; text-align: left;  }



 /* ------ Navbar küçülmesi ------- */

 @media (min-width:768px) {



.navbar-container { padding-top: 0px; }



.navbar.navbar-fixed-top.fixed-theme {height: 60px; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.8);}



.navbar-container.fixed-theme img {width: 45%; height: auto; margin-top: 65px; transition: 0.8s; -webkit-transition: 0.8s;}



.navbar-container.fixed-theme  ul li a { font-size: 14px; transition: 0.8s;  -webkit-transition:  0.8s;  }



.navbar-container.fixed-theme { padding-top: 0; margin-top: -80px; }



.navbar-brand.fixed-theme, .navbar-container.fixed-theme, .navbar.navbar-fixed-top.fixed-theme, .navbar-brand, 



.navbar-container { transition: 0.8s;  -webkit-transition:  0.8s; }



	ul li a { color: #666;}	

	}



/* ----- Menü Mobil Ayarları ----- */ 

@media (max-width:768px) {

	

	.navbar-brand { width:126px; margin-top: 0;}

	.navbar-brand img { width:126px; height: auto; margin-top: -12px}/**/

	.navbar {background:#fff; height:80px}

	.nav { margin-top: 2px;}

	.mobil-top-mar { margin-top: 100px; }

	.navbar ul li a { color:#666} 

	.navbar-header button {z-index:2100; }

	}