@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;	vertical-align: baseline;	outline:none;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {	border-collapse: collapse;	border-spacing: 0;}a:link,a:visited{outline:none;}
@import url(http://fonts.googleapis.com/css?family=Exo:400,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Advent+Pro:600&subset=latin,latin-ext);
body{background:url(../_images/layout/body-bg.jpg) repeat-x #eee;font-family: 'Exo', sans-serif;font-size:16px;color:#555;}
body a{color:#bababa;text-decoration:none;}
/*Classlar */
.ortala{width:980px;margin:0 auto;}
.fltR{	float:right;}
.fltL{	float:left;	}
/*Classlar Sonu*/
#header{height:257px;position:relative;}
#header h1{	position:relative;	top:62px;	width:96px;	height:122px;	background:url(../_images/header/itech-logo.png) no-repeat;	text-indent:-9999px;	}
#header h1 a{	display:block;	width:96px;	height:120px;	}
.dil, .sosyal{	position:relative;	}.dil li, .sosyal li{	float:left;		}.dil li a{display:block; width:20px;height:24px; padding-left:26px; margin-left:8px; background:no-repeat; line-height:24px; opacity:0.6;filter:alpha(opacity=60);}.dil li a.aktif{opacity:1;filter:alpha(opacity=100);}.dil li a:hover{opacity:1;filter:alpha(opacity=100);}		.dil{top:15px;}
.sosyal{	top:55px;	position:absolute;	right:0;	}
.sosyal li a{		display:block;		background:url(../_images/header/sosyal.png) no-repeat;		text-indent:-9999px;		}		.sosyal li a.f{			background-position:0 0;			width:27px;			height:27px;			}
.sosyal li a.t{background-position:-27px 0;width:27px;height:27px;}
.sosyal li a.g{			background-position:-54px 0;			width:27px;			height:27px;}		
#nav{position:absolute;top:196px;right:0;}
#nav li{float:left;	}
#nav li a{	font-size:13.5px;	padding:5px;	font-weight:700;	color:#555;	transition:all;	margin:0 6px 0 6px; }
#nav li a.aktif, #nav li a:hover{		border-bottom:3px solid #ff0000;		border-top:3px solid #ff0000;		animation:linear;}
#slider{width:100%;	background:url(../_images/slider/slider-bg.png) repeat-x;	height:510px;	margin-bottom:15px;	}
.slider{		height:510px;		width:978px;}
#contanier{min-height:250px;overflow:hidden;}	
.content{min-height:250px;}
	/*Anasayfa Content İçerik alanı*/
.hizmetler{	width:auto;	min-height:240px;	float:left;	margin-right:12px;}
			.hizmetler:nth-child(3){
				margin-right:0;
				}
				
			.hizmetler h1{
				font-family: 'Advent Pro', sans-serif;
				font-size:36px;
				color:#0b1541;
				border-bottom:3px solid #0b1541;
				padding-bottom:10px;
				margin-bottom:1px;
				}	
			.hizmet{
				border-style: solid;
				border-width: 1px;
				border-color: rgb( 216, 216, 216 );
				background-color: rgb( 255, 255, 255 );
				width: 296px;
				min-height: 120px;
				padding:10px;
				
				}
				.hizmet p{
					font-size:15px;
					line-height:23px;
					font-family:inherit;
					font-weight:300;
					color:#555;
					}
				.hizmet p a{
					color:#171e56;
					text-align:right;
					display:inline-block;
					float:right;
					font-weight:500;
					}
					.hizmet p a:hover{
						color:#ff0000;
						}
	
			.haber-katalog{
		
				background-color: rgb( 255, 255, 255 );
				width: 980px;
				height: 139px;
				margin-top:15px;
				margin-bottom:15px;
				clear:both;
				}
			.haber-katalog h2{
				font-family: 'Advent Pro', sans-serif;
				font-size:24px;
				font-weight:500;
				border-bottom:3px solid #0b1541;
				width:98%;
				height:27px;
				padding-left:2%;
				padding-top:8px;
				color:#0b1541;
				}
			.haberler{
				float:left;
				width:660px;
				margin-right:10px;
				}
			.katalog{
				float:left;
				width:310px;
				}
	/*Ana sayfa content içerik alanı sonu*/
	
	/*Alt sayfa css kodları*/
	
	.content h1.baslik{
		text-align:right;
		color:#ff0000;
		font-size:20px;
		}
	
	.page-top{
		margin-bottom:10px;
		}
	
	.right{
		 float:right;
	  	 border-style: solid;
		  border-width: 1px;
		  border-color: rgb( 228, 228, 228 );
		  background-color: rgb( 246, 246, 246 );
		  width: 658px;
		  padding:8px;
		  font-family: 'Exo', sans-serif;
		font-size:16px;
		line-height:24px;
		color:#636363;
}
	.right p{
		font-family: 'Exo', sans-serif;
		font-size:16px;
		line-height:24px;
		color:#636363;
		padding:8px;
		font-weight:300;
		margin:10px 0 10px 0;
		}
	.right h3{
		margin-left:20px;
		margin-bottom:15px;
		margin-top:15px;
		font-weight:700;
		}
	.right ul{
		margin-left:35px;
		}
		.right ul li{
			padding:4px;
			font-weight:300;
			list-style-type:circle;
			}
		.right span{
			color:#ff0000;
			}
		.right b{
			font-weight:700;
			font-style:italic;
			}
			
			
	/*Projeler Css kodları*/
	
		.projeler{
			width: 978px;
			min-height: 1147px !important;
			border: 1px solid #e4e4e4;
			background-color: #f6f6f6;
			margin-bottom:10px;
						}
		.breadcrumbs{
			padding:10px;
			}
		.breadcrumbs ul li{
			float:left;
			margin-right:10px;
			}
			.breadcrumbs ul li a{
				color:#555;
				}
				.breadcrumbs ul li a.aktif{
					color:#ff0000;
					}
		.proje-detay{
			min-height:450px;
			width:96%;
			padding:10px;
			padding-top:0 !important;
			}
	
		.galeri,.proje-bilgi{
			float:left;
			}
		.galeri{
			width:56%;
			position:relative;
			}
		.proje-bilgi{
			width:42%;
			padding-top:20px;
			border-left:1px dotted #B7B7B7;
			padding-left:8px;
			
			}
		.proje-bilgi p:nth-child(2){
			margin-bottom:50px;
			}
		.proje-bilgi p strong{
		text-align:right;
		
		}
		.proje-bilgi p{
			margin-bottom:16px;
			line-height:22px;
			}
		.proje-bilgi p b{
			font-weight:bold;
			font-style:italic;
			}
		.proje-bilgi ul {
		
			margin-left:30px;
		}
		
		.proje-bilgi ul li{
		   
		   line-height:24px;
		
		}
		.ayrim{
			border-top:1px dotted #BBBBBB;
			border-bottom:1px dotted #BBBBBB;
			height:2px;
			width:98%;
			margin:0 auto;
			margin-bottom:10px;
			}
	
	/*Projeler Css Kodları*/
			
			
			
/*Sidebar css kodları*/				
	.sidebar{
		float:left;
		  border-style: solid;
		  border-width: 1px;
		  border-color: rgb( 228, 228, 228 );
		  background-color: rgb( 230, 230, 230 );
		  width: 270px;
		  margin-left:14px;
		 padding-top:14px;
		 padding-left:12px;
		 min-height:500px;	
}

		.sidebar h2{		
		  width: 240px;
		height: 35px;
		background-color: #f5f5f5;
		-moz-box-shadow: inset 2px 3px 3px rgba(0,0,0,.25);
		-webkit-box-shadow: inset 2px 3px 3px rgba(0,0,0,.25);
		box-shadow: inset 2px 3px 3px rgba(0,0,0,.25);
		line-height:35px;
		padding-left:18px;
		font-family: 'Advent Pro', sans-serif;
		font-weight:700;
		font-size:100%;
		 
		}
		.sidebar h2 span{
			color:#ff0000;
			}
			
		.sidebar ul{
			margin-left:10px;
			margin-top:20px;
			}
			.sidebar ul li{
				position:relative;
				height:30px;
				border-bottom:1px dotted #BCBCBC;
				margin-bottom:10px;
				}
			.sidebar ul li a{
				display:block;
				
				margin-bottom:5px;
				color:#717171;
				padding-left:15px;
				background:url(../_images/content/sidebar-ikon.png) no-repeat;
				height:13px;
				
				}
			.sidebar ul li a.aktif, .sidebar ul li a:hover{
				background:url(../_images/content/sidebar-ikon.png) no-repeat;
				background-position:0 -13px;
				color:#ff0000;
				}
				
				
				
				/*İletişim Sayfası Css Kodları */
				
				
				.form{
					height:200px;
					
					}
				.form .iform{
					color:#B1B1B1 !important;	
					
					}
				
				.iform input{
					width: 315px;;
					height: 30px;
					background-color: #e5e5e5;
					-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.25);
					-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.25);
					box-shadow: inset 0 1px 1px rgba(0,0,0,.25);
					margin-bottom:7px;
					margin-top:7px;
					float:left;
					margin-right:10px;
					font-family: 'Exo', sans-serif;
					font-size:16px;
					color:#adadad;
					padding-left:8px;
					}
				.iform input:focus{
				box-shadow:#43E4F8 0 0 15px 1px;	
				}
				.iform input.formBtn{
					width: 315px;;
					height: 30px;
					background-color: #015989;
					text-align:left;
					color:#adadad;
					font-family:
					margin-bottom:7px;
					margin-top:7px;
					float:right;
					margin-right:6px;
					font-family: 'Exo', sans-serif;
					font-size:16px;
					border:none;
					outline:none;
					
					}
				
				.iform textarea{
					
					width: 302px;
					height: 159px;
					background-color: #e5e5e5;
					-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.25);
					-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.25);
					box-shadow: inset 0 1px 1px rgba(0,0,0,.25);
					resize:none;
					color:#adadad;
					font-family: 'Exo', sans-serif;
					font-size:16px;
					padding-left:8px;
					padding-top:5px;
					}
				/*İletişim Sayfası Css Kodları Sonu*/
				
				
	/*Alt Sayfa Css kodları*/
	
