@import url(../fonts/stylesheet.css) ;

body { 

	font-family: pt_sansregular , sans-serif;
	font-size: 15px;
	
}

a , a:visited , a:focus , a:active {
	outline: 0
  }

a:hover {text-decoration: none}

.underline {text-decoration: underline}

/* Header */

header {
	background: url("../img/menu-bg.png") no-repeat center top 49px ; 
}

.header-top-menu {
	width: 450px; 
	float: right;
	margin-right: 110px;
	margin-bottom: 5px
}

.header-top-menu ul li{
	float: left;
	margin-left: 5px;
	width: 46px;
	height: 43px
}

.header-top-menu ul li.facebook:hover { 
	background: url("../img/header-facebook-hover.png") ; 
	width: 46px ; 
	height: 43px ; 
	display: block  
}

.header-top-menu ul li.facebook:hover img{ 
	margin-left: 51px  
}

.header-top-menu ul li.googleplus:hover { 
	background: url("../img/header-googleplushover.png") ; 
	width: 46px ; 
	height: 43px ; 
	display: block  
}

.header-top-menu ul li.googleplus:hover img{ 
	margin-left: 51px  
}

.header-top-menu ul li.linkedin:hover { 
	background: url("../img/header-linkedinhover.png") ; 
	width: 46px ; 
	height: 43px ; 
	display: block  
}

.header-top-menu ul li.linkedin:hover img{ 
	margin-left: 51px  
}

.header-top-menu ul li.pinterest:hover { 
	background: url("../img/header-pinteresthover.png") ; 
	width: 46px ; 
	height: 43px ; 
	display: block  
}

.header-top-menu ul li.pinterest:hover img{ 
	margin-left: 51px  
}

.header-top-menu ul li.instagram:hover { 
	background: url("../img/header-instagramhover.png") ; 
	width: 46px ; 
	height: 43px ; 
	display: block  
}

.header-top-menu ul li.instagram:hover img{ 
	margin-left: 51px  
}


.header-top-menu ul li.twitter:hover { 
	background: url("../img/header-twitter-hover.png") ; 
	width: 46px ; 
	height: 43px ; 
	display: block  
}

.header-top-menu ul li.twitter:hover img{ 
	margin-left: 51px 
}

.header-top-menu ul li.youtube:hover { 
	background: url("../img/header-youtube-hover.png") ; 
	width: 46px; 
	height: 43px; 
	display: block  
}

.header-top-menu ul li.youtube:hover img{ 
	margin-left: 51px 
}


.header-contact {
    margin-top: 49px;
    margin-left: 550px;
    margin-bottom: 3px;
}
.header-contact .dijital{
    margin-right:-30px;
}

.logo {
	margin-top:23px;
}

