@font-face
{
    font-family: 'FuturaHvBTHeavy';
    src: url('futura/futurah-webfont.eot');
    src: local('O'), url('futura/futurah-webfont.woff') format('woff'), url('futura/futurah-webfont.ttf') format('truetype'), url('futura/futurah-webfont.svg#FuturaHvBTHeavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
.looktext {
	 font-family: 'FuturaBkBTBook';
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #CCC;
}
a.looktext {
	color:#CCC;
	text-decoration:none;
}
a.looktext:hover {
	color:#67347d;
}


@font-face {
	font-family: 'Futura-Book';
	src: url('Futura-Book.eot');
	src: url('Futura-Book.eot?#iefix') format('embedded-opentype'),
		url('Futura-Book.woff2') format('woff2'),
		url('Futura-Book.woff') format('woff'),
		url('Futura-Book.ttf') format('truetype'),
		url('Futura-Book.svg#Futura-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0px;
	font-size:13pt !important;
	line-height:20px;
	background-color:#FFF;
	padding:0 !important;
	 font-family: 'FuturaBkBTBook' !important;
	
	background-image:url(images/bg.jpg);
		background-repeat:no-repeat;
		width:100%;
		background-size:cover;

}
a:active {
	outline:none;
	outline-color: #FFF;
}
:focus {
outline: 0;
}
.wrapper {
 width:1200px;
 position:relative;
margin:0 auto;
height:1300px;
z-index:62;
 		
	}
	
	.ust2
	{
		background-image:url(images/ust.jpg);
		background-repeat:no-repeat;
		width:100%;
	font-family: 'FuturaBkBTBook';
		background-size:cover;
		background-position:center;
	}
	
.minibaslik {
	color:#a25fa6;
	font-family: 'FuturaBkBTBook';
	font-size:19px;}	
	
.menu
{
	 background-color:#522269;
	 background-repeat:no-repeat;
	 width:100%;
	 max-height:50px;
}
.home-left{
  width: 20%;
}

.home-right {
  width: 78%;
  margin-left: 2%;
}

.home-left, .home-right {
  float: left;
}
	
.tr:nth-of-type(odd) { 
  background: #eee; 
}
td1 { 
  
  color: white; 
  font-weight: bold; 
}
td { 
  padding: 10px !important; 
  border: 1px solid #ccc;
  
}

table { 
  padding: 10px; 
  border: 1px solid #ccc;
  
}
 
.sliderwrapper {
	width: 100%px;
	height: 238px;
	position: absolute;
	top: 276px;
	left: 43px;
	z-index: 9;

}

.menudiv {
	width:112px;
	height:81px;
	position:absolute;
	top:242px;
	left:-68px;
	z-index:996;

}




.navbar {
  margin-bottom: 20px;
}
.nav>li>a {
font-size:12px !important;
}
.flashDiv {
	width:100%;
	height:147px;
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	background-position:center top;
	position:absolute;
	top:0px;
	left:0;
	z-index:994;

}
.lookus {
	position:absolute;
	width:282px;
	height:251px;
	left: 873px;
	top: 163px;
	z-index:20;
}
.headd {
	width:352px;
	height:304px;
	position:absolute;
	top:0;
	left:0;
	z-index:994;


}
#gorsel
{
	width: 1032px;
	height: 604px;
	left: -157px;
	top: 96px;
	position: absolute;
	z-index: 999999999999999999999;
	
}

#test {
	text-align:left;
	float:left;
	position:absolute;
	left:432px;
	top: 347px;
	font-size: 21px;
	text-align: center;
	animation: fadein 2s;
	-moz-animation: fadein 2s; /* Firefox */
	-webkit-animation: fadein 2s; /* Safari and Chrome */
	-o-animation: fadein 2s; /* Opera */
	z-index:975;
}
#sayac
{
	width: 301px;
	height: 61px;
	position: absolute;
	left: 433px;
	top: 409px;
	animation: sayacin 2s;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-moz-animation: sayacin 2s; /* Firefox */
	-webkit-animation: sayacin 2s; /* Safari and Chrome */
	-o-animation: sayacin 2s; /* Opera */
	z-index:974;
}
@keyframes sayacin {
    from {
        opacity:0;
		-webkit-transform:translate3d(0,2000px,0);
		transform:translate3d(0,2000px,0);
    }
10% {
    opacity:0;
  }
	20% {
    opacity:0;
  }
	30% {
    opacity:0;
  }
  40% {
    opacity:0;
  }
  50% {
    opacity:0;
  }
  60% {
    opacity:0;
	opacity:0;
	
  }
  80%
  {
	  opacity:0;
  }
  90%
  {
	  opacity:0.9;
	  
  }
   100%
	   {
		  opacity:1;
		opacity:1;-webkit-transform:none;transform:none;
	   }
}
@-moz-keyframes sayacin {
    from {
        opacity:0;
		-webkit-transform:translate3d(0,2000px,0);
		transform:translate3d(0,2000px,0);
    }
10% {
    opacity:0;
  }
	20% {
    opacity:0;
  }
	30% {
    opacity:0;
  }
  40% {
    opacity:0;
  }
  50% {
    opacity:0;
  }
  60% {
    opacity:0;
	opacity:0;
	
  }
  80%
  {
	  opacity:0;
  }
  90%
  {
	  opacity:0.9;
	  
  }
   100%
	   {
		  opacity:1;
		opacity:1;-webkit-transform:none;transform:none;
	   }
}
@-webkit-keyframes sayacin {
    from {
        opacity:0;
		-webkit-transform:translate3d(0,2000px,0);
		transform:translate3d(0,2000px,0);
    }
10% {
    opacity:0;
  }
	20% {
    opacity:0;
  }
	30% {
    opacity:0;
  }
  40% {
    opacity:0;
  }
  50% {
    opacity:0;
  }
  60% {
    opacity:0;
	opacity:0;
	
  }
  80%
  {
	  opacity:0;
  }
  90%
  {
	  opacity:0.9;
	  
  }
   100%
	   {
		  opacity:1;
		opacity:1;-webkit-transform:none;transform:none;
	   }
}
@-o-keyframes sayacin {
    from {
        opacity:0;
		-webkit-transform:translate3d(0,2000px,0);
		transform:translate3d(0,2000px,0);
    }
10% {
    opacity:0;
  }
	20% {
    opacity:0;
  }
	30% {
    opacity:0;
  }
  40% {
    opacity:0;
  }
  50% {
    opacity:0;
  }
  60% {
    opacity:0;
	opacity:0;
	
  }
  80%
  {
	  opacity:0;
  }
  90%
  {
	  opacity:0.9;
	  
  }
   100%
	   {
		  opacity:1;
		opacity:1;-webkit-transform:none;transform:none;
	   }
}
@keyframes fadein {
    from {
        opacity:0;
    -webkit-transform:translate3d(2000px,0,0);
    transform:translate3d(2000px,0,0);
    }
10% {
    opacity:0;
  }
  20% {
    opacity:0;
  }
  30% {
    opacity:0;
  }
  40% {
    opacity:0;
  }
 
   
    70% {
    opacity:1;
  opacity:1;
  
  }
  90%
  {
    opacity:1;
  }
   100%
     {
      opacity:1;
    opacity:1;-webkit-transform:none;transform:none;
     }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    -webkit-transform:translate3d(2000px,0,0);
    transform:translate3d(2000px,0,0);
    }
10% {
    opacity:0;
  }
  20% {
    opacity:0;
  }
  30% {
    opacity:0;
  }
  40% {
    opacity:0;
  }
 
   
    70% {
    opacity:0;
  opacity:0;
  
  }
  90%
  {
    opacity:1;
  }
   100%
     {
      opacity:1;
    opacity:1;-webkit-transform:none;transform:none;
     }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    -webkit-transform:translate3d(2000px,0,0);
    transform:translate3d(2000px,0,0);
    }
10% {
    opacity:0;
  }
  20% {
    opacity:0;
  }
  30% {
    opacity:0;
  }
  40% {
    opacity:0;
  }
 
   
    70% {
    opacity:1;
  opacity:1;
  
  }
  90%
  {
    opacity:1;
  }
   100%
     {
      opacity:1;
    opacity:1;-webkit-transform:none;transform:none;
     }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    -webkit-transform:translate3d(2000px,0,0);
    transform:translate3d(2000px,0,0);
    }