#footer{
	width:100%;
	height:140px;
	background-color:#0b1541;
	color:#bababa;
	
}

	.footer{
		
		}
	.fmenu{
		
		float:left;
		position:relative;
		top:25px;
		}
		.fmenu li{
			float:left;
			}
			.fmenu li a{
				padding:4px;
				font-size:11px;
				
				}
				.fmenu li a.aktif, .fmenu li a:hover{
					text-decoration:underline;
	
					}
	.fadres{
		float:right;
		position:relative;
		right:0;
		top:5px;
		text-align:right;
		line-height:20px;
		font-size:14px;
		font-family: 'Advent Pro', sans-serif;
		}
	.copyright{
		position:relative;
		left:0;
		top:45px;	
		width:450px;
		float:left;
		line-height:20px;
		font-size:14px;
		font-family: 'Advent Pro', sans-serif;
		}
/*Itech Layout Css Kodları Sonu*/

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}



/*.element {
  width: 110px;
  height: 110px;
  margin: 5px;
  float: left;
  overflow: hidden;
  position: relative;
  background: #888;
  color: #222;
  -webkit-border-top-right-radius: 1.2em;
      -moz-border-radius-topright: 1.2em;
          border-top-right-radius: 1.2em;
}*/

.element{
 overflow: hidden;
  position: relative;	
  width: 294px;
  height: 286px;
 margin-right:10px;
 margin-left:10px;
 margin-bottom:10px;
 float: left;
  background-image:url(../_img/bg/cozum-kusak-bg.png);
		  background-repeat:no-repeat;
		  background-position:0 0;
		  
}

