body{margin:0; padding:0; font-size:16px; color:#535353; font-family: 'Poppins', sans-serif; background-color:#FFF}
input, textarea, select{color:#000; font: 16px 'Poppins', sans-serif;}
*{outline:none}
h1{margin:0; padding:0; font-size: 18px}
h2{margin:0; padding:0; font-size: 16px}
h3{margin:0; padding:0; font-size: 15px}
h4{margin:0; padding:0; font-size: 14px}
a{color:#AB1D2B; text-decoration:none; border:solid 0px; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
a:hover{color:#AB1D2B; text-decoration:underline}
.P0{padding:0}
.M0{margin:0}
ul{margin:0}
iframe{display:block}
code{padding:0; background-color:transparent;margin:0; border-radius:0; color:#000}
ul{padding:0}
.clearfix{font-size:0; padding:0; margin:0; line-height:0}
.sy-caption-wrap{display:block; visibility:hidden}

.navbar-default{background-color:#FFF; height:100px}
.navbar{margin-bottom:0; font-size:20px;}
.navbar-nav > li > a{background-color:transparent; color:#000; font-weight:400}
.nav > li:hover{color:#FFF}
.nav > li:hover a{ color:#AB1D2B;}

.UstBg{color:#000;  padding:5px 0; }
.UstBg a{color:#FFF}
.UstBg a:hover{color:#AB1D2B}
.UstBg .UstSag a{margin-left:10px}
.UstIletisim{margin-left:25px}
#MobilTelefon{text-align:center; margin-bottom:10px; position:fixed; left:0; width:100%; background-color:#333}
#MobilTelefon a{color:#FFF; padding:5px; font-size:18px; color:#FFF; font-weight:bold; animation: MobilTelefonUyari 2.0s ease-in-out infinite; display:block }
@keyframes MobilTelefonUyari { 0% {color:#000}  50% {color:#FFF}  100% {color:#000}}
.navbar-toggle{position:absolute; right:15px; top:15px}


#UstBilgi{}
#SosyalMedya{float:right; }
#Lang{float:right; }
#Lang{font-size:14px; text-align:right; float:right; color:#FFF; margin:10px 20px 0 0}
#Lang a{color:#FFF}
#Lang a:hover{color:#0f049d}
#Lang a.Sec{color:#0f049d}



#Top{color:#FFF; font-size:13px;width:100%; text-align:right; margin-bottom:5px; position:fixed; z-index:2}
#Top a{color:#FFF; margin-right:10px; display:block; float:right; padding:5px 0}
#Top a:hover{text-decoration:underline}
#Top a code{padding:0; background-color:transparent;margin:0; border-radius:0; color:#FFF}
#Top span{color:#FFF; margin-right:5px;font-size:13px; display:block; float:left; margin-top:2px }
#Top .SosyalMedya{float:right; margin-right:15px; margin-top:5px; }
#Top .SosyalMedya a{width:32px; height:31px;  text-indent:-9999px;margin:0 5px 0 0; display:block; float:left;}
#Top .TelefonMail{background-color:#AB1D2B; padding:8px 0 8px 15px; float:right; border-bottom-left-radius:10px; border-bottom-right-radius:10px; color:#FFF; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);}
#Top .TelefonMail div{float:left; margin-right:25px}
#Top .TelefonMail a{padding:0}

.Menu{background-color:transparent; border:solid 0; height:100px; font-size:16px}
.Menuler button{background-color:transparent;border:solid 0;  display:block; width:100%;  margin-bottom:10px; position:relative; margin-top:15px; padding-bottom:15px; color:#777}
.Menuler button:hover{ border-bottom:solid 4px #AB1D2B; color:#000}
.Menuler ul{position:absolute; min-width:100%; margin:0; background-color:#AB1D2B; top:124px; padding:0;}
.Menuler ul a{ color:#949494; padding:10px; text-align:left} 
.Menuler a{display:block; text-align:center; font-size:14px; padding-top:20px; padding-bottom:5px; color:#000; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; }
.navbar-default .navbar-nav > li.UstMenuSec > a{ color:#000; }
.dropdown-menu{border:none}


#Ust .Menuler > li:hover ul a{color:#FFF; background-color:transparent; text-decoration:none}
#Ust .Menuler > li:hover ul a:hover{text-decoration:underline}

#Ust .nav li ul {position:absolute; min-width:180px; z-index: 999;max-height: 0;overflow: hidden;-webkit-transform: perspective(800) rotate3d(2,0,0,-90deg); -webkit-transform-origin: 50% 0;-webkit-transition: 650ms;-moz-transition: 650ms; -o-transition: 650ms;transition: 650ms; list-style:none; margin-top:17px}
#Ust .nav li:hover{overflow:visible}
#Ust .Menuler > li:hover ul {max-height: 1000px;-webkit-transform: perspective(800) rotate3d(0,0,0,0); padding:5px; }
#Ust .Menuler button{background-color:transparent;border:solid 0;  display:block; width:100%;  margin-bottom:10px; position:relative; margin-top:15px; padding-bottom:15px; color:#777}
#Ust .Menuler button:hover{ color:#FFF}
#Ust .Menuler ul{position:absolute; min-width:100%; margin:0; background-color:#AB1D2B; top:23px; display:block; border-radius:15px; border-top-left-radius:0; border-top-right-radius:0}
#Ust .Menuler ul a{color:#FFF; padding:4px 10px; display:block; border:solid 0; background-color:transparent}
#Ust .Menuler ul a:hover{}
#Ust nav{ margin-top:0; }
.Menuler{background-color:transparent; margin-top:60px; margin-right:0}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { color:#333}
.nav > li > a{margin:0 18px 20px 18px; font-weight:500; padding:0}
.nav > li > a:hover, .nav > li > a:focus{background-color:transparent}
.UrunMenu ul{width:340px}
.UrunMenu ul li{float:left; width:50%}


.Logo{ padding:0; width:100%; margin-top:15px; position:relative; display:block}
.Logo h1{text-indent:-9999px; height:0}
.Logo h2{text-indent:-9999px; height:0}
.navbar-brand{height:auto}

#Banner{ position:relative; margin-top:100px}
#Banner .BannerMetin{ border-radius:15px; padding:20px; position:absolute; bottom:4%; width:30%; color:#FFF; left:63%; background:rgba(255,255,255,0.7)}
#Banner img{max-width:100%; display:block; margin:0 auto}
#Banner b{ font-size:43px;  font-weight:bold; line-height:42px; color:#000; display:block}
#Banner i{ font-size:40px; font-style:normal; margin-top:10px; width:100%; color: #000}
#Banner .sy-pager{display:none; visibility:hidden}

#BannerIcSayfa{ margin:100px 0 40px 0; display:inline-block; position:relative; webkit-box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2);box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2);}
#BannerIcSayfa img{width:100%; display:block}

#IcSayfaHizliMenu{font-size: 15px; width:70%; font-weight: normal; display: block; bottom: 5%; padding: 10px 5px 10px 40px; background:url(/Images/Site/SolBaslik.png) no-repeat left center; border-radius: 10px; position:absolute; bottom:5%; color:#777; float:left;}
#IcSayfaHizliMenu .container{ padding:10px 20px; border-radius:10px;}
#IcSayfaHizliMenu a{color:#383838; font-weight:200}
#IcSayfaHizliMenu b{font-weight:600; color:#AB1D2B}
#IcSayfaHizliMenu a:hover{text-decoration:underline}
#IcSayfaHizliMenu h1{display:block; font-size:24px; color:#000; margin-bottom:10px}

.carousel-inner{width:90%; margin-left:5%}
.carousel-control{width:5%; color:#000; font-size:20px; top:0}
.carousel-control:hover, .carousel-control:focus{color:rgb(16,68,128)}
.carousel-control span{top:45%}

#IcSayfa .Ortala{display: flex;flex-wrap:wrap;justify-content: center;}

#IcSayfa{margin-bottom: 20px; min-height:400px}
.modal-header{border-bottom:solid 1px #e5e5e5}
.modal-header h4{font-size:20px; color:#AB1D2B}
.modal-header .close{font-size:30px}

#IcSayfa #IletisimBilgileri{padding:15px;background-color:#AB1D2B; color:#FFF;  border-radius:10px; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2); margin-bottom:2%}
#IcSayfa #IletisimBilgileri span{color:#FFF; margin-right:10px; font-size:20px}
#IcSayfa #IletisimBilgileri .col-sm-12{margin-bottom:20px}
#IcSayfa #IletisimBilgileri a{color:#FFF}
#IcSayfa #IletisimBilgileri a code{color:#FFF}

.IletisimFormu{padding:15px; line-height:26px; border-radius:10px; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);}
.IletisimFormu input[type=text]{margin-bottom:15px; border: none; background-color:#F9F9F9; border-radius:10px}
.IletisimFormu textarea{margin-bottom:15px; border: none; background-color:#F9F9F9; border-radius:10px}
.IletisimFormu input[type=submit]{background-color:#333; color:#FFF; border-radius:10px}
.IletisimFormu input[type=submit]:hover{background-color:#000}

.AnasayfaBaslik{display:block; text-align:center; font-size:30px; margin-bottom:15px; font-weight:500; color:#000; margin-top:4%}

.HataSonuc{color:#F00; font-size:20px; }
.Onay{background-color:#e6e6e6; font-size:24px; text-align:center; padding:15px 0;  webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);box-shadow: 0 0 15px 0 rgba(0,0,0,0.4); border-radius:10px}
.Onay img{display:block; margin:0 auto 30px auto}

#Slogan{margin-top:-100px; position:relative;z-index:100; margin-bottom:5%; display:inline-block; width:100%}
#Slogan div div a{padding:15px; height:280px; text-align:center; position:relative; display:block; background-color:#AB1D2B; color:#FFF; webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}
#Slogan div div a img{display:block; margin:0 auto 10px auto}
#Slogan div div:nth-child(even) a {background-color: #FFF;color:#2C2C2C}
#Slogan div b{display:block; font-size:20px; margin-bottom:10px; font-weight:500; height:60px}
#Slogan div i{display:block; font-style:normal; font-size:14px; position:absolute; bottom:15px; width:100%; left:0; text-align:center}
#Slogan div div a:hover{text-decoration:none; -webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02)}

#Kroki{margin-top:2%; margin-bottom:1%; width:100%}

#Kutuphane{ width:100%; display:inline-block}
#Kutuphane #Ara span{margin-bottom:30px; display:block}
#Kutuphane #Ara input[type=text]{width:30%; float:left; background-color:#F7F7F7; border:solid 1px #CECEBF; padding:10px; border-radius:10px; margin-right:10px}
#Kutuphane #Ara a{width:5%; float:left; background-color:#F7F7F7; border:solid 1px #CECEBF; padding:9px; border-radius:10px; margin-right:10px; text-align:center}
#Kutuphane #AranacakMetin{width:100%; display:inline-block; margin:2% 0}
#Kutuphane #AranacakMetin b{color:#AB1D2B; font-size:16px}
#Kutuphane #Tur{display:inline-block; width:100%; margin:2% 0}
#Kutuphane #Tur .Tur{display:block;padding:15px 30px; text-align:center; color:#FFF; background-color:#666; border-radius:15px; margin-bottom:5px}
#Kutuphane #Tur .Sec .Tur{background-color:#AB1D2B}
#Kutuphane #Tur .Tur:hover{background-color:#AB1D2B}
#Kutuphane .Baslik{width:100%; background-color:#666666; color:#FFF; padding:10px 0; font-size:20px}
#Kutuphane .Satir{width:100%; display:inline-block; padding:5px 0; margin-bottom:5px}
#Kutuphane .Satir:nth-child(even) {background-color: #F2F2F2;}

#Kitaplar {display:inline-block; width:100%}
#Kitaplar .Kitap{display:inline-block; margin-bottom:30px; padding-bottom:30px; border-bottom:solid 1px #E7E8ED; width:100%}
#Kitaplar b{display:block; font-size:18px; margin-bottom:15px; font-weight:600}
#Kitaplar img{padding:15px; border:solid 1px #E7E8ED; max-width:100%; border-radius:10px; webkit-box-shadow: 0px 0 15px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0px 0 15px 0 rgba(0,0,0,0.2);box-shadow: 0px 0 15px 0 rgba(0,0,0,0.2);}
#Kitaplar .Fiyat {color:#FFF; background-color:#AB1D2B; border-radius:20px; padding:3px 15px; float:left; margin:20px 15px 20px 0}
#Kitaplar .Fiyat+.Fiyat{background-color:#383838; color:#FFF}
#Kitaplar .Icindekiler{border:solid 1px #383838; border-radius:20px; padding:3px 15px; float:left; margin:20px 15px 20px 0; cursor:pointer}
#Kitaplar .Icindekiler span{color:#AB1D2B}
#Kitaplar .KitapBilgi{width:100%; display:inline-block; margin-top:10px}
#Kitaplar .KitapBilgi span{margin-right:5px; color:#AB1D2B}
#Kitaplar .KitapBilgi a{margin-right:30px}
#Kitaplar .KitapBilgi a code{color:#AB1D2B}
#Kitaplar h4.modal-title{color:#AB1D2B}
#Kitaplar .AnasayfaKitap {border:none; margin-bottom:15px; padding-bottom:15px; color:#000}
#Kitaplar .AnasayfaKitap b{font-size:16px; font-weight:500; margin-top:10px; text-align:center;}
#Kitaplar a{cursor:pointer}
#Kitaplar .UstMetin{padding:25px; background-color:#66666612; margin:0 0 50px 0; text-align:center}

#IcSayfa #UTIKADYayinlari{margin-top:5%}
#IcSayfa #UTIKADYayinlari a{display:block; font-size:20px; position:relative; padding:30px; border-radius:10px; text-align:center; -webkit-box-shadow: 0px 0px 20px 10px  rgba(146, 146, 146, 0.1);-moz-box-shadow: 0px 0px 20px 10px   rgba(146, 146, 146, 0.1);box-shadow: 0px 0px 20px 10px   rgba(146, 146, 146, 0.1);}
#IcSayfa #UTIKADYayinlari a img{position:absolute; top:-27px; left: 50%; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);}
#IcSayfa #UTIKADYayinlari a:hover{ text-decoration:none; -webkit-box-shadow: 0px 0px 20px 10px  rgba(146, 146, 146, 0.2);-moz-box-shadow: 0px 0px 20px 10px   rgba(146, 146, 146, 0.2);box-shadow: 0px 0px 20px 10px   rgba(146, 146, 146, 0.2);}


#MeslekiEgitim ul{margin-left:30px}

#SizdenGelenler .Yorum{display:inline-block; margin-bottom:2%; padding-bottom:2%; border-bottom:solid 1px #CECEBF; width:100%}
#SizdenGelenler .Yorum b{display:block; font-size:20px; color:#AB1D2B; margin-bottom:10px}

#AnasayfaSizdenGelenler{width:100%; display:inline-block; margin:2% 0 0 0}
#AnasayfaSizdenGelenler #Sol{background:url(/Images/Site/YorumSolBG.jpg) no-repeat left bottom; padding:0 0 30px 120px; background-size:contain}
#AnasayfaSizdenGelenler #Sol .Beyaz{background-color:#FFF; padding:70px 20px; border:solid 1px #ECEDF0; width:100%; display:inline-block; margin-bottom:40px; color:#AB1D2B}
#AnasayfaSizdenGelenler #Sol b{display:block; font-size:30px; margin-bottom:30px; font-weight:500; color:#000}
#AnasayfaSizdenGelenler #Sol i{display:block; font-style:normal; font-size:30px; font-weight:100; color:#000; margin-bottom:30px}
#AnasayfaSizdenGelenler #Sag{margin-left:5%}
#AnasayfaSizdenGelenler #Sag b{background:url(/Images/Site/Icon/1.jpg) no-repeat left center; font-size:26px; padding:15px 0 15px 80px; font-weight:600}
#AnasayfaSizdenGelenler .carousel-inner{width:100%; margin:3% 0 0 0}
#AnasayfaSizdenGelenler #Sag .Yorum{color:#FFF; padding:40px 70px 40px 60px; background:url(/Images/Site/YorumBG.jpg) no-repeat; background-size:cover; margin-bottom:20px}
#AnasayfaSizdenGelenler #Sag strong{margin-top:5px; font-weight:600; margin-top:5px}
#AnasayfaSizdenGelenler #Sag .Baslik{margin-top:15px; font-size:20px}
#AnasayfaSizdenGelenler .Tumu a{padding:5px 20px; color:#AB1D2B; border-radius:15px; border:solid 1px #DDD; margin-top:20px; display:table}
#AnasayfaSizdenGelenler .carousel-control{background:none; right:0; left:auto}
#AnasayfaSizdenGelenler .left{right:50px;}
#AnasayfaSizdenGelenler .carousel-control span{top:75%; border:solid 1px #CECEBF; padding:5px; border-radius:15px; background-color:#FFF}

#Egitmenler{width:100%; display:inline-block}
#Egitmenler .Egitmen{display:block; margin-bottom:30px; cursor:pointer}
#Egitmenler .Egitmen a{display:block; }
#Egitmenler .Egitmen .Cerceve{border:solid 1px #EEEEEE; background-color:#FBFBFB; border-radius:15px; padding:15px; margin-top:30px; text-align:center; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
#Egitmenler .Egitmen img {position: absolute;top: 0; max-width:80%; left: 50%; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); border-radius:100%; border-right:solid #AB1D2B 10px; border-bottom:solid #AB1D2B 7px}
#Egitmenler .Egitmen b{display:block; color:#2C2C2C; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
#Egitmenler .Egitmen i{display:block; color:#2C2C2C; font-style:normal; font-size:14px; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
#Egitmenler .Egitmen a:hover .Cerceve{border-color:#AB1D2B}
#Egitmenler .Egitmen a:hover{text-decoration:none;}
#Egitmenler .Egitmen a:hover b{color:#AB1D2B}
#Egitmenler .Egitmen a:hover i{color:#AB1D2B}
#Egitmenler .Gri .Cerceve{background-color:#EFEFEF}

#Egitmenler .modal-header h4 span{font-size:16px; color:#494949; margin-left:20px; }

#EgitimTakvimi{display:inline-block; width:100%; position:relative}
#EgitimTakvimi .Egitimler{display:inline-block; width:100%; margin-bottom:5%}
#EgitimTakvimi .Egitimler b{display:table; background-color:#AB1D2B; color:#FFF; padding:5px 30px;}
#EgitimTakvimi .Egitimler .Baslik{display:inline-block; width:100%; padding:5px 0; background-color:#F3F3F3; color:#000; margin-bottom:10px}
#EgitimTakvimi .Egitimler .Egitim{display:inline-block; width:100%;  line-height:normal; margin:0 0 -8px 0;}
#EgitimTakvimi .Egitimler .Egitim a{text-align:center; display:block; background-color:#AB1D2B; color:#FFF; border-radius:15px; border:solid 1px #AB1D2B}
#EgitimTakvimi .Egitimler .Egitim a.Link{text-align:left; display:block; background-color:transparent; color:#666; border-radius:0; border:none; display:inline-block; width:100%}
#EgitimTakvimi .Egitimler .Egitim a.Link:hover{background-color:transparent; color:#000; border:none; text-decoration:none}
#EgitimTakvimi .Egitimler .Egitim a.Link span{background-color:#AB1D2B; border-radius:15px; display:block; color:#FFF; text-align:center}
#EgitimTakvimi .Egitimler .Egitim a:hover{background-color:#FFF; color:#AB1D2B; border:solid 1px #AB1D2B; text-decoration:none}
#EgitimTakvimi .Egitimler .Egitim+.Egitim{border-top:solid 1px #F3F3F3; padding-top:15px; margin:15px 0 -8px 0;}
#EgitimTakvimi #TakvimResim img{border-radius:15px}
#EgitimTakvimi #DetayUst{border:solid 1px #DDD; padding:25px; border-radius:15px; width:100%; display:inline-block}
#EgitimTakvimi #DetayUst h2{font-size:20px; display:table; background-color:#AB1D2B; color:#FFF; padding:10px 30px; margin-bottom:20px; border-radius:5px; webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);}
#EgitimTakvimi #DetayUst span{width:25px; height:25px; margin-right:15px; display:block; float:left;}
#EgitimTakvimi #DetayUst .Tarih span{background:url(/Images/Site/EgitimIcon.png) no-repeat;}
#EgitimTakvimi #DetayUst .Sure span{background:url(/Images/Site/EgitimIcon.png) no-repeat 0 -25px}
#EgitimTakvimi #DetayUst .EgitimYeri span{background:url(/Images/Site/EgitimIcon.png) no-repeat 0 -50px;}
#EgitimTakvimi #DetayUst .Kontenjan span{background:url(/Images/Site/EgitimIcon.png) no-repeat 0 -75px;}
#EgitimTakvimi #DetayUst .Seviye span{background:url(/Images/Site/EgitimIcon.png) no-repeat 0 -100px;}
#EgitimTakvimi #DetayUst .KimlerKatilmali span{background:url(/Images/Site/EgitimIcon.png) no-repeat 0 -125px;}
#EgitimTakvimi #DetayUst .Sertifika span{background:url(/Images/Site/EgitimIcon.png) no-repeat 0 -150px;}
#EgitimTakvimi #DetayUst .Ucret span{background:url(/Images/Site/EgitimIcon.png) no-repeat 0 -175px;}
#EgitimTakvimi #DetayUst div div{margin-bottom:8px}
#EgitimTakvimi #Amac{width:100%; margin:3% 0}
#EgitimTakvimi .AltBaslik{display:table; font-size:20px; margin-bottom:10px; background-color:#666; color:#FFF; border-radius:5px; padding:5px 30px; webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);}
#EgitimTakvimi #OnBasvuruFormu{background-color:#FFF; padding:0;  webkit-box-shadow: none;-moz-box-shadow: none;box-shadow:none; border-radius:0}
#EgitimTakvimi .modal-header{border:none}
#EgitimTakvimi #OnBasvuruFormu label { margin:6px 30px 0 0;}
#EgitimTakvimi .BasvuruYap{ animation: BasvuruYap 2.0s ease-in-out infinite;position:fixed; right:12%; top:40%; border-radius:15px; background-color:#AB1D2B; color:#FFF; padding:3px 20px; cursor:pointer; z-index:10; border:solid 1px #FFF}
#EgitimTakvimi .BasvuruYap:hover{text-decoration:none; -webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}

@keyframes BasvuruYap { 0% {background-color:#000}  50% {background-color:#AB1D2B}  100% {background-color:#000}}

#OnBasvuruFormu{background-color:#e6e6e6; padding:15px 0;  webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);box-shadow: 0 0 15px 0 rgba(0,0,0,0.4); border-radius:10px}
#OnBasvuruFormu label {display: block;cursor: pointer;position: relative; padding:0 0 0 30px; margin:6px 30px 15px 0; font-weight:normal}
#OnBasvuruFormu label:before{content:""; top:4px; display: inline-block;width: 20px;height: 20px;position: absolute;left: 0;background-color: #FFF;border:solid 1px #CCC}
#OnBasvuruFormu input[type=radio] {display: none;}
#OnBasvuruFormu input[type=radio]:checked + label:before { content:"\2713"; color: #000;text-align: center;line-height: 15px;}
#OnBasvuruFormu .Satir{display:inline-block; margin-bottom:5px; width:100%}
#OnBasvuruFormu .Satir .GuvenlikKodu{text-transform:uppercase; text-align:center}
#OnBasvuruFormu b{display:block; font-size:20px; text-align:center; margin-bottom:15px}

#Kurumsal{width:100%; display:inline-block; min-height:250px}
#Kurumsal a{display:block; text-align:center; margin-bottom:30px; border:solid 1px #CECEBF; border-radius:15px; padding:15px; color:#333;  webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);}
#Kurumsal a:hover{color:#AB1D2B; border-color:#AB1D2B; text-decoration:none;  webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}

.AnasayfaHakkimizda{margin-top:4%; width:100%; display:inline-block}
#Hakkimizda h3{display:block; font-size:40px; margin:20px 0; color:rgba(0,0,0,0.2); font-weight:bold}



#Panel{background-color:#F9F9F9; margin-left:15%; padding:15px; margin-top:10%;  webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);box-shadow: 0 0 15px 0 rgba(0,0,0,0.4); border-radius:10px}
#Panel img{ margin:0 auto 10px auto; display:block}
#Panel b{display:block; font-size:18px; text-align:center; font-weight:600; color:#AB1D2B}
#Panel input{width:100%; margin-top:10px; border-radius:10px; border:solid 1px #d7d7d7; padding:10px}
#Panel a{display:block; background-color:#AB1D2B; color:#FFF; padding:10px; text-align:center; border-radius:10px; margin-top:10px; border:solid 1px #FFF}
#Panel a:hover{text-decoration:none; color:#AB1D2B; background-color:#FFF; border:solid 1px #AB1D2B}
#Panel #Hata{color:#F00; font-size:20px; margin-top:15px}

#UyeMenu a{display:block; color:#666; margin:60px 0 30px 0; text-align:center; padding:60px 20px 20px 20px; position:relative; border:solid 1px #EEE; webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); border-radius:10px }
#UyeMenu .Resim{width:70px; height:70px;  overflow:hidden; position:absolute;top: -30px; left: 50%; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);background-color:#FFF; border-radius:100%;  webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);box-shadow: 0 0 15px 0 rgba(0,0,0,0.4); }
#UyeMenu .Resim img{; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
#UyeMenu a:hover{ border:solid 1px #AB1D2B; color:#AB1D2B; text-decoration:none; webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);}
#UyeMenu a:hover img{margin-top:-70px}

#AdSoyad{display:block; margin-bottom:20px}
#SolMenu{border:solid 1px #EEE; border-radius:10px; padding:15px}
#SolMenu a{display:block; color:#222;}
#SolMenu a:hover{text-decoration:none; color:#AB1D2B}
#SolMenu a.Sec{color:#AB1D2B}
#SolMenu a+a{border-top:solid 1px #EEE; margin-top:5px; padding-top:5px}

#Sinavlar #Baslik{padding:5px 0; background-color:#F3F3F3; width:100%; display:inline-block; color:#000; font-weight:bold}
#Sinavlar .Satir{width:100%; display:inline-block; padding:10px 0}
#Sinavlar .Satir:nth-child(odd) {background-color: #f8f8f8;}

#Dokumanlar a{display:block; border:solid 1px #EEE; padding:10px; margin-bottom:30px; border-radius:10px; color:#000; webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);}
#Dokumanlar a:hover{color:#AB1D2B; text-decoration:none; webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}
#Odev .Baslangic{margin-bottom:10px}
#Odev .Bitis{margin-bottom:10px}
#Odev .Icerik{margin:40px 0}
#Odev .Icerik b{display:block; color:#AB1D2B;margin-bottom:10px}
#Odev .Dosya span{display:inline-block; color:#F00; margin-top:10px; font-size:14px; width:100%}
#Odev .Dosya input[type=file]{float:left; width:30%; border:solid 1px #EBEBEB; border-radius:10px; padding:5px; margin-right:20px}
#Odev .Dosya a{background-color:#AB1D2B; color:#FFF; padding:5px 15px; border-radius:10px; float:left; border:solid 1px #AB1D2B}
#Odev .Dosya a:hover{background-color:#FFF; color:#AB1D2B; text-decoration:none}
#Odev .Dosya i{font-size:20px; margin-bottom:15px; display:block; color:#F00; animation: Hata 2.0s ease-in-out infinite; font-style:normal}
#Odev .Onay{background-color:#FFF; font-size:20px; text-align:center; padding:15px 0;  webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);box-shadow: 0 0 15px 0 rgba(0,0,0,0.4); border-radius:10px}
#Odev .Onay img{display:block; margin:0 auto 20px auto; max-width:60px}
@keyframes Hata { 0% {color:#F00}  50% {color:#000}  100% {color:#F00}}

#IcSayfa #Dokuman a{display:block; text-align:center; margin-bottom:50px}
#IcSayfa #Dokuman a img{-webkit-box-shadow: 0px 0px 10px 3px  rgba(146, 146, 146, 0.2);-moz-box-shadow: 0px 0px 10px 3px   rgba(146, 146, 146, 0.2);box-shadow: 0px 0px 10px 3px   rgba(146, 146, 146, 0.2);}
#IcSayfa #Dokuman a b{display:block; font-weight:500; margin-top:15px}
#IcSayfa #Dokuman a:hover img{-webkit-box-shadow: 0px 0px 10px 3px  rgba(146, 146, 146, 0.5);-moz-box-shadow: 0px 0px 10px 3px   rgba(146, 146, 146, 0.5);box-shadow: 0px 0px 10px 3px   rgba(146, 146, 146, 0.5);}


#GenelBilgiler #Sinavlar{width:100%; display:inline-block; margin-bottom:3%}
#GenelBilgiler #Sinavlar .GenelBilgiSinav{padding:15px 0; border:solid 1px #EBEBEB; display:inline-block; width:100%; border-radius:10px; margin-bottom:30px}
#GenelBilgiler #Sinavlar .GenelBilgiSinav div{margin-bottom:5px}
#GenelBilgiler #Sinavlar .GenelBilgiSinav strong{font-weight:600}
#GenelBilgiler #Sinavlar .GenelBilgiSinav .Seviye1{background-color:#666; color:#FFF; padding:3px 15px; border-radius:15px;}
#GenelBilgiler #Sinavlar .GenelBilgiSinav .Seviye2{background-color:#F00; color:#FFF; padding:3px 15px; border-radius:15px;}
#GenelBilgiler #Sinavlar .GenelBilgiSinav .Seviye3{background-color:#d9ae21; color:#FFF; padding:3px 15px; border-radius:15px;}
#GenelBilgiler #Sinavlar .GenelBilgiSinav .Seviye4{background-color:#aad921; color:#FFF; padding:3px 15px; border-radius:15px;}
#GenelBilgiler #Sinavlar .GenelBilgiSinav .Seviye5{background-color:#2f0; color:#FFF; padding:3px 15px; border-radius:15px;}
#GenelBilgiler b{display:table; padding:3px 15px; background-color:#F4F4F4; color:#AB1D2B; margin:0 0 15px 15px; border-radius:10px}

#GenelBilgiler .OrtalamaPuan{display:table; padding:3px 15px; background-color:#AB1D2B; color:#F4F4F4; margin:0 0 15px 15px; border-radius:10px; float:right; margin-right:15px}
#GenelBilgiler .OrtalamaPuan2{display:table; padding:3px 15px; background-color:#41b71e; color:#F4F4F4; margin:0 0 15px 15px; border-radius:10px; float:right; margin-right:15px}
#GenelBilgiler .OrtalamaPuan span{margin-right:5px}
#GenelBilgiler .OrtalamaPuan2 span{margin-right:5px}


#GenelBilgiler #Odevler{display:inline-block; width:100%; margin-bottom:5%}
#GenelBilgiler #Odevler .Odev{width:100%; display:inline-block; padding:10px 0}
#GenelBilgiler #Odevler .Odev:nth-child(odd) {background-color: #f8f8f8;}
#GenelBilgiler #Odevler .Gonderildi{color:#2de047}
#GenelBilgiler #Odevler .Gonderilmedi{color:#F00}

#GenelBilgiler #Devamsizlik{display:inline-block; width:100%; }
#GenelBilgiler #Devamsizlik .Devamsizlik{width:100%; display:inline-block; padding:10px 0}
#GenelBilgiler #Devamsizlik .Devamsizlik:nth-child(odd) {background-color: #f8f8f8;}
#GenelBilgiler #Devamsizlik .Hata{color:#F00}

#GenelBilgiler #Sifre{margin-top:3%}
#GenelBilgiler #Sifre input[type=password]{border:solid 1px rgba(0,0,0,0.2); text-align:center}
#GenelBilgiler #Sifre input[type=submit]{width:200px; border:none; background-color:#AB1D2B; color:#FFF; padding:3px 0; border-radius:5px}


.Galeri{margin:30px 0; position:relative}
.Galeri img{ margin:0 auto; display:block}
.Galeri{cursor:pointer; margin:12px 0; border-radius:10px; overflow:hidden}
.Galeri .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgb(10,94,130,0.70);}
.Galeri:hover .overlay {opacity: 1;}
.Galeri .text {color: white;font-size: 30px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal; width:90%}
.Galeri .text span{display:block; margin:10px 0; font-weight:normal; text-align:center}

#Footer{background:url(/Images/Site/AltBG.jpg) no-repeat center; background-size:cover; font-size:14px; padding:20px 0; border-top:solid 5px #AB1D2B; display:inline-block; margin:3% 0 -4px 0; width:100%}
#Footer img{display:block; max-width:40%; margin-bottom:15px}
#Footer .AltMenu {margin-top:35px; margin-left:10%}
#Footer .AltMenu a{ float:left; width:48%; margin:0 2% 5px 0; color:#333}
#Footer b{display:block; font-size:16px; margin-bottom:10px; font-weight:600}
#Footer .SagAltAdres{margin-top:35px}
#Footer a{color:#333}
#Footer .Copyright{border-top:solid 1px #FFF; margin-top:10px; padding-top:10px}

.MobilAlt{line-height:30px}
.LinkedIn{background:url(../Images/Site/SosyalMedya.png) no-repeat -116px 0; }
.Instagram{background:url(../Images/Site/SosyalMedya.png) no-repeat -78px 0;}
.Twitter{background:url(../Images/Site/SosyalMedya.png) no-repeat -39px 0;}
.Facebook{background:url(../Images/Site/SosyalMedya.png) no-repeat; }


.MobilAlt{line-height:30px}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.SatinAl{color:#FFF; background-color:#AB1D2B; border-radius:20px; padding:3px 15px; float:left; margin:20px 15px 20px 0; font-size:16px}
.SatinAl:hover{text-decoration:none; -webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); color:#FFF}
#KartBilgileri{width:80%; display:inline-block}
#KartBilgileri input[type=text]{border:solid 1px #EBEBEB; padding:3px; margin-bottom:5px; border-radius:5px; width:100%}
#KartBilgileri select{border:solid 1px #EBEBEB; padding:3px; margin-bottom:5px; border-radius:5px; width:100%}

#RaporDergi{background-color:rgba(0,0,0,0.1); padding:2% 0}
#RaporDergi b{display:block; font-size:20px; margin-bottom:10px; text-align:center; color:#000; text-decoration:none; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
#RaporDergi a:hover b{text-decoration:none; color:#AB1D2B }
#RaporDergi a:hover{text-decoration:none;  -webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);  }
.MeslekiEgitim{margin-top:20px; display:block; padding:15px; border:solid 1px #EBEBEB; text-align:center; color:#000; text-decoration:none}
.MeslekiEgitim img{margin-bottom:10px}
.MeslekiEgitim:hover{text-decoration:none}
.MeslekiEgitim b{min-height:60px; display:block}


.OdemeBaslik{background-color:#AB1D2B; color:#FFF; padding:10px; font-size:20px; text-align:center}
#UyeMenu .OdemeListesi{border:solid 1px #EBEBEB;display:inline-block; width:100%}
#UyeMenu .OdemeListesi a{display:block; color:#FFF; background-color:#AB1D2B; margin:0 !important; text-align:center; padding:5px !important; position:relative; border:solid 1px #EEE; webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); border-radius:10px }
#UyeMenu .OdemeListesi a:hover{ color:#FFF; text-decoration:none; webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.6);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.6);box-shadow: 0 0 15px 0 rgba(0,0,0,0.6);}
#UyeMenu .OdemeListesi .OdemeSatir{padding:10px 0; display:inline-block; width:100%; border-top:solid 1px #EBEBEB}


#SiparisSonuc {
    margin-top: 170px;
    font-size: 30px;
    min-height: 400px
}

    #SiparisSonuc i {
        font-size: 140px;
        display: table;
        padding: 30px;
        background-color: #8DB439;
        color: #FFF;
        border-radius: 100%;
        margin: 5% auto
    }

    #SiparisSonuc .Onay {
        padding: 30px;
        font-size: 30px;
        color: #8DB439;
        text-align: center;
        display: inline-block;
        width: 100%;
        border-radius: 20px
    }

    #SiparisSonuc .Red {
        padding: 30px;
        color: red;
        display: inline-block;
        width: 100%;
        border-radius: 20px
    }

        #SiparisSonuc .Red i {
            font-size: 140px;
            display: table;
            padding: 30px;
            background-color: red;
            color: #FFF;
            border-radius: 100%;
            margin: 5% auto
        }