10% {
    opacity:0;
  }
  20% {
    opacity:0;
  }
  30% {
    opacity:0;
  }
  40% {
    opacity:0;
  }
 
   
    70% {
    opacity:1;
  opacity:1;
  
  }
  90%
  {
    opacity:1;
  }
   100%
     {
      opacity:1;
    opacity:1;-webkit-transform:none;transform:none;
     }
}




/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
  font-family: 'FuturaBkBTBook';
}

/* Declare heights because of positioning of img element 
.carousel .item {
  height: 241px;
  background-color:#555;
  
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-height:241px;

}*/



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



@media (max-width: 428px) {

.gorsel
{
	padding-top: 10px;
}
.bos1
{
	padding-top: 10px;
	padding-left:0px !important;
}

}

@media (max-width: 768px) {

  .gorsel
  {
    padding-top: 10px;
    
  }
  .bos1
  {
    padding-top: 10px;
    padding-left:0px !important;
  }

  .navbar-default {
      background-color:#522269 !important;
  }
  .carousel-indicators
  {
    display: none !important;
  }
  .altbuton
  {
    width: 100% !important;
  }

}

@media (min-width:991px)
{
	.bos4
  {
    padding-top: 10px;
    padding-right:5px !important;
  }
}



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

	.gorsel
{
	padding-top: 10px;
	
}
.bos1
{
	padding-top: 10px;
	padding-left:0px !important;
}
.bos2
{
	padding-right:15px !important;
}
	
	
}
.bos2
{
	padding-right:5px !important;
}
@media (min-width: 768px) {

.gorsel
{
	padding-top: 10px;
}
.bos2
{
	padding-right:5px !important;
}



}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

}


