body {font-family: 'Red Hat Display', sans-serif !important;}

/*Tepe*/

.tepealan{position:relative; z-index:40;}

.tepe{font-size:14px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); padding:20px 0;}

.tepe a{font-size:14px; color:#fff;}

.tepe a:hover{color:#009345;}

.cizgili{border-left:1px solid #fff;}

.logo{width:285px;}

.tepebas{display:block;}

.menu{}

.menu a{color:#fff; font-size:22px; align-self:center;}

.menu a:hover{color:#fff;}

.menu a.aktif {color:#fff;}

.menu a span{display:block; background:#009345; height:3px; margin-top:5px; opacity:0; width:0; transition:.2s;}

.menu a:hover span{ opacity:1; width:100%;}

.menu a.aktif span{ opacity:1; width:100%;}



/*Açılır Menü*/

.menu .menuac{display:inline-block; position:absolute; width:200px; color:#fff; background:#fff; top:50px; left:0; padding:20px;}

.menu .menuac a{font-size:16px !important; display:block; padding:5px 0; font-weight: 600;}

.menu .menudiz{color:#fff; font-size:22px; cursor:pointer; position:relative; align-self:center;}

.menu .menudiz:hover{color:#fff;}

.menu .menudizaktif{color:#fff;}

.menu .menudiz span.altcizgi{display:block; background:#009345; height:3px; margin-top:5px; opacity:0; width:0; transition:.2s;}

.menu .menudiz:hover span.altcizgi{ opacity:1; width:100%;}

.menu .menudizaktif span.altcizgi{ opacity:1; width:100%;}

.menu .menuac a{color:#009345 !important;}

.menu .menuac a:hover{color:#009345}

.minimenualan{display:none;}

.minimenu{display:none;}



/*Slider*/

.slideralan{margin-top:-125px; position:relative; z-index:1;}

.slideryazi{position:absolute; top:60%; transform:translateY(-50%)}

.slideryazi .baslik{font-size:64px; font-weight:500; color:#fff; line-height:72px;}

.slideryazi .aciklama{font-size:28px; font-weight:400; color:#fff; margin-top:30px;}

.s-buton{border-radius:50px; color:#fff; background:#009345; font-weight:500; font-size:16px; padding:15px 45px; display:inline-block; margin-top:40px;}

.s-buton:hover{color:#fff; background:#009345; padding:15px 65px;}

.solok, .sagok{color:#fff; font-size:30px; position:absolute; z-index:99; top:50%; transform:translateY(-50%); border:2px solid #fff; padding:10px 30px;}

.solok{border-top-left-radius:50px; border-bottom-left-radius:50px;}

.sagok{right:0; border-top-right-radius:50px; border-bottom-right-radius:50px;}

.solok:hover, .sagok:hover{color:#fff; background:#009345; border:2px solid #009345;}



/*AnaSayfa*/

.anahak{font-size:20px; color:#444;}

.anahak b{font-size:30px; font-weight:400;color:#444;}

.anahak a{display:inline-block; color:#fff; background:#009345; border-radius:50px; padding:15px 60px; font-size:14px;}

.anahak a:hover{padding:15px 80px; color:#fff;}

.anaresler{padding-top:80px; padding-bottom:140px;}

.anahak .res1{position:absolute; width:35%; z-index:5; top:20px; right:-40px;}

.anahak .res2{position:absolute; width:60%; z-index:5; bottom:40px; left:40px;}

.anahak .res3{position:relative; width:100%; z-index:1;}

.katalog{background:#214F56; text-align:center;}

.katalog img{margin-top:-40px;}

.katalog .baslik{font-size:30px; color:#fff;}

.katalog a{font-size:12px; color:#fff; display:inline-block}

.katalog a:hover{color:#009345;}

.katalog a i{font-size:8px; margin-left:10px;}

.haberler{background:#f8f8f8; padding:15px 0 0 0;}

.haberler .tarih{font-size:12px; margin-top:40px;}

.haberler .baslik{font-size:30px; line-height:35px; font-weight:400; margin-top:40px;}

.haberler .aciklama{font-size:16px; margin-top:20px;}

.haberler a{font-size:14px; display:inline-block; color:#000; margin-top:50px;}

.haberler a i{font-size:10px; display:inline-block; margin-left:20px;}

.tumhaberler{background:#dfdfdf; padding:20px;}

.tumhaberler a{color:#000;}

.tumhaberler a:hover{color:#009345;}

#haberok button{border:none; background:none; font-size:24px; color:#aaa;}

#haberok button:focus{outline:none !important;}

#haberok button:hover{color:#009345;}



/*İç Sayfalar*/

.icheaderalan{background:#214F56;}

.icbaslik{height:325px; background:url('../assets/images/icbaslik.jpg') no-repeat; background-size:cover; position:relative; z-index:10;}

.navigasyon{font-size:12px; color:#fff;}

.navigasyon a{font-weight:600; color:#fff;}

.navigasyon a:hover{color:#009345;}

.icbaslik .baslik{font-size:72px; font-weight:500; color:#fff;}



.icalan{position:relative; z-index:15;}

.icalan-2{position: relative;z-index: 15;display: flex; justify-content: center;}

.icalan .sayfares{margin-top:-100px;}

.sayfayaz{font-size:24px; line-height:44px;}



.icerikyaz{background:#fff; padding:70px 50px; margin-top:-100px; }

.icerikyazdetay{background:#fff; padding:0; margin-top:-100px; }



/*Haberler*/

.haberdiz{border:1px solid #eee; padding:15px;margin-bottom:30px;}

.haberdiz .tarih{font-size:12px;}

.haberdiz .baslik{font-size:24px; line-height:35px; font-weight:400;}

.haberdiz .aciklama{font-size:16px;}

.haberdiz a{font-size:14px; display:inline-block; color:#000;}

.haberdiz a:hover{color:#009345}

.haberdiz a i{font-size:10px; display:inline-block; margin-left:20px;}



.haberdetay .tarih{font-size:12px;}

.haberdetay .baslik{font-size:48px; line-height:55px; font-weight:500;}

.haberdetay .aciklama{font-size:20px; line-height:35px;}





/*UrunGrup Slider*/

.urungrup{background:#fff; margin-top:-150px; padding:40px;}

.ug-baslik{color:#214F56; font-size:20px; font-weight:700;}

.ara{padding:10px 20px; border-radius:50px; border:1px solid #214F56;}

.ara input{ background:none; border:0; color:#214F56;}

.ara a{font-size:12px; color:#009345; font-weight:600; }

.ara a:hover{color:#aaa}

.ara a i{font-size:14px;}

.k-oklar{display:inline-block; margin-left:40px;}

.k-oklar button{border:none; background:none; font-size:24px; color:#aaa;}

.k-oklar button:focus{outline:none !important;}

.k-oklar button:hover{color:#009345;}



.urungrupdiz{border:2px solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.urungrupdiz:hover{border:2px solid #009345; border-radius:50px; }

.urungrupdiz .buton{border:1px solid #aaa; border-radius:50px; color:#aaa; padding:10px 20px; margin-top:40px; transition:.2s;}

.urungrupdiz .adi{    color: #202020;

    margin-bottom: 20px;

    font-weight: 500;

    font-size: 25px;

    margin-top: 20px;}

.urungrupdiz:hover .buton{border:1px solid #009345; background:#009345; color:#fff;}



/*Ürün Detay*/

.udetay{background:#f8f8f8;}

.udetayyaz{padding-bottom: 50px;}

.udetayyaz .ugbas{font-size:24px;}

.udetayyaz .ubas{font-size:36px; font-weight:500;}

.kataloggor{background:#214F56;}

.kbas{font-size:48px; color:#fff;}

.klink{font-size:16px; color:#fff;}

.klink:hover{font-size:16px; color:#009345;}

.klink i{font-size:12px; margin-left:20px;}

.kres{top:-140px; right:80px;}



/*İletişim*/

.iletisimmap{height:340px; width:100%; margin-top:-100px;}

.iletisimbaslik{font-size:32px; font-weight:500; }

.ib-diz{border-radius:60px; border:1px solid #ccc; height: 165px;}

.ib-diz i{font-size:30px; color:#999}

.ib-link{width:100%; display:inline-block; border:1px solid #ccc; padding:10px 0; border-radius:30px; font-size:13px; color:#aaa; float:right;}

.ib-link:hover{color:#fff; background:#aaa; border:1px solid #aaa; }

.if-input{padding:15px 20px; border:1px solid #ccc; font-size:14px; color:#666; width:100%;}

.if-textarea{padding:15px 20px; border:1px solid #ccc; font-size:14px; color:#666; width:100%; height:150px;}

.gonderbut{border-radius:50px; background:#009345; font-size:14px; color:#fff; border:none; padding:15px 30px; float:right;}

.gonderbut:focus{outline:none !important;}

.gonderbut:hover{background:#214F56; font-size:14px; padding:15px 50px; float:right;}

.basarili{font-size:12px; color:#009345;}





/*Footer*/

.footeralan{background:#1A1B23;}

.footerlogo{width:200px;}

.footeralan .adres{color:#fff; font-size:14px;}

.footeralan .telefon{color:#009345; font-size:20px; font-weight:600;}

.footeralan .telefon:hover{color:#fff;}

.footeralan .mail{color:#fff; font-size:14px;}

.footeralan .mail:hover{color:#009345;}

.footermenu{padding:0 60px; height:100px; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2);}

.footermenu a{color:#fff; font-size:16px;}

.footermenu a:hover{color:#009345;}

.sosyal{}

.sosyal a{display:inline-block; font-size:25px; color:#fff; margin-left:10px;}

.sosyal a:hover{color:#009345;}

.copyright{border-top:1px solid rgba(255,255,255,0.2); padding:20px 0; font-size:12px; color:#fff;}

.fides{display:inline-block; width:100px;}



/*İletişime Geç*/

.iletisimegecalan{background:url('../assets/images/img-contact-banner.png') center top; padding-top:110px;}

.ig-taban{height:200px;}

.ig-bas{font-size:32px; color:#fff;}

.ig-buton{font-size:16px; font-weight:600; color:#009345; background:#fff; border-radius:50px; padding:15px 40px;}

.ig-buton:hover{color:#009345; background:#214F56;}



@media (max-width: 1440px) {

    .ig-bas{font-size:22px;}

    .menu a{color:#fff; font-size:16px;}

    .menu .menudiz{font-size:16px;}

    .slideryazi .baslik{font-size:38px; line-height:46px;}

    .slideryazi .aciklama{font-size:22px; margin-top:20px;}

    .s-buton{margin-top:20px;}

    .slideryazi{top:50%; transform:translateY(-50%)}

    .anahak b{font-size:26px; font-weight:400; line-height:32px;}

    .haberler .tarih{margin-top:0;}

    .haberler .baslik{margin-top:10px;}

    .haberler .aciklama{margin-top:10px;}

    .haberler a{margin-top:10px;}



}



@media (max-width: 1200px) {



}



@media (max-width: 1000px) {

.ustiletisim{display:none !important;}

.menu{display:none;}

.minimenu{display:inline-block; font-size:25px;}

.minimenubuton{color:#fff;}

.dilbut{display:none;}

.minimenualan{display:block; position:fixed; width:0; height:100%; background:#214F56; z-index:999; overflow:hidden; margin-left:100%;}

    .minimenualan a{font-size:24px; color:#fff; padding:15px 0;}

    .minimenualan .menukapat{position:absolute; font-size:28px; color:#fff; right:25px; top:25px; cursor:pointer;}

.tepebas{display:none !important;}

.iletisimfooter{margin-top:40px;}

.urungrup{margin:40px 0 0 0; padding:15px;}

.k-oklar{margin-left:0px;}

.ara input{font-size:12px;}

.anahak .res1{position:absolute; width:35%; z-index:5; top:20px; right:40px;}

.anahak{padding-bottom:40px;}

.anahak b{font-size:22px;}

.haberler a{margin-bottom:40px;}

.iletisimegecalan{display:none;}

.footermenu{display:none !important;}

.kres{display:none;}

.ara{margin-top:40px;}

.icbaslik .baslik{font-size:44px;}

.sayfayaz{font-size:20px; line-height:28px;}

.haberdetay .baslik{font-size:34px; line-height:38px;}

.haberdetay .aciklama{font-size:18px; line-height:28px;} 

.icerikyaz{padding:40px 20px;}

.ib-diz i{font-size:24px;}



 }



 .urunler-grup {

    background-color: #f5f5f5;

    padding-top: 125px;

    padding-bottom: 125px;

    padding-left: 50px;

    padding-right: 50px;

    border-top-right-radius: 200px;

    border-top-left-radius: 200px;

    border-bottom-right-radius: 200px;

    border-bottom-left-radius: 200px;

    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;

 }



 .__item {

    position: relative;

    overflow: hidden;

}



.__image {

    position: relative;

}



.__title {

    position: absolute;

    top: 45%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: rgba(0, 128, 0, 0.7); /* Yeşil renk */

    color: #fff;

    padding: 5px;

    margin: 0;

    opacity: 0;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: opacity 0.3s ease;

}



.__item:hover .__title {

    opacity: 1;

}



.h1, h1 {

    font-size: 60px !important;

    font-weight: 700 !important;

}





.anaalan {

    padding-top: 50px;

    padding-bottom: 50px;

}



.tanitim {

    width: 100%;

    height: auto;

}





.sagnokta {

    position: absolute;

    width: 170px;

    right: -155%;

    top: 0;

}



.solnokta {

    position: absolute;

    width: 285px;

    left: -20%;

    bottom: 0;

}



.info-blok {

    padding-top: 75px;

    padding-bottom: 75px;

}



.icongrup {

    display: flex;

    flex-direction: column;

    align-content: center;

    justify-content: center;

    align-items: center;

    height: 235px;

}



.icongrup img {

    width: 100px;

    display: block;

    margin: auto;

    transition: transform 0.3s ease;

}



.icongrup:hover img {

    transform: scale(1.1);

}



.icongrup h3 {

    margin-top: 15px;

}



.icongrup p {

    text-align: center;

}



.eimg {

    max-width: 100%;

    height: auto;

}



.e-katyazi {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

}



.e-katyazi h1 {

    color: #009345;

}



.ekatalog {

    position: relative;

}



.ekatalog .eimg {

    transition: transform 0.3s ease;

}



.ekatalog:hover .eimg {

    transform: translateX(10px);

}



.ekatalog .s-butons {

    transition: color 0.3s ease, transform 0.3s ease;

}



.ekatalog:hover .s-butons {

    transform: translateX(-5px);

}



.s-butons {

    border-radius: 50px;

    color: #fff;

    background: #009345;

    font-weight: 500;

    font-size: 16px;

    padding: 15px 45px;

    display: inline-block;

    margin-top: 20px;

}





.e-katyazi {

    display: flex;

    align-items: flex-start;

}





.dizi-2 {

    display: flex;

}



.urundetayresim {

    margin: auto;

    display: flex;

    align-content: center;

    justify-content: center;

}