html, body{ width: 100%;}
body{ width: 100%; height: 100%; padding: 0; margin: 0; font-family: 'Poppins', sans-serif; font-weight: 400; color: #777; font-size:14px; background-color: #fff; overflow: overlay; overflow-x: hidden;}

/* LOADING */

.loading{ position: fixed; width: calc(100% + 9px); height: 100vh; background: #fff; top: 0; left: 0; z-index: 99999999999;}

::selection{ background: #dbb465; color: #fff;}

/* width */
::-webkit-scrollbar{ width: 9px;}

/* Track */
::-webkit-scrollbar-track{ background: transparent;}
 
/* Handle */
::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.6); border-radius: 9px;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover{}

.defUrun{ margin-bottom: 30px;}
.defUrun img{ width: 100%;}

/* HEAD */

.head{ transition: 0.4s; width: calc(100% + 9px); position: fixed; top: 0; opacity: 1; left: 0; z-index: 9; background: #fff;}
.head.scroll{ top: -120px; opacity: 0;}

/* POSTIT */

.postit{ position: absolute; display: inline-block; text-align: center;}
.postit .pin{ animation: pinAnim 1.3s ease-in-out infinite; width: 32px; height: 32px; border: 4px solid #fab631; cursor: pointer; position: relative; z-index: 1; border-radius: 100%; box-shadow: 0px 5px 10px rgba(0,0,0,0.2);}
.postit .content{ width: 200px; box-shadow: 0px 10px 30px rgba(0,0,0,0.1); margin-top: 0 !important; padding: 10px !important; background: #dbb465 !important; left: calc(50% - 184px); top: 13px; border-radius: 4px; box-shadow: 0px 5px 10px rgba(0,0,0,0.2); margin-bottom: 0 !important; position: relative; z-index: 3;}
.postit .content::before{ content: ""; position: absolute; top: -19px; left: 50%; transform: translateX(-50%); border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #dbb465; z-index: 2;}
.postit .content.anim{ animation: anim 0s;}

@keyframes pinAnim{
    0%{box-shadow: 0 0 0 0 rgba(250, 182, 49, 1), 0 0 0 0 rgba(250, 182, 49, 1);}
    40%{box-shadow: 0 0 0 10px rgba(250, 182, 49, 0), 0 0 0 0 rgba(250, 182, 49, 1);}
    80%{box-shadow: 0 0 0 10px rgba(250, 182, 49, 0), 0 0 0 10px rgba(250, 182, 49, 0);}
    100%{box-shadow: 0 0 0 0 rgba(250, 182, 49, 0), 0 0 0 10px rgba(250, 182, 49, 0);}
}

@keyframes anim{
    from{ opacity: 0; left: -5px;}
    to{ opacity: 1; left: 0;}
}

.postit .content a{ text-decoration: none; color: #111; display: block;}

/* KONSEPT */

.konsept{ width: 100%; background: #f5f5f5; margin-bottom: 30px; display: flex; align-items: center;}
.konsept .sol{ width: 65%; padding: 30px; margin-right: 30px;}
.konsept .sol .img{ width: 100%; position: relative;}
.konsept .sol .img img{ width: 100%;}
.konsept .sag{ width: 35%; border-left: 1px #ccc solid; padding: 30px;}
.konsept .sag ul{ list-style: none; padding: 0; margin: 0;}
.konsept .sag ul li{ position: relative;}
.konsept .sag ul li.aktif::before{ content: ""; position: absolute; width: 16px; height: 16px; left: -38px; top: 10px; border-radius: 100%; background: #dbb465;}
.konsept .sag ul li.aktif a{ font-weight: 900; color: #111;}
.konsept .sag ul li.aktif a:hover{ color: #111;}
.konsept .sag ul li a{ text-decoration: none; color: #666; display: block; letter-spacing: 3px; padding: 7px 0;}

/* LOGO */

.logo{ max-width: 200px; width: 200px; position: absolute; top: 0;}
.logo img{ width: 200px;}
.logo a{ text-decoration: none; color: currentColor; display: block;}

/* TOP MENU */

.top-menu{ width: 100%; text-align: center; margin-left: 200px;}
.top-menu ul{ list-style: none; margin: 0; padding: 0; display:flex; justify-content:space-between; }
.top-menu ul li{ display: inline-block; position: relative;}
.top-menu ul li.active a{ color: #dbb465; }
.top-menu ul li a{ text-decoration: none; color: #000; padding: 15px 20px; font-size: 14px; display: block; font-weight: 600; letter-spacing: 2px;}
.top-menu ul li a:hover{ color: #dbb465;}

.top-menu .sub-ul{ display:block; transition: 0.3s; text-align: left; position: absolute; z-index: 3; background: #fff; box-shadow: 0px 10px 30px rgba(0,0,0,0.2); 
                   min-width: 200px; left: 0; visibility: hidden; opacity: 0; margin-left: -8px; border: 0;}
.top-menu .sub-ul.hover{ visibility: visible; opacity: 1; margin-left: -3px;}
.top-menu .sub-ul li{ width: 100%; margin-left: 0; border: 0; border-bottom: 1px #eee solid;}
.top-menu .sub-ul li:last-child{ border-bottom: 0;}
.top-menu .sub-ul li a{ border: 0; width: 100%; text-decoration: none; color: #666 !important; font-size: 13px; letter-spacing: 0; font-weight: 500 !important; padding: 0; margin: 0; padding: 10px 20px;}
.top-menu .sub-ul li a:hover{ border: 0; color: #dbb465 !important;}

  .top-menu .sub-ul .sub-ul-ul { display: block; transition: 0.3s; text-align: left; position: absolute; z-index: 3; background: #fff; box-shadow: 0px 10px 30px rgba(0,0,0,0.2); min-width: 200px; left: 200px; top:0; visibility: hidden; opacity: 0; border: 0; }
    .top-menu .sub-ul .sub-ul-ul.hover { visibility: visible; opacity: 1; }
    .top-menu .sub-ul .sub-ul-ul li { width: 100%; margin-left: 0; border: 0; border-bottom: 1px #eee solid; }

  .top-menu .sub-ul .sub-ul-ul .sub-ul-ul-ul { display: block; transition: 0.3s; text-align: left; position: absolute; z-index: 3; background: #fff; box-shadow: 0px 10px 30px rgba(0,0,0,0.2); min-width: 200px; left: 200px; top:0; visibility: hidden; opacity: 0; border: 0; }
    .top-menu .sub-ul .sub-ul-ul .sub-ul-ul-ul.hover { visibility: visible; opacity: 1; }
    .top-menu .sub-ul .sub-ul-ul .sub-ul-ul-ul li { width: 100%; margin-left: 0; border: 0; border-bottom: 1px #eee solid; }


  /* SEARCH */
  .linkler { display: flex; justify-content: flex-end; }
.linkler .tel a{ display: block; text-decoration: none; font-size: 16px; font-weight: 700; color: #dbb465; padding: 5px 0; letter-spacing: 2px;}
.linkler .tel a{ background-image: url(../images/telefon.png); background-repeat: no-repeat; background-position: left center; background-size: 26px 26px; padding-left: 35px;}
.linkler .lang{ }


/*HEADER SOSYAL MEDYA*/

.h-social { padding-top: 5px; }
  .h-social a { text-decoration: none; color: currentColor; display: inline-block; width: 25px; height: 30px; margin-right: 10px; }
  .h-social .facebook { background-image: url("../images/social/facebook-b.png"); background-repeat: no-repeat; background-position: center; background-size: 18px 18px; }
  .h-social .twitter { background-image: url("../images/social/twitter-b.png"); background-repeat: no-repeat; background-position: center; background-size: 18px 18px; }
  .h-social .instagram { background-image: url("../images/social/instagram-b.png"); background-repeat: no-repeat; background-position: center; background-size: 18px 18px; }
  .h-social .pinterest { background-image: url("../images/social/pinterest-b.png"); background-repeat: no-repeat; background-position: center; background-size: 18px 18px; }
  .h-social .whatsapp { background-image: url("../images/social/whatsapp-b.png"); background-repeat: no-repeat; background-position: center; background-size: 18px 18px; }



/* GALERİ */

.galeri{ margin-bottom: calc(1% + 30px);}
.galeri a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.galeri img{ width: 100%;}

/* KAT LİST */

.kat-list{ margin-bottom: calc(1% + 30px);}
.kat-list ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.kat-list ul li{ width: 25%; margin-bottom: 30px;}
.kat-list ul li a{ text-decoration: none; color: currentColor; display: flex; flex-wrap: wrap; width: 100%;}
.kat-list ul li a:hover .icerik{ background: #dbb465; color: #fff !important; background-image: url(../images/img1-1.html); background-repeat: no-repeat; background-position: center left -50%; background-size: 50% auto;}
.kat-list ul li .img{ width: 100%;}
.kat-list ul li .img img{ width: 100%;}
.kat-list ul li .icerik{ transition: 0.3s; width: 100%; text-align: center; padding: 30px 15px; background-image: url(../images/img1-1.html); background-repeat: no-repeat; background-position: center left -200%; background-size: 50% auto;}
.kat-list ul li .icerik h1{ font-size: 16px; font-weight: 700; margin-bottom: 20px;}
.kat-list ul li .icerik p{ margin-bottom: 0; font-size: 13px; font-weight: 400;}

.kat-list ul li:nth-child(4n+1) .icerik, .kat-list ul li:nth-child(4n+2) .icerik, .kat-list ul li:nth-child(4n+3) .icerik, .kat-list ul li:nth-child(4n+4) .icerik{ order: 1;}
.kat-list ul li:nth-child(4n+1) .img, .kat-list ul li:nth-child(4n+2) .img, .kat-list ul li:nth-child(4n+3) .img, .kat-list ul li:nth-child(4n+4) .img{ order: 2;}

.kat-list ul li:nth-child(4n+5) .icerik, .kat-list ul li:nth-child(4n+6) .icerik, .kat-list ul li:nth-child(4n+7) .icerik, .kat-list ul li:nth-child(4n+8) .icerik{ order: 2;}
.kat-list ul li:nth-child(4n+5) .img, .kat-list ul li:nth-child(4n+6) .img, .kat-list ul li:nth-child(4n+7) .img, .kat-list ul li:nth-child(4n+8) .img{ order: 1;}




/*ANASAYFA URUN KATG*/
.urunkategoriler ul { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; }
.urunkategoriler ul li { background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 30px; position: relative; }
  .urunkategoriler ul li .icerik { position: absolute; top: 0; left: 0; background: rgba(255,255,255, .8); height: 100%; max-height: 400px; width: 50%; max-width: 250px; padding: 30px; display: flex; flex-wrap: wrap; align-content: center; }
    .urunkategoriler ul li .icerik:hover{ text-decoration:none;  }
    .urunkategoriler ul li .icerik h2 { font-weight: 600; letter-spacing: 3px; color: #333; width:100%; font-size:28px; }
    .urunkategoriler ul li .icerik p { font-weight: 200; font-size: 13px; letter-spacing: 1px; color: #666; }

  .urunkategoriler ul li:nth-child(5n+1) { width: 100%; height: 400px; }
  .urunkategoriler ul li:nth-child(5n+2) { width: calc(50% - 30px); height: 600px; margin-right: 30px; }

  .urunkategoriler ul li:nth-child(5n+3) { width: 50%; height: 285px; }
    .urunkategoriler ul li:nth-child(5n+3) .icerik { left: auto; right: 0; text-align: right; }


  .urunkategoriler ul li:nth-child(5n+4) { width: 50%; height: 285px; margin-top: -320px; }
  .urunkategoriler ul li:nth-child(5n+5) { width: 100%; height: 400px; }
    .urunkategoriler ul li:nth-child(5n+5) .icerik { left: auto; right: 0; text-align: right; }



/* DETAY MENÜ */
.detayMenu { width: 100%; text-align: center; margin-bottom: 30px; }
.detayMenu a{ transition: 0.3s; text-decoration: none; color: currentColor; font-size: 18px; padding: 0 20px; border-right: 1px #ccc solid;}
.detayMenu a:hover{ color: #dbb465;}
.detayMenu a:last-child{ border: 0;}

.tarihce{ width: 100%; margin-bottom: 60px; position: relative;}
.tarihce .tarihceCarou{ width: 100%;}
.tarihce .tarihceCarou .item{ display: flex; align-items: center; outline: none; padding-right: 30px;}
.tarihce .tarihceCarou .item .img{ width: 60%; margin-right: 30px;}
.tarihce .tarihceCarou .item .img img{ width: 100%;}
.tarihce .tarihceCarou .item .icerik{ width: 40%;}
.tarihce .tarihceCarou .item .icerik h2{ font-size: 24px; font-weight: 300; color: #999; margin-bottom: 30px;}
.tarihce .tarihceCarou .item .icerik p{ font-size: 14px;}
.tarihce .tarihceCarou .slick-dots{ display: none !important;}
.tarihce .tarihceCarou .slick-prev{ width: 40px; height: 40px; background: #333; border: 0; outline: none; top: unset; bottom: 0; transform: unset; left: unset; right: 50px; z-index: 2; background-image: url(../images/arrow-left-w.png); background-repeat: no-repeat; background-position: center; background-size: 16px 16px;}
.tarihce .tarihceCarou .slick-prev::before{ content: "";}
.tarihce .tarihceCarou .slick-next{ width: 40px; height: 40px; background: #333; border: 0; outline: none; top: unset; bottom: 0; transform: unset; right: 0; z-index: 2; background-image: url(../images/arrow-right-w.png); background-repeat: no-repeat; background-position: center; background-size: 16px 16px;}
.tarihce .tarihceCarou .slick-next::before{ content: "";}

.vizyon{ max-width: 700px; width: 100%; margin: auto;}
.vizyon h2{ font-size: 20px; font-weight: 900; letter-spacing: 4px; margin-bottom: 20px; color: #dbb465;}
.vizyon p{ margin-bottom: 30px; font-size: 15px; font-weight: 500; position: relative;}

.bg-img::before{ max-width: 500px; width: 100%; height: 300px; content: ""; margin-top: -30px; left: 0; position: absolute; background-image: url(../images/tente.jpg); background-repeat: no-repeat; background-position: center; background-size: contain;}

.kalite{ width: 100%; display: flex; align-items: center; flex-wrap: wrap;}
.kalite .img{ width: calc(50% - 30px); margin-right: 30px;}
.kalite .img img{ width: 100%;}
.kalite .icerik{ width: 50%;}
.kalite .icerik h2{font-size: 22px; font-weight: 300; letter-spacing: 4px; margin-bottom: 30px;}
.kalite .icerik p{ font-size: 14px;}

.teklif{ width: 100%; background:url(../images/kurumsal-bg.png) no-repeat center; background-size:cover; padding:50px 0; margin-top:50px; }
/*.teklif a{ width: 100%; display: block; text-decoration: none; position: relative;}*/
/*.teklif a::after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 2;}*/
.teklif .img{ width: 100%;}
/*.teklif .img img{ width: 100%; height: 420px; object-fit: cover;}*/

.teklif .icerik{ text-align: center; max-width:800px; margin:auto;}
/*.teklif .icerik a{ text-decoration: none; color: #fff;}*/
.teklif .icerik h1{ font-size: 24px; font-weight: 700; letter-spacing: 4px; color:#000; margin-bottom:15px; }
  .teklif .icerik h2 { font-size: 24px; font-weight: 400; letter-spacing: 4px; color: #000; margin-bottom:0; }
  .teklif .icerik h3 { font-size: 24px; font-weight: 700; letter-spacing: 4px; color: #000; margin-bottom: 30px; }
.teklif .icerik p{ font-size: 14px; font-weight: 300; margin-bottom: 30px;}
  .teklif .icerik .teklifBtn {display:block; max-width:242px; margin: auto; color: #111; letter-spacing:6px; padding: 25px 60px; 
                              background: #eff6be url(../images/arrow-right.png) no-repeat center right 20px; background-size: 15px 15px; }

/* ANASAYFA CAROU */

.anasayfaCarou{ width: 100%; margin-bottom: 30px; background: #fff; position: relative;}
.anasayfaCarou .item{ padding-right: 15px;}
.anasayfaCarou a{ text-decoration: none; color: currentColor; outline: none; text-align: center;}
.anasayfaCarou img{ width: 100%; margin-bottom: 20px;}
.anasayfaCarou h2{ font-size: 17px; font-weight: 600;}
.anasayfaCarou p{ font-size: 13px; padding: 0 15px;}
.anasayfaCarou .slick-dots{ display: none !important;}
.anasayfaCarou .slick-prev{ background: #333; width: 30px; height: 40px; left: -45px; margin-top: 22px; background-image: url(../images/arrow-left-w.png); background-repeat: no-repeat; background-position: center; background-size: 16px 16px;}
.anasayfaCarou .slick-prev::before{ content: "";}
.anasayfaCarou .slick-next{ background: #333; width: 30px; height: 40px; left: -45px; margin-top: -22px; background-image: url(../images/arrow-right-w.png); background-repeat: no-repeat; background-position: center; background-size: 16px 16px;}
.anasayfaCarou .slick-next::before{ content: "";}

/* MARİSİT TARİHÇE */

.marisitTarihce{ width: 100%; margin-bottom: 30px;}
.marisitTarihce a{ text-decoration: none; color: currentColor; display: flex; align-items: center; height: 100%; background: #dbb465;}
.marisitTarihce .sol{ height: 100%; width: 60%;}
.marisitTarihce .sol img{ width: 100%;}
.marisitTarihce .sag{ color: #111; height: 100%; width: 40%; text-align: center;}
.marisitTarihce .sag h2{ font-size: 36px; font-weight: 600; margin-bottom: 0;}
.marisitTarihce .sag h3{ font-size: 36px; font-weight: 300; margin-bottom: 30px;}
.marisitTarihce .sag p{ font-size: 13px; padding: 0 30px; margin-bottom: 20px;}
.marisitTarihce .sag .detayBtn{ border: 1px #111 solid; display: inline-block; padding: 5px 20px; font-size: 12px;}

/* DETAY */

.detay-icerik{ font-size: 15px; font-weight: 400; margin-bottom: calc(2% + 30px);}
.detay-kat{}
.detay-kat a{ text-decoration: none; color: currentColor; text-align: center;}
.detay-kat img{ width: 100%; margin-bottom: 10px; border: 1px solid #aaa;}
.detay-kat h1{ font-size: 16px; font-weight: 600;}

/* LANG */

.lang{ }
.lang a{ text-decoration: none; color: #ccc; float: left; border-right: 1px #666 solid; padding: 1px; padding-left: 10px; padding-right: 10px; margin-right: 0;}
.lang a:last-child{ border: 0;}
.lang a.aktif{ font-weight: 600; color: #dbb465;}

/* SLIDER */

.slider{ width: 100%; margin: auto; margin-bottom: 30px; position: relative; z-index: 2; }
.slider a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.slider img{ width: 100%;}

.slider .miniSlider{ position: absolute; max-width: 1110px; width: 100%; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 2;}
.slider .miniSlider .sol{ max-width: 500px; background: #444;}
.slider .miniSlider .sol a{ display: flex;}
.slider .miniSlider .sol .img{ width: 35%;}
.slider .miniSlider .sol .img img{ width: 100%;}
.slider .miniSlider .sol .icerik{ width: 65%; display: flex; align-items: center; color: #fff; font-size: 13px; font-weight: 200; padding: 20px;}

/* BANNER */

.banner{ width: 100%; margin: auto; position: relative; z-index: 2; }
.banner a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.banner img{ width: 100%;}

/* PAGE */

.page{ margin-top: 15px; margin-bottom: calc(1% + 30px);}

/* HAKKIMIZDA */

.hakkimizda{ text-align: center; margin-bottom: calc(3% + 30px);}
.hakkimizda .img{ max-width: 190px; width: 100%; margin: auto; margin-bottom: 30px;}
.hakkimizda .img img{ width: 100%;}
.hakkimizda p{ font-size: 15px; font-weight: 400; color: #111; text-align: center;}

.hkkmzd{}
.hkkmzd a{ text-decoration: none; color: currentColor; display: block; display: flex; align-items: center;}

.hkkmzd .img{ width: 50%; position: relative;}
.hkkmzd .img img{ width: 100%; position: relative; z-index: 2;}

.hkkmzd .icerik{ width: 50%; padding-left: 5%;}
.hkkmzd .icerik h1{ font-size: 28px; font-weight: 600; margin-bottom: 30px; padding-bottom: 15px; color: #2a323b; display: block; border-bottom: 1px solid #aaa;}
.hkkmzd .icerik .tarih{ font-size: 20px; font-weight: 400; color: #888;}
.hkkmzd .icerik p{ color: #2a323b; font-weight: 400;}

.hkkmzd ul{ list-style: none; padding: 0; margin: 0; max-width: 1110px; width: 100%; margin: auto;}
.hkkmzd ul li{ margin-bottom: 45px;}

/* çift satırlar */
.hkkmzd ul li:nth-child(even) .img{ order: 2; padding-right: unset;}
.hkkmzd ul li:nth-child(even) .img::after{ right: auto; left: 0px;}

.hkkmzd ul li:nth-child(even) .icerik{ order: 1; padding-left: unset; padding-right: 5%; text-align: right;}

/* PROJELER */

.projeler{ margin-bottom: 30px; padding-top: 30px; padding-bottom: 40px; background: #2a323b; position: relative; text-align: center;}
.projeler a{ text-decoration: none; color: currentColor; display: block; display: flex; align-items: center;}

.projeler .img{ width: 50%; position: relative; padding-right: 4%;}
.projeler .img::after{ position: absolute; content: ""; top: 10%; right: 0px; width: 100%; height: 80%; border: 10px solid #666; z-index: 1;}
.projeler .img img{ width: 100%; position: relative; z-index: 2;}

.projeler .icerik{ width: 50%; padding-left: 4%; text-align: left;}
.projeler .icerik h1{ font-size: 24px; font-weight: 400; margin-bottom: 30px; color: #da9a6b; display: inline-block; padding-right: 10px;}
.projeler .icerik .tarih{ font-size: 20px; font-weight: 400; color: #888;}
.projeler .icerik p{ color: #ddd;}

.projeler ul{ list-style: none; padding: 0; margin: 0; max-width: 1110px; width: 100%; margin: auto;}
.projeler ul li{ margin-bottom: 45px;}

/* çift satırlar */
.projeler ul li:nth-child(even) .img{ order: 2; padding-right: unset; padding-left: 4%;}
.projeler ul li:nth-child(even) .img::after{ right: auto; left: 0px;}

.projeler ul li:nth-child(even) .icerik{ order: 1; padding-left: unset; padding-right: 4%; text-align: right;}

.projeler::before{ position: absolute; content: ""; width: 500px; top: -150px; height: 500px; left: -200px; background-image: url(../images/sol1-bg.html); background-repeat: no-repeat; background-position: center; background-size: 500px 500px;}
.projeler::after{ position: absolute; content: ""; width: 500px; top: 30px; height: 500px; right: -250px; background-image: url(../images/sag1-bg.html); background-repeat: no-repeat; background-position: center; background-size: 500px 500px;}

.projeler ul::before{ position: absolute; content: ""; width: 350px; bottom: 30px; height: 500px; left: -200px; background-image: url(../images/sol2-bg.html); background-repeat: no-repeat; background-position: center; background-size: 350px 500px;}
.projeler ul::after{ position: absolute; content: ""; width: 350px; bottom: 150px; height: 500px; right: -100px; background-image: url(../images/sag2-bg.html); background-repeat: no-repeat; background-position: center; background-size: 350px 500px;}

.projeler .git-btn{ border: 2px #da9a6b solid; color: #da9a6b; padding: 10px; display: inline-block;}

/* PROJE LİSTE */

.proje-list{}
.proje-list a{ text-decoration: none; color: currentColor; display: block; display: flex; align-items: flex-end;}

.proje-list .img{ width: 50%; position: relative;}
.proje-list .img img{ width: 100%; position: relative; z-index: 2;}

.proje-list .icerik{ width: 50%; padding-left: 4%;}
.proje-list .icerik h1{ font-size: 24px; font-weight: 600; margin-bottom: 15px; color: #2a323b; display: inline-block; padding-right: 10px;}
.proje-list .icerik .tarih{ font-size: 20px; font-weight: 400; color: #888;}
.proje-list .icerik p{ color: #2a323b; border-top: 1px #ccc solid; padding-top: 20px; font-weight: 400;}

.proje-list ul{ list-style: none; padding: 0; margin: 0; max-width: 1110px; width: 100%; margin: auto;}
.proje-list ul li{ margin-bottom: 75px;}
.proje-list ul li:last-child{ margin-bottom: 0;}

/* çift satırlar */
.proje-list ul li:nth-child(even) .img{ order: 2; padding-right: unset;}
.proje-list ul li:nth-child(even) .img::after{ right: auto; left: 0px;}

.proje-list ul li:nth-child(even) .icerik{ order: 1; padding-left: unset; padding-right: 4%; text-align: right;}

/* TAKIM LİSTE */

.takimListe{ width: 100%;}
.takimListe ul{ list-style: none; padding: 0; margin: 0;}
.takimListe ul li{ width: 100%; margin-bottom: 45px;}
.takimListe ul li a{ text-decoration: none; color: currentColor; position: relative; display: block;}
.takimListe ul li .img{ width: 100%;}
.takimListe ul li .img img{ width: 100%;}
.takimListe ul li .icerik{ position: absolute; background: #fff; z-index: 2; bottom: 0; left: 20px; width: 50%; display: flex; align-items: center; padding: 20px;}
.takimListe ul li .icerik h2{ margin-bottom: 0; margin-right: 20px; padding-right: 20px; font-size: 36px; font-weight: 600; border-right: 2px solid #dbb465;}
.takimListe ul li .icerik p{ margin-bottom: 0; font-size: 14px;}

/* TAKIM DETAY */

.takimDetay{ width: 100%;}
.takimDetay .topImg{ width: 100%; position: relative; margin-bottom: 30px;}
.takimDetay .topImg img{ width: 100%;}
.takimDetay h1{ background: #fff; font-size: 42px; font-weight: 600; position: absolute; min-height: 90px; bottom: -10px; left: 50%; transform: translateX(-50%); max-width: 500px; width: 100%; display: flex; align-items: center; justify-content: center;}



/* TAB */
.tab { width: 100%; }
ul.tabs { margin: 0px; margin-bottom: 20px; padding: 0px; list-style: none; text-align: center; }
  ul.tabs .tab-link { font-size: 16px; letter-spacing: 1px; }
  ul.tabs li { background: none; color: #222; display: inline-block; padding: 5px 20px; cursor: pointer; }
    ul.tabs li:last-child { border-right: 0; }
.tab-content img { width: 100%; height: auto; }
ul.tabs li.tcurrent { background: none; color: #222; font-weight: 600; }
.tab-content { display: none; background: #eee; padding: 30px; font-size: 15px; }
  .tab-content.tcurrent { display: inherit; animation: fadeIn 1s; -webkit-animation: fadeIn 1s; }









/* ÜRÜN LİSTE */

.urunListe{ width: 100%;}
.urunListe ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.urunListe ul li{ width: calc(33.333% - 20px); border: 1px #ccc solid; margin-right: 30px; margin-bottom: 30px; background: #fff;}
.urunListe ul li:hover{ border-color: #dbb465;}
.urunListe ul li:nth-child(3n){ margin-right: 0;}
.urunListe ul li a{ text-decoration: none; color: currentColor; display: block; padding: 15px; text-align: center;}
.urunListe ul li .img{ width: 100%; margin-bottom: 20px;}
.urunListe ul li .img img{ width: 100%;}
.urunListe ul li h2{ font-size: 19px; font-weight: 600; margin-bottom: 10px;}
.urunListe ul li .inceleBtn{ padding-right: 24px; padding-left: 24px; display: inline-block; background-image: url(../images/incele.png); background-repeat: no-repeat; background-position: center right; background-size: 16px 16px;}

/* ÜRÜN DETAY */

.urunDetay{ max-width: 900px; width: 100%; margin: auto; text-align: center; margin-bottom: 30px;}
.urunDetay h1{ text-align: center; font-size: 24px; font-weight: 800; letter-spacing: 2px; margin-bottom: 20px;}
.urunDetay h1 span{ color: #999;}
.urunDetay .img{ max-width: 700px; width: 100%; margin: auto; margin-bottom: 30px; position: relative;}
.urunDetay .img a{ text-decoration: none; color: currentColor; display: block;}
.urunDetay .img img{ width: 100%;}
.urunDetay p{ font-size: 16px;}

.urunGaleri{ margin-bottom: 30px;}
.urunGaleri .item{ outline: none; cursor: pointer; padding: 15px;}
.urunGaleri .item div{ border: 1px #ccc solid;}
.urunGaleri .item img{}

/* SAYFALAMA */

.sayfalama{ width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
.sayfalama a{ padding-top: 2px; font-size: 14px; margin: 0 3px; text-decoration: none; color: currentColor; background: #f5f5f5; width: 32px; height: 32px; display: inline-block; display: flex; justify-content: center; align-items: center; border-radius: 4px;}
.sayfalama a.aktif{ background: #dbb465; color: #fff; cursor: not-allowed;}
.sayfalama .arr.sol{ background-image: url(../images/arrow-left.png); background-repeat: no-repeat; background-position: center; background-size: 9px 9px;}
.sayfalama .arr.sag{ background-image: url(../images/arrow-right-2.png); background-repeat: no-repeat; background-position: center; background-size: 9px 9px;}
.sayfalama a:hover{ background: #ddd;}
.sayfalama a.aktif:hover{ background: #dbb465;}

/* HABER LİSTESİ */

.haberListe{ width: 100%; margin-bottom: 20px;}
.haberListe ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.haberListe ul li{ width: calc(33.333% - 20px); margin-right: 30px; margin-bottom: 30px;}
.haberListe ul li:nth-child(3n){ margin-right: 0;}
.haberListe ul li a{ text-decoration: none; color: currentColor; display: block;}
.haberListe ul li .img{ width: 100%; margin-bottom: 20px; overflow: hidden;}
.haberListe ul li .img img{ width: 100%; transition: 0.6s;}
.haberListe ul li .baslik{ width: 100%; display: flex; align-items: center; margin-bottom: 15px;}
.haberListe ul li .baslik h2{ font-size: 18px; font-weight: 600; margin-right: 20px; margin-bottom: 0;}
.haberListe ul li .baslik span{ color: #999; font-size: 14px;}
.haberListe ul li p{ font-size: 14px;}
.haberListe ul li .detayBtn{ display: inline-block; background: #dbb465; color: #111; font-size: 13px; padding: 10px 30px;}
.haberListe ul li:hover img{ transform: scale(1.1)}

/* HABER ITEM */

.haber-item{}

.haber-item a{ text-decoration: none; color: currentColor; display: block; border: 1px #ccc solid;}
.haber-item .img{ width: 100%; margin-bottom: 20px; overflow: hidden;}
.haber-item .img img{ width: 100%; transition: 0.6s;}
.haber-item .icerik{ padding: 0 20px;}
.haber-item .baslik{ width: 100%; margin-bottom: 15px;}
.haber-item .baslik h2{ font-size: 16px; font-weight: 600; margin-right: 20px; margin-bottom: 15px;}
.haber-item .baslik h3{ font-size: 16px; font-weight: 400; margin-right: 20px; margin-bottom: 15px;}
.haber-item .baslik span{ display: block; color: #999; font-size: 14px; margin-bottom: 15px;}
.haber-item p{ font-size: 13px; line-height:20px; color:#999; }
.haber-item .detayBtn{ display: inline-block; background: #dbb465; color: #111; font-size: 13px; padding: 10px 30px;}
.haber-item:hover img{ transform: scale(1.1)}

/* HABER CAROU */

.hh1{ text-align: center; font-size: 24px; font-weight: 300; letter-spacing: 2px;}

.haberCarou .item a{ text-decoration: none; color: currentColor; display: block; outline: none; padding: 15px;}
.haberCarou .item .img{ width: 100%; margin-bottom: 20px; overflow: hidden;}
.haberCarou .item .img img{ width: 100%; transition: 0.6s;}
.haberCarou .item .baslik{ width: 100%; display: flex; align-items: center; margin-bottom: 15px;}
.haberCarou .item .baslik h2{ font-size: 18px; font-weight: 600; margin-right: 20px; margin-bottom: 0;}
.haberCarou .item .baslik span{ color: #999; font-size: 14px;}
.haberCarou .item p{ font-size: 14px;}
.haberCarou .item .detayBtn{ display: inline-block; background: #dbb465; color: #111; font-size: 13px; padding: 10px 30px;}
.haberCarou .item:hover img{ transform: scale(1.1);}

/* ÜRÜN CAROU */

.hh1{ text-align: center; font-size: 24px; font-weight: 300; letter-spacing: 2px;}

.urunCarou{ margin-bottom: 0 !important;}
.urunCarou .item{ outline: none; margin-bottom: 20px;}
.urunCarou .item a{ text-decoration: none; color: currentColor; display: block; outline: none; text-align: center; position: relative; padding: 5px;}
.urunCarou .item a::after{ transition: 0.2s; content: ""; width: 100%; height: 100%; position: absolute; z-index: 2; background: rgba(0,0,0,0.7); top: 0; left: 0; opacity: 0;}
.urunCarou .item .img{ width: 100%; overflow: hidden;}
.urunCarou .item .img img{ width: 100%; height: 260px; object-fit: cover; object-position: 50% 50%; transition: 0.6s;}
.urunCarou .item h2{ font-size: 18px; font-weight: 600; }
.urunCarou .item .inceleBtn{ padding-right: 24px; padding-left: 24px; display: inline-block; background-image: url(../images/incele.png); background-repeat: no-repeat; background-position: center right; background-size: 16px 16px;}
.urunCarou .item a:hover{ border-color: #dbb465;}
.urunCarou .slick-dots{ display: none !important;}

.urunCarou .item .icerik{ transition: 0.2s; opacity: 0; position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;}
.urunCarou .item.slick-center .icerik{ display: block;}
.urunCarou .item .icerik .ikon{ width: 80px; height: 80px; margin: auto; margin-bottom: 30px; border: 1px #fff solid; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.urunCarou .item .icerik .ikon i{ font-size: 36px;}
.urunCarou .item .icerik h2{ font-size: 24px; font-weight: 300; letter-spacing: 2px; border-bottom: 1px #aaa solid; padding-bottom: 7px;}
.urunCarou .item .icerik h3{ font-size: 16px; font-weight: 500; color: #aaa;}

.urunCarou .item:hover .icerik{ opacity: 1;}
.urunCarou .item:hover a::after{ opacity: 1;}

/* VİTRİN ALAN */

.vitrinAlan{ width: 100%; background: #fff; margin-bottom: 30px; display: flex;}
.vitrinAlan img{ width: 100%;}
.vitrinAlan .sol{ margin-right: 30px;}
.vitrinAlan .sag{}

/* HABER DETAY */

.haberDetay{ max-width: 600px; width: 100%; margin: auto; text-align: center; margin-bottom: calc(3% + 30px);}
.haberDetay .img{ width: 100%; margin-bottom: 30px;}
.haberDetay .img img{ width: 100%;}
.haberDetay h2{ font-size: 24px; font-weight: 300; letter-spacing: 2px;}
.haberDetay span{ color: #999; font-size: 14px; display: inline-block; margin-bottom: 10px;}
.haberDetay p{ font-size: 14px;}

/* REFERANS LİSTESİ */

.referans-list{}
.referans-list ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.referans-list ul li{ width: 20%; text-align: center;}
.referans-list ul li a{ text-decoration: none; color: currentColor; display: block; padding: 5px;}

.referans-list ul li .img{ width: 100%; border: 1px #ccc solid; margin-bottom: 10px; padding: 20px; overflow: hidden;}
.referans-list ul li .img img{ width: 100%; transition: 0.6s;}
.referans-list ul li h1{ font-size: 16px; font-weight: 500; color: #2a323b;}

.referans-list ul li a:hover img{ transform: scale(1.1);}

/* İŞTİRAKLERİMİZ */

.istirak-item{ text-align: center; padding-top: 20px; padding-bottom: 20px;}
.istirak-item .img{ max-width: 220px; width: 100%; display: inline-block; margin-bottom: 10px;}
.istirak-item .img img{ width: 100%;}

.istirak-item .icerik{ max-width: 1110px; width: 100%; margin: auto; padding-left: 15px; padding-right: 15px;}
.istirak-item .icerik p{ font-size: 16px; color: #2a323b; font-weight: 400;}

.istirak-item:nth-child(even){ background: #2a323b;}
.istirak-item:nth-child(even) .icerik p{ color: #fff;}

/* PROJE DETAY */

.proje-detay{ text-align: center;}
.proje-detay .owl-item{ opacity: 0.3;}
.proje-detay .owl-item.center{ transition: 0.6s; opacity: 1;}

.proje-detay .owl-nav.disabled{ display: unset; text-align: center;}
.proje-detay .owl-dots{ display: none;}

.proje-detay .owl-prev{ font-size: 32px !important; margin-right: 5px; outline: none !important;}
.proje-detay .owl-next{ font-size: 32px !important; margin-left: 5px; outline: none !important;}

.proje-detay .owl-carousel{ margin-bottom: 30px;}

.proje-detay h1{ font-size: 24px; font-weight: 600; margin-bottom: 15px; color: #2a323b; display: inline-block; padding-right: 10px;}
.proje-detay .tarih{ font-size: 20px; font-weight: 400; color: #888;}
.proje-detay p{ color: #2a323b; border-top: 1px #ccc solid; padding-top: 20px; font-weight: 400;}

.proje-detay .proje-icerik{ max-width: 900px; width: 100%; margin: auto; padding-left: 15px; padding-right: 15px;}

/* İKONLAR */

.ikonlar { margin-bottom: 30px; padding: 20px; background: #fbfbfb; width:100%;}
.ikonlar ul{ list-style: none; padding: 0; margin: 0; width: 100%; display: flex; align-items: center;}
.ikonlar ul li{ width: 25%; border-right: 1px #ccc solid;}
.ikonlar ul li:last-child{ border: 0;}
.ikonlar ul li a{ text-decoration: none; color: currentColor; display: flex; padding: 10px; width: 100%;}

.ikonlar .img{ width: 60px; margin-right: 10px;}
.ikonlar .img img{ width: 60px;}

.ikonlar .icerik h2{ font-size: 16px; font-weight: 400;}
.ikonlar .icerik h3{ font-size: 13px; color: #999; line-height:20px;}

/* CONTACT */

.map{ width: 100%; height:100%; display: block; margin-bottom: 30px;}
.map iframe{ width: 100%; height: 100%;}

.contact-info{ margin-bottom: 30px;}
.contact-info h1{ font-size: 18px; font-weight: 600; margin-bottom: 20px; text-decoration: underline;}
.contact-info ul{ list-style: none; padding: 0; margin: 0;}
.contact-info ul li{ margin-bottom: 10px; font-size: 14px !important; font-weight: 500;}
.contact-info ul li b{ padding-bottom: 2px;}
.contact-info ul li a{ text-decoration: none; color: currentColor;}
.contact-info ul li a b{}

#formYonetimi{ width: 100%;}
#formYonetimi h1{ font-size: 18px; font-weight: 600; margin-bottom: 20px; text-decoration: underline;}
.grup-elementleri{ list-style: none; padding: 0;}
.grup-elementleri .element-textbox{ /*margin-bottom: 15px;*/}
.grup-elementleri .element-textbox input{ width: 100%; border: 0; background: #f5f5f5; outline: 0; height: 50px; padding: 0 15px; border: 2px #f5f5f5 solid; font-size: 14px; font-weight: 500;}
.grup-elementleri .element-textbox input:focus{ background: #fff; border-color: #ddd;}
.grup-elementleri .element-textarea{ /*margin-bottom: 15px;*/}
.grup-elementleri .element-textarea textarea{ width: 100%; border: 0; background: #f5f5f5; outline: 0; height: 110px; padding: 15px; border: 2px #f5f5f5 solid; font-size: 14px; font-weight: 500;}
.grup-elementleri .element-textarea textarea:focus{ background: #fff; border-color: #ddd;}
.grup-elementleri label{ display: none;}
#formYonetimi .form-gonder-button{ background: #dbb465; min-height: 76px; border-radius: 4px; border: 0; color: #fff; padding: 15px 30px; font-size: 14px; font-weight: 600; }

/* BREADCRUMB */

.breadcrumb{ background: #fff; margin-bottom: 10px; text-align: left; display: block;}
.breadcrumb a{ text-decoration: none; color: currentColor; font-size: 14px; font-weight: 400;}
.breadcrumb span{ font-size: 12px; padding-left: 8px; padding-right: 8px; margin-left: 3px;}
.breadcrumb a:last-child{ font-weight: 700;}

/* PAGINATION */

.pagi{ width: 100%; text-align: center;}
.pagi a{ text-decoration: none; color: #111; padding: 5px; padding-left: 10px; padding-right: 10px;}
.pagi a.prev::before{ content: "<< geri";}
.pagi a.next::after{ content: "ileri >>";}
.pagi a.active{ background: #111; color: #fff;}

/* E-BÜLTEN */

.ebulten{ max-width: 600px; width: 100%; margin: auto; display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.ebulten span{ width: 80px; margin-right: 15px; font-size: 16px; font-weight: 400;}
.ebulten input[type=text]{ max-width: 300px; width: 100%; font-size: 14px; margin-right: 15px; border: 0; background: #eee; border: 2px #eee solid; border-radius: 20px; height: 40px; padding: 0 15px; outline: none;}
.ebulten input[type=text]:focus{ background: #fff; border-color: #ccc;}
.ebulten input[type=submit]{ height: 40px; border: 0; border-radius: 20px; background: #dbb465; color: #fff; font-size: 13px; font-weight: 500; padding: 0 15px;}

/* FOOTER */

.footer { width: 100%; height: 100%; position: relative; z-index: 2; padding:50px 0; background: #fff; text-align: left; background: #f5f5f5; }

.footer .br{ border-right: 1px #ddd solid;}
.footer .br:last-child{ border: 0;}

.footer .bg-dark{ background: #222 !important; padding: 10px 0; margin: 0; position: relative;}

.footer-logo{ max-width: 170px; width: 100%; position: relative; z-index: 2; margin: auto;}
.footer-logo a{ text-decoration: none; color: #fff; display: block; width: 100%;}
.footer-logo img{ width: 100%;}

.f-social{ display:flex; justify-content:center; }
.f-social a{ text-decoration: none; color: currentColor; display: inline-block; width: 25px; height: 30px; margin-right: 10px;}
.f-social .facebook{ background-image: url("../images/social/facebook.png"); background-repeat: no-repeat; background-position: center; background-size: 18px 18px;}
.f-social .twitter{ background-image: url("../images/social/twitter.png"); background-repeat: no-repeat; background-position: center; background-size: 18px 18px;}
.f-social .instagram{ background-image: url("../images/social/instagram.png"); background-repeat: no-repeat; background-position: center; background-size: 18px 18px;}
.f-social .pinterest{ background-image: url("../images/social/pinterest.png"); background-repeat: no-repeat; background-position: center; background-size: 18px 18px;}
.f-social .whatsapp{ background-image: url("../images/social/whatsapp.png"); background-repeat: no-repeat; background-position: center; background-size: 18px 18px;}

.f-item{ width: 100%; position: relative; z-index: 2; text-align: center;}
.f-item h1{ font-size: 14px; font-weight: 600; margin-bottom: 20px; color: #111; letter-spacing: 2px;}
.f-item ul{ list-style: none; padding: 0; margin: 0;}
.f-item ul li{ display: block; margin-bottom: 10px; font-size: 14px; font-weight: 500; color: #111;}
.f-item ul li a{ width: 100%; display: inline-block; text-decoration: none; color: #666; font-size: 14px; }
.f-item ul li a b{ font-size: 16px; font-weight: 900; color: #111; font-weight: 900;}
.f-item ul li b{ font-size: 16px; font-weight: 900; color: #111;}
.f-item ul li a span{ color: #dbb465; font-weight: 500;}
.f-item ul li span{ color: #dbb465; font-weight: 500;}

.f-item.urn ul{ columns: 2;}

/* FOOTER ALT */

.footer-alt{ width: 100%; padding-top: 15px; padding-bottom: 15px; position: relative; z-index: 2; bottom: 0; color: #111;}
.footer-alt .container{ }
.footer-alt .copyright{ text-align: left; font-size: 13px; font-weight: 500;}
.footer-alt .design{ text-align: right; font-size: 13px; font-weight: 500;}
.footer-alt .design a{ text-decoration: none; color: #111; font-weight: 600; font-size: 13px;}

/* GO TO TOP */

#go-to-top{ display: inline-block; background-color: #dbb465; color: #fff; border: 0; border-radius: 4px; width: 50px; height: 50px; text-align: center; position: fixed; bottom: 20px; right: 20px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; text-decoration:none; outline:none; font-size:14px; font-weight:300; text-align:center; }
#go-to-top:hover {}
#go-to-top:active {}
#go-to-top.show { opacity: 1; visibility: visible; }
#go-to-top i{ font-size: 24px; }

/* OTHERS */

.detay-btn{ text-decoration: none !important; display: inline-block; border: 1px solid #dbb465; color: #111 !important; padding: 7px; padding-top: 8px; padding-left: 12px; padding-right: 35px; font-size: 15px; font-weight: 600;}
.detay-btn{ background-image: url(../images/arrow-right.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 12px 12px;}

.git-btn{ display: inline-block; border: 1px solid #2a323b; padding: 10px; padding-left: 20px; padding-right: 20px; color: #2a323b; font-weight: 400;}

.h1-ana { font-size: 18px; font-weight: 600; margin-bottom: 20px; color: #111; text-align: center; letter-spacing: 4px;  }
  .h1-ana span, .h1-ana strong { background-image: linear-gradient(transparent 0 40%, #eff6be 40% 100%); padding:0 10px 3px 15px; }

  .mobi { display: none; }
.mobilBtn{ max-width: 44px; width: 40px; height: 40px; display: inline-block; text-align: center; border: 1px solid #dbb465; color: #dbb465; font-size: 24px; padding: 0; padding-top: 2px;}

.plus{ display: none;}
.minus{ display: none;}

@media( max-width: 1500px)
{
    .slider .miniSlider .sol{ max-width: 400px;}
}

@media(max-width: 1200px)
{
    .head .container{ max-width: 1000px;}
    .logo img{ width: 150px;}
    .top-menu{ margin-left: 150px;}
    .top-menu ul li a{ padding: 15px 20px;}
}

@media(max-width: 991px)
{
    .banner{ margin-top: 81px;}

    .page{ margin-top: 10px;}
    .breadcrumb{ margin-bottom: 10px;}

    .linkler{ max-width: 100%; justify-content: flex-end;}
    .linkler .lang{ display: none;}
    .search{ max-width: 100px;}
    .srch-box{ display: none;}

    .top-menu{ transition: 0.3s; visibility: hidden; position: fixed; max-width: 100%; width: 100%; height: 100vh; background: #fff; top: 0; left: -100%; margin-left: unset; padding: 15px; padding-top: 110px; overflow: auto; overflow-x: hidden;}
    .top-menu.opened{ visibility: visible; left: 0;}
    .top-menu ul{ display: block;}
    .top-menu ul li{ border: 0;}
    .top-menu ul li.active{ border: 1px #dbb465 solid;}
    .top-menu ul li:hover{}
    .top-menu ul li:last-child{ border-bottom: 0;}

    .sub-ul{ width: 100% !important; margin-left: 0 !important; box-shadow: none !important; color: #111; background: #fff !important; text-align: center !important;}
    .sub-ul li{ border: 0;}
    .top-menu .sub-ul li a{ color: #da9a6b !important;}
    .sub-ul.opened{ display: block; position: relative; visibility: visible; opacity: 1;}
    .sub-ul-ul.opened{ display: block !important; position: relative !important; visibility: visible !important; opacity: 1 !important; left: 0 !important; box-shadow: unset !important; text-align: center !important; transition: 0s !important;}
    .sub-ul-ul-ul.opened{ display: block !important; position: relative !important; visibility: visible !important; opacity: 1 !important; left: 0 !important; box-shadow: unset !important; text-align: center !important; transition: 0s !important;}
    .sub-ul-ul a{ background: #f6f6f6;}
    .top-menu ul li a{ padding: 10px; color: #111;}

    .top-menu ul{ border: 0;}
    .top-menu ul li{ display: block; position: relative; border-bottom: 1px #eee solid;}
    .plus{ display: block; color: #da9a6b; position: absolute; z-index: 2; top: 0; right: 0; width: 41px; height: 41px; display: flex; align-items: center; justify-content: center;}
    .minus{ display: block; color: #da9a6b;}

    .f-item{ margin-bottom: 30px;}

    .map iframe{ height: 300px;}

    .footer{ text-align: center;}

    .footer-alt .copyright{ text-align: center;}
    .footer-alt .design{ text-align: center;}

    .logo{ max-width: 100%; order: 2; z-index: 2; text-align: center; left: -15px; top: 15px;}
    .logo a img{ width: 130px; display: inline-block;}

    .mobi{ display: block; order: 3; max-width: 80px; text-align: right; padding-right: 25px;}

    .lang{ order: 1;}

    .projeler a{ display: block;}
    .projeler .img{ width: 100%; padding: 15px !important;}
    .projeler .img::after{ display: none;}
    .projeler .icerik{ width: 100%; padding: 15px !important; text-align: left !important;}

    .projeler ul li{ margin-bottom: 0px;}

    .e-bulten .text-right{ text-align: center !important; margin-bottom: 20px;}
    .e-bulten .ebltn{ max-width: 100%;}

    .hkkmzd a{ display: block;}
    .hkkmzd .img{ width: 100%; margin-bottom: 20px;}
    .hkkmzd .icerik{ width: 100%; padding: 0 !important; text-align: left !important;}

    .proje-list a{ display: block;}
    .proje-list .img{ width: 100%; margin-bottom: 20px;}
    .proje-list .icerik{ width: 100%; padding: 0 !important; text-align: left !important;}
    .proje-list ul li{ margin-bottom: 30px;}

    .referans-list ul li{ width: 25%;}

    .projeler::before{ display: none;}
    .projeler::after{ display: none;}

    .projeler ul::before{ display: none;}
    .projeler ul::after{ display: none;}

    .ikonlar ul{ display: block;}
    .ikonlar ul li{ width: 100%; border: 0;}
    .ikonlar .img{ width: 120px;}
    .ikonlar ul li:nth-child(2) .img{ width: 120px;}

    .search{ position: static;}
    .search .srch-box{ margin-right: 0; right: 10px; width: calc(100% - 11px); margin-top: 10px;}
    .search .srch-box input[type=text]{ border-radius: 20px;}

    .breadcrumb{ text-align: center;}

    .kat-list ul li{ width: 50%;}
    .kat-list ul li .img{ order: 1 !important;}
    .kat-list ul li .icerik{ order: 2 !important;}

    .takimListe ul li .icerik{ position: relative; width: 100%; left: 0;}

    .kalite{ display: block;}
    .kalite .img{ width: 100%; margin-right: 0; margin-bottom: 30px;}
    .kalite .icerik{ width: 100%;}

    .tarihce .tarihceCarou .item{ display: block; padding-right: 0;}
    .tarihce .tarihceCarou .item .img{ width: 100%; margin-right: 0; margin-bottom: 20px;}
    .tarihce .tarihceCarou .item .icerik{ width: 100%;}
    .tarihce .tarihceCarou .item .icerik h2{ margin-bottom: 20px;}

    .tarihce .tarihceCarou .item .icerik p{ margin-bottom: 50px;}
    .detayMenu a{ display: inline-block; margin-bottom: 10px;}

    .haberListe ul li{ width: calc(50% - 15px);}
    .haberListe ul li:nth-child(2n){ margin-right: 0;}
    .haberListe ul li:nth-child(3n){ margin-right: auto;}

    .marisitTarihce a{ display: block;}
    .marisitTarihce .sol{ width: 100%; margin-bottom: 30px;}
    .marisitTarihce .sag{ width: 100%; padding-bottom: 30px; }

    .vitrinAlan{ display: block; padding: 0 15px;}
    .vitrinAlan .sol{ margin-right: 0; margin-bottom: 20px;}

    .slider .miniSlider .sol{ display: none;}

    .konsept{ display: none;}
    .bg-img::before{ display: none;}

    .f-social{ position: relative; right: 0;}

    .head{ padding: 10px 0;}
    .head .row{ justify-content: space-between;}

    .slider{ margin-top: 60px;}

    .footer .br{ border: 0;}
}

@media(max-width: 768px)
{
    .referans-list ul li{ width: 33.333%;}

    .urunListe ul li{ width: calc(50% - 15px);}
    .urunListe ul li:nth-child(2n){ margin-right: 0;}
    .urunListe ul li:nth-child(3n){ margin-right: auto;}

    .haberListe ul li{ width: 100%; margin-right: 0;}
    .haberListe ul li:nth-child(2n){ margin-right: 0;}
    .haberListe ul li:nth-child(3n){ margin-right: 0;}

    .postit{ display: none;}

    .urunkategoriler ul{ display: block;}
    .urunkategoriler ul li:nth-child(5n+1){ height: 300px;}
    .urunkategoriler ul li:nth-child(5n+2){ width: 100%; height: 300px;}
    .urunkategoriler ul li:nth-child(5n+3){ width: 100%; height: 300px;}
    .urunkategoriler ul li:nth-child(5n+4){ margin-top: 0; width: 100%; height: 300px;}
    .urunkategoriler ul li:nth-child(5n+5){ height: 300px;}
    .urunkategoriler ul li .icerik h2{ font-size: 18px;}
}

@media(max-width: 640px)
{
    .ebulten span{ display: none;}

    .detayMenu a{ display: block; border: 0; font-size: 15px; font-weight: 500;}
}

@media(max-width: 500px)
{
    .tabs .tab-link{ width: 100%; display: block;}
    .referans-list ul li{ width: 50%;}
    .kat-list ul li{ width: 100%;}

    .slider{ margin-bottom: 20px;}

    .linkler .tel a{ font-size: 0; height: 40px;}
}

@media(max-width: 400px)
{
    .urunListe ul li{ width: 100%; margin-right: 0;}
    .urunListe ul li:nth-child(2n){ margin-right: 0;}
    .urunListe ul li:nth-child(3n){ margin-right: 0;}

    .takimListe ul li .img{ margin-bottom: 20px;}
    .takimListe ul li .icerik{ position: relative; width: 100%; left: 0; display: block; padding: 0;}
    .takimListe ul li .icerik h2{ border-right: 0; margin-bottom: 10px; font-size: 24px;}
    .linkler{ visibility: hidden;}
}

@media(max-width: 320px)
{
    .referans-list ul li{ width: 100%;}
}


.sagstatik { position: fixed; right: 0; top: 200px; z-index: 8; }
.sagstatik a.teklifiste { background-image: url('../images/form.png'); }
.sagstatik a.whatsapp { background-image: url('../images/wp.png'); }
.sagstatik a { display: block; background-color: rgba(255,255,255, .5); background-repeat: no-repeat; background-position: 15px center; background-size: 32px 32px; height: 52px; padding: 10px 25px 10px 55px; line-height: 32px; font-size:14px; font-weight:bold; margin-bottom: 10px; color: #666; border-radius: 5px 0 0 5px; box-shadow: 0 0 10px #ccc; }

.media a{ color:currentColor; }
.media a .galeri-img { text-align: center; }
.media a img { width: 100%; }
  .media a .dosya-img{ display: flex; flex-wrap: wrap; align-items: center;}
  .media a .dosya-img img { width: 118px; height: 34px; order: 2; }
  .media a .dosya-img span{ display:block; order: 1; margin-right: 10px;}

  .media a h1 { color: #000; font-size: 16px; }
.media a:hover{ text-decoration:none; }


.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video{ position:relative; }
.videoalan {  }
.embed-responsive{ height:auto; padding-bottom: 0 !important; }
.embed-responsive iframe{ height: 500px !important;}

.tab.dty ul.tabs .tab-link{ background: url(../images/tab-bg.png) no-repeat center; background-size: 100% 34px;}

@media(max-width: 991px)
{
    .embed-responsive iframe{ height: 300px !important;}
}
@media(max-width: 400px)
{
    .embed-responsive iframe{ height: 200px !important;}
}