body{ margin:0; padding:0; font-family:'Montserrat',sans-serif; color:#000; min-width:350px; position:relative}
*, *::after, *::before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
body:after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 180px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .4), transparent);
}
body.mm_open{
	overflow:hidden
}
a.link {
    color: #09f !important;
	text-decoration:none
}
a.link:hover{
	text-decoration:underline
}
section { display:flex; justify-content:center}
#header{ display:none;position:fixed; top:0; left:0; width:100%; min-height:60px; z-index:50; padding:10px 0; transition: padding .2s}
body:not(.st_down) #header{ padding:20px 0}
.header_open #header{ display:flex}
.st_down #header{ background-color:rgba(0,0,0,.8);-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;}
#hero{ background-color:#b3b9f3; width:100%; z-index:-2;background: linear-gradient(200deg, #e5312c 10%, #139954 );}
#logo{ width:150px; margin-top:-3px;}
#hero{ position:relative}
#hero #bg{
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    pointer-events: none;
    height: auto;
    width: 100%;
}
/*#hero:after{
	content: '';
    z-index: -3;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: .1;
    mix-blend-mode: hard-light;
    pointer-events: none;
}*/

.max { margin:0 auto; display:flex; max-width:1000px}
#menu{ list-style:none; display:flex; margin:0; padding:0; justify-content:start; align-items:center}
#menu li{ padding:0; margin:0 30px 0 0;display:flex;align-items:center}
#menu li,#menu li a{cursor:pointer; font-size:14px; line-height:20px; font-weight:600;text-decoration:none}
#menu li a{display:block}
#menu li:hover,#menu li a:hover{ text-decoration:underline}
#basvur button{
	font-family:'Open Sans',sans-serif;
	border:none;
	background: #fff;
    font-weight: 600;
	 font-size:15px; line-height:45px;
    border-radius: 25px;
	padding: 0 30px;
    color: #000;
	cursor:pointer
}
#basvur button:hover{
	background-color:#139954;
	color:#fff
}

#hero #info{
	    text-shadow: 1px 1px 2px #e5312c, -1px -1px 2px #000;
	padding-top:80px;
	color: #fff;
}
#hero #info h1{
	font-family:'Merriweather',sans-serif;
}

#hero #yon {
    width: 100px;
    height: 60px;
    background-color: white;
    display: inline-block;
    border-radius: 30px;
    position: relative;
	margin-top:15px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
}
#yon .down {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NTEuODQ3cHgiIGhlaWdodD0iNDUxLjg0N3B4IiB2aWV3Qm94PSIwIDAgNDUxLjg0NyA0NTEuODQ3IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBmaWxsPSIjZTUzMTJjIiBkPSJNMjI1LjkyMywzNTQuNzA2Yy04LjA5OCwwLTE2LjE5NS0zLjA5Mi0yMi4zNjktOS4yNjNMOS4yNywxNTEuMTU3Yy0xMi4zNTktMTIuMzU5LTEyLjM1OS0zMi4zOTcsMC00NC43NTEgYzEyLjM1NC0xMi4zNTQsMzIuMzg4LTEyLjM1NCw0NC43NDgsMGwxNzEuOTA1LDE3MS45MTVsMTcxLjkwNi0xNzEuOTA5YzEyLjM1OS0xMi4zNTQsMzIuMzkxLTEyLjM1NCw0NC43NDQsMCBjMTIuMzY1LDEyLjM1NCwxMi4zNjUsMzIuMzkyLDAsNDQuNzUxTDI0OC4yOTIsMzQ1LjQ0OUMyNDIuMTE1LDM1MS42MjEsMjM0LjAxOCwzNTQuNzA2LDIyNS45MjMsMzU0LjcwNnoiLz48L2c+PC9zdmc+")
}
#yon .arrow {
    position: absolute;
    bottom: 0;
    margin-left: 8px;
    display: block;
    width: 25px;
    height: 25px;
    background-size: contain;
	left: 30%;
    top: 15px;
}
#yon .segunda {
    margin-top: 8px;
}
#yon .arrow {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateY(0px) scale(1);}
  25%{opacity: 0; transform:translateY(10px) scale(0.9);}
  26%{opacity: 0; transform:translateY(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateY(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;

    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
#yon .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

#sinav-hakkinda{
	background-color:#e5312c;
	background: linear-gradient(150deg, #139954 ,  #e5312c  80%, #a15339  );
}
#sinav-hakkinda *{
	color:#fff
}
#oduller{
	/*f2f2f2*/
	background-color:#e5312c;
	background: linear-gradient(340deg, #139954 ,  #e5312c);
}
#oduller *{
	color:#fff
}
.isec{padding:90px 0;}
.isec .icon{ position:relative;}
.isec .icon svg{ position:absolute; top:0;}
.isec .info{display:flex;flex-direction:column; }

.isec h2{ margin-top:0 !important}

#iletisim{
	background-color:#f2f2f2;
	padding:30px 0 50px 0
}