.proje{
	width:294px !important;
	height:240px !important;
	
	}

.proje img{
	opacity:1;
	
	}
.proje:hover img{
	cursor:pointer;
	-moz-box-shadow: 0 0 18px rgba(0,0,0,.4), inset 0 0 76px rgba(0,0,0,.15);
-webkit-box-shadow: 0 0 18px rgba(0,0,0,.4), inset 0 0 76px rgba(0,0,0,.15);
box-shadow: 0 0 18px rgba(0,0,0,.4), inset 0 0 76px rgba(0,0,0,.15);
	}
.proje:hover a{
	color:#ff0000;
	width:294px;
	height:240px;
	position:absolute;
	top:0;
	left:0;
	}

.element img{
	width:279px;
	height:186px;
	
	}
.element a{
	display:block;
	position:absolute;
	left:0;
	width:280px;
	height:240px;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
	color:#6f6f6f;
	
	}
.element .devam{
	position:absolute;
	right:0;
	top:25px;
	width:auto;
	height:30px;
	line-height:30px;
	padding:7px;
	background:rgba(255,0,4,0.8);
	color:#FFF;
	}
.element h3{
	position:absolute;
	text-align:center;
	line-height:24px;
	width:280px;
	bottom:0;
	border-bottom:1px solid #a1a1a1;
	border-top:1px solid #a1a1a1;
}

.element.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
.element.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
.element.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
.element.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
.element.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
.element.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
.element.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
.element.other.nonmetal  { background: #00F; background: hsl( 252, 100%, 50%); }
.element.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
.element.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }
.element.cozumler		{ background: #90FD00; background: hsl( 324, 100%, 50%); }
	
.element * {
  position: absolute;
  margin: 0;
}

.element .symbol {
  left: 0.2em;
  top: 0.4em;
  font-size: 3.8em;
  line-height: 1.0em;
  color: #FFF;
}
.element.large .symbol {
  font-size: 4.5em;
}

.element.fake .symbol {
  color: #000;
}

.element .name {
  left: 0.5em;
  bottom: 1.6em;
  font-size: 1.05em;
}

.element .weight {
  font-size: 0.9em;
  left: 0.5em;
  bottom: 0.5em;
}

.element .number {
  font-size: 1.25em;
  font-weight: bold;
  color: hsla(0,0%,0%,.5);
  right: 0.5em;
  top: 0.5em;
}

.variable-sizes .element.width2 { width: 230px; }

.variable-sizes .element.height2 { height: 230px; }

.variable-sizes .element.width2.height2 {
  font-size: 2.0em;
}

.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
  font-size: 3.0em;
  width: 350px;
  height: 350px;
  z-index: 100;
}

.clickable .element:hover {
  cursor: pointer;
}

.clickable .element:hover h3 {
  text-shadow:
    0 0 10px white,
    0 0 10px white
  ;
}

.clickable .element:hover h2 {
  color: white;
}

/**** Example Options ****/

#options {
	padding-bottom: 5px;
	margin-bottom:15px;
	border-bottom: 1px solid #939393;
}

#options h3 {
  margin-bottom: 0.2em;
  font-size: 15px;
}

#options h4 { 
  font-weight: bold;
}

#options ul {
  margin: 0;
  list-style: none;
}

#options ul ul {
  margin-left: 1.5em;
}

#options li {
  float: left;
  margin-bottom: 0.2em;
}

#options li a {
  display: block;
  padding: 0.4em 0.5em;
  background-color: #171e56;
  color: #eee;
  text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
 
}

#options li a:hover {
  background-color: #171e56;
}

#options li a:active {
  background-color: #39D;
  -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
     -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
       -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
          box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
}

#options li a {
  border-left:  1px solid hsla( 0, 0%, 100%, 0.3 );
  border-right: 1px solid hsla( 0, 0%,   0%, 0.2 );
}

#options li:first-child a {
  border-radius: 7px 0 0 7px;
  border-left: none;
}

#options li:last-child a {

}

#options li a.selected {
 /* background-color: #13F;*/
  text-shadow: none;
  color:#ff0000;
}

/* Combination filter options*/

#options .option-combo {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

#options .option-combo ul {
  margin-right: 20px;
  display: inline-block;
}

#options .option-combo h2,
#options .option-combo h4 {
  line-height: 34px;
  margin-bottom: 0;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}

