*{font-family:'Open Sans',sans-serif;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:none; color:inherit}
a{ text-decoration:none;word-wrap: break-word;}
a.hover-underline:hover{text-decoration:underline}
:root{
	--r1:#4f7d7c;
	--r2:#f1d372;
}
html,body{ min-width:350px;}
body{ margin:0; background-color:#f9f9f9;color:#444}
.max {
	margin:0 auto;
	display:block;
	padding:0 20px
}
h1{ font-size:25px; line-height:35px; letter-spacing:-1px;display: inline-block;
    width: 100%;}
h1.hbg span{ position:relative; padding:0 15px}
h1.hbg span:after {
        content: '';
    position: absolute;
    left: 50%;
    bottom:-3px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 20px;
    z-index: -1;
    background-image: url(/theme/site/daaihl/img/h-fill.svg?6);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.dfc{
	display:flex;
	flex-direction:column;
}
.dfr{
	display:flex;
	flex-direction:row;
}

header{
	z-index:999;
	background-color:#fff;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	padding:10px 0;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1)!important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1)!important;
	height:70px
}

header .max>div{
	position:relative;
	display:flex;
	justify-content:flex-end
}
#logo{
	position:absolute;
	z-index:2;
}
#logo-bg{
	position: absolute;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.1)!important;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.1)!important;
    background-color: #fff;
    z-index: 1;
}


#menu {
	padding-left:150px;
	width:100%;
}
#menu ul{
	list-style:none; display:flex;flex-direction:row;
	margin:0; padding:0; justify-content:flex-end
}
#menu>nav>ul>li{
	position:relative;
	line-height:30px;
	font-size:15px;
	margin: 3px 0 0 5px;
}
#menu>nav>ul>li>a{
	display:block;
	padding:5px 20px;
}
#menu>nav>ul>li:not(#basvuru){
	border: 1px solid var(--r1);
	background-color:var(--r1);
    border-radius: 30px;
}
#menu>nav>ul>li#basvuru{
	background-color:var(--r2);
	color:#fff;
	 border-radius: 30px;
}
#menu>nav>ul>li:last-child{
	/*padding-right:0*/
}

#menu a{
	color:#fff;
	font-weight:500;
	font-family:Poppins;
	letter-spacing:-0.03em;
}
#menu ul>li a:hover{
	text-decoration:underline;
}

#menu ul ul li{
	display: block;
    line-height: 25px;
    font-size: 14px !important;
}
#menu ul li:not(#basvuru):hover{
	background-color:#6da1a0 !important
}
#menu ul li a{
	color:#fff;
    padding: 7px 20px;
	display:block
}

#menu li#basvuru li:hover,#menu li#basvuru:hover{
	background-color:#ffde74 !important
}


#mmi{width:53px; height:50px; padding:18px 15px;cursor:pointer; position:relative; z-index:4}
#mmi>div{ position:relative}
#mmi span{
display:block;
position: absolute;
height:0.15rem;background-color:var(--r1);
width:100%;
left:0;
transform: rotate(0);
transition:transform .25s ease-in-out,width .25s ease-in-out,left .25s ease-in-out;
border-radius:1px
}
#mmi span:nth-child(1) {
    top: 0px;
}

#mmi span:nth-child(2) {
    top: 6px;
}
body.mm #mmi span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#mmi span:nth-child(3) {
    top: 6px;
}
body.mm #mmi span:nth-child(3) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#mmi span:nth-child(4) {
    top: 12px;
}
body.mm #mmi span:nth-child(4),body.mm #mmi span:nth-child(1) {
    width: 0%;
    left: 50%;
}

#okul-bilgi{ display:none; padding:0 20px}


#pag ul{ padding:0; margin:0; display: inline-block}
#pag .max{
	padding:20px 0 20px 180px
}

#pag li, #pag a {
    display: inline;
    font-size: 12px;
    line-height: 19px;
    color: #bbb;
}
#pag ul:hover *{ color:#444}
#pag li:not(:last-child)::after {
    content: "\00BB";
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
    line-height: 20px;
}
#pag li {
    margin-right: 10px;
}
#pag a {
    text-decoration: underline;
}


