/*Kurumsal*/
.kurumsal{background:#f1f1f1; padding:40px 0;}
.kurumsal .anabaslik{font-size:62px; letter-spacing:-3px; font-weight:700; color:#000000;}
.kurumsal .anaacikla{font-size:16px; display: -webkit-box; -webkit-line-clamp: 11;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.kurumsal img {max-width: 100%; border-radius: 20px 0px;}
.kurumsal .dizi {align-items: center;}
.ozel-urun-alan .dizi{row-gap:20px;}
.ozel-urun-alan .text-center{padding-right:30px;}
.ozel-urun-alan .text-center + .col-12{padding-left:30px;}

/*ürün Grupları*/
.grupalan{position:relative; z-index:10;}
.grupbaslikalan{height:60px; position:relative; top:-145px;}
.grupbaslik{background:rgba(41,32,129,0.80); padding:0 25px; color:#fff; position:relative;}
.grupbaslik .baslik{color:#fff; margin-left:15px; font-weight:500; font-size:16px;}
.grupbaslik svg{width:20px;}
.grupbaslik svg path{fill:#6a7243;}
.grupyaz{background:#F1F1F1; position:relative; margin-top:-145px;}

.grupyaz .urungrupdiz{display:block; text-align:center; color:#444; border-right:1px solid rgba(0,0,0,0.1); padding:30px 0 40px 0;}
.grupyaz .urungrupdiz .baslik{display:block; padding:0 0 30px 0; font-size:20px;}
.grupyaz .urungrupdiz .say{display:block; font-size:50px; font-weight:700; line-height:50px;}
.grupyaz .urungrupdiz .sayyaz{display:block; font-size:20px; font-weight:400;}
.grupyaz .urungrupdiz .ikon{display:block; font-size:90px; transition:.2s;}
.grupyaz .urungrupdiz:hover .ikon{color:#6a7243; transform:scale(1.1);}
.grupyaz .urungrupdiz:hover .baslik,.grupyaz .urungrupdiz:hover .say,.grupyaz .urungrupdiz:hover .sayyaz{color:#444;}

.urungrupoklar{margin-left:15px;}
.urungrupoklar button{background:none; border:none; color:#fff; transition:.2s;}
.urungrupoklar button:hover{color:#6a7243;}
.urungrupoklar button.owl-next:hover{transform:translateX(5px);}
.urungrupoklar button.owl-prev:hover{transform:translateX(-5px);}

/*Arama*/
.aramaalan{background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); width:100%; position:relative; z-index:2; padding:50px 0 50px 0;}
.aramaalan .container{position:relative; z-index:10;}
.aramaalan .arama{padding:100px 0;}
.aramaalan .sol{position:relative; z-index:20;}
.aramaalan .sol .logo{width:230px;}
.aramaalan .sol .baslik{font-size:82px; line-height:87px; font-weight:700; color:#000000; letter-spacing:-2px; margin:25px 0;}
.aramaalan .sol .h-buton{margin-top:5px; position:relative; z-index:30;}
.aramaalan .sol .tum-urunler-buton{pointer-events:auto; cursor:pointer;}

.aramaalan .sag{}
.aramaalan .sag .baslik{font-size:16px; color:#000000;}
.aramaalan .sag .ara{background:#fff; border-radius:15px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); padding:8px; margin:25px 0;}
.aramaalan .sag .ara input{background:none; border:none; height:52px; font-size:22px; font-weight:300; padding:0 20px;}
.aramaalan .sag .ara .buton{color:#fff; background:#000000; font-size:24px; padding:0 25px; border-radius:10px;}
.aramaalan .sag .ara .buton:hover{background:#6a7243;}
.aramaalan .sag .acikla{font-size:12px; color:#000000;}


.anahakk{}
.anahakk .kucukbaslik{font-size:24px; font-weight:700;}
.anahakk .baslik{font-size:52px; font-weight:700; color:#6a7243; letter-spacing:-3px; line-height:58px;}
.anahakk .acikla{font-size:16px; font-weight:300; margin-top:45px;}
.anahakk .sag{text-align:center;}
.anahakk svg{width:50%;}
.anahakk svg path{fill:#6a7243;}

/*Faaliyet Alanları*/
.faaliyetalan{background:#f1f1f1; padding:40px 0;}
.faaliyetalan .anabaslik{font-size:62px; letter-spacing:-3px; font-weight:700; color:#000000;}
.faaliyetalan .anaacikla{font-size:16px;}
.faaliyetalan .faaliyetler{margin-top:40px;}
.faaliyetalan .faaliyetler .faaliyetdiz{border-radius: 20px 0px; padding:45px; background:#6a7243; color:#fff; transition:.3s; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);}
.faaliyetalan .faaliyetler .faaliyetdiz:hover{border-radius: 0px 20px;  color:#fff; transform:translateY(-15px)}
.faaliyetalan .faaliyetler .faaliyetdiz:hover .ikon i{transform:scale(1.2)}
.faaliyetalan .faaliyetler .faaliyetdiz .ikon{font-size:62px; color:#fff;}
.faaliyetalan .faaliyetler .faaliyetdiz .ikon i{transition:.3s;}
.faaliyetalan .faaliyetler .faaliyetdiz .baslik{font-size:24px; letter-spacing:-1px; font-weight:300;}
.faaliyetalan .faaliyetler .faaliyetdiz .say{font-size:52px; line-height:57px; font-weight:700;}
.faaliyetalan .faaliyetler .faaliyetdiz .sayjson{font-size:52px; line-height:57px; font-weight:700;}
.faaliyetalan .faaliyetler .faaliyetdiz .acikla{font-size:16px; font-weight:500;}
.faaliyetalan .faaliyetler .urun-kategori-kart{min-height:260px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.faaliyetalan .faaliyetler .urun-kategori-kart > a{position:relative; z-index:2; display:block; height:100%; color:#fff;}
.faaliyetalan .faaliyetler .urun-kategori-kart > a:hover{color:#fff;}
.faaliyetalan .faaliyetler .urun-kategori-kart.resimli:before{content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.72)); transition:.3s;}
.faaliyetalan .faaliyetler .urun-kategori-kart.resimli:hover:before{background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.82));}
.faaliyetalan .faaliyetler .urun-kategori-kart.resimli .ikon,
.faaliyetalan .faaliyetler .urun-kategori-kart.resimli .baslik,
.faaliyetalan .faaliyetler .urun-kategori-kart.resimli .say,
.faaliyetalan .faaliyetler .urun-kategori-kart.resimli .acikla{position:relative; z-index:2; color:#fff;}


/*Şubeler*/
.subeleralan{padding:70px 0;}
.subeleralan .logo img{width:135px;}
.subeleralan .baslik{font-size:62px; letter-spacing:-3px; font-weight:700; color:#6a7243; line-height:68px; margin:15px 0;}
.subeleralan .acikla{font-size:16px;}

/*Ürünler*/
.urunleralan{padding:70px 0; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 50%, rgba(255,255,255,1) 100%);}
.urunleralan .anabaslik{font-size:62px; letter-spacing:-3px; font-weight:700; color:#000000; line-height:68px; margin:0;}
.urunleralan .urunler{margin-top:40px;}
.urunleralan .urunler a{display:block;}
.urunleralan .urunler a:hover{transform:translateY(-10px)}
.urunleralan .urunler span{display:block;}
.urunleralan .urunler .baslik{font-size:20px; font-weight:700; color:#444; margin:20px 0 10px 0;}
.urunleralan .urunler .acikla{font-size:16px; font-weight:400; color:#444;}
.urunleralan .urunler .stokkodu {font-size: 24px;color: #6a7243;font-weight: 700;}
.urunleralan .urunler .aracmodel {font-size: 16px;color: #444;font-weight: 700;}
.urunleralan .urunler .stokadi {font-size: 16px;color: #444;font-weight: 300;}
.urunleralan .urunler a {
	display: block;
	color: #444;
	border: 1px solid #ddd;
	background: #fff;
	margin: 12px 0;
	padding: 15px;
	transition: .2s;
	cursor: pointer;
}


/*Haberler*/
.haberalan{padding:70px 0;}
.haberalan .anabaslik{font-size:62px; letter-spacing:-3px; font-weight:700; color:#000000; line-height:68px; margin:0;}
.haberalan .haberler{margin-top:40px;}
.haberalan .haberler a{display:block;}
.haberalan .haberler a:hover{transform:translateY(-10px)}
.haberalan .haberler span{display:block;}
.haberalan .haberler .baslik{font-size:20px; font-weight:700; color:#444; margin:20px 0 10px 0;}
.haberalan .haberler .acikla{font-size:16px; font-weight:400; color:#444;}

/*Katalog*/
.katalogalan{padding:70px 0; background:#f1f1f1;}
.katalogalan .baslik{font-size:62px; letter-spacing:-3px; font-weight:700; color:#000000; line-height:68px; margin:15px 0;}
.katalogalan .acikla{font-size:16px;}
.katalogalan .katalogresim{position:relative;}
.katalogalan .katalogresim img{position:absolute; width:100%; left:50%; top:-50px; transform:translateX(-50%);}

/*Galeri*/
.galerialan{padding:40px 0 40px 0;}
.galerialan .baslik{font-size:62px; letter-spacing:-3px; font-weight:700; color:#000000; line-height:68px; margin:15px 0;}
.galerialan .galeriler{margin-top:40px;}
.galerialan .galeriler .galeridiz{display:block; height:250px; overflow:hidden;}
.galerialan .galeriler .galeridiz span{display:block; width:100%; height:100%; background-size:cover; transition:.4s; filter:grayscale(1)}
.galerialan .galeriler .galeridiz:hover span{transform:scale(1.2); filter:grayscale(0)}
.galerialan .galerilermobil{display:none;}
.galerialan .galerilermobil .galeridiz{display:block; height:400px; overflow:hidden;}
.galerialan .galerilermobil .galeridiz span{display:block; width:100%; height:100%; background-size:cover; transition:.4s; filter:grayscale(1)}
.galerialan .galerilermobil .galeridiz:hover span{transform:scale(1.2); filter:grayscale(0)}


/*Laptop*/
@media (max-width: 1460px) {
.aramaalan .sol .baslik{font-size:72px; line-height:77px;}
.anahakk .baslik{font-size:38px; line-height:42px;}
.faaliyetalan .anabaslik, .subeleralan .baslik, .katalogalan .baslik, .galerialan .baslik, .haberalan .anabaslik{font-size:52px; line-height:58px; letter-spacing:-2px;}
.faaliyetalan .faaliyetler .faaliyetdiz .baslik{font-size:20px;}
}

/*Tablet*/
@media (max-width: 1150px) {
    .aramaalan .sol .baslik{font-size:52px; line-height:57px;}
    .galerialan .galeriler{display:none;}
    .galerialan .galerilermobil{display:block;}
    .faaliyetalan .anabaslik, .subeleralan .baslik, .katalogalan .baslik, .galerialan .baslik, .haberalan .anabaslik{font-size:42px; line-height:48px; letter-spacing:-2px;}
}

/*Mobil*/
@media (max-width: 968px) {
    .aramaalan .sol .baslik{font-size:44px; line-height:44px;}
    .aramaalan .sag .baslik{font-size:16px; margin:25px 0;}
    .aramaalan .sag .ara input{font-size:14px;}
    .aramaalan svg.gradientgb{display:none;}
    .aramaalan .arama{padding:50px 0;}
    .anahakk .baslik{font-size:32px; line-height:37px; letter-spacing:-1px;}
    .anahakk .kucukbaslik{font-size:16px;}
    .anahakk .acikla{margin-top:25px;}
    .anahakk .sag svg{display:none;}
    .katalogalan .katalogresim{display:none;}
    .ozel-urun-alan .text-center{padding-right:15px;}
    .ozel-urun-alan .text-center + .col-12{padding-left:15px;}
}