/* Compiled Less CSS File */
/* Generated from "style.css" */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic,100,100italic&subset=latin,latin-ext);

@renk1: #F6A546;
@renk2: #666;
@renk1light: @renk1 + #222;
@renk1dark: @renk1 - #222;

.opacity(@deger){ opacity:@deger; -webkit-opacity:@deger; }
.transition(@deger){ transition:@deger; -webkit-transition:@deger; }
.border-radius(@deger){ border-radius:@deger; -webkit-border-radius:@deger; }

body { font-family: 'Roboto', sans-serif; font-size: 13px;  line-height: 1.4; color: #555; background: @renk1; }
a { text-decoration: none;  transition: all 0.2s ease-in-out;  color: #666; }
a:hover { color: @renk1; text-decoration: none; }
h1 { font-size: 26px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
.bold { font-weight: 700; }
.bold2 {  font-weight: 600; }
.bold3 { font-weight: 500; }
.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; }
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; }
.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); }
.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; }
ul.disc { margin-bottom: 15px; }
ul.disc li { list-style-type: disc; margin-left: 15px; }
.margin-sifir { margin-left: -40px !important; margin-right: -40px !important; }
.container { background: #FFF; padding: 0 40px; }
.breadcrumb { margin-bottom: 10px; .border-radius(0); }

.header-top {  background: #EEE;  height: 50px; line-height: 50px; padding: 0 40px;  }
.header-top i { margin-right: 5px; }
.header-top .slogan { float: left; font-size: 16px; font-weight: 300; }
.header-top .dil-secimi { float: right; padding-left: 20px; border-left: 1px solid #CCC; }
.header-top .dil-secimi a { padding: 5px; }
.header-top .dil-secimi a.active { background: @renk1; color: #FFF; }
.header-top .sosyal { float: right; }
.header-top .sosyal i { margin: 0 5px; }
.header-top .head-block { padding: 0 20px; border-left: 1px solid #CCC; float: right; }


.header {  background: #FFF;  min-height: 110px; position: relative; z-index: 999; }
.header .logo { float: left; margin-top:20px; }
.header .menu { float: right; }
.header .menu > ul > li { float: left; margin-left: 25px; position: relative; }
.header .menu > ul > li > a { display: block; line-height: 110px; font-size: 18px; font-weight: 500; }
.header .menu > ul > li > a.active { color: @renk1; }
.header .menu > ul > li:hover a { color: @renk1; }
.header .menu > ul > li:hover .sub-menu { max-height: 800px;  visibility: visible; }
.header .menu .sub-menu { position: absolute; z-index: 300;  padding-top: 16px; margin-top: -16px; width: 250px; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; max-height: 0; overflow: hidden; }
.header .menu .sub-menu > ul { padding-top: 10px;  background: @renk1; }
.header .menu .sub-menu > ul > li > a { padding: 10px 15px; border-bottom: 1px solid @renk1light; display: block; color: #FFF; font-size: 16px;  font-weight: 300; }
.header .menu .sub-menu > ul > li > a:hover { background: @renk2; }
.header .menu .sub-menu i { position: absolute; color: @renk1; font-size: 24px;  margin-top: -16px; left: 20px; }
.header .menu .sub-menu.right { right: 0; }
.header .menu .sub-menu.right i { right: 20px; left: auto; }
.header .menu .sub-menu.right > ul > li > a { text-align: right; }

.header.f-nav {  /* position: fixed; */ width: 100%; background: #FFF; top: 0; height:80px; min-height:80px;  }
.header.f-nav .logo { width:121px; margin-top:10px;  }
.header.f-nav .menu ul li a { line-height:80px;  }

.header .mobile-toogle { width: 40px; height: 40px; line-height: 38px; text-align: center; float: right; font-size: 20px; margin-top: 35px; display: block; border-radius: 50%; border: 1px solid #CCC; }
.header .mobile-toogle:hover {  background: @renk1; color: #FFF; border: 1px solid @renk1; }
.header .mobile-menu { display: none; }
.header .mobile-toogle { display: none; }
.header .search { float: right; margin-top: 10px; }
.header .search .txt-src { width: 240px; height: 30px; border: 1px solid #DDD; float: left; padding: 0 10px; }
.header .search .btn-src { background: @renk1; color: #FFF; width: 50px;  height: 30px;  border: none; float: left; }

.mobile-menu { display: none; position: fixed; z-index: 10000; width: 80%; top: 0; bottom: 0; left: 0; background: #333; }
.mobile-menu .menu-content { overflow-y: scroll; height: 100%;   }
.mobile-menu .menu-content .menu-baslik { padding: 25px; background: #222; color: #BBB; font-size: 24px; }
.mobile-menu .menu-content .menu-baslik .fa-close { float: right; cursor: pointer; }
.mobile-menu .menu-content ul li a { padding: 10px 25px; border-bottom: 1px solid #444; display: block; font-size: 16px; color: #aaa; font-weight: 300;  }
.mobile-menu .menu-content ul li a:hover { color: #fff; }
.mobile-menu .menu-content ul li i { width: 25px; }
.mobile-menu .menu-content ul li ul li a { padding-left: 40px; font-size: 14px; }
.mobile-menu .menu-content ul li ul li ul li a { padding-left: 60px; }
.mobile-menu .menu-content ul li ul li ul li ul li a { padding-left: 80px; }

.slider-kapsa { position: relative; width: 100%; height: 100%;  overflow: hidden; }
.slider-kapsa .tp-caption { width: 100% !important;  }
.slider-kapsa .title-top { font-size: 1.4em; color: #333; font-weight: 400; line-height: 1.2; } 
.slider-kapsa .title-bottom { font-size: 2.2em; color: #333; font-weight: 400; line-height: 1.4; }
.slider-kapsa .tparrows {  } 
.slider-kapsa .tp-bullets { display: none; } 

.sub-header { background:@renk1; color:#FFF; height:auto; position: relative; overflow: hidden; margin-bottom: 40px; }
.sub-header .icerik { position: absolute; left: 40px; top: 60px; font-weight: 300; width: 500px;  }
.sub-header .icerik .baslik { font-size: 32px; }
.sub-header .icerik .aciklama { font-size: 16px; }

.content .home-baslik { color: @renk2; font-size: 28px; font-weight:500; margin-bottom: 20px;  }
.content .home-baslik span { border-bottom: 2px solid @renk1; width: 170px; display: block; }
.content .home-content { margin-bottom:40px; }
.content .home-content .hakkimizda .icerik { background: #EEE; padding: 20px; position: relative; }
.content .home-content .hakkimizda .baslik { display: inline-block; padding: 8px 20px; font-size: 18px; position: absolute; background: @renk1; color: #FFF; margin-top: -60px;}
.content .home-content .hakkimizda .baslik2 { font-size: 16px; font-weight: 500; margin-bottom: 15px; }
.content .home-content .hakkimizda .aciklama { margin-bottom: 15px; }
.content .home-content .hakkimizda .detay a { text-decoration: underline; }
.content .home-content .home-haber .item { margin-bottom:15px; padding-bottom: 15px; border-bottom: 1px dashed #CCC;   }
.content .home-content .home-haber .item .image { width:130px; float:left; }
.content .home-content .home-haber .item .icerik { margin-left:145px; }
.content .home-content .home-haber .item .baslik { font-size:16px; margin-bottom:10px; font-weight:500;  }
.content .home-content .home-haber .item .aciklama { margin-bottom: 10px; }
.content .home-content .home-haber .item .detay a { text-decoration: underline; color: @renk1; }
.content .home-content .home-haber .item .detay a:hover { text-decoration: none; }
.content .home-content .home-haber .item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.content .alt-bant { margin-bottom: 40px; }
.content .alt-bant .item { position: relative; }
.content .alt-bant .item .baslik { position: absolute; background: @renk1; color: #FFF; font-size: 16px; font-weight: 300; bottom: 0; left: 0; padding: 8px 15px; width: 70%; }




.content .sidebar { margin-bottom: 40px; }
.content .sidebar .menu { background:@renk2;   }
.content .sidebar .menu .menu-baslik { color:#FFF; font-size:20px; background: @renk1; padding: 10px 20px; }
.content .sidebar .menu ul { background: #EEE; padding: 20px;  }
.content .sidebar .menu ul li a {  display: block; font-size: 16px; font-weight: 300; margin-bottom: 3px; font-weight: 600;   }
.content .sidebar .menu > ul > li  {  border-bottom: 1px solid #ccc; padding: 5px 0; }
.content .sidebar .menu ul li a:hover {  }
.content .sidebar .menu ul li a.active {  }
.content .sidebar .menu ul li:last-child a { border-bottom:none; }
.content .sidebar .menu ul li i { float:right; margin-top:3px; }
.content .sidebar .menu ul li.alt1 { list-style-type: disc;  }
.content .sidebar .menu ul li.alt1 a { font-size: 14px; font-weight: 500;  }
.content .sidebar .menu ul li.alt2 { list-style-type: circle; }
.content .sidebar .menu ul li.alt2 a { font-size: 13px; font-weight: 400; }
.content .sidebar .menu ul li ul { padding: 0; margin-left: 30px; }
.content .sidebar .menu ul li ul li ul { padding: 0; margin-left: 20px; }


.content .page-content { margin-bottom: 40px; }
.content .page-content h1 { font-size: 36px; font-weight: 300; margin-bottom: 15px; color: @renk1; }
.content .page-content h3 { margin-bottom: 15px; color: @renk2; }
.content .page-content .full-image { border: 1px solid #DDD; padding: 5px; margin-bottom: 15px; }
.content .page-content .referans-list .item { margin-bottom: 30px; }
.content .page-content .referans-list .logo { border: 1px solid #DDD; margin-bottom: 10px; }
.content .page-content .referans-list .isim { text-align: center; font-size: 16px; }
.content .page-content .haberler-list .haber { margin-bottom: 20px; padding-bottom: 20px;  border-bottom: 1px dashed #AAA; }
.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: @renk1; }
.content .page-content .haberler-list .haber .detay i {  margin-left: 5px; color: @renk1; .transition(all 0.2s); }
.content .page-content .haberler-list .haber .detay:hover i { margin-left: 10px; }
.content .page-content .sertifika-list .item { margin-bottom:30px;  }
.content .page-content .sertifika-list .image { height:230px; overflow:hidden; border:1px solid #DDD; margin-bottom:5px;  }
.content .page-content .sertifika-list .sertifika { text-align:center;  }
.content .page-content .urunler-list .item { margin-bottom: 30px; }
.content .page-content .urunler-list .item .image { border: 1px solid #DDD; margin-bottom: 10px; height: 180px; overflow: hidden;  }
.content .page-content .urunler-list .item .baslik { font-size: 14px; text-align: center; }
.content .page-content .ikinciel-list .item { margin-bottom: 30px; }
.content .page-content .ikinciel-list .item .image { border: 1px solid #DDD; margin-bottom: 10px; }
.content .page-content .ikinciel-list .item .baslik { font-size: 16px; text-align: center; margin-bottom: 5px; }
.content .page-content .ikinciel-list .item .fiyat { font-size: 16px; color: @renk1; text-align: center; }
.content .page-content .belge-list .item { height:50px; line-height:50px; background:#EEE; margin-bottom:10px; font-size:16px; font-weight:300;   }
.content .page-content .belge-list .item i { background:@renk1; color:#FFF; line-height:50px; float:left; width:50px; text-align:center; margin-right: 15px; font-size:24px; }
.content .page-content .belge-list .item a { display:block; }
.content .page-content .video-list .item { margin-bottom:30px; position:relative;  }
.content .page-content .video-list .item .play { position:absolute; width:80px; height:80px; line-height:80px; text-align:center; background:@renk1; color:#FFF; left:50%; top:50%; margin-left:-40px; margin-top:-60px; font-size:38px; .border-radius(50%); .opacity(0.5); z-index:9;  }
.content .page-content .video-list .item .play i { margin-left:8px; }
.content .page-content .video-list .item .image { background:#000000; }
.content .page-content .video-list .item .image img { .opacity(1); .transition(all 0.2s);  }
.content .page-content .video-list .item .isim { background:@renk1; color:#FFF; padding:10px 20px; font-size:16px; font-weight:300; }
.content .page-content .video-list .item .isim a { color:#FFF; }
.content .page-content .video-list .item:hover .image img { .opacity(0.6); }
.content .page-content .video-list .item:hover .play { .opacity(1); }
.content .page-content .urun-detay .big-image { border: 1px solid #DDD; margin-bottom: 10px; }
.content .page-content .urun-detay .small-image { margin-bottom: 30px; margin-left: -10px; }
.content .page-content .urun-detay .small-image .item { float: left; width: 25%; padding-left: 10px; margin-bottom: 10px;  }
.content .page-content .urun-detay .small-image .item img { border: 1px solid #DDD; }
.content .page-content .urun-detay .baslik2 { font-size: 18px; font-weight: 500; margin-bottom: 15px; }
.content .page-content .urun-detay .one-cikan-ozellikler .item { height: 300px; overflow: hidden; margin-bottom: 20px; }
.content .page-content .urun-detay .one-cikan-ozellikler .item .image { border: 1px solid #DDD; margin-bottom: 5px; height: 200px; overflow: hidden; }
.content .page-content .urun-detay .one-cikan-ozellikler .item .aciklama { text-align: center; }
.content .page-content .urun-detay .table span.baslik { font-size: 16px; color: @renk1; }
.content .page-content .urun-detay .isaretler span { width: 20px; display: inline-block; }
.content .page-content .urun-detay .marka { font-size: 16px; margin-bottom: 5px; }
.content .page-content .urun-detay .fiyat { font-size: 16px; color: @renk1; margin-bottom: 15px; }
.content .page-content .urun-detay .tabs-baslik { padding: 10px 20px; background: #888; color: #fff; font-size: 16px; margin-bottom: 15px;  }
.content .page-content .urun-detay .marka-logo { width: 150px; margin-bottom: 20px; }
.content .page-content .urun-detay .diger-urunler { margin-bottom: 30px; }
.content .page-content .urun-detay .diger-urunler .item { float: left; width: 20%; margin-bottom: 5px;  } 
.content .page-content .urun-detay .diger-urunler .item a { text-decoration: underline; }
.content .page-content .urun-detay .diger-urunler .item i { margin-right: 5px; }

.content .tab-pane { margin-top: 20px; }
.content .nav-tabs  li a { font-size:16px; border-radius:0; border: 1px solid #ddd; border-right: none; display: block; margin-right: 0; } 
.content .nav-tabs  li:last-child a { border-right: 1px solid #ddd; }
.content .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background:@renk1; border:1px solid @renk1; color:#FFF; }



.content .page-content .foto-galeri .item { margin-bottom: 30px; border: 1px solid #DDD; }
.content .table tbody th { font-weight: 600; }
.content .konferanslar .konferans-item { background:#EEE; margin-bottom:1px; font-size:16px; height:40px; line-height:40px; font-weight:300; }
.content .konferanslar .konferans-item i { background:@renk1; color:#FFF; width:40px; height:40px; line-height:40px; text-align:center; float:left; margin-right:15px;  }
.content .border-image { border:5px solid #DDD; } 
.content .iletisim-box h2 { color: @renk1; margin-bottom: 15px; font-size: 24px; }
.content .iletisim-box h3 { margin-bottom:2px;  }
.content .iletisim-box .right-image { float: right; width: 180px; border: 1px solid #ddd; }
.content .ofisler-list .item { background:#EEE; border:1px solid #DDD; margin-bottom:20px; padding:20px;  } 
.content .ofisler-list .item .ofis { font-size:28px; margin-bottom:15px; color:@renk1;  } 
.content .ofisler-list .item .bilgi { margin-bottom:5px; min-height: 30px; }
.content .ofisler-list .item .bilgi i  { width:30px; height:30px; line-height:30px; text-align:center; background:@renk1; color:#FFF; margin-right:10px; float: left; }
.content .ofisler-list .item .bilgi span { font-size:14px; font-weight:300; margin-left: 30px; display: block; padding-top: 5px; }  

.content .hata-kapsa { padding: 40px 0 100px; text-align: center; }
.content .hata-kapsa .hata-kodu { font-size: 66px; color:@renk1;  }
.content .hata-kapsa .hata-mesaj { font-size: 22px; font-weight: 300; }




.footer { background: @renk2; color: #FFF; padding: 20px 40px; font-weight: 300;  }
.footer a { color: #FFF; }
.footer a:hover { text-decoration: underline; }
.footer .footer-top { height: 30px; margin-bottom: 10px; border-bottom: 1px solid #999; }
.footer .footer-bottom { height: 18px; }
.footer .footer-bottom .copy { float:left; }
.footer .footer-bottom .imza { float: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: @renk1; color: #FFF; font-size: 16px; border: none; }
.button:hover { background: @renk2; }
.button i { margin-right: 5px; }

@media (max-width: 1199px) {
  .header .menu > ul > li > a { font-size: 16px; }
  .sub-header .icerik { top: 50px; }
}

@media (max-width: 992px) {
  .header .menu-hidden { display: none; }
  .header .mobile-toogle { display: block; }
  .content .home-content .hakkimizda { margin-bottom: 30px; }
  .footer .footer-top .f-left { display: none; } 
  .sub-header .icerik { top: 30px; }
  .content .sidebar { display: none; }
  .content .alt-bant { margin-bottom: 10px; }
  .content .alt-bant .item { margin-bottom: 30px; }
}
@media (max-width: 768px) {
	.content .alt-bant { display: none; }
	.footer .footer-top { display: none; } 
	.footer .footer-bottom { height: auto; }
	.footer .footer-bottom .copy { float:none; text-align: center; }
	.footer .footer-bottom .imza { float:none; text-align: center; }
	.container { background: #FFF; padding: 0 15px; }
	.margin-sifir { margin-left: -15px !important; margin-right: -15px !important; }
	.header-top { padding: 0 15px; }
	.sub-header { display: none; }
	.header { border-bottom: 1px solid #DDD; margin-bottom: 20px; }
}
@media (max-width: 480px) {
  .slider-kapsa .tp-caption { display: none; }
  .header-top .ekatalog { display: none; }
  .header { min-height: 80px; }
  .header .logo { float: left; margin-top:15px; width: 180px; }
  .header .mobile-toogle { margin-top: 20px; }
  .content .home-content .home-haber .item .image { width:90px; }
  .content .home-content .home-haber .item .icerik { margin-left:105px; }
}

.haber-baslik {
	font-size: 20px;
    color: #f6a546;
    font-weight: 600;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-bottom: none;
    display: inline-block;	
}

.home-haber {
    border: 1px solid #ddd;
    padding: 15px;
    padding-bottom: 0;	
}

.content .home-content .home-haber .item .icerik {
	margin-left: 0px !important;
	margin-bottom: 1rem;
}