html, body{ width: 100%;}
body{ width: 100%; height: 100%; padding: 0; margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300; color: #111; 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: 9999999999999999;}

::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{}

/* HEAD */

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

/* POSTIT */

.postit{ position: absolute; display: inline-block; top: 10%; left: 70%; text-align: center;}
  .postit .pin { 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.5); animation: box-shadow 2s infinite; }


@keyframes box-shadow {
  0% { box-shadow: 0 0 0 0 rgba(202, 170, 70, 1), 0 0 0 0 rgba(202, 170, 70, 1); }
  40% { box-shadow: 0 0 0 10px rgba(202, 170, 70, 0), 0 0 0 0 rgba(202, 170, 70, 1); }
  80% { box-shadow: 0 0 0 10px rgba(202, 170, 70, 0), 0 0 0 10px rgba(202, 170, 70, 0); }
  100% { box-shadow: 0 0 0 0 rgba(202, 170, 70, 0), 0 0 0 10px rgba(202, 170, 70, 0); }
}


.postit .content{ width: 200px; box-shadow: 0px 10px 30px rgba(0,0,0,0.1); margin-top: 0 !important; padding: 20px !important; background: #fff !important; top: 5px; border-radius: 4px; box-shadow: 0px 5px 10px rgba(0,0,0,0.5); margin-bottom: 0 !important; position: relative; z-index: 3;}
.postit .content.anim{ animation: anim 0s;}

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

.head .row{ flex-wrap: nowrap;}

.postit .content .img{ width: 100%; margin-bottom: 15px !important;}
.postit .content .img img{ width: 100%;}
.postit .content h2{ font-size: 18px !important; font-weight: 600 !important; margin-bottom: 10px !important;}
.postit .content h3{ font-size: 15px !important; font-weight: 400 !important; color: #999 !important; margin-bottom: 15px !important;}
.postit .content .detayBtn{ text-decoration: none; color: currentColor; border: 1px #111 solid; display: inline-block; padding: 3px 15px; padding-right: 30px; font-size: 13px;}
.postit .content .detayBtn{ background-image: url(../images/arrow-right.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 11px 11px;}

/* LOGO */

.logo{ max-width: 230px; width: 230px;}
.logo img{ /*width: 230px;*/ width:100%;}
.logo a{ text-decoration: none; color: currentColor; display: block;}

/* TOP MENU */

.top-menu{ width: 100%; text-align: center;}
.top-menu ul{ list-style: none; margin: 0; padding: 0;}
.top-menu ul li{ display: inline-block; position: relative;}
.top-menu ul li.active a{ color: #dbb465; font-weight: 600;}
.top-menu ul li a{ text-decoration: none; color: #000; padding: 5px 8px; font-size: 15px; display: block; font-weight: 500;}
.top-menu ul li a:hover{ color: #dbb465;}

.top-menu .sub-ul{ 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-top: 3px; margin-left: -8px;}
.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: 14px; font-weight: 400 !important; padding: 0; margin: 0; padding: 10px 20px;}
.top-menu .sub-ul li a:hover{ border: 0; color: #dbb465 !important;}

/* SEARCH */

.linkler{ max-width: 230px; position: relative; display: flex; align-items: center; justify-content: flex-end;}
.linkler .bayi a{ display: block; text-decoration: none; font-size: 14px; font-weight: 700; margin-right: 10px; color: #dbb465; padding: 5px 0;}
.linkler .bayi a{ background-image: url(../images/bayiIcon.png); background-repeat: no-repeat; background-position: left center; background-size: 32px 32px; padding-left: 30px;}
.linkler .lang{ }

/* 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.png); 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.png); 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;}

/* 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{ width: 100%; background: #ead19b; padding: calc(3% + 30px); text-align: center; margin-bottom: 60px;}
.vizyon h2{ font-size: 22px; font-weight: 300; letter-spacing: 4px; margin-bottom: 30px;}
.vizyon p{ margin-bottom: 0; font-size: 14px; margin-bottom: 50px; position: relative;}
.vizyon p::after{ content: ""; position: absolute; width: 100px; height: 1px; background: #666; bottom: -25px; left: 50%; transform: translateX(-50%);}
.vizyon p:last-child{ margin-bottom: 0;}
.vizyon p:last-child::after{ display: none;}

.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;}

/* ANASAYFA CAROU */

.anasayfaCarou{ width: 100%; margin-bottom: 30px; background: #fff; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}
.anasayfaCarou .item{ width: 25%;}
.anasayfaCarou a{ text-decoration: none; color: currentColor; outline: none; text-align: center;}
.anasayfaCarou img{ width: 100%; height: 300px; object-fit: contain; 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%; position: relative; z-index: 2; margin-top: 83px;}
.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{ margin-top: 83px;}
.banner a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.banner img{ width: 100%;}

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

/* PAGE */

.page{ margin-top: 30px; 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.takimbaslik { 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; }

/* TAKIM DETAY TAB */

.tab{ width: 100%;}
ul.tabs{ margin: 0px; padding: 0px; margin-bottom: 30px; list-style: none; background: #fff;}
ul.tabs .tab-link{ font-size: 14px; font-weight: 400; letter-spacing: 1px; flex: 1; text-align: center;}
ul.tabs li{ color: #aaa; display: inline-block; padding: 7px 20px; padding-top: 8px; cursor: pointer; font-weight: 500; position: relative; border: 1px #fff solid; user-select: none;}
ul.tabs li.tcurrent{ border: 1px #ccc solid; color: #111;}
.tab-content{ display: none; font-size: 15px; text-align: justify; background: #f5f5f5; padding: 20px; font-size: 14px;}
.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: 16px; font-weight: 400; 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: 500px; width: 100%; margin: auto; text-align: center; margin-bottom: 30px;}
.urunDetay h1{ text-align: center; font-size: 20px; font-weight: 300; letter-spacing: 2px; margin-bottom: 30px;}
.urunDetay h1 span{ color: #999;}
.urunDetay .img{ max-width: 400px; width: 100%; margin: auto; margin-bottom: 30px;}
.urunDetay .img a{ text-decoration: none; color: currentColor; display: block;}
.urunDetay .img img{ width: 100%;}
.urunDetay p{ font-size: 14px;}

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

/* 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%; 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;}
.haber-item .img{ width: 100%; margin-bottom: 20px; overflow: hidden;}
.haber-item .img img{ width: 100%; transition: 0.6s;}
.haber-item .baslik{ width: 100%;  margin-bottom: 15px;}
.haber-item .baslik h2{ font-size: 18px; font-weight: 600; margin-right: 20px; margin-bottom: 0;}
.haber-item .baslik span{ color: #999; font-size: 14px;}
.haber-item p{ font-size: 14px;}
.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{ padding: 15px; outline: none;}
.urunCarou .item a{ text-decoration: none; color: currentColor; display: block; outline: none; padding: 15px; text-align: center; border: 1px #ccc solid;}
.urunCarou .item .img{ width: 100%; margin-bottom: 20px; overflow: hidden;}
.urunCarou .item .img img{ width: 100%; 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;}

/* 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{}*/

  .vitrinAlan div:nth-child(2n+1) { margin-right: 30px; }


/* 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: 20px;}

.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: 20px; text-align: center;}
.ikonlar ul{ list-style: none; padding: 0; margin: 0; width: 100%; display: flex; align-items: center;}
.ikonlar ul li{ width: 33.333%;}
.ikonlar ul li:nth-child(1) .img{ padding-bottom: 30px;}
.ikonlar ul li:nth-child(2) .img{ width: 150px;}
.ikonlar ul li:nth-child(3) .img{ padding-top: 30px;}
.ikonlar ul li a{ text-decoration: none; color: currentColor; display: block; padding: 10px; width: 100%; align-items: center;}

.ikonlar .img{ width: 240px; margin: auto; margin-bottom: 10px;}
.ikonlar .img img{ width: 100%;}

/* 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: 400;}
.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: 400;}
.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: 400;}
.grup-elementleri .element-textarea textarea:focus{ background: #fff; border-color: #ddd;}
#formYonetimi .form-gonder-button{ background: #ead19b; border: 0; color: #111; padding: 15px 30px; font-size: 14px; font-weight: 600; }

/* BREADCRUMB */

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

/* 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-bottom: 10px; background: #fff; text-align: left;}
.footer .container{ border-top: 1px solid #ddd; padding-top: 40px;}

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

.f-social{ position: relative; z-index: 2; display: flex; justify-content: center; margin-bottom: 30px;}
.f-social a{ text-decoration: none; color: currentColor; width: 30px; 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;}
.f-item h1{ font-size: 15px; font-weight: 600; margin-bottom: 20px; color: #111;}
.f-item ul{ list-style: none; padding: 0; margin: 0;}
.f-item ul li{ display: block; margin-bottom: 10px; font-size: 14px; font-weight: 400; color: #111;}
.f-item ul li a{ width: 100%; display: inline-block; text-decoration: none; color: #111; font-size: 14px; font-weight: 400;}
.f-item ul li a b{ font-size: 22px; font-weight: bold; color: #111; font-weight: 600;}
.f-item ul li b{ font-size: 22px; font-weight: 600; color: #111;}
.f-item ul li a span{ color: #dbb465; font-weight: 400;}
.f-item ul li span{ color: #dbb465; font-weight: 400;}

/* FOOTER ALT */

.footer-alt{ width: 100%; background: #fff; padding-top: 15px; padding-bottom: 15px; position: relative; z-index: 2; bottom: 0; color: #111;}
.footer-alt .container{ border-top: 1px #ddd solid; padding-top: 15px;}
.footer-alt .copyright{ text-align: left; font-size: 13px; font-weight: 400;}
.footer-alt .design{ text-align: right; font-size: 13px; font-weight: 400;}
.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: 24px; font-weight: 500; margin-bottom: 20px; color: #dbb465; text-align: center;}

.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;}

.dsktp{ display: block;}
.mbl{ display: none;}

.medya a{ width: 100%; padding-bottom: 100%; position: relative;}
.medya a img{ width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}

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

@media(max-width: 1200px)
{
    .head .container{ max-width: 1000px;}
    .logo img{ width: 150px;}
    .anasayfaCarou img{ height: 270px;}
    .banner{ margin-top: 73px;}
}

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

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

    .linkler{ max-width: 150px;}
    .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%; padding: 15px; padding-top: 110px; overflow: auto; overflow-x: hidden;}
    .top-menu.opened{ visibility: visible; left: 0;}

    .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;}
    .top-menu ul li a{ padding: 10px; color: #111;}

    .top-menu ul{ border-bottom: 0;}
    .top-menu ul li{ display: block; position: relative; border-bottom: 1px #eee solid;}
    .plus{ cursor: pointer; display: block; color: #da9a6b; position: absolute; z-index: 2; top: 0; right: 0; width: 100%; height: 42px; display: flex; align-items: center; justify-content: flex-end;}
    .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;}
    .logo a img{ width: 170px; display: inline-block;}

    .mobi{ display: block; order: 3; max-width: 120px; 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%;}
    .ikonlar .img{ width: 180px;}
    .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{ margin-top: 87px;}
    .slider .miniSlider .sol{ display: none;}

    .vitrinAlan div:nth-child(2n+1){ margin-right: 0; margin-bottom: 20px;}

    .top-banner{ margin-top: 80px;}

    .anasayfaCarou .item{ width: 50%;}
}

@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;}
}

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

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

    .anasayfaCarou img{ height: 230px;}

    .urunListe ul li h2{ font-size: 14px;}

    .banner img{ display: none;}
    .top-banner img{ display: none;}

    .dsktp{ display: none;}
    .mbl{ display: block; margin-top: 80px;}
    .mbl a{ text-decoration: none; color: currentColor; display: block; outline: none;}
    .mbl img{ width: 100%;}
}

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

    .slider{ margin-bottom: 20px;}

    .linkler .bayi a{ font-size: 0; height: 40px;}
    .linkler{ justify-content:flex-start;}

    .linkler .bayi a{ white-space:nowrap; margin-right: 0; font-size: 12px; font-weight: 400; padding-left: 0; background-position: top center; padding-top: 30px; margin-bottom: 7px;}
    
    .anasayfaCarou img{ height: 200px;}
}

@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;}

    .anasayfaCarou img{ height: 180px;}
}

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