#bdi{ display:flex; flex-direction:column;}
#bdi article{ margin-bottom:45px;}
#bdi article:last-child{ margin-bottom:0 !important}
#bdi article a{ display:flex; flex-direction:row}
#bdi .img{ width:300px; margin-right:30px}
#bdi .img img{ border-radius:6px;transition:box-shadow,transform .4s}
#bdi article .img .shadow{ display:flex; position:relative}
#bdi article .img .shadow:before {
    transition: opacity .7s cubic-bezier(.2,1,.22,1);
    -webkit-transition: opacity .7s cubic-bezier(.2,1,.22,1);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 98%;
    content: '';
    opacity: 0;
    transform: scale(.96);
    box-shadow: 0 30px 60px rgba(0,0,0,.20);
    border-radius: 5px;
}
#bdi article:hover .img .shadow:before {
opacity: 1;
}
#bdi article:hover .img{
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
#bdi .post:not(.wf){ width:calc(100% - 330px)}
#bdi h2{font-family: Poppins;  transition:margin .2s}
#bdi .post-spot {font-size:16px; line-height:28px;}
#bdi .post:not(.wf) .post-spot {
display: -webkit-box;
max-height: 96px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
#bdi .date {font-size:14px; line-height:20px; font-style:italic; margin-top:15px}

#bdi h1{ font-size:30px; line-height:45px;}

#menu .ism { display:none; padding:0 20px}
.ism {
    display: inline-block;
}
.ism a {
    width: 40px;
    height: 40px;
    background-size: cover;
    opacity: 1;
    transition: opacity .3s;
    margin:0 12px 0 0 !important;
	display: inline !important;
	padding:0 !important
}
.ism a:last-child {
	margin-right:0;
}

.ism img:hover{ transform:scale(1.2)}

@media all and (min-width:1401px){
	.max { width:1000px}
}
@media all and (max-width:1400px) and (min-width:1201px){
	.max { width:1000px}
}
@media all and (max-width:1200px) and (min-width:993px){
	.max { width:920px}
}
@media all and (min-width:993px){
	#mmi{ display:none}
	#menu li.down a{
		padding-right:28px !important
	}
	#menu li.down:before {
		content: '';
		-webkit-transition: all .2s;
		transition: all .2s;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		border: solid #fff;
		border-radius: .5px;
		border-width: 0 0.16em 0.16em 0;
		position: absolute;
		right: 14px;
		padding: 0.16em;
		top: 16px;
		display: inline-block;
	}
	#menu li.down:hover::before {
		transform:rotate(225deg);
		top:20px
	}
	
	#menu li.down ul{
		display:none;
		position:absolute;
		top:50px;
		left:0;
		width:150px;
		background-color:var(--r1);
		padding:12px 0;border-radius:6px;
		box-shadow: 0 6px 17px rgba(0, 0, 0, .28);
	}
	#menu li ul:before{
		content:'';
		position:absolute;
		display:block;
		width:100%;
		height:15px;
		background:none;
		top:-15px;
	}
	
	#menu li.down:hover ul{
		display:block;
	}
	#menu li#basvuru a{ color:#666}
	#menu li.down#basvuru ul{
		right:0;
		left:auto;
		width:300px;
		background-color:#f1d372;
	}
	#menu li.down#basvuru:before {
		border-color:#666
	}
	
}
@media all and (max-width:992px){
	#menu li.down ul{
		display: block;
		border-left: 1px solid #fff;
		margin-left: 22px;
		margin-bottom: 15px;
	}
	body.mm #mmi{ background-color:#e7f1f1; border-radius:50%;-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) !important;}
	body.mm #menu{right:0;opacity:1;}
	body.mm{ overflow:hidden}
	
	#mmi{ display:block;}
	body.mm #mmi{ background-color:#e7f1f1}
	#menu{
		display:block;
		opacity:0;
		position:fixed;
		width:100%;
		height:100%;
		padding:40px 20px 30px 20px;
		top:0px;
		right:-100%;
		bottom:0;
		background-color:#e7f1f1;
		transition:right .3s;
		transition:opacty .6s;
		overflow-y: scroll;
		z-index:3
	}
	#menu ul ul li{ padding:0 !important}
	#menu ul>li>a{ display:block;font-size:15px; font-weight:500;padding:10px 20px !important;}
	#menu ul>li#basvuru>a{ color:#666}
	#menu ul>li#basvuru ul a{ color:#666}
	#menu li.down#basvuru ul{ border-color:#666}
	#menu ul ul li a{font-size:14px !important; line-height:20px !important}
	#menu ul{flex-direction:column;}
	body.mm #menu{right:0;opacity:1;}
	body.mm{ overflow:hidden}
	#okul-bilgi{ display:block; padding-top:40px; font-size:16px; line-height:28px}
	
	#menu .ism { display:block}
}

