@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic,100,100italic&subset=latin,latin-ext);
body {  font-family: 'Roboto', sans-serif; font-size:13px; line-height:1.4; color:#555;  }
a { text-decoration:none; transition:all 0.2s ease-in-out; color:#666; } 
a:hover { color:#93B200; text-decoration:none; }
h1 { font-size: 26px; }
h2 { font-size: 22px;  }
h3 { font-size: 18px;  }
h4 { font-size: 16px;  }
h5 { font-size: 14px; }
.bold { font-weight:bold; }
.bold2 { font-weight:600; }
.bosluk10 { height:10px; }
.bosluk15 { height:15px; }
.bosluk20 { height:20px; }
.p10 { padding:10px;  }
.p20 { padding:20px; }
.clear { clear:both; } 
.f-left { float:left; }
.f-right { float:right; }
.link { text-decoration:underline; } 
.font14 { font-size:14px; line-height:20px; }
.font11 { font-size:11px !important; }
img { display:block; width:100%; height:auto; }
img.inline { width:auto !important; height:auto !important; }
p { margin-bottom:15px; }
.m-bottom-10 { margin-bottom:10px; }
.m-bottom-15 { margin-bottom:15px; }
.m-bottom-20 { margin-bottom:20px; }
.m-bottom-30 { margin-bottom:30px; }
.m-bottom-40 { margin-bottom:40px; }
.m-bottom-200 { margin-bottom:200px; }
.p-right-0 { padding-right:0; }
.p-left-0 { padding-left:0; }
.p-left-5 { padding-left:5px; }
input, select, button, textarea { font-family:'Roboto', sans-serif; font-size:13px; outline:none; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.border { border-bottom:1px solid #EEE; height:1px; margin-bottom:15px; }
.table > thead > tr > th { font-size:16px; font-weight:600;  }
a.label { color:#FFF; font-weight:400; font-size:11px; border-radius:0; margin-right:5px; }
#map { width:100%; height:350px; position:relative; border:1px solid #CCC; margin-bottom:30px; }
.mobile-select { display:none; }
.center { text-align:center; }
.page-bg { background:#EEE; width:100%; max-width:1400px; margin:0 auto; }


.golge { background:url(../../images/golge.png) center top no-repeat; width:100%; height:92px; position:absolute; top:80px; z-index:-1;  }
.header-top { height:40px; line-height:40px; background:#F5F5F5; }
.header-top .sosyal { float:right; margin-left:30px; }
.header-top .sosyal i { height:30px; width:30px; line-height:30px; text-align:center; background:#002E68; color:#FFF; border-radius:50%; -webkit-border-radius:50%; margin-left:5px; font-size:14px;  }
.header-top .head-iletisim { float:right;  }
.header-top .head-iletisim i { margin-right:5px;  }

.header { background:#FFF; border-top:1px solid #DDD; border-bottom:1px solid #DDD; margin-bottom:40px; position:relative; }
.header .logo { float:left; margin:15px 0; }
.header .menu { float:right; margin-right: 50px; margin-top:36px;   }
.header .menu ul li { float:left; margin-left:30px;  }
.header .menu ul li a { display:block; font-size:18px; font-weight:400; cursor:pointer; }
.header .menu ul li a.active { color:#93B200; }
.header .menu ul li:hover a {
    
    color: #93B200;
}
.header .menu ul li:hover .subMenu {
    max-height: 450px;
}
.header .menu .subMenu {
    line-height: 40px;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    transition: max-height 0.3s linear 0s;
    z-index: 200;
}
.header .menu .subMenu ul {
    background: #eee none repeat scroll 0 0;
    border-top: 5px solid #93B200;
    padding: 25px 20px;
    width: 180px;
}
.header .menu .subMenu ul li {
    float: none;
    margin-left: 0;
}
.header .menu .subMenu ul li a {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
}
.header .menu .subMenu ul li a:hover {
    color: #93B200;
}
.header .mobile-menu {  margin-top:20px; margin-bottom:20px; }
.header .mobile-menu ul li { float:none;  }
.header .mobile-menu ul li a { padding:12px 20px; background:#024DA1; color:#FFF; margin-bottom:1px; display:block; font-size:16px;   }
.header .mobile-menu ul li a:hover { text-decoration:none;  background:#00A2D6;  }
.header .mobile-menu ul li a.active { text-decoration:none;  background:#00A2D6;  }
.header .mobile-menu ul li ul li a { padding:10px 20px 10px 40px; background:#0267D9;  } 
.header .mobile-menu ul li ul li a:hover { background:#0267D9;  }
.header .mobile-menu ul li ul li a.active { background:#0267D9;  }
.header .mobile-toogle  { width:40px; height:40px; line-height:38px; text-align:center; float:right; font-size:20px; margin-top:30px; display:block; border-radius:50%; border:1px solid #CCC;  }
.header .mobile-toogle:hover { background:#00A2D6; color:#FFF; border:1px solid #00A2D6; }
.header .mobile-menu { display:none; }
.header .mobile-toogle { display:none; }
.f-nav { position:fixed; width:100%; background:#FFF; border-bottom:1px solid #DDD; z-index:99999; }

.slider-kapsa { position:relative; width:100%; height:100%; overflow:hidden; background:#000; }
.slider-kapsa .tp-caption { width:100% !important; left:0 !important; }
.slider-kapsa .title-top { font-size:2.4em; color:#FFF; text-shadow:1px 1px 1px #333; font-weight:500; width:100%; text-align:center; padding:15px 30px;   }
.slider-kapsa .title-top span.title-border { border:2px solid #FFF; padding:15px 20px; }
.slider-kapsa .tp-bullets { }

.sub-head { width:100%; height:70px; line-height:70px; margin-top:-40px; margin-bottom:40px;  background:#F5F5F5; border-bottom:1px solid #DDD; position:relative; z-index:-2; }
.sub-head .sub-title { float:left; font-size:24px; }
.sub-head .breadcrumb { float:right; background:none; padding:0; margin-bottom:0; }


.content .home-content { margin-bottom:40px; }
.content .home-content .home-hakkimizda { background:#003066; }
.content .home-content .home-haberler { background:#93B200; }
.content .home-content .home-projeler { background:#54949B; }
.content .home-content .block { height:470px; padding:20px; color:#FFF; position:relative; }
.content .home-content .block a { color:#FFF; }
.content .home-content .block .baslik { font-size:28px; margin-bottom:15px;  }
.content .home-content .block .image { margin:0 -20px; margin-bottom:20px; }
.content .home-content .block .baslik2 { font-size:18px; margin-bottom:15px; }
.content .home-content .block .aciklama { font-weight:400; font-size:14px; margin-bottom:15px;  }
.content .home-content .block .detay a { font-size:14px; display:block;  }
.content .home-content .block .detay a:hover { text-decoration:underline;  }
.content .home-content .block .detay span.border { border-bottom:1px solid #FFF; display:inline-block; position:absolute; left:110px; right:0; margin-top:10px; }


.content .left-menu { margin-bottom:30px;  }
.content .left-menu .image {  }
.content .left-menu ul li a { background:#EEE; border-bottom:1px solid #DDD; padding:10px 20px; font-size:14px; display:block;  }

.content .page-content { margin-bottom:30px;  }
.content .page-content h1 { font-size:36px; margin-bottom:15px; color:#003066;  }

.content .page-content .projeler-list .item { margin-bottom:30px; } 
.content .page-content .projeler-list .proje-image { background:#000; height:200px; overflow:hidden; }
.content .page-content .projeler-list .proje-image img { opacity:0.8; -webkit-opacity:0.8; }
.content .page-content .projeler-list .proje-adi { background:#003066; color:#FFF; font-size:16px; padding:10px 15px; }
.content .page-content .projeler-list .item:hover .proje-adi { background:#93B200; }
.content .page-content .projeler-list .item:hover .proje-image img { opacity:1; -webkit-opacity:1; }
.content .page-content .foto-galeri .item { margin-bottom:30px; border:1px solid #DDD; }

.content .page-content .haberler-list .haber { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #DDD;  }
.content .page-content .haberler-list .haber .image { float:left; width:20%;  }
.content .page-content .haberler-list .haber .haber-icerik { float:right; width:78%;  }
.content .page-content .haberler-list .haber .baslik { font-weight:600; font-size:16px; margin-bottom:10px; }
.content .page-content .haberler-list .haber .aciklama {  margin-bottom:10px; }
.content .page-content .haberler-list .haber .detay a { color:#93B200; }
.content .page-content .haberler-list .haber .detay i {  margin-left:5px; color:#93B200; transition:all 0.2s; -webkit-transition:all 0.2s; }
.content .page-content .haberler-list .haber .detay:hover i { margin-left:10px; }
.content .ekip-baslik { background:#93B200; color:#FFF; font-size:20px; font-weight:300; padding:10px 20px; margin-bottom:15px; }
.content .ekip-list .item { margin-bottom:30px;  }
.content .ekip-list .item .bilgi { background:#003066; color:#FFF; padding:10px 20px; }
.content .ekip-list .item .bilgi .isim { font-size:18px; font-weight:500;  }
.content .ekip-list .item .bilgi .unvan { font-size:14px; font-weight:300; font-style:italic;  }
.content .referanslar .item { height:220px; }
.content .referanslar .item .image { border:1px solid #DDD; height:120px; overflow:hidden; margin-bottom:5px;  }



.footer-proje-basvuru { height:100px; line-height:100px; background:#93B200; color:#FFF; }
.footer-proje-basvuru .baslik { font-size:28px; font-weight:300; float:left; }
.footer-proje-basvuru .proje-buton a { background:#003066; color:#FFF; padding:0 30px; height:46px; line-height:46px;  font-size:18px; margin-top:26px; float:right;  }

.footer { background:#666; color:#FFF; padding:30px 0; }
.footer a { color:#FFF; }
.footer a:hover { text-decoration:underline; }
.footer .footer-menu { float:left; margin-right:50px;  }
.footer .footer-menu .title { font-size:16px; font-weight:500; margin-bottom:5px; text-decoration:underline; }

.footer .footer-right { float:right; text-align:right; }


.form label { display:block; margin-bottom:5px; }
.form fieldset { border:1px solid #DDD; padding:20px; margin-bottom:20px; }
.form legend { display:inline-block; width:auto; padding:0 15px; font-size:16px; font-weight:600;  }

.textbox { padding:10px; border:1px solid #DDD; width:100%; margin-bottom:15px; }
.selectbox { padding:10px; border:1px solid #DDD; width:100%; margin-bottom:15px; }
.textarea { padding:10px; border:1px solid #DDD; width:100%; height:120px; margin-bottom:15px; }
.button { padding:10px 25px; background:#5D9727; color:#FFF; font-size:16px; border:none;  }
.button:hover { background:#4A791E; } 
.button i { margin-right:5px; }

.muzik-kapsa { text-align:center; background:#111; }


.hizli-menu { position:fixed; z-index:200; top:30%; right:0; }
.hizli-menu i { display:block; width:44px; height:44px; line-height:44px; font-size:20px;text-align:center; background:#5D9727; color:#FFF; margin-bottom:1px; }

#hizli-basvuru-icerik { width:500px; height:auto;  position:absolute; z-index:999; top:30%; right:0; display:none; }
#teknoportal-giris-icerik { width:500px; height:auto;  position:absolute; z-index:999; top:30%; right:0;  display:none; }
.padding-icerik { padding:20px; background:#f5f5f5; border:1px solid #EEE;}
.padding-icerik .kapat { float:right; padding:5px 10px; background:#D4040C; color:#FFF; }
.padding-icerik h2 { font-size:22px; }


@media (max-width: 1199px) {
	.slider-kapsa .tp-caption { width:100% !important; left:0 !important; }
}

@media (max-width: 992px) {
	.home-content .p-left-0 { padding-left:15px; }
	.home-content .p-right-0 { padding-right:15px; }
	.header .mobile-toogle { display:block; }
	.header .menu-hidden { display:none; }
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}