.table{ border-left:1px solid #a8b6da;border-top:1px solid #a8b6da}
.table td{border-bottom:1px solid #a8b6da;border-right:1px solid #a8b6da; padding:7px 10px}

.list{
	margin:0; padding:0 0 0 30px
}
.list li {
	font-size:20px; line-height:35px;font-weight: 400;
}

#mobile_menu{display:none; width:50px; height:17px; padding-top:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; position:relative}
#mobile_menu * {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#mobile_menu .hamburger{border-radius:3px;cursor:pointer;}
#mobile_menu .hamburger span{display:block;background:#fff;width:24px;height:3px;border-radius:3px;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:300ms all cubic-bezier(.4,0,.2,1);transition:300ms all cubic-bezier(.4,0,.2,1);user-select:none}
#mobile_menu .hamburger span:nth-child(2){margin:4px 0}
.mm_open #mobile_menu .hamburger span{background:#000!important}
.mm_open #mobile_menu .hamburger span:first-child{-webkit-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg)}
.mm_open #mobile_menu .hamburger span:last-child{-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}
.mm_open #mobile_menu .hamburger span:nth-child(2){opacity:0}

#mm_bg { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:#fff; opacity:0; z-index:199; transition:opacity .3s}


#takvim_liste{
	display:flex;
	flex-direction:column;
}
#takvim_liste .item{
	display:flex;
	flex-direction:column;
	z-index:1;
}

#takvim_liste .item .title{
	width:40%;
}
#takvim_liste .item .date{
	width:60%;
}
#takvim_liste .item *{
	padding:7px 10px
}
#takvim_liste .cov{
	display:flex;
	flex-direction:row;
	border-left:2px solid #000;
	border-right:2px solid #000;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	width:100%;
}


#takvim_liste .item:last-child .cov{
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom:2px solid #354C82 !important
}
#takvim_liste .item:first-child .cov{
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top:2px solid #000 !important
}


#takvim_liste .item.active .cov{
	display:flex;
	flex-direction:row;
	border:5px solid #000 !important;
	border-radius:10px;
	width:calc(100% - 50px);
}

#takvim_liste .item.active{
	padding:0;
	margin:-2px 0;
	z-index:2
}

#takvim_liste .item.active *{
	padding:10px 20px
}

#social {
    margin-top: 10px;
    font-size: 0;
    display: flex;
	flex-direction:column;
	list-style:none;
	padding:0; margin:20px 0 0 0;
}
#social a {
	
    color: #163275;
    font-size: 14px;
    line-height: 35px;
	 display: inline-block;
}
#social a div {
    text-align: left;
    margin: 0;
    display: inline-block;
	vertical-align:top;
    color: #163275;
	font-size: 16px;
    line-height: 35px;
	text-decoration: none
}

#social a:hover div {
    text-decoration: underline
}

#social a:before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    padding-top: 5px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position: center center;
    margin-right: 10px
}

#social #facebook:before {
    background-image: url(../img/facebook-footer.svg?2)
}

#social #instagram:before {
    background-image: url(../img/instagram-footer.svg?2)
}

#social #twitter:before {
    background-image: url(../img/twitter-footer.svg?2)

}

#social #youtube:before {
    background-image: url(../img/youtube-footer.svg?2)
}

#social #linkedin:before {
    background-image: url(../img/linkedin-footer.svg?2)
}

a.link_hu{text-decoration:none}
a.link_hu:hover{text-decoration: underline}

