﻿* {
	font-family: 'Titillium Web', sans-serif;
}
body {overflow-x:hidden;}
.ad {margin-left:0px !important; margin-right:0px !important; }
.ust {background:#8e070f; height:45px;  color:#fff;}
.ust-ic {background:#111111; height:45px;  position:relative;}
.ic:before {content:""; position:absolute; z-index:5; background: url(../img/solgolge.png); background-size: 261px auto; top: 0px; background-position: right; background-repeat: repeat-y; top:0px; width:100%; height:100%; right:100%}
.ic:after {content:""; position:absolute;  z-index:5; background: url(../img/saggolge.png); background-size: 261px auto; top: 0px; background-position: left; background-repeat: repeat-y; top:0px; width:100%; height:100%; left:100%}
.selcuk img {height:30px; margin-right: 15px;}
.telefon { padding-top:10px; color:#ccc}
.ust-ic > div {float:left; height:45px;}
.selcuk,.sosyal {float:right !important;}
.selcuk {border-right:1px solid #fff; padding-top:5px;}
.sosyal li {float:left;  background:#111111; list-style:none; color:#fff; height:45px; padding:12px 15px; border-right:1px solid #fff}
.sosyal li:hover {background:#fff; color:#000}
.telefon .kirmizi {color:#d51d2a;}
.telefon .gri {color:#fff;}
.slider-ic {padding:0px; position:relative;}
.anaslide img {height:630px; object-fit:cover; width:100%;}
.menu {position:absolute; left:0px; width:100%; top:0px; z-index:2;}
.logo {background:#fff; padding:10px; height:100px; float:left; position:relative;}
.logo:after {content:""; position:absolute;left:100%; top:0px; border-top: 100px solid transparent; border-bottom: 0px solid transparent; border-left:100px solid #fff;}
.yil13 {margin-top:-10px;}
.logo img {float:left; margin-right:10px;}
.slider {background:#f2f0f0;}
.icsol {position:absolute; background:#fff;  background-size:100% auto; bottom:0px; width:100%; height:61px; right:100%}
.icsag {position:absolute; background:#fff;  background-size:100% auto; bottom:0px; width:100%; height:61px; left:100%}
.icsol:before{content:""; position:absolute; bottom:0px; right:0px; border-left: 102px solid transparent; border-top: 61px solid #f2f0f0; border-right: 0px solid #f2f0f0; border-bottom: 0px solid transparent; }
.icsag:before{content:""; position:absolute; bottom:0px; left:0px; border-left: 0px solid #f2f0f0; border-top: 61px solid #f2f0f0; border-right: 102px solid transparent; border-bottom: 0px solid transparent; }
.sli {position:relativE;}
.slititle {position:absolute; left:5%; padding:15px; bottom:150px; max-width:400px; min-height:100px; background:rgba(35, 67, 90, 0.75)}
.slititle h1{color:#fff; font-size:25px; margin:0px; margin-bottom:10px;}
.slititle h2{color:#19aada; font-size:16px; margin:0px;}
.alt3ler {position:absolute; z-index:9; left:5%; width:90%; bottom:10px;}
.alt3ler img {height:120px; cursor:pointer; transition:all .5s; cursor:pointer; box-shadow:3px 3px 4px #222;}
.alt3ler img:hover {box-shadow:0px 0px 4px #222;}
.markalar-ic {height:60px; position:relative; background:#fff; }
.markalar {position:relative; z-index:4;}
.menuic {float:left; position:relative; min-width:400px; margin-left:100px;}
.menuic > a > li {float:left; font-weight:bold; margin-top:50px; background:url(../img/menu.png); height:50px; text-align:center; padding:14px 0px; width:150px; list-style:none; position:relative; background-size:100% 100%; color:#aa1717; margin-left:-47px; }
.menuic > a > li:hover {background:url(../img/menuh.png); background-size:100% 100%; color:#fff}
.menuic > a > li.active {background:url(../img/menuh.png); background-size:100% 100%; color:#fff}
.menuust {position:absolute; right:50px; top:5px;}
.menuust li {float:right; list-style:none; margin:0px 8px;}

.egitim-ic {min-height:350px;  position:relative; background:#e7e9ea;}
.egitim .icbaslik {padding:0px 0% 10px 0px; position:relative;}
.egitim .icbaslik:before {content:""; position:absolute; z-index:3;  left:0px; width:100%; height:10px; background:#dce6ec;}
.egitim .icbaslik h3 {background:#dce6ec; position:relative; margin:0px; font-weight:bold; font-style:italic; text-shadow:0px 0px 2px #ccc; color:#397baf;  padding:15px 5%; width:auto; float:left;}
.egitim .icbaslik h3:after {content:""; position:absolute; left:100%; top:0px;  border-left: 55px solid #dce6ec; border-top:0px solid #dce6ec; border-right: 0px solid transparent; border-bottom: 55px solid transparent;  }
.egitim {background:#e7e9ea; position:relative;}
.egitim:before {content: ""; background: #dce6ec; position: Absolute; bottom: 100%; height: 50px; width: 50%;}
.egitim-icsol { content: ""; position: absolute; top: -10px; right: 100%; border-left: 102px solid transparent; border-top: 61px solid #dce6ec; border-right: 0px solid #fff; border-bottom: 0px solid transparent; }
.egitim-icsolu { content: ""; position: absolute; top: -61px; right: 100%; border-left: 102px solid transparent; border-top: 61px solid #fff; border-right: 0px solid #fff; border-bottom: 0px solid transparent; }
.egitim:after {content: ""; background: #dce6ec; position: Absolute; z-index:1; top:-50px; left:50%; height: 10px; width: 50%;}
.egitim-icsag { content: ""; position: absolute; top: -50px; left: 100%; z-index:1; border-left: 0px solid transparent; border-top: 61px solid #dce6ec; border-right: 102px  solid transparent; border-bottom: 0px solid transparent; }
.egitim-icsagi { content: ""; position: absolute; top: -60px; z-index:2; left: 100%; border-left: 0px solid transparent; border-top: 61px solid #fff; border-right: 102px  solid transparent; border-bottom: 0px solid transparent;  }
.egitim-icsagkapat {  position: absolute;   background: #e7e9ea; position: Absolute; top: -50px; left: 50%; height: 60px; width: 50%; }
.egitim .icsol:before{content:""; position:absolute; bottom:0px; right:0px; border-left: 102px solid transparent; border-top: 61px solid #e7e9ea; border-right: 0px solid #f2f0f0; border-bottom: 0px solid transparent; }
.egitim .icsag:before{content:""; position:absolute; bottom:0px; left:0px; border-left: 0px solid #f2f0f0; border-top: 61px solid #e7e9ea; border-right: 102px solid transparent; border-bottom: 0px solid transparent; }

.yaklasan-ic {min-height:240px; padding-bottom:20px; position:relative; background:#e7e9ea;}
.yaklasan .icbaslik {padding:0px 0% 10px 0px; position:relative;}
.yaklasan .icbaslik:before {content:""; position:absolute; z-index:3;  left:0px; width:100%; height:10px; background:#e5dbd4;}
.yaklasan .icbaslik h3 {background:#e5dbd4; position:relative; margin:0px; font-weight:bold; font-style:italic; text-shadow:0px 0px 2px #ccc; color:#397baf;  padding:15px 5%; width:auto; float:left;}
.yaklasan .icbaslik h3:after {content:""; position:absolute; left:100%; top:0px;  border-left: 55px solid #e5dbd4; border-top:0px solid #e5dbd4; border-right: 0px solid transparent; border-bottom: 55px solid transparent;  }
.yaklasan {background:#e7e9ea; position:relative;}
.yaklasan:before {content: ""; background: #e5dbd4; position: Absolute; bottom: 100%; height: 50px; width: 50%;}
.yaklasan-icsol { content: ""; position: absolute; top: -10px; right: 100%; border-left: 102px solid transparent; border-top: 61px solid #e5dbd4; border-right: 0px solid #fff; border-bottom: 0px solid transparent; }
.yaklasan-icsolu { content: ""; position: absolute; top: -61px; right: 100%; border-left: 102px solid transparent; border-top: 61px solid #fff; border-right: 0px solid #fff; border-bottom: 0px solid transparent; }
.yaklasan:after {content: ""; background: #e5dbd4; position: Absolute; z-index:1; top:-50px; left:50%; height: 10px; width: 50%;}
.yaklasan-icsag { content: ""; position: absolute; top: -50px; left: 100%; z-index:1; border-left: 0px solid transparent; border-top: 61px solid #e5dbd4; border-right: 102px  solid transparent; border-bottom: 0px solid transparent; }
.yaklasan-icsagi { content: ""; position: absolute; top: -60px; z-index:2; left: 100%; border-left: 0px solid transparent; border-top: 61px solid #fff; border-right: 102px  solid transparent; border-bottom: 0px solid transparent;  }
.yaklasan-icsagkapat {  position: absolute;   background: #e7e9ea; position: Absolute; top: -50px; left: 50%; height: 60px; width: 50%; }
.yaklasan .icsol:before{content:""; position:absolute; bottom:0px; right:0px; border-left: 102px solid transparent; border-top: 61px solid #e7e9ea; border-right: 0px solid #f2f0f0; border-bottom: 0px solid transparent; }
.yaklasan .icsag:before{content:""; position:absolute; bottom:0px; left:0px; border-left: 0px solid #f2f0f0; border-top: 61px solid #e7e9ea; border-right: 102px solid transparent; border-bottom: 0px solid transparent; }

.egitimkat-ic {min-height:200px; padding-bottom:20px; position:relative; background:#dfe6de;}
.egitimkat .icbaslik {padding:0px 0% 10px 0px; position:relative;}
.egitimkat .icbaslik:before {content:""; position:absolute; z-index:3;  left:0px; width:100%; height:10px; background:#d8e8d8;}
.egitimkat .icbaslik h3 {background:#d8e8d8; position:relative; margin:0px; font-weight:bold; font-style:italic; text-shadow:0px 0px 2px #ccc; color:#397baf;  padding:15px 5%; width:auto; float:left;}
.egitimkat .icbaslik h3:after {content:""; position:absolute; left:100%; top:0px;  border-left: 55px solid #d8e8d8; border-top:0px solid #d8e8d8; border-right: 0px solid transparent; border-bottom: 55px solid transparent;  }
.egitimkat {background:#dfe6de; position:relative;}
.egitimkat:before {content: ""; background: #d8e8d8; position: Absolute; bottom: 100%; height: 50px; width: 50%;}
.egitimkat-icsol { content: ""; position: absolute; top: -10px; right: 100%; border-left: 102px solid transparent; border-top: 61px solid #d8e8d8; border-right: 0px solid #fff; border-bottom: 0px solid transparent; }
.egitimkat-icsolu { content: ""; position: absolute; top: -61px; right: 100%; border-left: 102px solid transparent; border-top: 61px solid #fff; border-right: 0px solid #fff; border-bottom: 0px solid transparent; }
.egitimkat:after {content: ""; background: #d8e8d8; position: Absolute; z-index:1; top:-50px; left:50%; height: 10px; width: 50%;}
.egitimkat-icsag { content: ""; position: absolute; top: -50px; left: 100%; z-index:1; border-left: 0px solid transparent; border-top: 61px solid #d8e8d8; border-right: 102px  solid transparent; border-bottom: 0px solid transparent; }
.egitimkat-icsagi { content: ""; position: absolute; top: -60px; z-index:2; left: 100%; border-left: 0px solid transparent; border-top: 61px solid #fff; border-right: 102px  solid transparent; border-bottom: 0px solid transparent;  }
.egitimkat-icsagkapat {  position: absolute;   background: #dfe6de; position: Absolute; top: -50px; left: 50%; height: 60px; width: 50%; }
.egitimkat .icsol:before{content:""; position:absolute; bottom:0px; right:0px; border-left: 102px solid transparent; border-top: 61px solid #dfe6de; border-right: 0px solid #f2f0f0; border-bottom: 0px solid transparent; }
.egitimkat .icsag:before{content:""; position:absolute; bottom:0px; left:0px; border-left: 0px solid #f2f0f0; border-top: 61px solid #dfe6de; border-right: 102px solid transparent; border-bottom: 0px solid transparent; }

.etkinlik {background:#dfe6de; position:relative;}
.etkinlik-ic {min-height:500px; z-index:9; padding-bottom:20px; position:relative; }
.etkinlik-sol { content: ""; position: absolute;  left:0px; top:0px;  border-top: 560px solid transparent; z-index:3;   border-right: 0px solid #fff; border-bottom: 0px solid transparent; }
.etkinlik-sag { content: ""; position: absolute;  right:0px; top:0px;  border-top: 560px solid transparent; border-left: 0px solid #fff; border-bottom: 0px solid transparent; }
.etkinlik-ic-sag {content: ""; position: absolute;  right:0px; top:0px;  border-top: 560px solid transparent; z-index:2; opacity:0.70; border-bottom: 0px solid transparent; }
.tarih:empty {display:none;}
.tarih {position:absolute; box-shadow:0px 0px 5px #666; top:305px; font-style:italic; background:#fff; line-height: 1.5; font-size:20px; font-weight:600; width:70px; text-align:center; height:70px; color:#3f454d; border-radius:100% 100%;}
.tarih span {color:#dbce97; font-weight:bold; }
.icerik {padding:10px 5%; }
.kutu img {width:100%; height:150px;  float:left;}
.kutuab {float:left; text-align:right; font-size:12px; color:#fff; width:100%; background:#a60c26; padding:2px 5px;}
.kutubaslik {float:left; color:#000; min-height:70px; font-weight:600; background:#fff; width:100%; padding:15px 10px; font-size:16px;}
.icerik .kutu:first-child {padding-left:0px;}
.icerik .kutu:last-child {padding-right:0px;}
.alt {background:url(../img/alt.png); background-size:100% 100%; border-top:10px solid #430000; height:500px;}
.etkinlik-bg {position:absolute;left:0px;top:0px; z-index:1;height:100%;}
.altbaslik {display:inline-block; padding:15px 30px; font-size:19px; font-style:italic; font-weight:bold; text-align:center; background:#bc050d; position:Relative; color:#fff;}
.altbaslik:before{content:""; position:absolute; left:-50px; width:50px; height:50px; top:0px; background:url(../img/solb.png); background-size:100% 100%;}
.altbaslik:after{content:""; position:absolute; right:-50px; width:50px; height:50px; top:0px; background:url(../img/sagb.png); background-size:100% 100%;}
.icdetay{min-height:650px; }
.icdetay-bg{position:absolute; width:100%; top:62px; left:0px; z-index:1; height:550px; background-position:100px 0px; background:url(../img/detaybg.png);  background-repeat:no-repeat; background-size:100% auto;}
.altmenu {background:#fff; border-radius:7px; padding:8px 5px; border:1px solid #ccc; min-height:150px;}
.altmenu h2 {background:#b00c00;  font-style:italic; color:#fff; margin:0px; padding:5px 10px; font-size:20px; font-weight:600;}
.altmenu i {float:right;}
.altmenu h3 {font-size:14px; color:#333; font-weight:600; margin:5px 0px; border-top:1px dotted #999; padding-top:5px; padding:5px 10px;}
.altmenu a {text-decoration:none;}

.alt h3 {margin-bottom:25px;}
.alt h3,.alt h4 {color:#fff;}

/* Add here all your CSS customizations */
.yonetimliste{
    margin-top: 15px;
}
.yonetimliste label{
	border-bottom:solid 2px #5b4d54;
	text-align:center;
	color:#5b4d54;
	font-size:14px;
	width: 70%;
	margin-left: 15%;
	padding: 5px 0;
}
.yonetimliste span{
	border-top:solid 2px #5b4d54;
	text-align:center;
	color:#5b4d54;
	font-size:14px;
	float: left;
	width: 70%;
	margin-left: 15%;
	padding: 5px 0;
}
.yonetimlisteimg{
	width:130px;
	height:140px;
	background:#000;
	margin: 16px auto;
	overflow: hidden;
}
.yonetimlisteimg img{
	width:100%;
}
label.yonetimbaslik{
    border-bottom: solid 2px #5b4d54;
    text-align: center;
    color: #5b4d54;
    font-size: 14px;
    width: 70%;
    margin: 15px 15%;
    padding: 5px 0;
}
@media screen and (max-width: 1024px) {
	.asd {display:inline-block !important}
	.mgizle,.etkinlik-bg,.alt3ler,.menuic > a,.logo:after,.ic:after,.icsag,.egitim-icsagi,.egitim-icsag,.yaklasan-icsagi,.yaklasan-icsag,.egitimkat-icsagi,.egitimkat-icsag {display:none !important;}
	.menu {background:#fff}
	.tarih {top: 6px !important;position:relative !important;left: 44% !important;}
	.etkinlik-ic {background:#430000 !important;}
	.verigel h4 {padding-top:20px !important; text-align:center;}
	.etkinlikslide  {margin-top:20px !important}
	.sli img {width:100% !important}
	.anaslide .owl-stage-outer {width:100%;}
	.kutu img {height:auto !important}
	.alt {height:auto !important}
	.logo {width:100%;}
	.logoimg {height:50px !important;}
	.menuic {margin-left:0px !important; min-width:initial !important; width:100% !important;}
	.menuust {width: 100%; z-index: -1; background: #fff; left: 0px; right:initial !important; top: 0px; border-top: 2px solid #000; border-bottom: 2px solid #000; padding-top: 10px; padding-bottom: 10px;}
}
