body {
	font-family: 'Roboto', sans-serif;
  	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  

  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
      animation-delay: 2s;
}
.video-background {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}

.menubar {
  	width:100%;
	background-image:url(../png/back.png);
	background-repeat: repeat-x;
	background-position: center top;
	height:124px;
  }
   /* Menu Başlangıç 064b54 */
   
  
@media all and (max-width: 2900px) {
	  ul {list-style: none;padding: 0px;margin: 0px;font-family: 'amatic_scregular';font-size: 24px;	z-index:990;}
  li:hover li {float: none;font-family: 'amatic_scregular';font-size: 24px;z-index:990;}

}
@media only screen and (max-width: 992px) {
	  ul {list-style: none;padding: 0px;margin: 0px;font-family: 'amaticbold';font-size: 24px;	z-index:990;}
	    li:hover li {float: none;font-family: 'amaticbold';font-size: 24px;z-index:990;}

}
	  
  ul li {display: block;position: relative;float: left; z-index:990;}
  li ul {display: none;border:0px solid #000;background-color:#FFF;margin-top: -3px;float:left ;}
  ul li a {display: block;padding: 14px 14px;text-decoration: none;letter-spacing: 3px;color: #fff;border: 1px solid rgba(255, 255, 255, 0.0);}
  ul li a:hover {color:#fff;border: 1px solid #FFF;}
  li:hover ul {display: block; position: absolute;  z-index:990;}
  li:hover a {background-color:rgba(255, 255, 255, 0.0);}
  li:hover li a:hover {background-color:rgba(255, 255, 255, 0.9);}
  #drop-nav li ul li {border-top: 0px;}

 
/* Menu Bitis */


.tumhakl {
	font-size: 13px;
	color: #FFF;
}

.baslik-kahverengi {
	font-family: 'amatic_scregular';
	font-size: 70px;
	color:#412915;
}
.baslik-beyaz {
	font-family: 'amatic_scregular';
	font-size: 70px;
	color:#fff;
}
.ufak-baslik-yesil {
	font-family: 'alex_brushregular';
	font-size: 50px;
	color:#7aa963;
}
.ufak-baslik-beyaz {
	font-family: 'alex_brushregular';
	font-size: 50px;
	color:#fff;
}
.icerik-yazilari {
	font-size: 20px;
	color:#59514b;
	font-weight:300;
}


.picSliderGrid{
margin: 15px auto 20px auto !important;
padding: 0px !important;
max-width: 960px;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #ddd;
}

.threeBoxesGrid{
margin: -5px auto 20px auto !important;
padding: 0px !important;
max-width: 960px;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #ddd;
height: 310px;	
}

.headlinerGrid{
margin: -5px auto 20px auto !important;
padding: 0px !important;
max-width: 960px;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #ddd;
height: 55px;	
text-align: center
}


.leftTopOptions, .rightTopOptions{
padding-top: 10px;
font-size: 11px;
letter-spacing: 0.8px;
color:#978f8c;
	
}

 
	

	
	

.pressGrid{
margin: -10px auto 0px auto !important;
padding: 0px !important;
max-width: 960px;
display: block;
height: 685px;
text-align: center;
}

	.pressGridFolders{
	margin: 5px 3px;
	padding: 0px !important;
	width: 182px;
	height: 253px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	background: url(../ajaxloader.html) no-repeat center center;
	}
	
		.pGFImg{
		width: 182px;
		height: 253px;
		}
		
		.pGFImgSelected{
		width: 182px;
		height: 253px;
		border-width: 4px;
		border-style: solid;
		opacity: 0.8;
		}
		
.pressGridSlider{	
margin: 25px auto 0px auto !important;
padding: 0px !important;
max-width: 960px;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #ddd;
height: 580px;	
text-align: center;
display:none;
}	

.pressGridSliderDetail{
position: absolute;
width: 100%;
height: 250%;
background-color: rgba(50, 50, 50, 0.8);
z-index: 100;	
}	
	.pGSDImage{
		text-align: center;
		padding-top: 80px;
	}
	.pGSDClose{
	color: white;
	width: 800px;
	margin: 0px auto;
	text-align: right;
	cursor: pointer;
	}