﻿@import url('reset.css');
@import url('/css/jquery-eu-cookie-law-popup.css');

html,body {
	background-color: #fff;
	text-decoration: none;
	font-weight: 300!important;
	font-family:font-family: dinbeklight;
}

@font-face {
    font-family: 'dinbeklight';
    src: url('/css/fonts/dinbelig-webfont.eot');
    src: url('/css/fonts/dinbelig-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/dinbelig-webfont.woff') format('woff'),
         url('/css/fonts/dinbelig-webfont.ttf') format('truetype'),
         url('/css/fonts/dinbelig-webfont.svg#dinbeklight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinbekregular';
    src: url('/css/fonts/dinbereg-webfont.eot');
    src: url('/css/fonts/dinbereg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/dinbereg-webfont.woff') format('woff'),
         url('/css/fonts/dinbereg-webfont.ttf') format('truetype'),
         url('/css/fonts/dinbereg-webfont.svg#dinbekregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinbekmedium';
    src: url('/css/fonts/dinbemed-webfont.eot');
    src: url('/css/fonts/dinbemed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/dinbemed-webfont.woff') format('woff'),
         url('/css/fonts/dinbemed-webfont.ttf') format('truetype'),
         url('/css/fonts/dinbemed-webfont.svg#dinbekmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din_trmedium';
    src: url('/css/fonts/dinmediumtr-webfont.woff2') format('woff2'),
         url('/css/fonts/dinmediumtr-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('/css/fonts-bg/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('/css/fonts-bg/robotocondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.header{
	width: 100%;
	height: 85px;
	background-color: #ffffff;
	position:fixed;z-index:9999;border-bottom:1px solid #F5F5F5;
	-webkit-box-shadow: 0px 3px 10px -1px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    0px 3px 10px -1px rgba(50, 50, 50, 0.6);
box-shadow:         0px 3px 10px -1px rgba(50, 50, 50, 0.6);
	
}
.menu-container{
	width: 1200px;
	margin: auto;
	height: 85px;
	position: relative;
	font-size:14px;
}
strong{
	font-weight:700;
}
.logo{
	width: 163px;
	height: 85px;
	float: left;
	background: url(/images/logo.png) center center;
	background-repeat: no-repeat ;
}

.px980{
	width:980px;margin:auto;
}

.main-menu{
	width: 980px;
	height: 85px;
	float: right;
	font-family: dinbeklight;
	margin-top:40px;
}



.slider-container{
	width: 100%;
	background-color: #ffffff;
	position: relative;
	min-height: 280px;
}

.alt-buton {font-family: dinbekmedium}
.form-font {font-family: dinbeklight}
.haber-font {font-family: dinbeklight}
.dil-sec{font-family: dinbekmedium;width: 290px; height: 30px; position: absolute; right: 14px; top: 3px;text-align:right}

.dil-sec a {color:#000;vertical-align:middle;}
.dil-sec a:hover {text-decoration:underline;}



.slider div {
	position: absolute;
	left: 0;
	top: 84px;
	width: 100%;
	height: 100%;
}

.stratejik-is-kollari{
	height: 90px;
	width: 100%;
	background-color: #F04438;
		position:relative;

}

.stratejik-is-kollari li {
	width: 250px;
	height: 90px;
	float: left;
	border-right: 2px solid #ffbab5;
	display: inline;
	position: relative;
	overflow: hidden;
}

.stratejik-is-kollari li:last-child {
	border-right: none;
}

.stratejik-is-kollari a {
	font-family: dinbekmedium;
	font-size: 18pX;
	color: #ffffff!important;
	display: block;
	margin-left: 10px;
	height: 45px;
	display: flex;
	align-items: center;
}

.stratejik-is-kollari li:hover {
	background: #ffbab5;
}

.stratejik-is-kollari li:hover a{
	color: #ef4438;
}

.ulasim-ikon {
	background: url(/images/ikon-ulasim.png) no-repeat;
}

.acilirMenu{width:100%}
.acilirMenu th{color: #001247; font-size: 14px;background:url(/images/down.png) no-repeat left center; line-height:28px;padding-left:20px;text-align:left;cursor:pointer;font-weight:100}
.acilirMenu td{display:none}

.stratejik-is-kollari li:hover .ulasim-ikon {
	background: url(/images/ikon-ulasim-hover.png) no-repeat;
}

.enerji-ikon {
	background: url(/images/ikon-enerji.png) no-repeat;
}

.stratejik-is-kollari li:hover .enerji-ikon {
	background: url(/images/ikon-enerji-hover.png) no-repeat;
}

.yapi-ikon {
	background: url(/images/ikon-yapi.png) no-repeat;
}

.stratejik-is-kollari li:hover .yapi-ikon {
	background: url(/images/ikon-yapi-hover.png) no-repeat;
}


.alt-menu{
	width: 980px;
	font-family: dinbeklight;
	list-style-type: none;
	
}
.alt-menu>li{
	float:left;
	margin-right:25px;
font-size:15px;
font-weight:400;
max-width: 180px;

}
.alt-menu ul{
		font-family: dinbeklight;
	list-style-type: none;
	margin:0;
	margin-top: 10px;

}
.alt-menu ul li{


	color: #ffffff;
	font-size: 13px;
	margin:0!important;
	padding:0!important;
padding-bottom:15px!important;
font-weight:400;
}

.alt-menu a {
	color: #ffffff;
}

.alt-menu a:hover {
	color: #a1a1a1;
}

/* Haber Slider */

.list_carousel {
	width: 982px;
	margin: -2px;
	padding: 0px;
}
.list_carousel ul {
	margin: 0!important;
	padding: 12px;
	list-style: none;
	display: block;
}
.list_carousel li {
	width: 312px;
	height: 235px;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align:center;
	position:relative;
}



.list_carousel li img {margin-bottom:10px;border-radius:6px;border:4px solid #fff;position:relative;}
.list_carousel li img:hover {border:4px solid #7d0000;transition:all ease 0.5s}
.list_carousel li span {text-align:center; margin:auto;line-height:20px;display:block;color:#fff}
.list_carousel li span:hover {text-decoration:underline;}

.haberler-li {width:230px!important;padding-top:10px!important}
.ebulten-li {width:230px!important;padding-top:40px!important}
.dergi-li {width:230px!important;padding-top:10px!important;}

.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	float: none;
	clear: both;
}
.pager {
	float: left;
	width: 100%;
	margin-top: 15px;
	text-align: center;
}
.pager a {
	margin: 0 5px;
	width: 50px;
	height: 7px;
	background: #d8d8d8;
	text-decoration: none;
	display: inline-block;
}
.pager a.selected {
	text-decoration: underline;
	background: #fc6e64;
}
.caroufredsel_wrapper{
	width:982px!important;
	height:275px!important;
}


/* Haber Slider */


.icerik h2 {
	width:100%;text-align:center;font-size:24px;font-weight:700;margin:5px 0px;line-height:35px;
}

.icerik{
	font-family: dinbekregular;
	font-size:15px;
	line-height:20px;
	text-align:justify;
	min-height:300px;
}


.icerik p{margin:15px 0}
.iletisim{
	font-family: dinbeklight;
	font-size:14px;
	line-height:15px;
	text-align:justify;
	min-height:100px;
}

.icerik a{
	color:#06457A;
}

.icerik a:hover{

}

#iletisimFormu input,select,textarea{
	padding:10px;
}

.iletisim-tablo>table{
	border:1px solid #E0E0E0;
	border-collapse:collapse;
}

.form-wrapper {float: left; width: 100%; margin-top: 20px; margin-bottom: 100px;}
.form-ustbilgi {width: 100%; float: left; font-size: 13px; color: #444343; font-family: 'dinbekregular';}
.form-ustbilgi a{color: #007c42; font-size: 13px;}
.form-ustbilgi a:hover{color: #ed5565;}
.form-wrapper input[type=text], textarea, select {padding: 4px; font-size: 13px; border: 1px solid #d7d8dd; font-family: 'dinbekregular';}
.form-wrapper input[type=text]:focus, textarea:focus {padding: 4px; font-size: 13px; border: 1px solid red; font-family: 'dinbekregular'; box-shadow: 0px 0px 2px #cc0000;}

.form-ustbaslik {float: left; width: 100%; color: #444343; margin-top: 15px; margin-bottom: 0px; font-family: 'dinbekregular'; font-weight:bold;}

.form-kisisel-alt-wrapper {float: left; width: 100%; margin-bottom: 10px;}
.form-kisisel-bilgi-baslik {float: left; width: 160px; font-family: 'dinbekregular'; color: #444343; font-size: 13px; margin-top: 6px; padding-top: 8px;}
.form-kisisel-bilgi-form-oge {float: left; width: 260px; font-family: 'dinbekregular'; color: #444343; font-size: 13px; margin-top: 6px; margin-right: 30px ;}
.form-kisisel-bilgi-baslik-iletisim1 {float: left; font-family: 'dinbekregular'; color: #444343; font-size: 13px; margin-top: 6px; padding-top: 8px;}
.form-kisisel-bilgi-baslik-iletisim {float: left; width: 250px; font-family: 'dinbekregular'; color: #444343; font-size: 13px; margin-top: 6px; padding-top: 8px;}
.form-is-deneyim-form-oge {float: left; width: 200px; font-family: 'dinbekregular'; color: #444343; font-size: 13px; margin-right: 10px; padding-bottom: 4px;}
.form-is-deneyim-baslik {float: left; width: 200px; font-family: 'dinbekregular'; color: #444343; font-size: 13px; margin-top: 12px; margin-right: 10px ;}

/* tab */
#tabs-container {
	width: 100%;
}
#tabs-container .tabs-menu {
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
}
#tabs-container .tabs-menu li {
	float: left;
	padding: 1.666%;
	list-style-type: none;
	text-align: center;
	width: 21.666%;
}
#tabs-container .tabs-menu li.current {
	background-color: #F04438;
}
#tabs-container .tabs-menu li a {
	padding: 10px;
	text-decoration: none;
	color:#f04438;
}
#tabs-container .tabs-menu .current a {
	color: #fff;
}
#tabs-container .tab {
	border: 1px solid #f04438;
	background-color: #fff;
	float: left;
	margin-bottom: 20px;
	width: auto;
}
#tabs-container .tab-content {
	width: 95%;
	padding: 2%;
	display: none;
}
#tabs-container  #tab-1 {
	display: block;
}

/* tab */
.hide{
	display:none;
	
}
#cboxLoadedContent{
	font-family: dinbekregular;
	font-size:15px;
	line-height:20px;
	text-align:justify;
}





body{
	padding-top:86px!important;
}
.header{
	top:0;
}

.slider-container{
	height:550px!important;
}

.slider div{
	top:0!important;
}













.ik input {vertical-align: baseline;}
.ik input[type=submit] {padding: 7px 20px;}
.ik label {cursor: pointer;}
.ik-ust-baslik {padding: 10px; font-family:"roboto condensed"; line-height: 30px; font-weight: 300; background-color: #00447c; color: #fff; clear: both; margin-top: 20px;}

.ik-kisisel-formlar {clear: both; float:left;}
.ik-kisisel-formlar ul{margin-bottom: 20px; clear:both; width: 100%; float:left;}
.ik-kisisel-formlar li {float:left; display: inline-block; height: 40px; width: 50%; font-weight: 300;}
.ik-kisisel-formlar li div:nth-child(1) {float:left; width: 120px;  margin-left: 8px;}
.ik-kisisel-formlar li div:nth-child(2) { float:left; width: 330px; text-align: left;  padding-top: 10px;}

.ik-kisisel-formlar strong {text-align: left; float:left; font-weight: 300; line-height: 20px; color: #6d6d6d; margin-top: 10px;}
.ik-kisisel-formlar strong:nth-child(even) {float:right; margin-right: 4px;}
.ik-kisisel-formlar input[type=text] {display:block; width: 100%; outline: 0; border: 0px; line-height: 20px; color: #6d6d6d; border-bottom: 1px dotted #a2a2a2; }


.ik-egitim-formlar {clear: both; float:left;}
.ik-egitim-formlar ul{margin-bottom: 20px; clear:both; float:left;}
.ik-egitim-formlar li {clear: both; display: block; float:left; width: 100%;}
.ik-egitim-formlar li:nth-child(odd) {background-color: #f0f0f0;}
.ik-egitim-formlar li div:nth-child(1){margin-left: 8px!important;margin-right: 2px}

.ik-egitim-formlar li div{width: 165px; float:left; min-height: 40px; padding-right: 16px; border-right: 1px solid #fff; }

.ik-egitim-formlar strong {text-align: left; float:left; font-weight: 300; line-height: 20px; color: #6d6d6d; margin-top: 10px; font-weight: 700;margin-top: 10px; }
.ik-egitim-formlar input[type=text] {display:block; width: 100%; outline: 0; border: 0px; line-height: 20px; padding-top: 10px; color: #6d6d6d; background: none; border-bottom: 1px dotted #a2a2a2;}


.ik-is-deneyim-formlar li {clear: both; display: block; float:left; width: 100%;}
.ik-is-deneyim-formlar li:nth-child(odd) {background-color: #f0f0f0;}
.ik-is-deneyim-formlar li div:nth-child(1){margin-left: 8px!important; margin-right: 0px;}

.ik-is-deneyim-formlar li div{width: 135px; float:left; min-height: 40px; padding-right: 16px; border-right: 1px solid #fff; }

.ik-is-deneyim-formlar strong {text-align: left; float:left; font-weight: 300; line-height: 20px; color: #6d6d6d; margin-top: 10px; font-weight: 700;margin-top: 10px; }
.ik-is-deneyim-formlar input[type=text] {display:block; width: 100%; outline: 0; border: 0px; line-height: 20px; padding-top: 10px; color: #6d6d6d; background: none; border-bottom: 1px dotted #a2a2a2;}

.ik-dil-formlar li div{width: 165px;}
.ik-dil-formlar li div:nth-child(1){margin-right: 2px}

.ik-bilgisayar-formlar li div{width: 286px;}
.ik-bilgisayar-formlar li div:nth-child(1){margin-right: 3px}

.ik-makina-formlar li div{width: 438px;}
.ik-makina-formlar li div:nth-child(1){margin-right: 2px}

.ik-seminerler-formlar li div{width: 286px;}
.ik-seminerler-formlar li div:nth-child(1){margin-right: 3px}

.ik-genel-formlar li div{width: 286px;}
.ik-genel-formlar li div:nth-child(1){margin-right: 3px}

.ik-beden-bilgileri input[type=text] {width: 150px!important; display: inline-block; margin-left: 8px;}


.cookie table tr td {
	border:1px solid #000; padding:3px;}

.video-liste {width:100%;}
.video-liste li {margin:1%;width:31%;float:left;padding:10px;box-sizing:border-box;text-align:center;list-style:none;border:1px solid #ebebeb;height:285px;}
.video-liste li img {width:100%;}
.video-liste li h3 {padding-top:10px;}