/* Color shapes */

.color-shape {
  width: 70px;
  height: 70px;
  margin: 5px;
  float: left;
}
 
.color-shape.round {
  -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
          border-radius: 35px;
}
 
.color-shape.big.round {
  -webkit-border-radius: 75px;
     -moz-border-radius: 75px;
          border-radius: 75px;
}
 
.color-shape.red { background: red; }
.color-shape.blue { background: blue; }
.color-shape.yellow { background: yellow; }
 
.color-shape.wide, .color-shape.big { width: 150px; }
.color-shape.tall, .color-shape.big { height: 150px; }

.color-shape a {
  display: block;
  height: 100%;
}

.color-shape a:hover {
  background: white;
  background: hsla( 0, 0%, 100%, 0.5 );
}

/**** Horizontal ****/

.horizontal #container {
  height: 80%;
}

#copy {
  max-width: 640px;
}

/**** Photo demo ****/

.photos .photo {
  width: 320px;
  margin: 5px;
  float: left;
}

.photos .photo img {
  display: block;
  width: 100%;
}






#site-nav {
  width: 200px;
  position: absolute;
  left: 10px;
  top: 0px;
  padding-top: 20px;
  font-size: 12px;
}

#site-nav h1 {
  font-size: 24px;
  margin-bottom: 0.5em;
  margin-top: 0;
  font-weight: bold;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

#site-nav h2 {
  font-size: 17px;
  font-weight: normal;
  margin: 0 0 0.3em;
  border-top: none;
}

#site-nav h1 a { color: #4FB; }
#site-nav h1 a:hover { color: #4BF; }

#site-nav ul {
  list-style: none;
  margin: 0 0 1.0em;
  font-weight: bold;
}

#site-nav ul ul { margin-bottom: 0; }

#site-nav ul a {
  display: block;
  border: none;
  padding: 1px 5px;
}

#site-nav ul .current a {
  background: hsla( 0, 0%, 0%, 0.3 );
  color: #1BF;
}
#site-nav ul a:hover,
#site-nav ul .current a:hover { color: white; }
  
#site-nav ul .current .toc a {
  font-size: 12px;
  padding-left: 1.2em;
  font-weight: normal;
}

/**** Pygments ****/