.page-caption {margin-top:-75px;font-size:55px; color:#222 ; text-shadow :1px 2px 2px #fff;}

/* Header */

/* Okullarimiz */

#okullarimiz {color: #fff;font-size:17px; background: #eeeeee ; padding: 5px 0px 10px 0px}
#okullarimiz img {border:1px solid #cccccc; width: 100%;}
#okullarimiz p {text-align: center ; padding:3px;}
#okullarimiz a {color: #fff}
#okullarimiz a:hover {color: #e7e7e7}
#okullarimiz .anaokul p { background: #8dc63f }
#okullarimiz .ilkokul p { background: #ed1c24 }
#okullarimiz .ortaokul p { background: #f26522 }
#okullarimiz .anadolu-lisesi p { background: #21abb5 }
#okullarimiz .fen-lisesi p { background: #2e3192 }

/* Okullarimiz */

/* Duyurular */
.duyuru-section  a {color:#323232; }
.duyuru-section  a.tum-duyurular {background: #06D2DF ; float: right; color:#ffffff; padding: 7px 5px 4px 5px ; font-size: 15px}
.duyuru-section  .section {height:300px; }
.duyuru-section ul { padding: 0 }
.duyuru-section ul li {padding: 10px;font-size: 16px;margin-bottom: 5px}
.duyuru-section ul li p{margin-bottom: 0}
.duyuru-section ul li:nth-child(odd) { background: #ebebeb }
.duyuru-section ul li:nth-child(even) {background: #f3f3f3}
.duyuru-section .section {
	margin-bottom: 10px
}
.carousel .flex-control-nav {top:-30px; right:0 ; width: 35% ; height: 30px; }
.carousel p {background: #dbdbdb ; padding:10px; overflow: hidden ; font-size: 15px ; margin-bottom: 0 ; min-height: 70px}
.carousel a {color:#323232;}
.carousel a.devamini-oku {background: #802987 ; float: right; color:#ffffff; padding: 7px 5px 4px 5px ; font-size: 12px}
.carousel a img {margin-right:5px;}
.duyurular {width: 158px; height: 38px; background: url("../img/duyurular.png"); margin:10px 0; padding: 7px ; color:#fff; font-size: 18px ; }
.haberler {width: 158px; height: 38px; background: url("../img/haberler.png"); margin:10px 0; padding: 7px ; color:#fff; font-size: 18px ; }
#news {margin-top:20px;}
#news .col-md-6 {padding: 0 5px}
#news hr {margin-top: -5px;margin-bottom: 5px;border: 0;border-top: 1px solid #eeeeee;}

/* Haberler */


/* Haberler */

.haber-section  a.tum-haberler {background: #802987 ; float: right; color:#ffffff; padding: 7px 5px 4px 5px ; font-size: 16px ; position: absolute; top: 15px; right: 10px}

.carousel .flex-control-nav {top:-30px; right:0 ; width: 35% ; height: 30px; }
.carousel p {background: #111 ; padding:10px; overflow: hidden ; font-size: 15px ; margin-bottom: 0 ; opacity: 0.9; width: 100% ; bottom: 0 ; position: absolute;}
.carousel a {color:#fff; font-size: 17px}
.carousel a.devamini-oku {background: #802987 ; float: right; color:#ffffff; padding: 7px 5px 4px 5px ; font-size: 12px}
.carousel a img {margin-right:5px;}
.duyurular {width: 158px; height: 38px; background: url("../img/duyurular.png"); margin:10px 0; padding: 7px ; color:#fff; font-size: 18px ; }
.haberler {width: 158px; height: 38px; background: url("../img/haberler.png"); margin:10px 0; padding: 7px ; color:#fff; font-size: 18px ; }
#news {margin-top:20px;}
#news .col-md-6 {padding: 0 5px}
#news hr {margin-top: -5px;margin-bottom: 5px;border: 0;border-top: 1px solid #eeeeee;}


/* Haberler */

/* Etkinlikler */

.etkinlik-section  a.tum-etkinlikler {background: #FFCB08 ; float: right; color:#000000; padding: 7px 5px 4px 5px ; font-size: 15px}
.etkinlikler {width: 185px; height: 38px; background: url("../img/etkinlikler.png"); margin:10px 0; padding: 7px ; color:#393939; font-size: 18px }
.down-hover:hover { background:url("../img/arrow-down-hover.png") no-repeat ; padding-top:5px; width: 18px; height: 13px }
.up-hover:hover { background:url("../img/arrow-up-hover.png") no-repeat ; padding-top:5px; width: 18px; height: 13px }
 
#vertical-ticker{
	height:280px;
	overflow:hidden;
	margin:0 0 20px 0; 
	padding:0;
}

	#vertical-ticker div{
		padding:0 5px;
		display:block;
		color:#333;
		margin: 0;
		
	}

	#vertical-ticker .col-md-120 {padding: 10px 0 5px 0 ; border-bottom: 1px solid #eeeeee;}
	#vertical-ticker .col-md-100 {padding: 0}
	#vertical-ticker .col-md-20 {padding: 0}

	#vertical-ticker span {padding-left: 0}

.etkinlik-section p {margin:0; text-align: center ; font-size: 14px; color:#000;}
.etkinlik-section p.gun {background:#c3c3c3 ; font-size:16px; width:35%;float: left ;padding: 2px 2px 1px 2px; }
.etkinlik-section p.ay {background: #ffcb08 ; width: 65%;float: left;padding: 3px}
.etkinlik-section p.arrows { position: absolute;top: 20px;right: 5px; }
.etkinlik-section .etkinlik-list {list-style:none; padding-left:0px;}
.etkinlik-section .etkinlik-list li { background : url(../img/etkinlik-list.jpg) no-repeat left top 5px ; padding-left: 20px }
.etkinlik-section .etkinlik-list li a {color:#434343;}
.etkinlik-section .etkinlik-list li a:hover {color:#560e5a;}

/* Etkinlikler */

/* Onemli */

.onemli {width: 185px; height: 38px; background: url("../img/onemli.png"); margin:10px 0; padding: 7px ; color:#fff; font-size: 18px }


/* Hızlı Erisim */

#hizli-erisim { margin-top:50px;}

#hizli-erisim .col-md-15 { padding: 0 2px; margin:2px 0; }

#hizli-erisim .img {background: #eeeeee}

#hizli-erisim p {text-align: center; font-size: 15px ; margin:0 ; min-height: 40px}
#hizli-erisim p a {color:#242424;}
#hizli-erisim p:hover a {color:#560e5a }

/* Hızlı Erisim */

/* Footer */

footer {background: #ffd657 ; margin-top:30px;}

footer h4 {font-size:17px; margin-bottom: 5px}

footer hr {padding: 0 ; margin:0; border-top : 1px solid #242424; padding-bottom: 5px}

footer ul {padding: 0;margin: 0 ; list-style: none}

footer ul li {background: url(../img/footer-arrow.png) no-repeat center left; padding-left: 20px}

footer ul li:hover {background: url(../img/footer-arrow-hover.png) no-repeat center left; padding-left: 20px}

footer ul li a { color: #242424;}

footer ul li a:hover { color: #560e5a;}

footer .copyright {color:#fff; }

/* Footer */


.toggle-open { border:none; width: 100%; padding: 10px 0; font-size: 17px }
.bg-img {padding: 0 ; }
p.fancy { margin: 0 30px}
.content-inside .col-md-30 , .content-inside .col-md-40 , .content-inside .col-md-60, .content-inside .col-md-24 , .content-inside .col-md-20, .content-inside .col-md-15 { padding: 0 2px ; }
.content-inside img {border:2px solid #eaeaea;}
.content-inside p {text-align: justify; font-size: 16px ;margin-top:20px;}
.content-inside .anaokulu {background: #8dc63f;padding: 5px;color: #fff}
.content-inside .ilkokul {background: #ed1c24;padding: 5px;color: #fff}
.content-inside .ortaokul {background: #f26522;padding: 5px;color: #fff}
.content-inside .anadolu-lisesi {background: #21abb5;padding: 5px;color: #fff}
.content-inside .fen-lisesi {background: #2e3192;padding: 5px;color: #fff}
.content-left { background: #fff ; border:1px solid #e8e8e8;  margin-top:240px;}
.content-right { background: #fff ; border:1px solid #e8e8e8;  margin-top:120px; padding-bottom: 20px }
.icerik{text-align:  justify; margin:3px; font-size: 16px}
.baslik { background: #7d2082 ; border:1px solid #e8e8e8; margin-top:10px; padding: 12px ; font-size: 22px ; color:#fff;}


table.icerik {font-size:14px; font-family: Tahoma ;border:1px solid #b5bec1; }
table.icerik tr td{border-right:1px solid #b5bec1;border-bottom:1px solid #b5bec1; color:#30373a; padding:3px;}
table.icerik tr td:nth-child(1){text-align:center;} 
table.icerik tr th{border-right:1px solid #b5bec1; text-align: left ; font-family: Arial ; background: #D5DDE0 ;  padding:3px; color:#3d4649;}
 
/******************************************/
/* ilk okul
/******************************************/

.ilkokul #bg {background: url(../img/bg/ilkokul.jpg) no-repeat ;  background-size:100%;}
.ilkokul .page-caption {color:#fff; text-shadow:1px 2px 2px #ccc;}
.ilkokul .baslik {background:#B90E15; color:#fff; }

.ilkokul #accordian h3 {background: #B90E15}
.ilkokul #accordian h3:hover { border-left:5px solid #333333;}
.ilkokul #accordian ul ul li a {
	color: #454545;
	text-decoration: none;
	font-size: 15px;
	line-height: 27px;
	display: block;
}
.ilkokul #accordian ul li.active h3{border-left:5px solid #333333}  
.ilkokul #accordian ul li h3 a{color:#fff;}  

.ilkokul .sidetogglemenu {border-right:5px solid #B90E15; overflow: hidden;}
.ilkokul .sidetogglemenu a:hover {background: #B90E15}
.ilkokul .sidetogglemenu li.active {background: #B90E15;}
.ilkokul .sidetogglemenu li.active a{color:#fff;}



/******************************************/
/* Ortaokul
/******************************************/

.ortaokul #bg {background: url(../img/bg/ortaokul.jpg) no-repeat ;  background-size:100%;}
.ortaokul .baslik {background:#F26522; }
.ortaokul #accordian h3 {background: #f26522}
.ortaokul #accordian h3:hover {border-left:5px solid #333333;}
.ortaokul #accordian ul li.active h3{border-left:5px solid #333333}  

.ortaokul .sidetogglemenu {border-right:5px solid #F8921C; overflow: hidden;}
.ortaokul .sidetogglemenu a:hover {background: #F8921C}
.ortaokul .sidetogglemenu li.active {background: #F8921C;}
.ortaokul .sidetogglemenu li.active a{color:#fff;}

/******************************************/
/* Fen Lisesi
/******************************************/

.fen-lisesi #bg {background: url(../img/bg/fen-lisesi.jpg) no-repeat ;  background-size:100%;}
.fen-lisesi .baslik {background:#141F66; color:#fff; }
.fen-lisesi .page-caption {color:#fff; text-shadow:1px 2px 2px #ccc;}

.fen-lisesi #accordian h3 {background: #141F66}
.fen-lisesi #accordian h3:hover {border-left:5px solid #333333;}
.fen-lisesi #accordian ul li.active h3{border-left:5px solid #333333}  
.fen-lisesi #accordian ul li h3 a{color:#fff;}  

.fen-lisesi .sidetogglemenu {border-right:5px solid #212CA6; overflow: hidden;}
.fen-lisesi .sidetogglemenu a:hover {background: #212CA6}
.fen-lisesi .sidetogglemenu li.active {background: #212CA6;}
.fen-lisesi .sidetogglemenu li.active a{color:#fff;}
/******************************************/
/* Anadolu Lisesi
/******************************************/
.anadolu-lisesi #bg {background: url(../img/bg/anadolu-lisesi.jpg) no-repeat ;  background-size:100%;}
.anadolu-lisesi .baslik {background:#1F6F77; }

.anadolu-lisesi #accordian h3 {background: #1F6F77}
.anadolu-lisesi #accordian h3:hover {border-left:5px solid #333333}
.anadolu-lisesi #accordian ul li.active h3{border-left:5px solid #333333}   

.anadolu-lisesi .sidetogglemenu {border-right:5px solid #3EC0CD; overflow: hidden;}
.anadolu-lisesi .sidetogglemenu a:hover {background: #3EC0CD}
.anadolu-lisesi .sidetogglemenu li.active {background: #3EC0CD;}
.anadolu-lisesi .sidetogglemenu li.active a{color:#fff;}
/******************************************/
/* Anaokul
/******************************************/

.anaokulu #bg {background: url(../img/bg/anaokulu.jpg) no-repeat ;  background-size:100%;} 
.anaokulu .baslik {background:#508a05; }
.anaokulu #accordian h3 {background: #508a05}
.anaokulu #accordian h3:hover { border-left:5px solid #333333;}
.anaokulu #accordian ul ul li a {
	color: #454545;
	text-decoration: none;
	font-size: 15px;
	line-height: 27px;
	display: block;
}
.anaokulu #accordian ul ul li a:hover {
	background: #333;
	color:#fff;
}
.anaokulu #accordian ul li.active h3{border-left:5px solid #333333} 

.anaokulu .sidetogglemenu {border-right:5px solid #7CAE38; overflow: hidden; font-size:12px;}
.anaokulu .sidetogglemenu a:hover {background: #7CAE38}
.anaokulu .sidetogglemenu li.active {background: #7CAE38;}
.anaokulu .sidetogglemenu li.active a{color:#fff;}

/**************************************************************/

.yaratici-sanat-calismalari img , .fen-ve-doga-calismalari img , .cevre-inceleme-gezileri img , .portfolyo-sunumlari img {margin-bottom: 10px}


/******************************************/
/* Kurumsal
/******************************************/

.kurumsal #bg {background: url(../img/bg/kurumsal.jpg) no-repeat ;  background-size:100%;}
.kurumsal .page-caption {color:#222;}

.kurumsal #accordian h3 {background: #2d2f31}
.kurumsal .content-inside img {border:none;}
.kurumsal #accordian ul li.active {border-left:5px solid #999;}
.kurumsal #accordian ul li:hover {border-left:5px solid #999;}
.kurumsal #accordian h3:hover { border:none; }

.kurumsal .sidetogglemenu {border-right:5px solid #560e5a; overflow: hidden}
.kurumsal .sidetogglemenu a:hover {background: #560e5a}
.kurumsal .sidetogglemenu li.active {background: #560e5a;}
.kurumsal .sidetogglemenu li.active a{color:#fff;}
.icerik table {border:1px solid #ccc;}


/******************************************/
/* Uluslararası Programlar
/******************************************/
.uluslararasi-programlar #bg {background: url(../img/bg/uluslararasi-programlar.jpg) no-repeat ;  background-size:100%;}
.uluslararasi-programlar .baslik {background:#d37c15;}
.uluslararasi-programlar .content-inside img {border:none;}
.uluslararasi-programlar #accordian ul li.active {border-left:5px solid #333;}
.uluslararasi-programlar #accordian ul li:hover {border-left:5px solid #333;}
.uluslararasi-programlar #accordian h3:hover { border:none; }
.uluslararasi-programlar #accordian h3 {background: #d37c15}

.uluslararasi-programlar .sidetogglemenu {border-right:5px solid #FFCB05; overflow: hidden;}
.uluslararasi-programlar .sidetogglemenu a:hover {background: #FFCB05}
.uluslararasi-programlar .sidetogglemenu li.active {background: #FFCB05;} 


/* BreadCrumb*/

#breadcrumbs-two{
  overflow: hidden;
  width: 100%;
  margin-top:10px;
  padding: 0;
  list-style:none;
}

#breadcrumbs-two li{
  float: left;
  margin: 0 .5em 0 1em;
}

#breadcrumbs-two a{
  background: #ddd;
  padding: .7em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
  position: relative;
}

#breadcrumbs-two a:hover{
  background: #d2d2d2;
}

#breadcrumbs-two a::before{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -1em;
}

#breadcrumbs-two a:hover::before{
  border-color: #d2d2d2 #d2d2d2 #d2d2d2 transparent;
}

#breadcrumbs-two a::after{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #ddd;
  right: -1em;
}

#breadcrumbs-two a:hover::after{
  border-left-color: #d2d2d2;
}


/* Sidebar Toggle Menu */
#accordian {
	background: #ececec;
	color: white;
	margin-top: 9px; 

}

#accordian ul li h3 a {color:#fff;}

#accordian ul {
	padding:0; 
}

/*heading styles*/
#accordian h3 {
	font-size: 16px;
	line-height: 34px;
	padding: 0 10px;
	/*fallback for browsers not supporting gradients*/
	background: #de3939;
	margin-top: 6px ;
	margin-bottom: 3px 
}
/*heading hover effect*/
#accordian h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
	border-left:5px solid #dcdcdc;
}
/*iconfont styles*/
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
/*list items*/
#accordian li {
	list-style-type: none;
}
/*links*/
#accordian ul ul li a {
	color: #454545;
	text-decoration: none;
	font-size: 15px;
	line-height: 27px;
	display: block;
	padding: 3px 15px 0px 15px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
	background: #d2d2d2;
	color:#de3939;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}
#accordian li.active ul {
	display: block;
}



/* Sidebar Toggle Menu */


/******************************************/
/* İletişim
/******************************************/

.iletisim #bg {background: url(../img/bg/iletisim.jpg) no-repeat ;  background-size:100%;}
.iletisim .baslik {background: #917939}
.iletisim .content-inside img {border:none;}
.adres {background: #ececec;padding: 10px ; margin-top:10px;}
.adres p {font-size: 15px}
p.iletisim-baslik {font-size:18px;font-weight: normal ; border-bottom:1px solid #7d2082; color:#7d2082;}
.iletisim #accordian ul li.active {border-left:5px solid #333333;}
.iletisim #accordian ul li:hover {border-left:5px solid #333333;}
.iletisim #accordian h3 { background:#917939; border:none; }

.iletisim .sidetogglemenu {border-right:5px solid #76625A; overflow: hidden;}
.iletisim .sidetogglemenu a:hover {background: #76625A}
.iletisim .sidetogglemenu li.active {background: #76625A;} 
.iletisim .sidetogglemenu li.active a{color: #fff;} 
 
#contact-form {overflow: hidden ; margin-bottom: 10px;}
#contact-form input[type="text"], #contact-form textarea {
	width: 100%;
	background: #e1e1e1;
	border: 1px dotted #999;
	padding: 10px 5px;
	color: #333;
	margin-bottom: 2px;
	font-size: 15px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.form-control::-webkit-input-placeholder {
    color: #999;
}
.iletisim .send { font-size:15px; background: #c2c2c2;border-radius: 0}

.iletisim .content-inside p {margin-top:0;}


/******************************************/
/* Arel Yayınları
/******************************************/
.yayin #bg {background: url(../img/bg/yayin.jpg) no-repeat ;  background-size:100%;}
.yayin .baslik { background:#AA7F0A; }
.yayin ul li {color:#4cbbdf;}

.yayin #accordian h3 {background: #AA7F0A}
.yayin #accordian h3:hover {border:none;}
.yayin #accordian ul li.active {border-left:5px solid #222;}
.yayin #accordian ul li:hover {border-left:5px solid #222;}


.yayin .pdfs p { text-align:center; background:#333; padding:6px; color: #fff}
.yayin .pdfs p:hover {background: #AA7F0A}

/******************************************/
/*Spor Okulları
/******************************************/
.spor-okullari #bg {background: url(../img/bg/spor-okullari.jpg) no-repeat ;  background-size:100%;}
.spor-okullari .baslik {background:#f2712d; }
.spor-okullari ul li {color:#fff;}
.spor-okullari #accordian h3 {background: #f2712d}
.spor-okullari #accordian h3:hover {border:none;}
.spor-okullari #accordian ul li.active {border-left:5px solid #000;}
.spor-okullari #accordian ul li:hover {border-left:5px solid #000;}


/******************************************/
/* Arel Ödev
/******************************************/

.odev #bg {background: url(../img/bg/odev.jpg) no-repeat ;  background-size:100%;}
.odev #login_form {margin:0 auto; width: 350px ; text-align: center ; background: #e5e5e5 ; padding: 10px 20px 80px 20px ; position: relative;}
.odev #login_form .form_error {background: #de3939;color: #fff;padding: 5px;font-size: 14px;}
.odev #login_form .form-title {margin-top:5px;}
.odev .login_error {background: #de3939 url("/files/img/icon-alert.png") no-repeat center left  10px;line-height: 20px; margin-top:10px; color: #fff;padding: 20px 20px 20px 70px;font-size: 15px; }
.odev #accordian h3 {background: #333}
.odev #accordian h3:hover {border-left:5px solid #ffcb08;}
.odev #accordian ul li.active {border-left:5px solid #ffcb08;}
.odev #accordian li.active ul {background: #ffe18b}
.odev #accordian ul ul li a:hover {background: #ffcb08;border-left: 5px solid #ffcb08;color:#333;}
.odev .pdfs p {text-align:center; background:#DBDBDB; padding:10px; height:100px ; color: #333}
.odev .pdfs p:hover { background: #ffe18b}

.odev .sidetogglemenu {border-right:5px solid #560e5a; overflow: hidden}
.odev .sidetogglemenu a:hover {background: #560e5a}
.odev .sidetogglemenu li.active {background: #560e5a;}
.odev .sidetogglemenu li.active a{color:#fff;}

/******************************************/
/* Haber Sayfası
/******************************************/

.haber-sayfasi #bg {background: url(../img/bg/haber-sayfasi.jpg) no-repeat ;  background-size:100%;}
.haber-sayfasi #login_form {margin:0 auto; width: 40% ; text-align: center ; background: #e5e5e5 ; padding: 10px 20px 50px 20px ; position: relative;}
.haber-sayfasi #login_form .form_error {background: #de3939;color: #fff;padding: 5px;font-size: 14px;}
.haber-sayfasi #login_form .form-title {margin-top:5px;}
.haber-sayfasi .login_error {background: #de3939 url("/files/img/icon-alert.png") no-repeat center left  10px;line-height: 20px;color: #fff;padding: 20px 20px 20px 70px;font-size: 15px;position: absolute;top: 490px;left: 200px;}
.haber-sayfasi #accordian h3 {background: #333}
.haber-sayfasi #accordian h3:hover {border-left:5px solid #ffcb08;}
.haber-sayfasi #accordian ul li.active {border-left:5px solid #ffcb08;}
.haber-sayfasi #accordian li.active ul {background: #ffe18b}
.haber-sayfasi #accordian ul ul li a:hover {background: #ffcb08;border-left: 5px solid #ffcb08;color:#333;}
.haber-sayfasi .pdfs p {text-align:center; background:#DBDBDB; padding:10px; height:70px ; color: #333}
.haber-sayfasi .pdfs p:hover { background: #ffe18b}

.haber-sayfasi .page-caption{margin-top:55px; color:#fff; text-shadow:1px 1px 1px #fff;}
.haber-sayfasi .content-right {margin-top:10px;}
.haber-sayfasi span.tum-haberler a {color: #fff}
.haber-sayfasi span.tum-haberler a:hover {text-decoration: underline;}
.haber-sayfasi .icerik {min-height: 400px;margin:0;}
.haber-sayfasi .haber-baslik{padding: 10px; background: #E0E0E0; min-height:65px;}

/******************************************/
/* Duyuru Sayfası
/******************************************/

.duyuru-sayfasi #bg {background: url(../img/bg/duyuru-sayfasi.jpg) no-repeat ;  background-size:100%;}
.duyuru-sayfasi #login_form {margin:0 auto; width: 40% ; text-align: center ; background: #e5e5e5 ; padding: 10px 20px 50px 20px ; position: relative;}
.duyuru-sayfasi #login_form .form_error {background: #de3939;color: #fff;padding: 5px;font-size: 14px;}
.duyuru-sayfasi #login_form .form-title {margin-top:5px;}
.duyuru-sayfasi .login_error {background: #de3939 url("/files/img/icon-alert.png") no-repeat center left  10px;line-height: 20px;color: #fff;padding: 20px 20px 20px 70px;font-size: 15px;position: absolute;top: 490px;left: 200px;}
.duyuru-sayfasi #accordian h3 {background: #333}
.duyuru-sayfasi #accordian h3:hover {border-left:5px solid #ffcb08;}
.duyuru-sayfasi #accordian ul li.active {border-left:5px solid #ffcb08;}
.duyuru-sayfasi #accordian li.active ul {background: #ffe18b}
.duyuru-sayfasi #accordian ul ul li a:hover {background: #ffcb08;border-left: 5px solid #ffcb08;color:#333;}
.duyuru-sayfasi .pdfs p {text-align:center; background:#DBDBDB; padding:10px; height:70px ; color: #333}
.duyuru-sayfasi .pdfs p:hover { background: #ffe18b}

.duyuru-sayfasi .page-caption{margin-top:55px; color:#fff; text-shadow:1px 1px 1px #fff;}
.duyuru-sayfasi .content-right {margin-top:10px;}
.duyuru-sayfasi span.tum-duyurular a {color: #fff}
.duyuru-sayfasi span.tum-duyurular a:hover {text-decoration: underline;}
.duyuru-sayfasi .icerik {min-height: 400px;margin:0;}
.duyuru-sayfasi .duyuru-baslik{padding: 10px; background: #E0E0E0; font-weight:bold;}

/******************************************/
/* Haber Sayfası
/******************************************/

.etkinlik-sayfasi #bg {background: url(../img/bg/etkinlik-sayfasi.jpg) no-repeat ;  background-size:100%;}
.etkinlik-sayfasi #login_form {margin:0 auto; width: 40% ; text-align: center ; background: #e5e5e5 ; padding: 10px 20px 50px 20px ; position: relative;}
.etkinlik-sayfasi #login_form .form_error {background: #de3939;color: #fff;padding: 5px;font-size: 14px;}
.etkinlik-sayfasi #login_form .form-title {margin-top:5px;}
.etkinlik-sayfasi .login_error {background: #de3939 url("/files/img/icon-alert.png") no-repeat center left  10px;line-height: 20px;color: #fff;padding: 20px 20px 20px 70px;font-size: 15px;position: absolute;top: 490px;left: 200px;}
.etkinlik-sayfasi #accordian h3 {background: #333}
.etkinlik-sayfasi #accordian h3:hover {border-left:5px solid #ffcb08;}
.etkinlik-sayfasi #accordian ul li.active {border-left:5px solid #ffcb08;}
.etkinlik-sayfasi #accordian li.active ul {background: #ffe18b}
.etkinlik-sayfasi #accordian ul ul li a:hover {background: #ffcb08;border-left: 5px solid #ffcb08;color:#333;}
.etkinlik-sayfasi .pdfs p {text-align:center; background:#DBDBDB; padding:10px; height:70px ; color: #333}
.etkinlik-sayfasi .pdfs p:hover { background: #ffe18b}

.etkinlik-sayfasi .page-caption{margin-top:55px; color:#ffffff; text-shadow:3px 3px 3px #624501;}
.etkinlik-sayfasi .content-right {margin-top:10px;}
.etkinlik-sayfasi span.tum-haberler a {color: #fff}
.etkinlik-sayfasi span.tum-haberler a:hover {text-decoration: underline;}
.etkinlik-sayfasi .icerik {min-height: 400px;margin:0;}

.etkinlik-sayfasi .takvim a:link, .etkinlik-sayfasi .takvim a:visited  { color:#624501;}
.etkinlik-sayfasi .takvim a:hover { color:#000000;}
.etkinlik-sayfasi .tum-etkinlikler a {color: #fff}

/******************************************/
/******************************************/
/* Basında
/******************************************/

.kurumsal .basin-yil {background: #fed03c ; color:#000; padding: 15px 0 15px 30px ; font-size:17px;}

.kurumsal .basinda p {
	background	: #dcdcdc;
	padding		: 5px;
	min-height	: 80px;
	text-align	: center;
	color		: #000;
	font-size	: 12px;
}

.kurumsal .kurulus {font-size:12px;}

/******************************************/
/* 404
/******************************************/
.error-page {font-size: 155px}
.not-found {font-size: 40px}
.error-desc {font-size:22px;}
.error-not-found {background: url(../img/404-bg.jpg)}
.error-not-found .btn-primary {background-color: #7d2082; border-color: #631467; font-size: 20px; }
.error-not-found .btn-primary a {color: #fff}
.error-not-found .btn-primary:hover {background-color: #631467}

/******************************************/
/* İnsan Kaynakları
/******************************************/
/*.insan-kaynaklari ul li {color:#7d2082;} */
.insan-kaynaklari #bg {background: url(../img/bg/insan-kaynaklari.jpg) no-repeat ;  background-size:100%;}
.insan-kaynaklari .baslik {background: #8B8268; color:#fff;font-family: 'Open Sans', sans-serif; } 
.insan-kaynaklari #accordian h3 {background: #8B8268;}
.insan-kaynaklari .content-inside img {border:none;}
.insan-kaynaklari #accordian ul li.active {border-left:5px solid #333;}
.insan-kaynaklari #accordian ul li:hover {border-left:5px solid #333;}
.insan-kaynaklari #accordian h3:hover { border:none; }
.insan-kaynaklari .sidetogglemenu {border-right:5px solid #8B8268; overflow: hidden}
.insan-kaynaklari .sidetogglemenu a:hover {background: #8B8268} 

/******************************************/
/* Uzaktan Eğitim Hakkında
/******************************************/

.uzaktan-egitim #bg {background: url('../img/bg/uzaktan-egitim.jpg') no-repeat ;  background-size:100%;}
.uzaktan-egitim .baslik {background: #f1ce3c; color:#000000;font-family: 'Open Sans', sans-serif; } 
.uzaktan-egitim #accordian h3 {background: #f1ce3c;}
.uzaktan-egitim #accordian h3 a {color: #000000 !important;}
.uzaktan-egitim .content-inside img {border:none;}
.uzaktan-egitim #accordian ul li.active {border-left:5px solid #000000;}  
.uzaktan-egitim #accordian ul li:hover {border-left:5px solid #000000;}
.uzaktan-egitim #accordian h3:hover { border:none; }
.uzaktan-egitim .sidetogglemenu {border-right:5px solid #f1ce3c; overflow: hidden}
.uzaktan-egitim .sidetogglemenu a:hover {background: #f1ce3c} 

/******************************************/
/* Kayıt Kabul
/******************************************/
.kayit-kabul .baslik {background:#76625A; }
.kayit-kabul .page-caption { text-shadow:1px 2px 2px #ccc;}
.kayit-kabul #bg {background: url(../img/bg/kayit-kabul.jpg) no-repeat ;  background-size:100%;}
.kayit-kabul #accordian h3 {background: #76625A}
.kayit-kabul .content-inside img {border:none;}
.kayit-kabul #accordian ul li.active {border-left:5px solid #000;}
.kayit-kabul #accordian ul li:hover {border-left:5px solid #000;}
.kayit-kabul #accordian h3:hover { border:none; }

.kayit-kabul .sidetogglemenu {border-right:5px solid #76625A; overflow: hidden;}
.kayit-kabul .sidetogglemenu a:hover {background: #76625A}
.kayit-kabul .sidetogglemenu li.active {background: #76625A;} 
.kayit-kabul .sidetogglemenu li.active a{color: #fff;} 

/******************************************/
/* Kütüphane
/******************************************/
.kutuphane .baslik {background:#3bafe8; color: #000; }
.kutuphane .page-caption { text-shadow:1px 2px 2px #ccc;}
.kutuphane #bg {background: url(../img/bg/kutuphane.jpg) no-repeat ;  background-size:100%;}
.kutuphane #accordian h3 {background: #3aaee7; cursor:pointer;}
.kutuphane .content-inside img {border:none;}
.kutuphane #accordian ul li.active {border-left:5px solid #04405d;}
.kutuphane #accordian ul li:hover {border-left:5px solid #04405d;}
.kutuphane #accordian h3:hover { border:none; }

.kutuphane .sidetogglemenu {border-right:5px solid #076d9f; overflow: hidden;}
.kutuphane .sidetogglemenu a:hover {background: #076d9f}
.kutuphane .sidetogglemenu li.active {background: #076d9f;} 
.kutuphane .sidetogglemenu li.active a{color: #fff;} 

.kutuphane #login_form {margin:0 auto; width: 350px ; text-align: center ; background: #e5e5e5 ; padding: 10px 20px 80px 20px ; position: relative;}
.kutuphane #login_form .form_error { background: #ffc9c9; color: #000; padding: 5px; font-size: 14px;}
.kutuphane #login_form .form-title {margin-top:5px;}
.kutuphane .login_error {background: #de3939 url("/files/img/icon-alert.png") no-repeat center left  10px;line-height: 20px; margin-top:10px; color: #fff;padding: 20px 20px 20px 70px;font-size: 15px; }
.kutuphane .kutuphane-logout {margin-top: -5px;margin-bottom: 10px; background: #04405d; padding: 1px 10px;line-height: 30px; }
.kutuphane .kutuphane-logout a{color:#fff;}
.kutuphane .kutuphane-logout a:hover{ color:#fff}

.sidetogglemenu .kutuphane-logout{
	line-height: 20px;
	padding:0;
}

/******************************************/
/* KAmpüs Olanakları
/******************************************/
.kampus-olanaklari #bg {background: url(../img/bg/kampus-olanaklari.jpg) no-repeat ;  background-size:100%;}
.kampus-olanaklari #accordian h3 {background: #AA7F0A}
.kampus-olanaklari .content-inside img {border:none;}
.kampus-olanaklari #accordian ul li.active {border-left:5px solid #222;}
.kampus-olanaklari #accordian ul li:hover {border-left:5px solid #222;}
.kampus-olanaklari #accordian h3:hover { border:none; }
.kampus-olanaklari .sidetogglemenu {border-right:5px solid #560e5a; overflow: hidden}
.kampus-olanaklari .sidetogglemenu a:hover {background: #560e5a}
.kampus-olanaklari .page-caption {text-shadow:1px 2px 2px #ccc;}
.kampus-olanaklari .baslik {background:#AA7F0A; }
/******************************************/
/* Haber İçerik 
/******************************************/

.haber-icerik #bg {background: url(../img/bg/iletisim.jpg) no-repeat ;  background-size:100%;}
.haber-icerik ul li h3 { background:#7d2082;margin-top:0; padding: 0 10px ;  -o-transition:color .1s ease-out, background .5s ease-in;
  -ms-transition:color .1s ease-out, background .5s ease-in;
  -moz-transition:color .1s ease-out, background .5s ease-in;
  -webkit-transition:color .1s ease-out, background .5s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .1s ease-out, background .5s ease-in;}

.haber-icerik ul li h3:hover {background: #560e5a ; cursor: pointer;}
.haber-icerik .sidetogglemenu {border-right:5px solid #560e5a; overflow: hidden}
.haber-icerik .sidetogglemenu a { color:#fff;}
.haber-icerik .haber-icerik-list {padding:0 0 0 10px;}
.haber-icerik .haber-icerik-list li{  background: #dbdbdb }
.haber-icerik .haber-icerik-list li a{  color:#fff; font-size: 16px}
.haber .haberler-div img {width:100%;border:2px solid #7d2082}
.haber .haberler-div img:hover {border:2px solid #7d2082}
.haber .haber-baslik {background:#7d2082; padding:5px;min-height:60px; text-align:center ; color:#fff  }
.haber .haber-baslik:hover {text-decoration: underline}
.haber .tum-haberler {
background: #1d1d1d;
padding: 10px 25px;
margin-top: -10px;
margin-right: -10px;
color: #fff
}

.haber .tum-haberler a {
color: #fff;
}

.haber .tum-haberler a:hover {color: #999;}
.haber .icerik {margin:0;}



/* IB Gunu*/
.ib #bg {background: url(../img/bg/ibgunu.jpg) no-repeat ;  background-size:100%;} 
.ib .iblogo {position: absolute; z-index: 999; top: 5px; right: 0px;}  
.ib .language{ position: absolute; z-index: 999; top: 88px; right: 225px;} 
.ib .ibbaslik{ position: absolute;  top: 54px; left: 20px; font-size: 45px; color: #fff; } 
.ib .menu {background: #4C4C4C; margin-top:120px;  } 
.ib .sayfa {background: #fff;  min-height:600px; opacity: 1; filter: alpha(opacity=90); } 
/******************************************/
/* Etkinlik İçerik 
/******************************************/


.etkinlik-icerik #bg {background: url(../img/iletisim-bg.jpg) no-repeat ;  background-size:100%;}
.etkinlik-icerik ul li h3 { background:#fed03c;margin-top:0; padding: 0 10px ;  -o-transition:color .1s ease-out, background .5s ease-in;
  -ms-transition:color .1s ease-out, background .5s ease-in;
  -moz-transition:color .1s ease-out, background .5s ease-in;
  -webkit-transition:color .1s ease-out, background .5s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .1s ease-out, background .5s ease-in;}

.etkinlik-icerik ul li h3:hover {background: #f7bf0c ; cursor: pointer;}

.etkinlik-icerik .etkinlik-icerik-list {padding:0 0 0 10px;}
.etkinlik-icerik .etkinlik-icerik-list li{  background: #dbdbdb }
.etkinlik-icerik .etkinlik-icerik-list li a{  color:#222; font-size: 16px}

.haber .haberler-div img {width:100%;border:2px solid #7d2082}
.haber .haberler-div img:hover {border:2px solid #7d2082}

/********/
/*Google Maps
/********/

#map{
  display: block;
  width: 100%;
  height: 500px;
  margin: 0 auto;
  -moz-box-shadow: 0px 5px 20px #ccc;
  -webkit-box-shadow: 0px 5px 20px #ccc;
  box-shadow: 0px 5px 20px #ccc;
}
#map.large{
  height:500px;
}

.overlay{
  display:block;
  text-align:center;
  color:#fff;
  font-size:60px;
  line-height:80px;
  opacity:0.8;
  background:#4477aa;
  border:solid 3px #336699;
  border-radius:4px;
  box-shadow:2px 2px 10px #333;
  text-shadow:1px 1px 1px #666;
  padding:0 4px;
}

.overlay_arrow{
  left:50%;
  margin-left:-16px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:16px solid #336699;
}
.overlay_arrow.below{
  top:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-bottom:16px solid #336699;
}

/*******/
/*Footer
/*******/
.copyright {background: #7d2082;padding: 5px;margin-top:10px;}

.control-label  { margin-top:5px; }
.control-label1 { margin-top:8px; }
.ik-caption {padding: 5px 10px 3px 10px;border-bottom: 1px solid #eee;background: #434343; font-size: 18px; color: #fff}
.table-purple {border:1px solid #434343; overflow: hidden ; font-size: 14px}

.ik-div { padding:12px;}
.ik-div .kisa { padding-left: 5px; padding-right: 5px; }
.ik-div .control-label{font-weight:bold; margin-top:10px;}
.ik-div:nth-child(even)  { background: #eaeaea }
.ik-div:nth-child(odd) { background: #f8f8f8 }

.cinsiyet {margin-right: 10px;margin-top:5px;}
.medeni-durum , .askerlik-durum {margin-top:10px;}
.gonder {background: #7d2082 ; border-radius: 0 ; color: #fff ; margin-bottom: 10px}
.gonder:hover {color: #e1e1e1}
.form-date {width: 32% ; display: inline-block;}


/* ik page */

.ik-page {background: url("../img/subtle_dots.png") repeat}
.ik-content {background: #fff;border:1px solid #dadada; margin-top:60px;}
.ik-container .ik-logo {text-align: center}
.ik-container .ik-tabs {margin-top:120px;}
.ik-container .ik-tabs .nav-tabs > li > a {padding: 10px 25px ; border-radius: 0 ; color: #fff ; background:  #7d2082 ; margin-right: 3px; border:0;}
.ik-container .ik-tabs .nav-tabs > li > a:hover {border-color:#7d2082;}
.ik-container .ik-tabs .nav-tabs { border: none}
.ik-container .ik-tabs .tab-content .tab-pane { border:1px solid #dedede}
.ik-container .ik-tabs .tab-content form .tab-pane { border:1px solid #dedede}

.ik-container .ik-tabs input {margin-bottom: 10px}
.ik-container .ik-tabs .ik-email {margin-top: 10px}
.ik-container .ik-tabs .ik-button {border-radius: 0 ; background: #ffcb08;padding:5px 70px; font-size:17px; margin-bottom: 10px}
.ik-container .ik-tabs .password-forget {margin-top:10px;}
.ik-container .ik-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {color: #343434 ; background: #fff;border:1px solid #dedede; margin-top: -5px;padding-top: 15px}

.ik-container .table-purple {margin-top: 5px}
.ik-container .ik-caption {font-size: 18px;padding: 7px}

.ik-info-text  {margin-top:10px;font-size:18px ; color:#fff}
.ik-cikis {font-size:18px ; color:#fff ; margin-top:10px;}
.ik-sidebar {background: #e0e0e0 ;margin-bottom: 20px ; margin-top: 5px}

.ik-footer {border-left:1px solid #dadada; border-right: 1px solid #dadada ; border-bottom: 1px solid #dadada}

.ik-profil-info {margin-top: 20px ; }

.ik-logo {text-align: center}

.img-ik {margin-top:-93px}

.ik-account {margin-top: 100px}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-left: -20px;
}
.ik-container .ik-sidebar .nav > li {padding: 0 10px}
.nav-sidebar > li > a {
  padding: 7px 15px 3px 15px;
  color:#343434;
  border-bottom: 1px solid #fff;
}

.nav-sidebar > li > a:hover {
  background: #99389e;
  color: #fff
}


.nav-sidebar > .active > a {
  color: #fff;
  background-color: #99389e;
  padding: 7px 15px 3px 15px;
}

.nav-sidebar > .active > a:hover { background: #99389e }

.nav-sidebar > .active {padding: 0 10px}

.ik-sidebar .glyphicon {font-size: 12px}

/* ik page */


@media (min-width: 1200px) {
	#togglemenu1 {display: none}
}
/* Min 1024 , Max 1200 */

@media (min-width: 1024px) and (max-width: 1200px) {

	header { background: url("../img/menu-bg2.png") no-repeat bottom right -535px}
	.header-contact {
		margin-top:40px; 
		margin-left: 483px;
		margin-bottom:1px;
	}
	.header-top-menu { margin-right: 35px }
	#togglemenu1 {display: none}

}

/* Max 1023 */

@media only screen and (max-width: 1023px) {

header { background: url("../img/menu-bg2.png") no-repeat top right -535px}
.header-contact { margin-left: 47px}
.header-top-menu {margin-right: 110px}

}

@media only screen and (max-width: 1200px) {

.haber-listesi {height: 230px !important}

}


@media only screen and (max-width: 400px) {

.haber-listesi {height: 290px !important}

.owl-next {
	right: 0 !important;
	background: #fff;
	padding: 5px;
	width: 10% !important;
    height: 16% !important;
	}
	.owl-prev {
	left: 0 !important;
	color: #802987;
	background: #fff;
	padding: 5px;
	width: 10% !important;
    height: 16% !important;

}

.baslik {
	padding: 10px;
    font-size: 18px;
}

.etkinlik-sayfasi .content-right span.tum-etkinlikler {
	margin-top: 35px;
    background: #ffcb08;
    margin-right: -10px;
    padding: 5px;
	}

	.etkinlik-sayfasi .content-right {
		margin-top: -80px
	}


.etkinlik-sayfasi .icerik {
	min-height: 100px
}

.duyuru-sayfasi .content-right span.tum-duyurular {
	margin-top: 10px;
    background: #ffcb08;
    margin-right: -10px;
    padding: 5px;
	}

	.duyuru-sayfasi .content-right {
		margin-top: 10px
	}

.haber-sayfasi .content-right span.tum-haberler {
	margin-top: 10px;
    background: #ffcb08;
    margin-right: -10px;
    padding: 5px;
	}

	.haber-sayfasi .content-right {
		margin-top: 10px
	}
}

@media only screen and (max-width: 500px) {

.haber-sayfasi .page-caption{margin-top:15px;}

.haber-listesi {
    height: 350px !important;
}
.owl-next {
	right: 0 !important;
	padding: 0;
	background: #fff;
	width: 5%;
    height: 20%;
	}

.owl-prev {
	left: 0 !important;		
	padding: 0;
	background: #fff;
	width: 5%;
    height: 20%;
	}

.baslik {
	padding: 10px;
    font-size: 18px;
}
	.etkinlik-sayfasi .content-right span.tum-etkinlikler {
	margin-top: 35px;
    background: #ffcb08;
    margin-right: -10px;
    padding: 5px;
	}

	.etkinlik-sayfasi .content-right span.tum-etkinlikler a , .duyuru-sayfasi .content-right span.tum-duyurular a , .haber-sayfasi .content-right span.tum-haberler a{
	color: black
	}

	.etkinlik-sayfasi .content-right {
		margin-top: -80px
	}


.etkinlik-sayfasi .icerik {
	min-height: 100px
}

.etkinlik-sayfasi #hizli-erisim {
	margin-top: 20px
}

.page-caption span {
	color: #fff
}


.haber-sayfasi .content-right span.tum-haberler {
    background: #ffcb08;
    padding: 5px;
	}

}
/* Max 769 */

@media only screen and (max-width: 769px) {

header { background: url("../img/menu-bg2.png") no-repeat top right -550px;}
footer a { font-size:15px;}
#accordian h3 { line-height: 23px;padding:5px 10px;}

}

/* Min 600 , Max 1022 */

@media (min-width: 600px) and (max-width: 1022px) {
	.ik-info-text  {margin-top:10px;font-size:15px ; color:#fff}
.ik-cikis {font-size:15px ; color:#fff ; margin-top:10px;}
	#okullarimiz .col-xs-120 { width: 33.3%}
	.form-date {width: 100%}
	.diger-dil input{width: 60%}
	
}

/* Min 490 , Max 767 */

@media (min-width: 490px) and (max-width:767px ) {

	.header-top-menu {margin-top:-125px;}
	.header-contact {width: 250px;float: right;margin-right: 155px;margin-top: -69px}
	.logo {margin-top:5px;}
}

/* Min 490 , Max 600 */

@media (min-width: 490px) and (max-width: 600px) {

	#okullarimiz .col-xs-120 { width: 50%}
	#okullarimiz .fen-lisesi {margin-left: 25%}

}

/* Min 400 , Max 489 */

@media (min-width: 400px) and (max-width: 489px) {

	#okullarimiz .col-xs-120 { width: 50%}
	#okullarimiz .fen-lisesi {margin-left: 25%}
}


/* Max 480 */

@media (max-width: 500px) {

	.ik-container .ik-tabs .nav-tabs > li > a {padding:10px 5px }
.img-ik {margin-top: 0 ;}
.ik-logo-2 {background: #fff ;}
.ik-account {margin-top: 20px}

		.ik-info-text  {margin-top:10px;font-size:16px ; color:#fff;}
.ik-cikis {font-size:16px ; color:#fff ; margin-top:-110px; background:#99389e;padding:5px}
	#hizli-erisim p a {font-size: 11px}
.odev #login_form {margin:0 auto; width: 100% ; text-align: center}
.etkinlik .etkinlik-list li {background: url(../img/etkinlik-list.jpg) no-repeat left top 21px}
	.etkinlik p.gun {width: 10%}
	.etkinlik p.ay {width: 20%}
	header {background: none}
	.logo-wrap {text-align: center}
	.header-top-menu {margin-top:-115px;  width: 60px ; margin-right: -10px}
	.header-top-menu ul li {margin-top:5px}
	.header-top-menu ul li.facebook {display: none}
	.header-top-menu ul li.twitter {display: none}
	.header-top-menu ul li.youtube {display: none}
	.header-contact {display: none}
	.container {padding-left :10px; padding-right: 10px} 
	.carousel .flex-control-nav { width: 35%}
	.carousel .flex-control-paging li a {width: 7px ; height: 7px}
	.carousel .flex-control-nav li {margin: 0 3px}
	.carousel p { height:auto;font-size:13px ;  overflow:hidden;text-align: center ;max-height: 80px}
	.content-left  {margin-top:0;border: none ; background: none;padding:0}
	.content-right {margin-top:10px; }
	.error-page {font-size: 120px}
	.not-found {font-size: 22px}
	.error-desc {font-size:18px;}
	.page-caption {margin-top:20px; font-size:25px; text-align:center; background:#252525; padding:10px; margin-top:0px; text-shadow: none !important; color:#fff !important}
	.kurumsal .page-caption {color:#000;}
	.ilkokul .page-caption {color:#000;}
	.fen-lisesi .page-caption {color:#000;}

	.duyuru-sayfasi .page-caption {margin-top: 60px}

	
 }

@media (max-width: 767px) { 
	.logo-wrap {text-align: center !important}
	.header-contact {display: none}
	.header-top-menu ul li {float: right; margin-top: 20px}
	header {background: none}

	section#bg{
		background: none !important;
	}
}

@media (min-width:501px) and (max-width:767px){
	.content-left{
		margin-top:0;
		padding:0;
	}
	.page-caption {margin-top:20px; font-size:25px; text-align:center; background:#252525; color:#fff !important; padding:10px; margin-top:0px; text-shadow: none !important;}
	.content-right{
		margin-top:10px
	}
} 

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

    header{ background: url("../img/menu-bg2.png") no-repeat ; background-position-x: 56.5%;
background-position-y: 2%;}
.menu_container>ul>li>a {padding: 8px 15px ; font-size: 14px}
.menu_container.purple {width: 92.5%}
.etkinlik .etkinlik-list li {background: url(../img/etkinlik-list.jpg) no-repeat ; background-position-x: 3%; background-position-y: 50%;}
#togglemenu1 {display: none}
#okullarimiz .anadolu-lisesi {margin-left: 20%}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  header{ background: url("../img/menu-bg2.png") no-repeat ; background-position-x: 45%;
background-position-y: 85%;}
#togglemenu1 {display: none}
.etkinlik .etkinlik-list li {background: url(../img/etkinlik-list.jpg) no-repeat ; background-position-x: 3%; background-position-y: 50%;}
}

@media (min-width:768px){
	.mobil-banner{
		display:none
	}
}

/* Form */
.formcontrol {
	height: 32px;
	padding: 6px 12px;
	margin-right: 5px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form_error {
	background: #FF5555;
	color: #fff;
	padding: 5px 10px;
	font-size: 12px;
	margin: 0px 0px 15px 0px !important;
}
.form_ok {
	background: #7FFFAA;
	color: #000;
	padding: 5px 10px;
	font-size: 12px;
	margin: 0px 0px 15px 0px !important;
}

.veli-portal {
	background: #fed03c;
	width: 155px !important;
    padding: 10px 15px;
    transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-webkit-transition:background-color 300ms linear
}

.veli-portal:hover {
	background: #e5ba30
}


.veli-portal a {
	color: #111;
	font-size: 17px
}

.header-veli {
	margin-top: -3px
}

.haber-section {
	margin-bottom: 20px
}

.bilgi-home {
	background: #2d2d39 url("../img/kayit-kabul-bg.jpg") no-repeat right top 0 ; 
	width: 100%;
	padding: 8px;
	margin-top: 5px
}

.kayit-home {
	background: #2d2d39 url("../img/on-kayit-home-bg.jpg") no-repeat right top 0 ; 
	width: 100%;
	padding: 8px;
	margin-top: 5px

}

.bilgi-home a , .kayit-home a {
	color: #fff;
	font-size: 16px
}

.owl-next {
			position: absolute;
			right: -20px;
			top: 95px;
			font-size:40px !important;
			color: #802987
		}
		.owl-prev {
			position: absolute;
			left: -20px;
			top: 95px;
			font-size:40px !important;
			color: #802987

		}
		.owl-controls {
			margin-top:0 !important;
		}
		.owl-pagination {
			display:none;
		}

.haber-listesi {
	height: 280px;
}

.haber-listesi > .item {display: none; -webkit-backface-visibility: hidden;}
.haber-listesi .item p {
	background: #111;
    opacity: 0.9;
    width: 100%;
    min-height: 80px;
    position: absolute;
    bottom: -10px;
    padding: 10px;
    font-size: 17px
}		

.haber-listesi .item p a{
	color: #fff;

}

.dergiler .dergi-item img {
    border: 10px solid #e2e2e2;

}

.dergiler .dergi-item h4 {
    padding: 15px;
    background-color: #d4d4d4;
    margin: 0px 0px 20px 0px;
    color: #000;
    font-size: 18px;
    text-align: center;
}

h1.buyuk-baslik-dergiler {
    margin: 0 0 20px 0;
    padding: 13px;
    background: #dcdcdc;
    color: #111;
    text-align: center;
    font-size: 35px;
    text-shadow: none;
    font-weight: 600;
}


form#ik-form {
    font-family: 'Open Sans', sans-serif !important
}

form#ik-form .table-purple {
font-size: 13px !important
}

.sideviewtoggle:before{
	content: '\2261';
    left: 10px;
    position: absolute;
    /* width: 50px; */
    /* height: 50px; */
    font-size: 20px;
    line-height: 25px;
}