tml, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html,body {line-height: 1;font-family: 'Open Sans', sans-serif;font-weight:normal;font-size: 14px;}
q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table { border-collapse: collapse;border-spacing: 0;}
ul li{ list-style-type:none;}
button { background-color:transparent; cursor:pointer; outline: none;}
button:hover { opacity:0.6;}
a{ outline:none; text-decoration:none; color:#002743;}
a:hover{text-decoration:none;}
.clear { clear:both;}
.ortala { width:1000px; position:relative; margin:0 auto;}
.ustmobil { display:none;}
header { width:100%; height:160px; background:url(../images/ustbg.jpg) no-repeat center center; background-size:cover !important;}
.logo { float:left; margin-top:60px;}
.logo a { display:block;}
.haberresim{float:right; width:600px}
.haberbaslik{ font-size:24px; font-weight:600; padding:10px 5px;}

menu { float:right; margin-top:80px;}
menu a { display:block; font-weight:bold; float:left; border-left:1px solid #FFF; padding:31px 15px; transition:.3s all linear; font-size:18px; color:#FFF; direction:rtl;}
menu a:first-child { border:none;}
menu a:hover,.menuaktif { background:#a61319;}
menu a:first-child:hover { opacity:.7; }

.slayt { width:100%; margin:15px 0;}
.slayt li { width:100%; height:380px;}
.slaytaciklama { color:#FFF; width:232px; text-align:right; direction:rtl; font-size:15px; height:300px; line-height:1.3; float:right; padding:80px 20px 0 150px; background:url(../images/slaytbg.png) no-repeat;}
.slaytaciklama h2 { font-size:23px;}
.slaytaciklama h2 span { font-weight:bold;}
.arama{ position:absolute; right:0; top:35px;}
.aramatext{ font-family: 'Open Sans', sans-serif;font-weight:normal;font-size: 12px; padding:5px; border:0; width:100px; }
.aramabuton{ font-family: 'Open Sans', sans-serif;font-weight:normal;font-size: 12px; padding:5px; cursor:pointer; color:#FFF; background:#a61319; border:0; transition:.3s all linear; }
.aramabuton:hover{ color:#a61319; background:#FFF; }
.diller{ position:absolute; right:0; top:0;}

.kutu1 { background:url(../images/kutu1.jpg) no-repeat center center; background-size:cover !important;}
.kutu2 { background:url(../images/kutu2.jpg) no-repeat center center; background-size:cover !important;}
.kutu3 { background:url(../images/kutu3.jpg) no-repeat center center; background-size:cover !important;}

#kutu { display:block; float:left; margin-right:56px; width:296px; height:141px; color:#FFF; position:relative; transition:.3s all linear; direction:rtl;}
#kutu h3 { font-size:19px; font-weight:bold; display:block; padding:20px 5px 10px; width:100px; }
.kicerik { width:200px; font-size:13px; margin-right:5px; }
#kutu img { position:absolute; top:-13px; left:-15px;}
#kutu:hover { opacity:.8;}
#kutu strong { display:block; font-weight:bold; padding-top:8px; font-size:15px; direction:ltr;}

.anahk { width:100%; background:url(../images/anahkbg.jpg) center right #f1f2f2 no-repeat; margin-top:10px; padding-bottom:20px; }
.hucre { width:300px; float:left; margin-left:20px; direction:rtl; color:#6a6a6a; font-size:14px; line-height:1.3;}
.hucre h4 { font-size:20px; font-weight:bold; padding:10px 0;}

.haberler { margin:20px 0; float:left;}
.haberler a { display:block; float:left; width:200px; padding:0 110px 0 10px; height:168px; background-position:center center; background-size:cover !important; margin-right:10px; color:#FFF; font-size:12px; transition:.3s all linear;direction:rtl;}
.haberler a h5 { font-weight:bold; margin-top:110px; }
.haberler a:hover { opacity:.8;}
.haberler h1 { color:#6a6a6a; margin:10px 0; direction:rtl; float:left;}

.fuarlar { margin:20px 0; float:left;}
.fuarlar a { display:block; width:320px; height:168px; background-position:center center; background-size:cover !important; transition:.3s all linear;}
.fuarlar a:hover { opacity:.8;}
.fuarlar h1 { color:#6a6a6a; margin:10px 0;}

footer { width:100%; height:27px; padding-top:18px; background:url(../images/altbg.jpg) no-repeat center center; background-size:cover !important; color:#FFF; font-size:10px;}
footer a { float:right; margin-top:-5px; transition:.3s all linear;}
footer a:hover { opacity:.8;}
.copy { float:left;}

.icbg { display:block; margin-top:10px;}

.kurumsal { color:#838383; line-height:1.3; font-size:12px; margin-bottom:10px;}
.kurumsal h5 { color:#6a6a6a; font-size:20px; margin:10px 0; font-weight:bold;}
.kurumsalsol { width:40%; float:left; background:#dedede; padding:20px;direction:rtl;}
.kurumsalsag { width:50%; float:right; padding:20px;direction:rtl; font-size:14px;}
#clear { height:20px;}
.kalite { width:40%; float:left; margin-bottom:10px;}
.kalite img { display:block; margin-bottom:5px;}


.sertifikalar { margin-top:40px;}
.sertifikalar a { float:left; display:block; width:115px; margin-right:10px; margin-bottom:10px;}

.aracizgi { width:100%; height:13px; background:#d6d6d6; margin:20px 0;}

.siralama { width:99%; padding-left:1%; height:auto; background:#095392; margin:10px 0;}
.siralama h1 { display:block; float:left; font-size:12px; font-weight:bold; color:#FFF; margin:12px 5px;}
.urunler { margin-bottom:10px; overflow-y: auto; height: 500px; padding-right:10px;}
.urunler::-webkit-scrollbar{height:2px; border-radius: 10px; width:10px;}
.urunler::-webkit-scrollbar-thumb{background-color:#fff; border-radius: 10px; width:4px; border:1px solid #000;}
.urunler::-webkit-scrollbar-thumb:hover{ opacity:.7;}
.urunler::-webkit-scrollbar-track{background-color:rgba(29,64,89,.5);border-radius: 10px; transition:.3s all linear; }

.urunler a { display:block; width:100%; position:relative; border-bottom:1px solid #000000; transition:.3s all linear;}
.urunler a:nth-child(4n+0) { border-right:none;}
.urunler a img { display:block; margin:0 auto; margin-bottom:5px;}
.urunler a span { color:#e60505; font-size:12px; font-weight:bold; padding:20px; display:block;}
.urunler a span strong { background:#FF0;}
.urunler a:hover { opacity:.7;}
.katalt li { display: block; float: left; width: 6.50%; line-height: 1.3; margin-right: 0.5%; color: #000; padding: 12px 2%; font-size: 13px; font-weight:600; margin-bottom:12px;}
.katalt li:first-child { width: 17%;}
.katalt li:last-child { width: 19.50%; margin-right: 0; position: relative;}
.katbasliklar li { display: block; float: left; width: 6.50%; background: #F00; margin-right: 0.5%; color: #FFF; text-align: center; padding: 12px 2%; font-size: 13px; font-weight: bold; margin-bottom:12px;}
.katbasliklar li:first-child { width: 17%;}
.katbasliklar #katson { width: 19.50%; margin-right: 0;}



.kategoridiz{ font-size:19px; cursor:pointer; padding:6px 8px; margin:6px 0; ; float:left; color:#FFF; border-right:1px solid #FFF; transition:.3s all linear;}
.kategoridiz:hover{ background:#900; color:#FFF;}
.kategoridizaktif{ background:#900; color:#FFF; font-weight:bold;}

#kat { background:#00223e; color:#FFF; border:none; margin-top:4px; padding:5px; outline:none;}
.yeni { position:absolute; top:0; left:0; width:60px;}
.urundetay h1 { display:block; font-size:12px; font-weight:bold; color:#e60505; margin:12px 5px;}
.ilksatir { background:#c7c7c7; color:#404040; font-weight:bold;}
.urundetay td { padding:5px !important; color:#4d4c4c;}
.detayresim { position:relative;}

.benzer h2 { color:#535356; font-size:14px; font-weight:bold; padding-bottom:5px; width:100%; border-bottom:1px solid #535356; margin-top:30px; margin-bottom:10px;}
.benzer a { display:block; float:left; width:249px; position:relative; transition:.3s all linear;}
.benzer a img { display:block; margin:0 auto; margin-bottom:5px;}
.benzer a span { color:#e60505; font-size:12px; font-weight:bold; padding:20px; display:block;}
.benzer a:hover { opacity:.7;}

.baslik { display:block; margin:10px 0 5px ;}


.formtext { width:96%; height:10px; padding:15px 2%; font-family: 'Open Sans', sans-serif; }
.formtextarea {width:96%; height:40px; padding:15px 2%; resize:none; font-family: 'Open Sans', sans-serif;}
.formbuton { display:block; float:left; margin-right:10px; border:1px solid #a61319; padding:10px 15px; cursor:pointer; margin-top:10px; font-family: 'Open Sans', sans-serif; transition:.3s all linear;}
.formbuton:hover { color:#FFF; background:#a61319;}

.iletisim { line-height:1.6;}
.iletisim a { transition:.3s all linear;}
.iletisim a:hover { opacity:.7;}

.gonderildi { width:100%; margin:0 auto; text-align:center; color:#6a6a6a; line-height:1.3;}
.gonderildi img { display:block; margin:5px auto; }

.galerialan { width:100%; margin:15px 0;}
.galerialan h1 { display:block; margin:10px 0; font-weight:700; color:#7c7c7c; font-size:30px;}
.galerialan a { width:240px; transition:.3s all linear; display:block; float:left; margin-right:10px; margin-bottom:10px;}
.galerialan a:hover { opacity:.7;}
.galerialan a img { width:100%;}



@media only screen and (max-width: 1680px) {
}

@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 1366px) {
}

@media only screen and (max-width: 1024px) {

header { display:none;}
.ustmobil { width:100%;left:0;height:70px;padding-top:5px;transition:all .3s linear;top:0;display:block;position:fixed;z-index:10000;background:url(../images/ustbg.jpg) no-repeat center center; }
.menuacil{display:block;overflow:hidden;width:100%;;height:0px;text-align:center;position:fixed; top:70px; z-index:9998;background:#004d7a;transition:.3s all linear; border-bottom:3px solid #004d7a}
.menuacil2{height:282px; }
.mobmenuicon{display:block;top:20px;position:fixed;height:30px;width:60px; z-index:9999; left:45%;text-align:center;cursor:pointer;}
.moblogo {display:block; position:fixed; left:5px; top:15px; width:140px; cursor:pointer; transition:.3s all linear;}
.moblogo img { width:100%;}
.menuacil a{color:#000;font-size:16px;line-height:1.5;font-weight:600;}
.menuacil .mobil1{position:absolute;width:100%;top:0px;transition:.3s all linear;}
.menuacil .mobil1 a{width:100%;padding:4px 0;display:block;text-align:center;margin:5px auto; color:#FFF;}
.boslukkoy { display:block; height:70px;}
.mobilaktif { background:#a61319;}

.ortala { width:100%;}

#kutu {margin-right:2%; width:31%;}
#kutu h3 { padding:20px 10px 10px; width:100px; }
.kicerik { width:60%; margin-left:10px; }
.hucre { width:57%; float:none; }

.haberler a { width:180px; padding:0 90px 0 10px; height:149px;}
.haberler a h5 { margin-top:80px;}
.fuarlar a { width:280px; height:149px; }

.kurumsalsol { width:96%; float:none; padding:20px 2%;}
.kurumsalsag { width:96%; float:none; padding:20px 2%;}

.urunler a {width:100%;}
.benzer a {width:25%;}


footer a { margin-right:5px;}
.copy { margin-left:5px;}

.arama{ position:relative; display:block; right:0; top:220px;}
.diller{position:relative; display:block; right:0; top:220px;}

.galerialan a { width:24%; margin-right:1%;}


}
@media only screen and (max-width: 900px) {
.haberler a { width:170px; padding:0 70px 0 10px; height:133px;}
.haberler a h5 { margin-top:60px;}
.fuarlar a { width:250px; height:133px; }
}

@media only screen and (max-width: 800px) {
#kutu img { display:none;}
#kutu {width:30.30%;}
.kicerik { width:90%; margin-left:5%; }
.hucre { width:50%; }
.haberler,.fuarlar { float:none; margin-left:2%;}
.kalite { width:100%; float:none; height:50px;}
.kalite img { float:left; margin-right:5px; margin-top:-10px;}

}
@media only screen and (max-width: 700px) {
.anahk { background:#f1f2f2;}
.hucre { width:90%; margin-left:5%; }
}
@media only screen and (max-width: 600px) {
.slayt li {  height:250px;}
.slaytaciklama { width:190px; text-align:right; font-size:13px; height:230px; line-height:1.3; float:right; padding:20px; background:rgba(255,0,0,.7);}
.slaytaciklama h2 { font-size:16px;}
.haberresim{width:100%; margin-bottom:10px;}
.haberbaslik{ font-size:16px; padding:5px;}

#kutu {width:100%; float:none;}
#kutu h3 { padding:20px 10px 10px 5%; width:100px; }


.haberler a { float:none; width:60%; padding:0 30% 0 5%; height:280px; margin-right:0; margin-bottom:10px;}
.haberler a h5 { margin-top:0; padding-top:110px;}
.fuarlar { float:none;}
.fuarlar a { width:95%; height:280px;}
.benzer a {width:50%;}
.ouretim { width:90%;}
}
@media only screen and (max-width: 500px) {
.haberler a { height:200px;}
.haberler a h5 {padding-top:100px;}
.fuarlar a { height:200px;}
.galerialan a { width:32%; margin-right:1%; margin-bottom:3px;}

.katbasliklar li { width: 12.50%; padding: 12px 1%; font-size: 9px; min-height:18px; }
.katbasliklar li:first-child { width: 32%;}
.katbasliklar #katson { width: 18.50%; }
	.katbasliklar #katson img { display: block; width:60% !important;}
	.katbasliklar li:nth-child(5),.katalt li:nth-child(5) { display: none;}
	.katbasliklar li:nth-child(6),.katalt li:nth-child(6) { display: none;}
	
.katalt li { width: 12.50%; padding: 12px 1%; font-size: 9px; }
.katalt li:first-child { width: 33%;}
.katalt li:last-child { width: 17.50%; }
	.mobilboyut { width:100% !important; }
}

@media only screen and (max-width: 400px) {
.moblogo  { width:100px !important;}
.moblogo { top:20px;}
.haberler a { height:180px;}
.haberler a h5 {padding-top:100px;}
.fuarlar a { height:140px;}
.urunler a,.benzer a {width:100%;}
.copy {width:70%;}
}