code .s1,
code .s { color: #78BD55; } /* string */
code .mi, /* integer */
code .cp, /* doctype */
code .kc { color: #5298D4; } /*boolean*/
code .k { color: #E39B79; } /* keyword */
code .kd, /* storage */
code .na { color: #A9D866; } /* markup attribute */
code .p  { color: #EDB; } /* punctuation */
code .o  { color: #F63; }   /* operator */
code .nb { color: #AA97AC;} /* support */

/* comment */
code .c,
code .c1 { color: #666; font-style: italic; }

code .nt { color: #A0C8FC; } /* Markup open tag */

code .nf { color: #9EA8B8; } /* css id */
code .nc { color: #A78352; }  /* CSS class */
code .m  { color: #DE8E50; } /* CSS value */
code .nd { color: #9FAD7E; } /* CSS pseudo selector */



/**** Super list ****/


.super-list .example b { 
  font-weight: bold;
  line-height: 1.3em;
  padding: 3px;
  padding-top: 8px;
}

.super-list .link {
  float: left;
  position: relative;
  font-size: 24px;
  line-height: 1.2em;
  font-weight: 300;
  margin: 5px;
}

.super-list .link {
  width: 230px;
  height: 110px;
}

.super-list .link a {
  display: block;
  padding: 10px;
  padding-left: 65px;
  height: 90px;
  background: #1F1E1D;
  color: #FE5;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
}

.super-list .link a:before {
  content: '➔';
  font-size: 70px;
  position: absolute;
  top: 30px;
  left: 5px;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

.super-list .link.away a:before {
  top: 25px;
  left: 0px;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.super-list .link a:hover {
  background: #E58;
  color: white;
}

.super-list .feature .name {
  bottom: auto;
  top: 140px;
  left: 18px;
  font-size: 20px;
}

/**** BIG Graph ****/

.big-graph {
  background: white;
  height: 600px;
  margin: 20px auto;
}

.big-graph .project {
  width: 45px;
  height: 45px;
  float: left;
}

.big-graph .project .icon {
  pointer-events: none;
  width: 31px;
  height: 31px;
  background: white;
  margin-left: 7px;
  -webkit-transition: -webkit-transform 0.25s;
     -moz-transition: -moz-transform    0.25s;
      -ms-transition: -ms-transform     0.25s;
       -o-transition: -o-transform      0.25s;
          transition: transform         0.25s;
}

.big-graph .project:hover {
  z-index: 5;
  
}

.big-graph .project:hover .icon {
  -webkit-transform: scale(3);
     -moz-transform: scale(3);
      -ms-transform: scale(3);
       -o-transform: scale(3);
          transform: scale(3);
}

.big-graph .project.commercial .icon { background: #6B6B6B; }
.big-graph .project.urbanism .icon { background: #00CF00; }
.big-graph .project.public-space .icon { background: #FF8D00; }
.big-graph .project.culture .icon { background: #D61919; }
.big-graph .project.body-culture .icon { background: #00ECFF; }
.big-graph .project.health .icon { background: #FF2251; }
.big-graph .project.education .icon { background: #00A700; }
.big-graph .project.housing .icon { background: #FF02FF; }
.big-graph .project.hotel .icon { background: #0000C3; }
.big-graph .project.media .icon { background: #292929; }

.big-graph .project p {
  line-height: 14px;
  font-size: 10.5px;
  color: black;
  margin-left: 7px;
}

/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}



/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	width:138px;
	height:60px;
	float:left;
	max-width: 100%;
	display: block;
	margin:15px;
	border:none;
}

.haber{
	max-width:100%;
	width:600px;
	height:60px;
	padding:15px;
	}
.haber h3 a:link,.haber h3 a:visited{
	color:#ff0000;
	margin-bottom:5px;
	}
/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	left: -5px;
	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 100px;
	width: 100px;
	right:10px;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../css/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: right;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background-image:url(../_images/content/haber-ikon.jpg);
	background-repeat:no-repeat;
	/*background: #666;*/
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 5px;
	outline: 0;
	color:rgba(255,255,255,0);
	
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background-image:url(../_images/content/hbaer-ikon-aktif.jpg);
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../css/images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../css/images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../css/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../css/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/*css for seven slider*/
.seven_clearfix:before, .seven_clearfix:after {/*content:""; display:block; clear:both;*/
}
.seven_container {
	position: relative;
	margin: 0 auto;
	}
.seven_container #seven_viewport {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-left: 0%;
	overflow: hidden;
	z-index: 20;
	background: #fff;
	cursor: pointer;
	cursor: -webkit-grab;
	cursor: -moz-grab;
}
.seven_container #seven_viewport.cursor_down {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}
.seven_container #seven_lbox {
	 background-image: url("../_images/slider/switch.png");
    background-position: 100% 0;
    cursor: pointer;
    height: 32px;
    right: 10px;
    position: absolute;
   
    width: 32px;
    z-index: 50;
    top: 10px;
}
.seven_container #seven_lbox:hover {
	background-position: 0% 0;
	margin-right: -1px;
}
/* lightbox css */
.seven_container #seven_lightbox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	cursor: default;
}
.seven_container #seven_lightbox_overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../_images/slider/pattern.png);
	background-color: #000;
	z-index: 100;
	opacity: 0.95;
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	filter: alpha(opacity=95);
}
.seven_container #seven_sublightbox .seven_image {
	width: 100% !important;
	height:100%;
}
.seven_container #seven_lviewport, #seven_sublightbox_temp {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.seven_container #seven_lightbox_thumb {
	position: absolute;
	width: 100%;
	z-index: 300;
	bottom: 0px;
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
}
.seven_container #seven_subboard {
	position: absolute;
	width: 100%;
	left: 0;
}
.seven_container #seven_thumb_container {
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}
.seven_container #seven_lightbox_thumb {
	position: absolute;
	width: 100%;
	margin-top: -25px;
	top: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}
.seven_container #seven_lightbox_thumb.active {
	margin-top: -60px;
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter: alpha(opacity=1);
}
.seven_container #seven_lviewport .seven_caption, #seven_sublightbox_temp .seven_caption {
	display: none !important;
}
/* css for slider */
.seven_container .seven_slider {
	display: none;
}
.seven_container .seven_caption {
	position: absolute;
	
}
.seven_container .seven_caption a {
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	
}
.seven_container .seven_nav {
	z-index: 40;
	width: 43px;
	height: 43px;
	position: absolute;
	text-indent: -10000px;
	cursor: pointer;
	background-image: url(../img/default.png);
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	filter: alpha(opacity=50);
	display: none;
}
.seven_container .seven_nav:hover {
	-webkit-transition: opacity 0s ease-in-out;
	-moz-transition: opacity 0s ease-in-out;
	-ms-transition: opacity 0s ease-in-out;
	-o-transition: opacity 0s ease-in-out;
	transition: opacity 0s ease-in-out;
	opacity: 1;
	filter: alpha(opacity=90);
}
.seven_container #left_btn:hover {
	background-position: 0% 100%;
}
.seven_container #right_btn:hover {
	background-position: 100% 100%;
}
.seven_container #right_btn {
	background-position: 100% 0;
}
/*css for bullet*/
.seven_container .seven_bt_preview {
	position: absolute;
	width: 54px;
	height: 59px;
	overflow: hidden;
	background-image: url(../_images/slider/preview.png);
	display: none;
}
.seven_container .seven_filter_bt {
	width: 40px;
	height: 40px;
	margin: 9px 7px;
	overflow: hidden;
}
.seven_container .seven_bt_container {
}
.seven_container .seven_bt_slide {
	width: 40px;
	height: 40px;
	float: left;
	overflow: hidden;
}
.seven_container .seven_preview_img {
	width: 100px;
}
.seven_container .seven_bullet_control {
	height: 35px;
	/*width: 100%;*/
	position: absolute;
	z-index: 20;
	bottom: 0;
}
.seven_container .seven_bullet_control #seven_bullet_viewport {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.seven_container .seven_bullet_control #seven_bullet_inner_viewport {
	display: inline-block;
}
.seven_container .seven_circle {
	width: 11px;
	height: 11px;
	background-image: url(../img/v1.png);
	background-position: 50% 0;
	margin: 0 5px 0 5px;
	cursor: pointer;
	display: inline-block;
	position: relative;
}
.seven_container .seven_circle:hover {
	background-position: 100% 0;
}
.seven_container .seven_circle.active, .seven_container .seven_circle.active:hover {
	background-position: 0;
}
.seven_container .seven_a_play {
	display: inline-block;
	margin: 0 5px 0 5px;
	cursor: pointer;
	background-position: 100% 0;
}
.seven_container .seven_a_pause {
	display: inline-block;
	margin: 0 5px 0 5px;
	cursor: pointer;
	background-position: 0% 0;
}
/*css for prev/next slide container*/
.seven_container .seven_operate {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-left: 0%;
	overflow: hidden;
}
.seven_container #seven_next {
	z-index: 20;
	left: 100%;
}
.seven_container #seven_prev {
	z-index: 10;
	left: -100%;
}
/*css for carousel viewport*/
.seven_container .seven_hcarousel {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 60px;
	top: 100%;
	margin-top: 30px;
	display:none;
}
.seven_container .seven_vcarousel {
	position: absolute;
	overflow: hidden;
	width: 80px;
	height: 100%;
	left: 100%;
	margin-left: 10px;
}
.seven_container #seven_hviewport {
	top: 0;
	height: 60px;
	margin: 0 auto;
}
.seven_container #seven_hviewport .carousel {
	float: left;
	overflow: hidden;
	cursor: pointer;
}
.seven_container #seven_hviewport .carousel img {
	width: 100px;
}
.seven_container .carousel {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	cursor: pointer;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.seven_container .carousel:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
}
.seven_container .carousel.active {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
.seven_container #seven_vviewport {
	position: absolute;
	left: 0;
	width: 80px;
	top: 50%;
}
.seven_container #seven_hsubboard {
	position: absolute;
	height: 60px;
	width: 100%;
}
.seven_container #seven_vsubboard {
	position: absolute;
	width: 80px;
	height: 100%;
}
.seven_container #seven_vviewport .carousel {
	float: left;
	margin: 1px;
	border: solid 2px #000;
	width: 74px;
	height: 74px;
	overflow: hidden;
	box-shadow: 2px 2px 2px #000000;
}
.seven_container #seven_vviewport .carousel img {
	width: 180px;
}
/* css for slicebox */
.seven_container .sb-slider {
	margin: 10px auto;
	position: relative;
	overflow: hidden;
	width: 100%;
	list-style-type: none;
	padding: 0;
}
.seven_container .sb-slider li {
	margin: 0;
	padding: 0;
	display: none;
}
.seven_container .sb-slider li > a {
	outline: none;
}
.seven_container .sb-slider li > a img {
	border: none;
}
.seven_container .sb-slider img {
	max-width: 100%;
	display: block;
}
.seven_container .sb-description {
	padding: 20px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: 1000;
	position: absolute;
	background: #CBBFAE;
	background: rgba(190,176,155, 0.4);
	border-left: 4px solid rgba(255,255,255,0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	color: #fff;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
}
.seven_container .sb-slider li.sb-current .sb-description {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 1;
}
.seven_container .sb-slider li.sb-current .sb-description:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);
	background: rgba(190,176,155, 0.7);
}
.seven_container .sb-perspective {
	position: relative;
}
.seven_container .sb-perspective > div {
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility : hidden;
	-o-backface-visibility : hidden;
	-ms-backface-visibility : hidden;
	backface-visibility : hidden;
}
.seven_container .sb-side {
	margin: 0;
	display: block;
	position: absolute;
	-moz-backface-visibility : hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
/* css for progressbar*/
.seven_container #lprogress {
	position: absolute;
	background: none repeat scroll 0 0 #FFFFFF;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 4px;
	z-index: 40;
}
.seven_container #cprogress {
	position: absolute;
	left: 15px;
	bottom:15px;
	width: 40px;
	height: 40px;
	z-index: 50;
}
.seven_container #lp_ct.progressbar {
	position: absolute;
	background-color: #000;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 4px;
	z-index: 40;
	opacity: 0.6;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	filter: alpha(opacity=50);
}
.seven_container .progressbar.invisible {
	opacity: 0 !important;
	-moz-opacity: 0 !important;
	-khtml-opacity: 0 !important;
	filter: alpha(opacity=0) !important;
}
/*css for player*/
.seven_container .seven_play, .seven_container .seven_pause {
	width: 50px !important;
	height: 50px !important;
	cursor: pointer;
	left: 50%;
	top: 50%;
	position: absolute;
	margin-left: -25px;
	margin-top: -25px;
}
.seven_container .seven_play {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	filter: alpha(opacity=50);
}
.seven_container .seven_play:hover {
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	filter: alpha(opacity=100);
}
.seven_container #seven_sublightbox iframe {
	border: none;
	background: #000;
}
.seven_container .seven_video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: none;
	background: #000;
}
.seven_container .seven_pause {
	display: none;
}
.seven_container .seven_load {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 48px;
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
}
.seven_container .seven_caption{position:absolute; font-family:lucida;font-size:20px;filter: alpha(opacity=40);background-color:#000;background-color:rgba(0,0,0,0.6);left:0;	bottom: 0px; color: #fff; width:100%;}


.seven_title{
	font-size:48px;
	}
.seven_des{
	font-size:32px;
	}

.seven_sharp {
	border: none;
}
.seven_sharp .seven_bt_preview {
	top: 35px;
}
.seven_sharp .seven_bullet_control {
	right: 0px !important;
	bottom: 0;
}
.seven_sharp .seven_bullet_control #seven_bullet_viewport {
	margin-top: 6px;
}
.seven_sharp .seven_bullet_control #seven_bullet_inner_viewport {
	display: inline-block;
}
.seven_sharp #left_btn {
	width: 44px;
	height: 130px;
	background-image: url(../_images/slider/skin/sharp.png);
	left: -44px;
}
.seven_sharp #right_btn {
	width: 44px;
	height: 130px;
	background-image: url(../_images/slider/skin/sharp.png);
	right: -44px;
}
.seven_sharp .seven_a_play {
	width: 17px;
	height: 17px;
	background-image: url(../_images/slider/skin/p_sharp.png);
}
.seven_sharp .seven_a_pause {
	background-position: 0% 0%;
}
.seven_sharp .seven_hcarousel {
	position: absolute;
	overflow: hidden;
	width: 100%;
	top: 100%;
	margin-top: 20px;
}
.seven_sharp .seven_vcarousel {
	position: absolute;
	overflow: hidden;
	width: 80px;
	height: 100%;
	left: 100%;
	margin-left: 10px;
}
.seven_sharp #seven_hviewport {
	top: 0;
	height: 110px;
	margin: 0 auto;
}
.seven_sharp .seven_hcarousel.seven_bullet {
	margin-top: 40px !important;
}
.seven_sharp .seven_hcarousel.seven_bullet {
	margin-top: 40px !important;
}
.seven_sharp .seven_hcarousel #seven_hviewport .carousel {
	border: solid 2px #3f3f3f;
}
.seven_sharp .seven_circle {
	width: 17px;
	height: 17px;
	background-image: url(../_images/slider/skin/c_sharp.png);
}
.seven_sharp .seven_nav {
	top: 50%;
	margin-top: -28px;
}
.seven_sharp .seven_caption {
	position: absolute;
	filter: alpha(opacity=40);
	background-color: rgba(11,21,65,0.9);
	left: 0;
	color: #fff;
	max-width: 40%;
	height:100%;
}
.seven_container .seven_caption div {
	
	margin: 70px 18px;
}
.seven_container .seven_des {
	margin-top:40px;
	font-size: 20px;
	line-height:26px;
	opacity: .75;
	filter: alpha(opacity=70);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	
}
/* Default Skin Lightbox*/
.seven_sharp #seven_sublightbox {
	position: absolute;
	background-color: #000;
	border: 0px;
	box-shadow: 4px 4px 4px #000000;
	z-index: 200;
	left: 50%;
	top: 50%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.seven_sharp .seven_lcontrol {
	background: url(../_images/slider/skin/l_default.png);
	position: absolute;
	width: 24px;
	height: 37px;
	z-index: 50;
	cursor: pointer;
}
.seven_sharp #seven_lightbox_control_prev {
	left: 10px;
	top: 50%;
	margin-top: -18px;
}
.seven_sharp #seven_lightbox_control_next {
	right: 10px;
	top: 50%;
	margin-top: -18px;
	background-position: 100% 0%;
}
.seven_sharp #seven_lightbox_control_close {
	background: url(../_images/slider/skin/default_close.png);
	position: absolute;
	width: 17px;
	height: 17px;
	z-index: 50;
	right: 0;
	margin: 10px;
	cursor: pointer;
}
.seven_sharp #seven_thumb_container .seven_thumb {
	float: left;
	width: 54px;
	height: 59px;
	background: url(../_images/slider/skin/t_default.png);
	background-position: 100% 0;
	overflow: hidden;
}
.seven_sharp #seven_thumb_container .seven_thumb:hover, .seven_sharp #seven_thumb_container .seven_thumb.active {
	background-position: 0;
}
.seven_sharp #seven_thumb_container .seven_thumb .seven_subthumb {
	position: absolute;
	overflow: hidden;
	margin: 12px 7px;
	width: 40px;
	height: 40px;
}
.seven_sharp #seven_thumb_container .seven_thumb.active .seven_subthumb, .seven_sharp #seven_thumb_container .seven_thumb:hover .seven_subthumb {
	margin: 9px 7px;
}
.seven_sharp #seven_thumb_container .seven_thumb img {
	width: 100px;
}

