@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

html {
	height: 100%;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: hidden;
}

body {font-family:Trebuchet MS, sans-serif; font-size:15px;}

/* Firefox */
.ozgecmis{
	overflow:auto;
	height:570px;
	scrollbar-width: thin;
	scrollbar-color: #ccc #000000;
	padding-right:5px;
}

/* Chrome, Edge, and Safari */
.ozgecmis::-webkit-scrollbar {
	width: 10px;
	height:10px;
}

.ozgecmis::-webkit-scrollbar-track {
	background: #000000;
}

.ozgecmis::-webkit-scrollbar-thumb {
	background-color: #666;
	border-radius: 50px;
	border: 0px none #666;
	border:none;
}
.ozgecmis::-webkit-scrollbar-corner {
  background: transparent;
}

a{color:#333}
a:hover{color:#999}

header{background:#000;}

.menu > li > a{color:#fff !important;}
.menu > li.active > a{color:#FE0865 !important; background:none !important;}
.menu > li > a:hover{color:#FE0865 !important; transition:color 0.4s ease 0s;}
.menu > li > a.bilet-link{background:#ff2700 !important;color:#fff !important;}
.menu > li > a.bilet-link:hover{background:#c11d00 !important;}

.slider{position:relative; margin-bottom:3px}
.slider .title{
	position:absolute;
	font-size:70px;
	color:#fff;
	top:50px;
	width:100%;
	text-align:center;
	
	text-shadow: 2px 2px 5px #000000;
}
.slider .buttons{position:absolute; bottom:-45px; width:100%; text-align:center;}
.slider .buttons .btn{font-size:24px; margin:0 10px;}
.sayac{
	background:url(/images/sayacbg.png) no-repeat center top;
	background-size:cover;
	height:221px;
	padding:20px 0;
}

.counter .sq .bord {width:75px; height:75px; line-height:75px; font-size:70px !important; font-weight:bold;}
.counter .sq .smalltext{color:#fff !important;}

.biletal{background:transparent; margin-top:30px; font-size:30px; font-weight:bolder;}

#owl .item img {
	display: block;
	width: 100%;
	height: auto;
}

.slogan{text-align:center; font-size:56px; margin:5px 0; font-weight:bold; text-shadow: 2px 2px 5px #fff;}

.delegate{
	margin-top:20px;
	background:#e8e8e8;
	padding:10px;
	font-size:16px;
}
.videolar{background:#ededed; padding:20px 0; margin-top:50px;}
.videolar .video{margin-top:10px;}
.videolar .video .image{position:relative; border:solid 2px transparent}
.videolar .video:hover .image{border-color:#f00;}
.videolar .video .image .title{position:absolute; bottom:15px; left:15px; height:25px; font-size:18px; line-height:20px; font-weight:bold; color:#fff; text-shadow: 0px 0px 13px #000000;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; margin-bottom:2px;}
.videolar .video .image .konusmaci{position:absolute; left:15px; bottom:2px; height:20px; color:#fff; font-size:12px; background:#0005; padding: 2px 5px}
.videolar .video .konu{padding-left:15px; font-size:10px;}
.videolar .btn{border-radius:20px;}

.hosgeldiniz .title{color:#ff0102; font-family:'Bebas Neue', cursive; font-size:39px; font-weight:bold;}
.hosgeldiniz .desc{color:#909090; font-family:'Bebas Neue', cursive; font-size:39px; font-weight:bold;}

.tedx{background:url(/images/tedxbg.jpg) no-repeat center; background-size:cover; color:#fff; min-height:400px; padding:75px 0;}
.tedx .title{color:#f2090a; font-size:72px; line-height:72px; font-family:Bebas Neue;}
.tedx a{color:#fff; padding:2px 0; display:inline-block; border-radius:3px; transition:all 0.2s}
.tedx a:hover{background:#f2090a; padding:2px 5px; text-decoration:none;}

.gonullu{min-height:400px; padding:20px 0; color:#909090}
.gonullu .title{color:#f2090a; font-size:72px; line-height:72px; font-family:Bebas Neue; margin-top:30px;}

.galeri{background:#efefef;}
.galeri .title{color:#160900; font-size:16px; font-weight:bold; margin:10px 0; text-align:center; height:45px; overflow:hidden;}

.detay{min-height:500px;}
.baslik{ padding:30px 0; background:#eee; margin-bottom:20px;}
.baslik .title{font-size: 20px; font-weight:bold; float:left;}
.icerik{margin:20px 0;}

.baslik2{text-align:center; margin-bottom:25px;}
.baslik2 i{color:red;}
.baslik2 .title{font-size:24px; font-weight:bold; border-radius:5px; display:inline-block; padding:5px 10px;}

.breadcrumb{background:none; font-size:14px; float:right; margin:0; padding:0;}
.breadcrumb::after{clear:both;}


.bulten{background:#eee; margin-top:20px; padding:50px 0;}
.bulten .title{font-size:24px; font-weight:bold; text-align:center; margin-bottom:20px;}

.konusmaci{text-align:center; position:relative; margin-top:10px;}
.konusmaci .overlay{display:none; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(231, 43, 30, 0.75);}
.konusmaci .title{font-size:18px; font-weight:bold; color:#fff; margin-top:5px; margin-top:40%;}
.konusmaci .meslek{color:#fff;}
.konusmaci:hover .overlay{display:block;}

.konusmacilar .konusmaci{text-align:center; position:relative; margin-top:10px;}
.konusmacilar .konusmaci.konusmaci .title{font-size:18px; font-weight:bold; color:#fff; margin-top:5px;}
.konusmacilar .konusmaci.konusmaci .meslek{color:#fff;}

.etkinlik{border:solid 1px #ccc; padding:20px 10px;}
.etkinlik i{width:18px;}

.panel-heading .accordion-toggle:before {
    /* symbol for "opening" panels */
    font-family: "Font Awesome 5 Free";  /* essential for enabling glyphicon */
	 font-weight: 900;
    content: "\f107";    /* adjust as needed, taken from bootstrap.css */
    float: left;        /* adjust as needed */
    color: red;         /* adjust as needed */
	 margin-right:10px;
}
.panel-heading .accordion-toggle.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "\f105";    /* adjust as needed, taken from bootstrap.css */
}

.bloksecim{
	 width:100px; height:75px; display:inline-block;
	 color:#fff;
	 padding:20px ;
	 margin-right:10px;
	 margin-top:10px;
}

.koltukcon svg{
	width:18px;
}

.koltukseri{
	width:20px;
	height:20px;
	line-height:20px;
	border-radius:50%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	margin-right:10px;
	font-size:10px;
	display:inline-block
}
.koltuk{cursor:pointer;}
.bilet{border:dotted 2px #FC3; border-width:0px 2px; display:inline-block; margin-right:5px;}
.biletic{background:#FC3; padding:2px 25px; color:#000; display:inline-block; position:relative; font-size:25px;}
.biletsil{background:#FC3; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display:none; vertical-align:central; cursor:pointer;}
.biletic:hover .biletsil{display:block;}
.biletreklam{
	/*background: rgb(0,0,0);background: linear-gradient(90deg, rgba(30,0,0,1) 0%, rgba(130,3,3,1) 100%);*/
	
	background:url(/images/biletbg.jpg) no-repeat; background-size:cover; color:#fff;}

.butn{background:#000;}
.butn:hover{background:linear-gradient(to right, #eb2441 0%, #e70674 100%)}

.kapak{position:relative; color:#fff; height:679px; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.kapak .container{height:100%;}
.kapak .row{height:100%;}
.kapak .tarihdiv{height:100%; 
    justify-content: center;
    align-items: center;
    flex-direction: row;
    display: flex; font-family:Bebas Neue;}
.kapak .tarih .gun{font-size:122px; line-height:80px;}
.kapak .tarih .ay{font-size:51px;}

.kapak .yerdiv{height:100%; flex-direction:row; align-items:flex-end; display: flex;}
.kapak .yer{font-size:25px; margin-bottom:200px; margin-left:50px;}

.program{background:#000; color:#ccc; padding:50px 0px;}
.program .title{font-weight:bold; font-size:30px; text-align:center;}
.program .desc{font-size:12px; text-align:center; margin-bottom:20px; font-weight:bold;}
.program .akis{position:relative;}
.program .oturum{border-bottom:solid 1px rgba(255,255,255,0.2); padding:40px 0;}
.program .oturum:nth-child(even){background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, .1) 50%, rgba(255, 255, 255, 0) 100%)}
.program .oturum .saat{float:left; width:150px; font-size:14px; font-weight:bold; padding-top:25px;}
.program .oturum .resim{float:left; width:120px;}
.program .oturum .resim img{width:90px; border-radius:50%; border: solid 5px #333; transition:.3s cubic-bezier(.25,.46,.45,.94);}
.program .oturum:hover .resim img{border-color:#e9193b;}
.program .oturum .isim{float:left; width:180px; padding-top:15px;}
.program .oturum .isim .t{font-weight:bold; color:#fff;}
.program .oturum .isim .m{color:#e9193b; font-size:11px}
.program .oturum .info{float:left; width:580px;}
.program .oturum .info .t{color:#FFF; font-size:18px; font-weight:bold; margin-bottom:10px;}


.bilgi{padding:50px 0; text-align:center}
.bilgi .title{text-align:center; font-weight:bold; font-size:30px;}
.bilgi .desc{font-size:12px; text-align:center; margin-bottom:20px; color:#e72b1e; font-weight:bold;}
.bilgi .aciklama{font-size:16px; font-weight:bold;}

.mesajlar{ height:447px; margin-top:20px;}
.mesajlar.mesaj1{background:url(/images/cumlebg1.jpg) center top; background-size:cover;}
.mesajlar.mesaj2{background:url(/images/cumlebg2.jpg) center top; background-size:cover; margin-top:0;}
.mesaj{background:#eee; height:100%; font-size:20px; padding:50px;}
.mesaj span{font-size:120px; line-height:70px; color:#f00; font-family:Arial Rounded MT;}
.mesajlar .meslek{font-size:16px;}

footer{background:#050505; padding:25px 0; color:#e9e9e8; margin-top:40px;}
footer .container{ padding:0 50px;}
footer .title{font-size: 20px; font-weight:bold; margin:20px 0;}
footer .adres{color:#fff; font-size:13px;}
footer .copy{color:#767170;}
footer .sosyal{font-size:18px;}
footer .sosyal a{margin-right:5px;}
footer a{color:#999 !important;}

.cookieUyari{
	position:fixed;
	bottom:0;
	text-align:center;
	background:rgba(0,0,0,0.6);
	color:#fff;
	padding:5px;
	width:100%;
	font-size:12px;
}

.padding15 {
	padding: 15px;
}

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

@media (max-width:720px){
	.slider .buttons .btn{font-size:18px; margin:0 10px;}
	.slogan{font-size:36px;}
	
	
	.blok{
		overflow:auto;
	}
	.blokic{width:450px;}
}

@media (max-width:480px){
	.navbar-brand img{height:38px;}
	.slider .buttons .btn{font-size:14px; margin:0 10px;}
	.slider .sayac{padding-top:0;}
	.slogan{font-size:30px; margin:10px 0;}
	
	.sayac{padding:10px 0; height:110px;}
	.counter .sq .bord {font-size:20px !important; width:30px !important; height:30px !important; line-height:30px !important;}
	.counter .sq .smalltext{font-size:17px !important;}
	.biletal{font-size:17px; margin-top:0;}
	
	.hosgeldiniz .title{font-size:30px; line-height:30px;}
	.hosgeldiniz .desc{font-size:30px;}
	
	.tedx .title{font-size:30px; line-height:30px;}
	.gonullu .title{font-size:30px; line-height:30px;}
	
	.mesajlar{height:250px}
	.mesaj{font-size:14px; padding:15px;}
	.mesajlar.mesaj1{background-position: -470px;}
	.mesajlar.mesaj2{background-position:-200px;}
	
	.mesaj span{font-size:25px; line-height:20px;}
	.mesajlar .meslek{font-size:12px;}
	
	
	.kapak{height:250px}
	.kapak .tarih .gun{font-size:50px; line-height:50px}
	.kapak .tarih .ay{font-size:16px}
	
	.kapak .yer{font-size: 10px; margin-bottom: -120px; margin-left: 0px;}
	
	.program{padding:5px;}
	.program .saat{left:-150px;}
	.program .oturum.sol .saat{right:-150px;}
	
	.koltukcon svg{
		width:14px;
	}
	#blokB2 .koltukcon svg{
		width:12px;
	}
	.koltukseri{
		width:15px;
		height:15px;
		line-height:15px;
	}
}