#footer #copy div{font-size:14px; line-height:22px; text-align:right; display:inline-block}
#footer #copy{width:70%;padding:40px 0; text-align:right}
#hero #icon svg{ width:100%; height:auto}
.list li{ margin:7px 0}
@media all and (min-width:1040px){
	#menu li,#menu li a{
		color:#fff;
	}
	#mmc{
		align-items:center; display:none
	}
	.max{ width:1000px}
	#hero{padding-top:85px}
	#hero #info{ max-width:500px;padding-bottom:120px; padding-left:2px}
	#hero #info h1{font-size:50px; line-height:70px; margin:0;font-weight: bold;color:#fff}
	#hero #info p{font-size:20px; line-height:30px;font-weight: 400;}
	*{font-size:18px; line-height:26px;font-weight: 400;}
	#hero #info p{color:#fff}
	#hero #icon { margin-top:100px; width:400px; z-index:100}
	
	#menu{ width:calc(100% - 150px);}
	h2{font-size:28px; line-height:40px;font-weight: bold;font-family:'Merriweather',sans-serif;}
	p,.table td,.list li{font-size:18px; line-height:26px;font-weight: 400;}
	
	.isec .icon{ width:380px !important;  height:300px !important;}
	.isec .icon svg{ width:300px; height:300px;}
	.isec .info{ width:calc(100% - 380px) !important;}
	.isec.iright .icon svg{ left:80px}
	.isec.ileft .icon svg{ right:80px}
	
	#takvim_liste .cov *{
		font-size: 18px;
		line-height: 26px;
		font-weight: 400;
	}
}
@media all and (max-width:1040px) and (min-width:769px){
	
	#mmc{
		align-items:center; display:flex
	}
	.max{ width:729px}
	#hero{padding-top:80px}
	#hero #info{ max-width:400px;padding-bottom:120px;}
	#hero #info h1{font-size:45px; line-height:60px; margin:0;font-weight: bold;}
	#hero #info p{font-size:19px; line-height:28px;font-weight: 400;}
	*{font-size:17px; line-height:25px;font-weight: 400;}
	#hero #icon { margin-top:60px; width:230px; z-index:100}
	h2{font-size:26px; line-height:36px;font-weight: bold;font-family:'Merriweather',sans-serif;}
	p,.table td,.list li{font-size:19px; line-height:28px;font-weight: 400;}
	
	.isec .icon{ width:260px !important;  height:200px !important;}
	.isec .icon svg{ width:200px; height:200px;}
	.isec .info{ width:calc(100% - 260px) !important;}
	.isec.iright .icon svg{ left:60px}
	.isec.ileft .icon svg{ right:60px}
	.isec.iright .icon{ padding-left:60px}
	.isec.ileft .icon{ padding-right:60px}
	
	#takvim_liste .cov *{
		font-size: 19px;
		line-height: 28px;
		font-weight: 400;
	}
	
}
@media all and (max-width:1040px){
	#menu li,#menu li a{
		color:#000;
	}
	#menu{ display:block; position:fixed; top:0; right:-300px; width:70%; height:100%; max-width:300px; background-color:#fff; flex-direction:column; padding-top:30px; z-index:201; transition:right .3s}
	.mm_open #menu{right:0;}
	.mm_open #mm_bg{ display:block;opacity:.7;}
	#menu li{padding: 5px 8px 5px 20px;}
	#mobile_menu{ z-index:200}
	#mobile_menu{display:block;}
	#logo{ justify-content:left; width:130px}
	.st_down #header{ padding: 5px 0;}
	#menu li{ color:#000}
}
@media all and (max-width:768px) and (min-width:578px){
	.max{ width:538px}
	
	#hero{padding-top:70px}
	#hero #info{ max-width:300px;padding-bottom:90px;}
	#hero #info h1{font-size:40px; line-height:50px; margin:0;font-weight: bold;}
	#hero #info p,*{font-size:18px; line-height:26px;font-weight: 400;}
	#hero #icon { margin-top:80px; width:200px; z-index:100}
	#menu{ display:block; position:fixed; top:0; right:-300px; width:70%; height:100%; max-width:300px; background-color:#fff; flex-direction:column; padding-top:30px; z-index:201; transition:right .3s}
	.mm_open #menu{right:0;}
	.mm_open #mm_bg{ display:block;opacity:.7;}
	#menu li{padding: 10px 8px 10px 20px;}
	#mobile_menu{ z-index:200}
	h2{font-size:24px; line-height:32px;font-weight: bold;font-family:'Merriweather',sans-serif;}
	p,.table td,.list li{font-size:18px; line-height:26px;font-weight: 400;}
	
	#takvim_liste .cov *{
		font-size: 18px;
		line-height: 26px;
		font-weight: 400;
	}
	
}
@media all and (max-width:768px){
	
	#logo{ justify-content:left; width:110px}
	.st_down #header{ padding: 0;}
	#basvur button{
	 font-size:14px; line-height:41px;
    border-radius: 22px;
	padding: 0 25px;
	}
	.isec .icon{ display:none}
	.isec .info{ width:100% !important;}
	.isec{padding:60px 0;}
	#takvim_liste .cov{ padding:7px 0 !important;width:calc(100% - 4px) !important;}
	#takvim_liste .active .cov {width:calc(100% - 10px) !important;}
}
@media all and (max-width:577px){
	#logo{margin-top:-5px;}
	.max{ width:calc(100% - 40px)}
	#hero{padding-top:70px}
	#hero #info{ max-width:100%;padding-bottom:120px;}
	#hero #info h1{font-size:40px; line-height:50px; margin:0;font-weight: bold;}
	#hero #info p,*{font-size:18px; line-height:26px;font-weight: 400;}
	#hero #icon { display:none}
	#menu{ display:block; position:fixed; top:0; right:calc(-100% + 67px); width:calc(100% - 67px); max-width:100%; height:100%; background-color:#fff; flex-direction:column; padding-top:30px; z-index:201; transition:right .3s}
	.mm_open #menu{right:0;}
	.mm_open #mm_bg{ display:block;opacity:.7;}
	#menu li{padding: 15px 8px 20px 30px; font-size:15px}
	#mobile_menu{ z-index:200}
	h2{font-size:22px; line-height:32px;font-weight: bold;font-family:'Merriweather',sans-serif;}
	p,.table td,.list li{font-size:16px; line-height:24px;font-weight: 400;}
	
	#takvim_liste .cov *{
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
	}
	#takvim_liste .item .cov{flex-direction: column !important;}
	#takvim_liste .item .cov div{ width:100% !important}
	#takvim_liste .item .cov div.title{ padding-bottom:0 !important}
	#takvim_liste .item .cov div.date{ padding-top:0 !important}
}