.proje-img{ position:relative; margin-top:25px; width:510px; max-height:370px; margin-left:auto; margin-right:auto;}

.proje-bilgi h1, .proje-bilgi h1 span{ color:#181F56; font-size:20px !important;}

.notyfy_wrapper {
  border: none;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.notyfy_wrapper.notyfy_alert {
  background: #ffffff;
}
.notyfy_wrapper.notyfy_error {
  background: #bd362f;
  color: #fff;
}
.notyfy_wrapper.notyfy_success {
  background: #51a351;
  color: #fff;
}
.notyfy_wrapper.notyfy_warning {
  background: #74614f;
  color: #fff;
}
.notyfy_wrapper.notyfy_information {
  background: #57B7E2;
  color: #fff;
}
.notyfy_wrapper.notyfy_confirm {
  background: #ffffff;
}

.notyfy_wrapper.notyfy_primary,
.notyfy_wrapper.notyfy_primary * {
  color: #fff;
}
.notyfy_wrapper.notyfy_default {
  background: #fafafa;
}
.notyfy_wrapper.notyfy_dark {
  background: #4a4846;
}
.notyfy_wrapper.notyfy_dark,
.notyfy_wrapper.notyfy_dark * {
  color: #fff;
}
#notyfy_container_top {
  top: 0;
  left: 0;
  width: 100%;
}
#notyfy_container_top .notyfy_wrapper {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
#content-notification .notyfy_wrapper {
  border: none;
  box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
#content-notification .notyfy_wrapper p {
  margin: 0;
}
#content-notification .notyfy_wrapper .notyfy_message {
  padding: 15px 10px;
}
#content-notification .notyfy_wrapper.notyfy_default {
  background: #fafafa url("../images/pattern1.png") repeat;
}
#content-notification .notyfy_wrapper.notyfy_dark {
  background: #4a4846 url("../images/pattern1.png") repeat;
}
#content-notification .notyfy_wrapper.notyfy_primary {
  box-shadow: inset 0 8px 8px -8px #280905, inset 0 -8px 8px -8px #992213;
  -moz-box-shadow: inset 0 8px 8px -8px #280905, inset 0 -8px 8px -8px #992213;
  -webkit-box-shadow: inset 0 8px 8px -8px #280905, inset 0 -8px 8px -8px #992213;
}
.kapat{ transition: all 2s ease-in-out; float:right; cursor:pointer !important; margin-top:-26px; display:block; position:relative; z-index:5; margin-right:15px; line-height:16px; font-size:18px;}
.kapat:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.kapat .icon-remove{cursor:pointer !important; display:block;}
#kapaticon:before, #kapaticon:before {
    cursor:pointer !important;
    display: block !important;
    text-decoration: inherit;
}
.notyfy_wrapper{
	overflow: hidden;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==) repeat-x scroll left top #fff;

	background-color: #FFF;
	border-color: #CCC;
	color: #444;

	border: 1px solid #eee;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.notyfy_wrapper:first-child{ border-top-left-radius: 5px; border-top-right-radius: 5px; }