@media all and (max-width:992px) and (min-width:769px){
	.max { width:700px}
	/*#mmi{ display:block;}
	body.mm #mmi{ background-color:#e7f1f1}
	#menu{
		display:block;
		opacity:0;
		position:fixed;
		width:100%;
		height:100%;
		padding:40px 20px 30px 20px;
		top:0px;
		right:-100%;
		bottom:0;
		background-color:#e7f1f1;
		transition:right .3s;
		transition:opacty .6s;
		overflow-y: scroll;
		z-index:3
	}
	#menu ul>li{ padding:5px 0; border-bottom:1px solid #f2f8f8}
	#menu ul>li>a{ display:block;font-size:18px; font-weight:500;padding:5px 20px;}
	#menu ul{flex-direction:column;}
	body.mm #menu{right:0;opacity:1;}
	body.mm{ overflow:hidden}
	#okul-bilgi{ display:block; padding-top:40px; font-size:16px; line-height:28px}
	
	#menu .ism { display:block}*/
}
@media all and (max-width:768px) and (min-width:578px){
	.max { width:500px}
	#menu ul>li{padding: 10px 10px;}
}
@media all and (min-width:769px){
	#logo{
		top:0px;
		left:20px;
		z-index:2;
		width:100px
	}
	#logo-bg{
		width: 140px;
		height: 140px;
		top: -19px;
		left: 1px;
	}
	/*#mmi{ display:none}
	#menu{ display:block}
	#menu ul>li{ position:relative}
	#menu ul>li.active:after{
		content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: var(--r1);
    left: 0;
    bottom: -10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}*/
	#bdi h2{ font-size:24px; line-height:34px;margin:5px 0 15px 0;}
}
@media all and (max-width:768px){
	.max { width:100%}
	header .max { padding:0 20px}
	#logo{
		top:-2px;
		left:16px;
		width:88px
	}
	#logo-bg{
		width: 120px;
		height: 120px;
		top: -19px;
		left: 1px;
	}
	#bdi .img{ width:250px; padding-right:20px}
	#bdi .post:not(.wf){ width:calc(100% - 270px)}
	#bdi h2{ font-size:20px; line-height:29px;margin:15px 0;}
	#pag li, #pag a {letter-spacing:-1px}
}
@media all and (min-width:578px){
	
}
@media all and (max-width:577px){
	#pag .max {
		padding: 15px 0 15px 150px;
	}
	
	#bdi article a{flex-direction:column}
	#bdi .img{ width:100%; padding:0 !important}
	#bdi .post{ width:100% !important}
}

/* Genel stil */
.pagination {
  display: flex;
  justify-content: flex-end;
  list-style-type: none;
  padding: 0;
}

.page-item {
  margin-left: 5px;
}
.page-item.active .page-link {
  font-weight: bold;
  background-color: #4f7d7c;
  color:#fff
}

.page-link {
	display:block;
  color: #4f7d7c;
  text-decoration: none;
  padding: 5px 10px;
  border: 1px solid #4f7d7c;
  border-radius: 3px;
  line-height: 24px;
}

.page-item.first .page-link,.page-item.last .page-link {
	height: 35.6px;
    padding: 5px 5px;
}
.page-item.first .page-link svg,.page-item.last .page-link svg {
	fill:#4f7d7c;
}
.page-item.first:hover .page-link svg,.page-item.last:hover .page-link svg {
	fill:#fff;
}
.page-link:hover {
  background-color: #4f7d7c;
  color:#fff
}

.ok_link{
	cursor:pointer;
	color: #09C;
	font-size:inherit;
	line-height:inherit;
	display:inline;
	margin-left:10px;
	position:relative
}
.ok_link::after {
  content: '';
  position: absolute;
  top: 15%;
  right: -20px;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.4697 5.46967C13.7626 5.17678 14.2374 5.17678 14.5303 5.46967L20.5303 11.4697C20.8232 11.7626 20.8232 12.2374 20.5303 12.5303L14.5303 18.5303C14.2374 18.8232 13.7626 18.8232 13.4697 18.5303C13.1768 18.2374 13.1768 17.7626 13.4697 17.4697L18.1893 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H18.1893L13.4697 6.53033C13.1768 6.23744 13.1768 5.76256 13.4697 5.46967Z" fill="%2309C"/></svg>');
  background-size:17px 17px;
  transition:all .3s
}
article:hover .ok_link::after {
	right: -25px;
}

footer{
	background-color:#313233;
	padding:40px 0
}
footer #copy{ color:#777; text-align:center;font-style: italic;font-size: 13px;}
footer .ism{ display:block; text-align:center; margin-bottom:30px}
footer .ism a:hover svg .hover{ fill:#ddd !important}