/*
	Oyos Yazılım
	09 Temmuz 2019 - ismail ihsan bülbül - e-ben@msn.com
*/
body {font-family: 'PT Sans', sans-serif; font-size:14px; color:#4a4a4a; background:url('../images/bg.jpg') top center no-repeat #ffff;}
a {color:#1e1e1e;}
a:hover {}
p {margin-bottom:10px;}
strong {font-weight:700;}

.hbilgi {width:160px; float:left; margin-left:80px;}
	.hbilgi>span {width:100%; float:left; color:#4f4f4f; font-size:18px; font-weight:700;}
	.hbilgi>small {width:100%; float:left; text-align:center; color:#558938; text-decoration:underline;}

	.hbilgi.csaat {width:190px; color:#7d916f;}
	.hbilgi.csaat>span {font-size:15px; color:#5c667a;}
	.hbilgi.csaat .cs_bilgi {width:100%; float:left;}
	.hbilgi.csaat .cs_bilgi b {font-size:15px; color:#00133b;}
	.hbilgi.csaat .cs_bilgi span {width:32px; height:4px; border-radius:4px; overflow:hidden; background:#364360; display:inline-block; margin-bottom:3px;}
	.hbilgi.csaat .cs_bilgi i {width:70%; float:left; height:4px; display:block; border-radius:4px; background:#ed832b;}

header {width:100%; float:left; position:relative; z-index:99;}
	header #hust {width:100%; float:left;}
	header #hust #hu_ort {width:1200px; padding:25px 0; margin:auto;}
	header #hust #hu_ort h1 {float:left;}
	header #hust #hu_ort h1 a {width:223px; height:65px; display:block; text-indent:-9999px; background:url('../images/logo.png') center center no-repeat;}

	header #hust #hu_ort .hbilgi {margin-top:10px;}
	header #hust #hu_ort .hbilgi span {}
	header #hust #hu_ort .hbilgi small {}

	header #hust #hu_ort ul#hdiller {list-style:none; float:right; margin-top:15px; position:relative; z-index:9;}
	header #hust #hu_ort ul#hdiller>li {float:left; position:relative;}
	header #hust #hu_ort ul#hdiller>li>a {width:145px; height:35px; background:#ed832b; display:block; line-height:35px; color:#fff; padding-left:20px; border-radius:35px; transition:all 0.5s; box-sizing:border-box; position:relative; z-index:9;}
	header #hust #hu_ort ul#hdiller>li>a>i {float:right; width:25px; height:25px; background:#588d3a; color:#fff; border-radius:100%; line-height:25px; text-align:center; margin-top:5px; margin-right:5px;}

	header #hust #hu_ort ul#hdiller>li>a:hover, header #hust #hu_ort ul#hdiller>li>a.aktif {background:#588d3a;}
	header #hust #hu_ort ul#hdiller>li:hover>ul {display:block;}

	header #hust #hu_ort ul#hdiller>li>ul {position:absolute; top:20px; padding:25px 15px 15px 15px; width:145px; box-shadow:0 0 5px #c7c7c7; border-radius:0 0 10px 10px; list-style:none; box-sizing:border-box; display:none; background:#fff;}
	header #hust #hu_ort ul#hdiller>li>ul>li {width:100%; float:left;}
	header #hust #hu_ort ul#hdiller>li>ul>li>a {height:30px; line-height:30px; width:100%; float:left;}
	header #hust #hu_ort ul#hdiller>li>ul>li>a:hover {color:#00133b; font-weight:700;}
	header #hust #hu_ort ul#hdiller>li>ul>li>a>i {float:right; line-height:30px;}

	header #halt {width:100%; float:left;}
	header #halt #ha_ort {width:1200px; margin:auto;}
	header #halt #ha_ort>ul {list-style:none; float:left; width:100%; height:55px; line-height:55px; background:#ed832b; border-radius:10px;}
	header #halt #ha_ort>ul>li {float:left; margin-left:10px; margin-top:7px; position:relative;}
	header #halt #ha_ort>ul>li>a {color:#fff; font-size:16px; font-weight:700; padding:0 20px; height:40px; display:block; float:left; line-height:40px; border-radius:40px; position:relative; z-index:99;}
	header #halt #ha_ort>ul>li>a.aktif,
	header #halt #ha_ort>ul>li>a:hover {
		box-shadow:0 0 5px #000;
		background: rgb(53,93,31);
		background: linear-gradient(0deg, rgba(53,93,31,1) 0%, rgba(100,158,68,1) 100%);
	}
	header #halt #ha_ort>ul>li>a>i {margin-right:5px}
	header #halt #ha_ort>ul>li:last-child {float:right; height:55px; margin-top:0px;}

	header #halt #ha_ort>ul>li>ul {position:absolute; top:20px; padding:25px 15px 15px 15px; width:153px; box-shadow:0 0 5px #c7c7c7; border-radius:0 0 10px 10px; list-style:none; box-sizing:border-box; background:#fff; display:none;}
	header #halt #ha_ort>ul>li:hover>ul {display:block;}
	header #halt #ha_ort>ul>li>ul>li {width:100%; float:left;}
	header #halt #ha_ort>ul>li>ul>li>a {height:30px; line-height:30px; width:100%; float:left;}
	header #halt #ha_ort>ul>li>ul>li>a:hover {color:#464646; font-weight:700;}
	header #halt #ha_ort>ul>li>ul>li>a>i {float:right; line-height:30px;}

	header #halt #ha_ort>ul>li form {position:relative;}
	header #halt #ha_ort>ul>li form input {height:55px; width:280px; padding:0 50px 0 25px; box-sizing:border-box; background:#355d1f; border:none; font-family: 'PT Sans', sans-serif; color:#fff; border-radius:0 10px 10px 0;}
	header #halt #ha_ort>ul>li form input::placeholder {color:#e7e7e7;}
	header #halt #ha_ort>ul>li form i.fa-search {position:absolute; color:#cacaca; top:15px; right:15px; font-size:20px;}

#slider {width:100%; float:left; margin-bottom:30px;}
	#slider #sort {width:1200px; margin:auto; height:470px; overflow:hidden; background:#ccc; position:relative; border-radius:0 0 10px 10px;}
	#slider #sort ul {width:100%; list-style:none;}
	#slider #sort ul li {width:100%; float:left; height:470px;}

	#slider #sort ul li .stext {width:570px; position:absolute; top:300px; left:60px;}
	#slider #sort ul li .stext h4 {width:100%; float:left; font-size:45px; font-weight:700; color:#fff; margin-bottom:10px; text-shadow:1px 1px 0 #000;}
	#slider #sort ul li .stext span {width:100%; float:left; font-size:16px; font-weight:700; color:#fff; margin-bottom:10px; text-shadow:1px 1px 0 #000;}
	#slider #sort ul li .stext a.detaylar {float:left; padding:0 20px; color:#fff; height:35px; line-height:35px; display:block; box-sizing:border-box; border-radius:35px; font-weight:700; background:#ed832b; transition:all 0.5s;}
	#slider #sort ul li .stext a.detaylar i {margin-left:15px; transition:all 0.5s;}
	#slider #sort ul li .stext a.detaylar:hover {background:#fff; color:#2d2824;}
	#slider #sort ul li .stext a.detaylar:hover i {margin-left:20px;}

	#slider #sort #oklar {position:absolute; z-index:9; right:20px; bottom:20px; width:101px; height:40px;}
	#slider #sort #oklar i {width:50px; height:40px; line-height:40px; background:#000000; color:#fff; text-align:center; font-size:22px; font-weight:700; opacity:0.6; transition:all 0.5s; cursor:pointer;}
	#slider #sort #oklar i:hover {opacity:0.9; transform:scale(1.1);}
	#slider #sort #oklar i.fa-angle-left {float:left; border-radius:10px 0 0 10px;}
	#slider #sort #oklar i.fa-angle-right {float:right; border-radius:0 10px 10px 0;}

#aurunler {width:100%; float:left; margin-bottom:30px;}
	#aurunler #au_ort {width:1200px; margin:auto;}
	#aurunler #au_ort #au_baslik {width:100%; float:left; margin-bottom:20px;}
	#aurunler #au_ort #au_baslik>i {display:inline-block; height:5px; background:#d9edce; display:flex; border-radius:5px; margin-top:15px;}
	#aurunler #au_ort #au_baslik h2 {font-size:26px; font-weight:700; color:#558938; float:left; padding-right:30px;}
	#aurunler #au_ort #au_baslik #oklar {width:81px; height:35px; float:left; padding-right:15px;}
	#aurunler #au_ort #au_baslik #oklar i {width:40px; height:35px; line-height:35px; background:#d9edce; color:#fff; text-align:center; font-size:22px; font-weight:700; transition:all 0.5s; cursor:pointer;}
	#aurunler #au_ort #au_baslik #oklar i:hover {color:#fff; background:#95ab89;}
	#aurunler #au_ort #au_baslik #oklar i.fa-angle-left {float:left; border-radius:10px 0 0 10px;}
	#aurunler #au_ort #au_baslik #oklar i.fa-angle-right {float:right; border-radius:0 10px 10px 0;}

	#aurunler #au_ort #au_cerceve {width:100%; height:290px; float:left; display:block; overflow:hidden;}
	#aurunler #au_ort #au_cerceve ul {list-style:none; width:99999px; height:290px; float:left;}
	#aurunler #au_ort #au_cerceve ul li {float:left; margin-right:15px; transition:all 0.5s;}
	#aurunler #au_ort #au_cerceve ul li a {width:230px; height:290px; display:block; overflow:hidden; border-radius:10px; transition:all 0.5s;}
	#aurunler #au_ort #au_cerceve ul li a img {width:230px; height:170px; background:#ccc; display:block;}
	#aurunler #au_ort #au_cerceve ul li a .aut {width:100%; float:left; height:120px; padding:10px; box-sizing:border-box; position:relative;}
	#aurunler #au_ort #au_cerceve ul li a .aut h4 {width:100%; float:left; font-size:12px; color:#558938; text-decoration:underline; margin-top:5px;}
	#aurunler #au_ort #au_cerceve ul li a .aut h3 {width:100%; float:left; font-size:17px; color:#737373; font-weight:700; margin-top:5px;}
	#aurunler #au_ort #au_cerceve ul li a .aut span {width:100%; float:left; color:#a6a6a6; margin-top:5px; transition:all 0.5s;}
	#aurunler #au_ort #au_cerceve ul li a .aut .btn {
		width:calc(100% - 20px); float:left; padding:0 10px; color:#fff; height:40px; line-height:40px; display:block; position:absolute; bottom:0px; left:10px; box-sizing:border-box; border-radius:5px; font-weight:700; opacity:0; transition:all 0.5s;
		background: rgb(237,131,43);
		background: linear-gradient(0deg, rgba(237,131,43,1) 0%, rgba(247,190,75,1) 100%);
	}
	#aurunler #au_ort #au_cerceve ul li a .aut .btn i {float:right; line-height:40px;}


	#aurunler #au_ort #au_cerceve:hover ul li{filter:blur(1px);opacity:0.8; transform: scale(0.95);}
	#aurunler #au_ort #au_cerceve:hover ul li:hover{transform:scale(1); filter:blur(0px); opacity:1;}
	

	#aurunler #au_ort #au_cerceve ul li a:hover {background:#f3fdff;}
	#aurunler #au_ort #au_cerceve ul li a:hover .aut span {opacity:0;}
	#aurunler #au_ort #au_cerceve ul li a:hover .aut .btn {opacity:1; bottom:10px;}

#asloganlar {width:100%; float:left; margin-bottom:30px;}
	#asloganlar #as_ort {width:1200px; margin:auto;}
	#asloganlar #as_ort .aslogan {width:285px; height:105px; display:block; border-radius:10px; box-sizing:border-box; border:2px solid #c4d5ba; background:#fff; position:relative; float:left; margin-right:20px; transition:all 0.5s;}
	#asloganlar #as_ort .aslogan i {width:80px; height:80px; line-height:80px; text-align:center; font-size:50px; color:#5f9144; position:absolute; top:10px; left:-10px; border-radius:100%; background:#fff; transition:all 0.5s;}
	#asloganlar #as_ort .aslogan h4 {width:100%; float:left; padding-left:100px; box-sizing:border-box; margin-top:30px; font-size:18px; font-weight:700;}
	#asloganlar #as_ort .aslogan h4 a {color:#656565; transition:all 0.5s;}
	#asloganlar #as_ort .aslogan span {width:100%; float:left; padding-left:100px; box-sizing:border-box; font-size:12px; text-decoration:underline; color:#5f9144; transition:all 0.5s;}
	#asloganlar #as_ort .aslogan:last-child {margin-right:0px;}

	#asloganlar #as_ort .aslogan:hover {background:#ed832b; color:#fff; border:2px solid #ed832b;}
	#asloganlar #as_ort .aslogan:hover i {background:#ed832b; left:10px; color:#fff;}
	#asloganlar #as_ort .aslogan:hover h4 a {color:#fff;}
	#asloganlar #as_ort .aslogan:hover span {color:#fff;}

	#asloganlar #as_ort:hover .aslogan {filter:blur(1px);opacity:0.8; transform: scale(0.95);}
	#asloganlar #as_ort:hover .aslogan:hover {transform:scale(1); filter:blur(0px); opacity:1;}

#aicerikler {width:100%; float:left; padding:30px 0; background:#ecf6e796;}
	#aicerikler #ai_ort {width:1200px; margin:auto;}
	#aicerikler #ai_ort #ahaberler {float:left;}
	#aicerikler #ai_ort #asubeler {float:right;}

	#aicerikler #ai_ort .aicerikler {width:590px; height:370px; border-radius:10px; transition:all 0.5s; background:#fff;}
	#aicerikler #ai_ort .aicerikler:hover {background:#ecf6e7;}


	#aicerikler #ai_ort .aicerikler .aibaslik {width:100%; float:left; height:65px;border-bottom:2px solid #f4faf1; padding:15px 20px; box-sizing:border-box;}
	#aicerikler #ai_ort .aicerikler .aibaslik h3 {font-size:18px; float:left; font-weight:700; margin-top:5px;}
	#aicerikler #ai_ort .aicerikler .aibaslik .aioklar {width:81px; height:35px; float:right;}
	#aicerikler #ai_ort .aicerikler .aibaslik .aioklar i {width:40px; height:35px; line-height:35px; background:#d9edce; color:#fff; text-align:center; font-size:22px; font-weight:700; cursor:pointer; transition:all 0.5s;}
	#aicerikler #ai_ort .aicerikler .aibaslik .aioklar i:hover, 
	#aicerikler #ai_ort .aicerikler .aibaslik a.tumu:hover {background:#95ab89; color:#fff;}
	#aicerikler #ai_ort .aicerikler .aibaslik .aioklar i.fa-angle-left {float:left; border-radius:10px 0 0 10px;}
	#aicerikler #ai_ort .aicerikler .aibaslik .aioklar i.fa-angle-right {float:right; border-radius:0 10px 10px 0;}
	#aicerikler #ai_ort .aicerikler .aibaslik a.tumu {padding:0 15px; height:35px; line-height:35px; background:#d9edce; color:#fff; text-align:center; font-weight:700; display:block; float:right; border-radius:10px; margin-left:15px; transition:all 0.5s;}

	#aicerikler #ai_ort .aicerikler .ai_cerceve {width:calc(100% - 30px); margin-top:15px; margin-left:15px; height:260px; float:left; overflow:hidden;}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul {list-style:none; width:9999px;}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li {width:275px; height:260px; float:left; margin-right:15px; position:relative;}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li a.aimg {float:left; margin-bottom:15px;}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li a.aimg img {width:270px; height:140px; border-radius:5px; background:#ccc; display:block; float:left;}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li h4 {width:100%; float:left; font-size:18px; font-weight:700; margin-bottom:5px;}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li h4 a {color:#656565;}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li span {width:100%; float:left; color:#a6a6a6; margin-bottom:5px;}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li a.detaylar {
		float:left; padding:0 20px; color:#fff; height:35px; line-height:35px; display:block; box-sizing:border-box; border-radius:35px; font-weight:700;
		background: rgb(237,131,43);
		background: linear-gradient(0deg, rgba(237,131,43,1) 0%, rgba(247,190,75,1) 100%);
	}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li a.detaylar i {margin-left:15px; transition:all 0.5s;}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li a.detaylar:hover i {margin-left:20px;}

	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li a.harita {position:absolute; right:20px; top:100px; height:25px; line-height:25px; color:#a6a6a6; background:#f6fcff; border-radius:25px; padding:0 10px; font-size:12px; display:none;}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li a.harita i {margin-right:5px; font-size:14px;}

#uretim_kalite {width:100%; float:left; padding:30px 0; background:#ffffff9c;}
	#uretim_kalite #uk_ort {width:1040px; margin:auto; text-align:center;}
	#uretim_kalite #uk_ort h3 {width:100%; float:left; font-size:26px; color:#558938; font-weight:700; margin-bottom:20px;}
	#uretim_kalite #uk_ort a.tdetaylar {
		padding:0 20px; color:#fff; height:35px; line-height:35px; display:block; box-sizing:border-box; border-radius:35px; font-weight:700; display:inline-block; margin-top:20px; transition:all 0.5s;
		background: rgb(237,131,43);
		background: linear-gradient(0deg, rgba(237,131,43,1) 0%, rgba(247,190,75,1) 100%);
	}
	#uretim_kalite #uk_ort a.tdetaylar i {margin-left:20px;}
	
	#uretim_kalite #uk_ort a.tdetaylar:hover {transform: scale(1.1)}

	#uretim_kalite #uk_ort .uretim {width:100%; float:left; height:305px; position:relative; margin-top:-5px;}
	#uretim_kalite #uk_ort .uretim i.cz {width:5px; height:305px; display:block; background:#558938; position:absolute; left:520px; border-radius:5px;}
	#uretim_kalite #uk_ort .uretim i.nkt {width:13px; height:13px; border:5px; border-radius:100%; background:#fff; border:5px solid #558938; display:block; position:absolute; left:511px; top:30px; transition:all 0.5s;}
	#uretim_kalite #uk_ort .uretim img {width:480px; display:block; height:260px; background:#ccc; border-radius:10px; float:left; margin-top:30px;}
	#uretim_kalite #uk_ort .uretim .utext {width:480px; float:right; text-align:left; margin-top:30px;}
	#uretim_kalite #uk_ort .uretim .utext h4 {float:left; width:100%; text-decoration:underline; margin-bottom:5px;}
	#uretim_kalite #uk_ort .uretim .utext h4 a {color:#558938;}
	#uretim_kalite #uk_ort .uretim .utext h5 {font-size:25px; font-weight:700; color:#656565; width:100%; float:left; margin-bottom:10px;}
	#uretim_kalite #uk_ort .uretim .utext span {width:100%; float:left; color:#a6a6a6; margin-bottom:10px; font-size:17px;}
	#uretim_kalite #uk_ort .uretim .utext a.detaylar {float:left; padding:0 20px; color:#fff; background:#849b8f; height:35px; line-height:35px; display:block; box-sizing:border-box; border-radius:35px; font-weight:700; transition:all 0.5s;}
	#uretim_kalite #uk_ort .uretim .utext a.detaylar i {margin-left:15px; transition:all 0.5s;}

	#uretim_kalite #uk_ort .uretim:hover .utext a.detaylar {background:#ed832b;}
	#uretim_kalite #uk_ort .uretim:hover .utext a.detaylar i {margin-left:20px;}
	#uretim_kalite #uk_ort .uretim:hover i.nkt {background:#558938;}

	#uretim_kalite #uk_ort .uretim:nth-child(odd) img {float:right;}
	#uretim_kalite #uk_ort .uretim:nth-child(odd) .utext {float:left; text-align:right;}
	#uretim_kalite #uk_ort .uretim:nth-child(odd) .utext a.detaylar {float:right;}

footer {width:100%; height:440px; float:left; background:#252b21; color:#fff; position:relative; border-top:10px solid #558938;}
	footer #fharita {height:440px; background:#000; width:calc((100% - 1200px) / 2 + 600px) ; position:absolute; right:0px;}
	footer #fort {width:1200px; margin:auto;}

	footer #fort #fbilgi {width:600px; float:left; padding-top:90px;}

	footer #fort #fbilgi #fcop {width:300px; float:left;}
	footer #fort #fbilgi #fcop h3 {float:left; margin-bottom:20px;}
	footer #fort #fbilgi #fcop h3 a {width:231px; height:66px; display:block; text-indent:-9999px; background:url('../images/logo.png') center center no-repeat; filter:brightness(9000%);}
	footer #fort #fbilgi #fcop p {width:100%; float:left;}
	footer #fort #fbilgi #fcop ul#fs {width:100%; float:left; margin-top:50px; list-style:none;}
	footer #fort #fbilgi #fcop ul#fs li {float:left; margin-right:15px;}
	footer #fort #fbilgi #fcop ul#fs li a {width:40px; height:40px; background:#558938; color:#fff; border-radius:100%; font-size:20px; text-align:center; line-height:40px;}

	footer #fort #fbilgi #filetisim {}
	footer #fort #fbilgi #filetisim .hbilgi {margin-bottom:30px;}
	footer #fort #fbilgi #filetisim .hbilgi>span {color:#fff;}
	footer #fort #fbilgi #filetisim .hbilgi>small {text-align:left;}

	footer #fort #fbilgi #filetisim .hbilgi.csaat .cs_bilgi b {color:#fff;}
	footer #fort #fbilgi #filetisim .hbilgi.csaat .cs_bilgi span {background:#fff;}
	
#sayfa_cerceve {width:100%; float:left; padding:30px 0;}	
#sayfa {width:1200px; margin:auto; position:relative; z-index:1;}
	#sayfa #sayfa_haberler {width:918px; float:left;}
	#sayfa #sayfa_haberler .haber {width:440px;}
	#sayfa #sayfa_haberler .haber:first-child {float:left;}
	#sayfa #sayfa_haberler .haber:last-child {float:right;}
	#sayfa #sayfa_haberler .haber a.resim {float:left;}
	#sayfa #sayfa_haberler .haber a.resim img {width:120px; height:120px; border-radius:120px; float:left; margin-right:15px; display:block; background:#ebebeb;}
	#sayfa #sayfa_haberler .haber h2 {width:305px; float:left; margin-bottom:5px; font-size:18px; margin-top:9px;}
	#sayfa #sayfa_haberler .haber h2 a {float:left;}
	#sayfa #sayfa_haberler .haber span {width:305px; float:left;}
	
	#sayfa #sayfa_orta {width:870px; float:left;}
	#sayfa #sayfa_orta .iresim {float:left; max-width:300px; display:block; margin-right:10px; margin-bottom:10px;}
	#sayfa #sayfa_orta iframe {width:100%;}
	
	#sayfa #sayfa_orta .meta {width:380px; padding:10px; float:left; background:#1c1c1c; border-bottom:1px solid #131313; color:#fff;}
	#sayfa #sayfa_orta .meta span:first-child {float:left; width:200px; font-weight:700;}
	#sayfa #sayfa_orta .meta span:last-child {float:left;}
	
	#sayfa #sayfa_orta #urun_slide {width:100%; height:360px; float:left; position:relative; margin-bottom:30px; border-radius:5px;}
	#sayfa #sayfa_orta #urun_slide a#sol_ok{font-size:70px; position:absolute; top:150px; left:20px; z-index:99; color:#fff; text-shadow:0 0 10px #000; transition:all 0.5s;}
	#sayfa #sayfa_orta #urun_slide a#sol_ok:hover{transform:scale(1.2);}
	#sayfa #sayfa_orta #urun_slide a#sag_ok{font-size:70px; position:absolute; top:150px; right:20px; z-index:99; color:#fff; text-shadow:0 0 10px #000; transition:all 0.5s;}
	#sayfa #sayfa_orta #urun_slide a#sag_ok:hover{transform:scale(1.2);}
	#sayfa #sayfa_orta #urun_slide ul {list-style:none; width:999999px; height:360px; overflow:hidden; display:block; float:left;}
	#sayfa #sayfa_orta #urun_slide ul li {float:left; width:100%;}
	#sayfa #sayfa_orta #urun_slide ul li a {float:left;  width:100%; height:360px; border-radius:10px;}
	#sayfa #sayfa_orta #urun_slide ul li a img {width:100%; height:360px; display:block;}
	
	#sayfa #sayfa_orta h1 {width:870px; float:left; font-size:22px; padding-bottom:10px; margin-bottom:15px; color:#2d2d2d; font-weight:700; border-bottom: 1px solid #eae9e9;}
	#sayfa #sayfa_orta h1.urun_baslik {width:360px; float:left; font-size:18px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px dotted #454545;}
	#sayfa #sayfa_orta #urun_resim {width:340px; float:left; margin-bottom:10px; margin-right:10px;}
	
	#sayfa #sayfa_orta #haberler {width:870px; float:left;}
	#sayfa #sayfa_orta #haberler .haber {width:100%; min-height:120px; float:left; margin-bottom:20px; padding-bottom:20px; background:url(../images/hc_bg.png) bottom left repeat-x; border-bottom:1px solid #eae9e9; position:relative;}
	#sayfa #sayfa_orta #haberler .haber a.resim {position:absolute; left:0px;}
	#sayfa #sayfa_orta #haberler .haber a.resim img {width:120px; height:120px; float:left; margin-right:15px; display:block; background:#fff; border-radius:5px;}
	#sayfa #sayfa_orta #haberler .haber a.resim img.vesika {width:120px; height:160px;}
	#sayfa #sayfa_orta #haberler .haber h2 {width:100%; padding-left:135px; box-sizing:border-box; float:left; margin-bottom:5px; font-size:22px; margin-top:9px; font-weight:700;}
	#sayfa #sayfa_orta #haberler .haber h2 a {float:left;}
	#sayfa #sayfa_orta #haberler .haber span {padding-left:135px; box-sizing:border-box; float:left;}
	
	#sayfa #sayfa_orta #haberler .kadro {width:160px; height:250px; float:left; margin-right:10px; margin-bottom:10px;}
	#sayfa #sayfa_orta #haberler .kadro img {width:160px; height:200px; float:left;}
	#sayfa #sayfa_orta #haberler .kadro h3 {width:100%; float:left; height:30px; line-height:30px; color:#fff; font-size:14px; font-weight:700; background:#0082c5; text-align:center; font-weight:700;}
	#sayfa #sayfa_orta #haberler .kadro span {width:100%; height:20px; line-height:20px; float:left;  color:#fff; background:#066a9d; text-align:center; font-size:12px;}
	
	#sayfa #sayfa_orta #haberler .urun {width:270px; margin:10px; float:left;}
	#sayfa #sayfa_orta #haberler .urun a.resim {width:100%; float:left; border-radius:10px; height:200px; margin-bottom:10px;}
	#sayfa #sayfa_orta #haberler .urun:hover a.resim {box-shadow:0 0 10px #ccc;}
	#sayfa #sayfa_orta #haberler .urun h2 {width:100%; float:left; text-align:center; font-size:16px; font-weight:700;}
	#sayfa #sayfa_orta #haberler .urun h2 a {color:#00133b;}


	#sayfa #sayfa_orta #haberler .kat {width:170px; height:170px; float:left; margin-bottom:10px; margin-right:10px; position:relative;}
	#sayfa #sayfa_orta #haberler .kat a.resim {float:left;}
	#sayfa #sayfa_orta #haberler .kat a.resim img {width:170px; height:170px; float:left; margin-right:15px; display:block; background:#fff; border-radius:5px;}
	#sayfa #sayfa_orta #haberler .kat h2 {margin-bottom:5px; font-size:14px; margin-top:9px; font-weight:700; position:absolute; bottom:10px; background:#692008; padding:5px 10px; right:0px; border-radius:5px 0 0 5px;}
	#sayfa #sayfa_orta #haberler .kat h2 a {float:left;}
	
	#sayfa #sayfa_orta .gallery {list-style:none; margin-top:30px;}
	#sayfa #sayfa_orta .gallery li {float:left; margin:8px;}
	#sayfa #sayfa_orta .gallery li a{}
	#sayfa #sayfa_orta .gallery li a img {width:200px; display:block; border-radius:5px; transition:all 0.5s; box-shadow:0 0 5px #969595;}
	#sayfa #sayfa_orta .gallery li a img:hover {box-shadow:0 0 10px #000;}
	
	#sayfa #sayfa_sidebar {width:300px; float:right;}
	#sayfa #sayfa_sidebar h2 {width:100%; float:left; font-size:22px; padding-bottom:5px; margin-bottom:10px; border-bottom: 1px solid #BDB9B9; color:#2d2d2d; font-weight:700;}
	#sayfa #sayfa_sidebar h3 {width:100%; float:left; font-size:18px; font-weight:700;}
	#sayfa #sayfa_sidebar h3 a {float:left; color:#fff; width:100%; height:50px; line-height:50px; padding:0 15px; box-sizing:border-box; background:#404040; transition:all 0.5s;}
	#sayfa #sayfa_sidebar h3 a:hover {background:#346694;}
	#sayfa #sayfa_sidebar>ul {list-style:none; float:left; width:100%; border:1px solid #dedede; margin-bottom:20px; box-sizing:border-box; border-radius:10px; overflow:hidden; background:#fff;}
	#sayfa #sayfa_sidebar>ul>li {width:100%; float:left; border-bottom:1px solid #eae9e9;}
	#sayfa #sayfa_sidebar>ul>li:last-child {border:none;}
	#sayfa #sayfa_sidebar>ul>li>a {padding:0 15px; box-sizing:border-box; height:50px; line-height:50px; display:block; width:100%; float:left; color:#2f2f2f; font-weight:700; transition:all 0.5s;}
	#sayfa #sayfa_sidebar>ul>li>a>i {float:right; line-height:50px;}
	#sayfa #sayfa_sidebar>ul>li>a:hover {background:#ed832b; color:#fff;}
	
	#sayfa #sayfa_sidebar>ul>li>ul {width:100%; padding-left:30px; box-sizing:border-box; list-style:none;}
	#sayfa #sayfa_sidebar>ul>li>ul>li {width:100%; margin-bottom:15px; float:left;}
	#sayfa #sayfa_sidebar>ul>li>ul>li>a {float:left;}
	
	#sayfa #sayfa_sidebar #facebook {float:left; margin-top:15px;}
	
	.form {width:100%; float:left;}
	.form .text {width:100%; float:left;}
	.form .text .acik {float:left; margin-bottom:5px; font-weight:700;}
	.form .text .macik {float:right;  margin-bottom:5px; font-size:11px; color:#ccc;}
	.form .text input[type="text"] {padding:15px; width:100%; box-sizing:border-box; float:left; margin-bottom:10px; border:1px solid #cdcdcd;}
	.form .text select {padding:15px; width:100%; box-sizing:border-box; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;}
	.form .text input[type="file"] {padding:15px; width:100%; box-sizing:border-box; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;}
	.form .text textarea {padding:15px; width:100%; box-sizing:border-box; height:100px; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;}
	input.error, textarea.error {border:3px solid #cf2727 !important;}
	label.error {display:none !important;}
	
	#sayfa #sayfa_orta #iletisim1 {width:390px; float:right;}
	#sayfa #sayfa_orta #iletisim1 h1 {width:100%; float:left;}

	#sayfa #sayfa_orta #iletisim2 {width:450px; float:left;}
	#sayfa #sayfa_orta #iletisim2 h1 {width:100%; float:left;}
	#sayfa #sayfa_orta #iletisim2 .form {width:100;}
	#sayfa #sayfa_orta #iletisim2 .form .text {width:100;}
	#sayfa #sayfa_orta #iletisim2 .form .text input {padding:15px 10px; width:100%; box-sizing:border-box; border:1px solid #cdcdcd;}
	#sayfa #sayfa_orta #iletisim2 .form .text textarea {width:100%; box-sizing:border-box; padding:10px 4px; border:1px solid #cdcdcd;}
	#sayfa #sayfa_orta #iletisim2 input.error, #sayfa #sayfa_orta #iletisim2 textarea.error {border:1px solid #cf2727 !important;}
	
	#sayfala {float:left; margin-top:20px;}
	#sayfala  a{font-size:14px; font-weight:700; font-weight:700; padding:5px 11px; display:block; background:#292929; color:#fff; float:left; margin-left:3px; border-radius:3px;}
	#sayfala  a:hover {background:#00a4a7;}
	#sayfala .aktif {background:#00a4a7;}
	
	.button1 {
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
		background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
		background-color:#ffffff;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:15px;
		border:1px solid #dcdcdc;
		display:inline-block;
		cursor:pointer;
		color:#666666;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
		padding:6px 12px;
		text-decoration:none;
		text-shadow:0px 1px 0px #ffffff;
	}
	.button1:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
		background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
		background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
		background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
		background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
		background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
		background-color:#f6f6f6;
	}
	.button1:active {
		position:relative;
		top:1px;
	}
	
	#yorumlar {width:690px; float:left; margin-bottom:10px; margin-top:40px;}
	#yorumlar h3 {width:690px; float:left; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #e3e3e3; font-weight:700; font-size:18px;}
	
	#yorumlar #yorum_yaz {width:690px; float:left;}
	#yorumlar #yorum_yaz form {float:left; margin-bottom:20px;}
	#yorumlar #yorum_yaz input[type="text"] {padding:10px; border:1px solid #cbcbcb; width:46%; font-size:12px; font-family: 'PT Sans', sans-serif;}
	#yorumlar #yorum_yaz textarea {font-size:12px; border:1px solid #cbcbcb; width:670px; float:left; margin:15px 0; padding:10px; font-family: 'PT Sans', sans-serif; height:80px;}
	#yorumlar #yorum_yaz span {float:right; font-size:12px; color:#cbcbcb;}
	#yorumlar #yorum_yaz input[type="submit"] {float:right; border:none; padding:10px 15px; font-family: 'PT Sans', sans-serif; background:#f9b60a; color:#fff;}
	
	#yorumlar #tum_yorumlar {width:690px; float:left;}
	#yorumlar #tum_yorumlar #yorum_yok {width:660px; float:left; padding:15px; background:#ffeec2; border-bottom:1px solid #d3c39c;}
	#yorumlar #tum_yorumlar .yorum {width:670px; padding:10px; background:#f0f0f0; border-bottom:1px solid #cdcdcd; margin-bottom:10px; float:left;}
	#yorumlar #tum_yorumlar .yorum h4 {width:670px; font-size:13px; float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #cdcdcd;}
	#yorumlar #tum_yorumlar .yorum h4 .tarih {font-size:11px; float:right;}
	#yorumlar #tum_yorumlar .yorum span.yrm {width:670px; float:left;}		
		
		
	.dokuman {width:100%; float:left; height:35px; margin-bottom:1px; padding:0 15px; background:#00a4a7; color:#fff; line-height:35px; box-sizing:border-box; font-weight:700;}
	.dokuman:hover {background:#067375; color:#fff;}
	.dokuman i {float:left; line-height:35px; margin-right:8px; font-weight:400;}	
		
		
	.osb::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #1bafb2;
	}
	
	.osb::-webkit-scrollbar {
		width: 5px;
		background-color: #1bafb2;
	}
	
	.osb::-webkit-scrollbar-thumb {
		background-color: #175d5f;
	}
	
	.osb {
		float: left;
		background: #F5F5F5;
		overflow-y: scroll;
	}

/********************/
.p0px {padding:0px !important;}

.icerik_kutu_1 {width:275px; height:260px; float:left; margin:7px; position:relative;}
	.icerik_kutu_1 a.aimg {float:left; margin-bottom:15px;}
	.icerik_kutu_1 a.aimg img {width:270px; height:140px; border-radius:5px; background:#ccc; display:block; float:left;}
	.icerik_kutu_1 h4 {width:100%; float:left; font-size:18px; font-weight:700; margin-bottom:5px;}
	.icerik_kutu_1 h4 a {color:#656565;}
	.icerik_kutu_1 span {width:100%; float:left; color:#a6a6a6; margin-bottom:5px;}
	.icerik_kutu_1 a.detaylar {
		float:left; padding:0 20px; color:#fff; height:35px; line-height:35px; display:block; box-sizing:border-box; border-radius:35px; font-weight:700;
		background: rgb(237,131,43);
		background: linear-gradient(0deg, rgba(237,131,43,1) 0%, rgba(247,190,75,1) 100%);
	}
	.icerik_kutu_1 a.detaylar i {margin-left:15px; transition:all 0.5s;}
	.icerik_kutu_1 a.detaylar:hover i {margin-left:20px;}

	.icerik_kutu_1 a.harita {position:absolute; right:20px; top:100px; height:25px; line-height:25px; color:#a6a6a6; background:#f6fcff; border-radius:25px; padding:0 10px; font-size:12px; display:none;}
	.icerik_kutu_1 a.harita i {margin-right:5px; font-size:14px;}

header a#mobil_menu {display:none; float:right; padding:10px 15px; background:#355d1f; color:#fff; position:absolute; right:15px; top:15px; font-size:30px; border-radius:5px;}
@media screen and (max-width:768px) {
	body {padding-top:80px;}
	header {height:80px; position:fixed; top:0px; left:0px; z-index:99; background:#fff; box-shadow:0 0 10px #bfbfbf;}
	header a#mobil_menu {display:block;}

	header #hust #hu_ort {width:100%; padding:0px; float:left; position:relative;}
	header #hust #hu_ort h1 {left:15px; top:15px; position:absolute;}
	header #hust #hu_ort h1 a {background-size:contain; width:175px; height:50px;}
	header #hust #hu_ort .hbilgi, header #hust #hu_ort ul#hdiller {display:none;}

	header #halt #ha_ort {width:100%; float:left;}
	header #halt #ha_ort>ul {height:auto; border-radius:0px !important; position:absolute; top:80px; display:none;}
	header #halt #ha_ort>ul>li {width:100%; margin:0px; padding:3px; box-sizing:border-box;}
	header #halt #ha_ort>ul>li>a {width:100%; box-sizing:border-box;}
	header #halt #ha_ort>ul>li>a>i {display:none;}
	header #halt #ha_ort>ul>li>ul {display:none !important;}

	header #halt #ha_ort>ul>li:last-child {padding:0px;}
	header #halt #ha_ort>ul>li form input {width:100%; border-radius:0px !important;}

	#slider #sort {width:100%; border-radius:0px !important;}
	#slider #sort ul li .stext {width:100%; padding:20px; box-sizing:border-box; left:0px;}
	#slider #sort ul li .stext h4 {font-size:22px;}
	#slider #sort ul li .stext span {font-size:14px;}

	#aurunler #au_ort {width:100%; float:left; padding:0 30px; box-sizing:border-box;}
	#aurunler #au_ort #au_cerceve ul li {margin:0px;}
	#aurunler #au_ort #au_cerceve ul li a {width:100%;}
	#aurunler #au_ort #au_cerceve ul li a img {width:100%;}

	#asloganlar #as_ort {width:100%; float:left; padding:0 30px; box-sizing:border-box;}
	#asloganlar #as_ort .aslogan {width:100%; margin:0px; margin-bottom:15px;}

	#aicerikler #ai_ort {width:100%; padding:0 30px; box-sizing:border-box;}
	#aicerikler #ai_ort .aicerikler .aibaslik .aioklar {display:none;}
	#aicerikler #ai_ort .aicerikler {width:100%; margin-bottom:15px;}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li {margin:0px;}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li a.aimg {width:100%;}
	#aicerikler #ai_ort .aicerikler .ai_cerceve ul li a.aimg img {width:100%;}

	#uretim_kalite #uk_ort {width:100%; padding:0 30px; box-sizing:border-box;}
	#uretim_kalite #uk_ort .uretim {height:auto;}
	#uretim_kalite #uk_ort .uretim i.cz {display:none;}
	#uretim_kalite #uk_ort .uretim i.nkt {display:none;}
	#uretim_kalite #uk_ort .uretim img {width:100%; height:auto; float:left;}
	#uretim_kalite #uk_ort .uretim .utext {width:100%; float:left; text-align:left !important;}

	footer {height:auto;}
	footer #fort {width:100%;}
	footer #fort #fbilgi {width:100%; float:left; padding:30px; box-sizing:border-box; text-align:center;}
	footer #fort #fbilgi #fcop {width:100%; text-align:center;}
	footer #fort #fbilgi #fcop h3 {display:inline-block; float:initial;}
	footer #fort #fbilgi #fcop ul#fs {float:initial; display:inline-block; margin-bottom:20px; width:auto;}
	
	footer #fort #fbilgi #filetisim {width:100%;}
	footer #fort #fbilgi #filetisim .hbilgi {margin-left:0px; width:100%;}
	footer #fort #fbilgi #filetisim .hbilgi>small {text-align:center;}

	footer #fharita {width:100%; position:relative; float:left;}

	#sayfa {width:100%; padding:0 30px; box-sizing:border-box;}
	#sayfa #sayfa_orta {width:100%;}
	#sayfa #sayfa_orta h1 {width:100%;}

	#sayfa #sayfa_sidebar {width:100%; float:left; margin-top:30px;}
	#sayfa #sayfa_orta #haberler {width:100%;}
	#sayfa #sayfa_orta #haberler .urun {width:calc(50% - 20px);}
	
	#sayfa #sayfa_orta #iletisim1 {width:100%; margin-bottom:30px;}
	#sayfa #sayfa_orta #iletisim2 {width:100%;}

	#sayfa #sayfa_orta .gallery li {margin:10px; float:left; width:calc(50% - 20px);}
	#sayfa #sayfa_orta .gallery li a img {width:100%; float:left;}
}
	
@media screen and (min-width:768px) {
	body {min-width:1220px;}
}