.notyfy_wrapper:last-child{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

/* Layout specific styles */
#notyfy_container_top .notyfytheme_defaultTheme:first-child{ border-radius: 0; }
#notyfy_container_bottom .notyfytheme_defaultTheme:last-child{ border-radius: 0; }

/* Message element */
.notyfy_message{
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	padding: 8px 10px 9px;
	width: auto;
	position: relative;
}

/* Close button */
.notyfy_close{
	position: absolute;
	top: 4px; right: 4px;
	width: 10px; height: 10px;
	background: url(data:image/png;base64,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);
	display: none;
	cursor: pointer;
}

/* Optional buttons */
.notyfy_buttons{
	padding: 5px;
	text-align: right;
	border-top: 1px solid #ccc;
	background-color: #ffffff;
}

.notyfy_buttons button{
	margin-left: 5px;
}

.notyfy_buttons button:first-child{
	margin-left: 0;
}

/* Type: Alert */
.notyfy_alert{
	background-color: #FFF;
	border-color: #CCC;
	color: #444;
}

/* Type: Warning */
.notyfy_warning{
	background-color: #FFEAA8;
	border-color: #FFC237;
	color: #826200;
}

.notyfy_warning .notyfy_buttons{
	border-top: 1px solid #FFC237;
}

/* Type: Error */
.notyfy_error{
	background-color: red;
	border-color: darkred;
	color: #FFF;
}

.notyfy_error .notyfy_message{
	font-weight: bold;
}

.notyfy_error .notyfy_buttons{
	border-top: 1px solid darkred;
}

/* Type: Information */
.notyfy_information{
	background-color: #57B7E2;
	border-color: #0B90C4;
	color: #FFF;
}

.notyfy_information .notyfy_buttons{
	border-top: 1px solid #0B90C4;
}

/* Type: Success */
.notyfy_success{
	background-color: #5CADAD;
	border-color: #5CADAD;
	color: darkgreen;
}

.notyfy_success .notyfy_buttons{
	border-top: 1px solid #50C24E;
}

/* Modal backdrop */
#notyfy_modal{
	background-color: #000;
	opacity: 0.6;
}

