/* Framework */

.row { width: 100%; float: left;}
.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,.wfull {float: left; padding-left:15px; padding-right: 15px; }
.w2 {width: 16.6666%;padding-right: 15px;padding-left: 15px;float: left;}
.w3 {width: 25%;}
.w4 {width: 33.3333%;}
.w5 {width: 41.666%;}
.w6 {width: 50%;}
.w9 {width: 75%;}
.w10 {width: 83.3333%;}
.w12 {width:100%;}

.wfull {width: 100%;}

.pl30 { padding-left: 30px;}
.mb10 {margin-bottom: 10px;}
.mb30 {margin-bottom: 30px;}
.mr30 {margin-right: 30px;}
.fl { float: left;}
.fr { float: right;}

.ptb50 {padding-top: 50px;padding-bottom: 50px;}


/* Framework End */


ul { padding-left: 20px;}
p {margin-bottom: 10px;font-family: Roboto, sans-serif;font-size: 14px; line-height: 24px;}

a {color: #333;text-decoration: none; -webkit-transition: color 500ms ease; transition: color 500ms ease; }
a:hover {color: #29cfff;}

.header {background-color: #f0f0f0;}

.slider {position: relative;padding-top: 50px;
}

.footer {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #f0f0f0;
  color: #555;
  text-align: center;
}

.center {
  position: relative;
  display: block;
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.w6.slideimg {position: absolute;right: 0px;bottom: 0px;margin-top: 0px;}

.w6.slidecontent {
  padding-top: 30px;
  padding-bottom: 30px;
}

.mainnav {
  background-color: transparent;
  color: #28292b;
  font-weight: 700;
  margin-top: 14px;
}


.toplinks { margin-top: 10px;}
.toplink {margin-left: 10px;float: right;color: #333;font-size: 12px;text-decoration: none;}
.toplink.ayrac { padding-left: 10px; margin-left: 10px; border-left: 1px solid #ccc; }
.generalstyles {
  font-family: 'Roboto Slab', sans-serif;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
}

.navlink {margin-top:20px;padding: 8px; padding-bottom: 18px; font-size: 14px; -webkit-transition: color 500ms ease;
    transition: color 500ms ease; }
.navlink:hover {color: #29cfff;  }

.pr0 {
  padding-right: 0px;
}


.w12.bggrey {
  padding-top: 0px;
  padding-bottom: 0px;
}

.slogan {
  padding-top: 70px;
  padding-bottom: 70px;
  font-size: 24px;
  font-style: italic;
  font-weight: 300;
}

.bggrey {
  background-color: #f1f1f1;
}
.bglightgrey {
  background-color: #f9f9f9;
}

.mt0 {
  margin-top: 0px;
}

.mb0 {
  margin-bottom: 0px;
}

.seemore {
  margin-top: 0px;
  float: left;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  padding-left: 22px;
  position: relative;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
}
.seemore::before{ position: absolute; left: 0; content: ''; width: 14px; height: 14px; top: 0; background: #29cfff;}

.seemore.fr {
  float: right;
}



.w4.nopad {
  padding-right: 0px;
  padding-left: 0px;
}

.mt30 {
  margin-top: 31px;
}

.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}

.rightborder { border-right: 2px solid #f0f0f0; padding-right: 20px; padding-left: 0; position: relative; min-height: 150px;}
.rightborder::after { position: absolute; content: ''; width: 2px; height: 60px; background: #29cfff; right:-2px; top: 0;}
.datetime{  padding-bottom: 15px; border-bottom: 1px solid #f0f0f0; margin-bottom: 15px;}
.datetime strong { font-size: 20px; font-weight: normal;}


.blogmodule {padding-top: 30px;padding-bottom: 30px; border-bottom: 5px solid #f0f0f0; width: 100%; float: left;}
.blogmoduleframe:last-child  .blogmodule{ border: 0}

.pt50 {
  padding-top: 50px;
}



.bordertitle {margin-top: 0px;margin-bottom: 30px;padding-bottom: 15px;text-align: center; position: relative;}
.bordertitle::before { width:300px; background: #f0f0f0; content: ''; height: 3px; position: absolute; bottom: -3px; z-index: 2;  left: 0; right: 0;margin: auto;}
.bordertitle::after { width: 100px; background: #29cfff; content: ''; height: 3px; position: absolute; bottom: -3px; z-index: 5; left: 0; right: 0; margin: auto;}



.sharebuttons p { font-family: 'Roboto Slab'; font-size: 14px;}
.sharebuttons a { margin-right:5px; float: left;}
.sharebuttons a:last-child { margin-left:0;}
.nopad {
  padding-right: 0px;
  padding-left: 0px;
}

.w8 {
  width: 66.6666%;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}

.w8.nopad {
  padding-right: 0px;
  padding-left: 0px;
}

.publicationitem {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 3px solid #f0f0f0;
}
.publicationitem p { min-height:10px;}
.publicationitem h4 { min-height:48px; margin-top: 0;}
.seeall {
  display: inline-block;
  padding: 10px 20px;
  border-bottom: 3px solid #64b1e4;
  background-color: #f0f0f0;
  font-weight: 700;
  text-align: center;
}

.seeallframe {
  text-align: center;
}

.topimage {height: 250px;background-color: #a5a5a5; position: relative; background-position: top;}


.pl-all {
  padding: 15px;
}

.ideamodule {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 3px solid #f0f0f0;
}

.commendtitle {
  margin-top: 0px;
  margin-bottom: 20px;
}

.commendmodule {
  padding-top: 15px;
  padding-bottom: 15px;
}

.commendmodule.w12 {
  border-bottom: 3px solid #f0f0f0;
}



.publications .publicationitem { min-height: 40px; width: 100%; float: left;}
.line .inline { padding: 5px 0;}
.line .inline span{ display: table-cell; padding:0 10px; font:14px 'Roboto';}
.line .inline span:first-child{width:90px; padding:0;}
.line .inline span:first-child::after{content: ':'; float: right;}


.vcenter { display: table; height:100%; vertical-align: middle; position: relative;}
.centered {display: table-cell; height: 100%; vertical-align:middle;}
.imgframe.named { padding:20px 20px 20px 0; background:url(../images/kitapbg.jpg) no-repeat; position: relative;height: 270px; margin-bottom: 30px;}
.imgframe.named .vcenter{ padding-left: 42px}
.imgframe.named p{  font-size: 24px; font-weight: 300; line-height: normal;}
.imgframe.named .centered::before {content: ''; width: 32px; height: 32px; background: #29cfff; position: absolute;left: 0;}


.imgframe.haberimg { width: 100%; height: 250px;}
.galleryitem { height: 240px; width: 100%; float: left; position: relative;}
.imgitem::before{content: ''; position: absolute; right: 0; left: 0; bottom: 0; top: 0; background:rgba(0,0,0,.3); z-index: 3; opacity: 0; transition: .3s ease}
.imgitem:hover::before{opacity:1;}
.imgcontent{position: absolute; right: 0; left: 0; bottom: 0; top: 0; background:rgba(0,0,0,.3); z-index: 3; padding:20px; color: #fff; z-index: 99; opacity: 0;transition: .3s ease}
.imgcontent:hover{opacity: 1;}
.fbvideo {position: relative;}
.fbvideo::after {}
.fbvideo .playicon { background: url(../images/icon_play.png) no-repeat; width: 64px; height: 64px; position: absolute; right: 10px; bottom: 10px;}


.topsearch { position: absolute; bottom: 0; left: 0;}
.searchfield input , .searchfield select { width: 100%; height:45px; padding: 10px; background: #f0f0f0; border:0; outline: none; transition: .3s ease;}
.searchfield:first-child input { background: #f9f9f9}
.searchfield:last-child select{background:#e2e2e2;}
.searchfield input:focus , .searchfield select:focus { background: #fff}

.breadcrumb { padding: 10px 0;}
.breadcrumb a{ padding:0 22px 0 0; margin-right:5px; text-shadow: 1px 1px 1px rgba(0,0,0,.2); position: relative; background: url(../images/icon_breadcrumb.png) no-repeat right center; color: #fff;}
.breadcrumb a:last-child{ background: none; padding: 0;}

.sidemenu ul { padding: 0; list-style-type: none;}
.sidemenu ul a{ padding:10px 0; border-bottom:2px solid #e2e2e2; transition:.3s ease; float: left; width: 100%;}
.sidemenu ul .maincat { background: #f0f0f0; padding-left: 10px; font-weight: bold}
.sidemenu ul .maincat:hover { background: #f0f0f0; padding-left: 10px;}
.sidemenu ul li.subcat a{ border-bottom:1px solid #e2e2e2; padding-left: 10px}
.sidemenu ul a:hover{ background:#e2e2e2; padding-left: 10px;}

a.seonet {
  position: absolute;
  right: 10px;
  bottom: 0;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
}
@media (max-width:1279px) {
  .navlink {padding: 10px 5px; font-size: 12px; margin-top: 3px}
  .center {
    width: 960px;
  }
}
@media (max-width: 991px) {
  .center {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .sharebuttons{float: right}
  .w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,.wfull { width: 100%}
  .smb30 { margin-bottom: 30px;}
  .rightborder { padding-left: 15px; padding-right: 15px; border-right: 0; min-height: auto;}
  .rightborder img { margin: 0; float: right;}
  .datetime { float: left; margin-right: 20px;}
  .slideimg{ display: none;}
  .w3.logoframe {
    text-align: center;
  }
}