.borderTopColor1{border-top:4px solid #2C8CC5 !important;}
.borderTopColor2{border-top:4px solid #E66AA2 !important;}
.borderTopColor3{border-top:4px solid #E19934 !important;}
.borderTopColor4{border-top:4px solid #D86168 !important;}
.borderTopColor5{border-top:4px solid #CF0B28 !important;}
.borderTopColor6{border-top:4px solid #793f9a !important;}
.borderTopColor7{border-top:4px solid #22419a !important;}



a.altbuton{padding: 15px; width:100%;  display: block; color:#000; text-align:center; border:1px solid #E1E1E1; cursor: pointer; background-image:url(images/g2.png);
		background-repeat:no-repeat;
		width:100%;
		background-size: cover;
		}
a.altbuton:hover{background:#F5F4F2;  color:#183264 !important; text-decoration: none; }

span.altbutonText{ font-family: 'FuturaBkBTBook'; font-size: 14px; display: block; height: 35px;  padding-top: 10px; padding-bottom: 10px;}



@media (max-width: 428px) {

a.altbuton{padding: 8px; width:97%; background:#FFF;  display: block; color:#183264; text-align:center; border:1px solid #E1E1E1; cursor: pointer; font-family: 'FuturaBkBTBook';}

.duyurubaslik2 {
	font-family: 'FuturaBkBTBook';
  float: left;
    font-size: 21px !important;
    margin: 0;
    color: #000;
    padding: 5px 0px;
}

}


.vticker{
  
text-shadow: 0 0 1px rgba(0,0,0,0.3);
-webkit-font-smoothing: antialiased;
  width: 100%;
  font-family: 'FuturaBkBTBook';
  
  padding-top:5px;
  font-size:14px;
}
.vticker ul{
  padding: 0;
  width: 100%;
  font-family: 'FuturaBkBTBook';
}
.vticker li{

    font-size: 12pt;
    list-style: none;
    border-bottom: 1px dotted #ccc;
	font-family: 'FuturaBkBTBook';
    padding: 17px 0px 17.5px 0px;


}
.vticker li i{
  font-size: 10px;
  margin-right: 5px;
color: #e76635;
font-family: 'FuturaBkBTBook';


}

.duyurubaslik {
  float: left;
    font-size: 21px;
	font-family: 'FuturaBkBTBook';
    margin: 0;
    color: #000;
    padding: 5px 0px;
}

.baslik {
    font-size: 19px;
    margin: 0;
    color: #000;
    padding: 7px 7px;
	background-color:#DDDDDD;
	font-family: 'FuturaBkBTBook';
}

.duyuruoklar {
  float: right;

}

.duyuruoklar div { float:left;margin-right: 5px; margin-top: 8px;}

.wideduyuru
{
	background-image:url(images/g2.png),url(images/takvim-1.png)  ;
	background-position: top left, bottom right;
		background-repeat:no-repeat;
		width:100%;
		padding-top: 15px !important;
		border:1px solid #CCC;
		font-family: 'FuturaBkBTBook';
}
.bulten
{
	background-image:url(images/g3.png),url(images/at.png)  ;
	background-position: top left, bottom right;
		background-repeat:no-repeat;
		width:100%;
		font-family: 'FuturaBkBTBook';
		border:1px solid #CCC;
		
}

.thy{
	width:100%;
		font-family: 'FuturaBkBTBook';
		border:1px solid #CCC;
}



.bultenbaslik {
 
    font-size: 23px;
	font-family: 'FuturaBkBTBook';
    margin: 0;
    color: #000;
	padding:0px;
	border-bottom:1px solid #CCC;
	padding-top: 5px;
	
}
p
{
	padding-top:5px;
	padding-bottom:6px;
	margin:0;
	font-family: 'FuturaBkBTBook';
}

.kurul tr td{
  padding: 2px!important;
}

/* Slider Styles */




/* Carousel Styles */
.carousel-indicators .active {
    background-color: #2980b9;
}

.carousel-inner img {
    width: 100%;
	height:auto;
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 0px !important;
}

.carousel-control.right span {
	padding: 0px !important;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
	background-color: transparent;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 7% !important;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}



.modal-dialog {
    width: 1300px !important;
    font-size: 14px;
}

@media only screen and (max-width: 768px) {
	#myFrameVideo{
		height: 350px !important;
		width: 100% !important;
	}
	.modal-dialog {
		width: 100% !important;
	}
	.modal-content {
		width: 90% !important;
		margin: auto !important;
	}
}

.sponsor {
  border: 1px solid #ededed;
  box-shadow: 3px 5px #ededed;
  border-radius: 10px;
  margin-top: 30px;
}