.notyfy_container{
	position: fixed;
	height: auto;
	margin: 0;
	padding: 0;
	width: 310px;

	list-style-type: none;
	z-index: 10000;
}

.notyfy_container_inline{
	position: relative;
	width: auto;
	height: auto;

	list-style-type: none;
}

#notyfy_container_top{ top: 0;  width: 100%; }
#notyfy_container_bottom{ bottom: 0; width: 100%; }

#notyfy_container_topRight{ top: 20px; right: 20px; }
#notyfy_container_topLeft{ top: 20px; left: 20px; }
#notyfy_container_bottomRight{ bottom: 20px; right: 20px; }
#notyfy_container_bottomLeft{ bottom: 20px; left: 20px; }

#notyfy_container_topCenter{ top: 20px; left: 50%;  }
#notyfy_container_bottomCenter{ bottom: 20px; left: 50%; }

#notyfy_container_center{ top: 50%; left: 50%; }
#notyfy_container_centerLeft{ left: 20px; top: 50%; }
#notyfy_container_centerRight{ right: 20px; top: 50%; }

#notyfy_modal{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	left: 0; top: 0;
	z-index: 10000;
}

.container_9{margin-left:auto;margin-right:auto;width:50px;margin-top:7px;background-image: url('../_images/footer/logo/tam.png');}.grid_1{display:inline;float:left;position:relative;margin-left:0px;margin-right:0px}.alpha{margin-left:0}.omega{margin-right:0}.container_9 .grid_1{width:5px}.container_9 .prefix_1{padding-left:105px}.container_9 .suffix_1{padding-right:105px}.container_9 .push_1{left:105px}container_9 .pull_1{left:-105px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.clearout {height:20px;clear:both;}