@charset "utf-8";

ul, li { padding: 0; margin: 0; list-style: none; }

a { text-decoration: none; }

.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a strong { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }

.header .menuBar ul { min-width: 1px; width: 100%; float: none; min-height: 1px; float: right; position: relative; }
.header .menuBar ul li { width: auto; float: left; }
.header .menuBar > ul > li { float: none; display: inline-table; vertical-align: text-bottom; margin-right: 22px; }
.header .menuBar > ul > li:last-child { margin-right: 0 }
.header .menuBar ul > li:last-child, .header .menuBar ul > li:last-child a { }
.header .menuBar ul > li:last-child a:after { display: none; }
.header .menuBar ul li a { min-width: 1px; width: auto; min-height: 1px; height: auto; display: block; font-size: 14px; letter-spacing: 0px; color: #131313; padding: 5px 0 25px 0; line-height: 14px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.header .menuBar > ul > li > a { position: relative; font-weight: 500; }
.header .menuBar ul li.active > a, .header .menuBar ul li > a.active, .header .menuBar ul li.active a:hover, .header .menuBar ul li.acildi > a { }
.header .menuBar ul li.acildi > a { color: #f08300; }
.header .menuBar ul li ul li.acildi > a { background: #fff; }
.header .menuBar ul li > a:hover { color: #f08300; }
.header .menuBar ul li a.secili { }
.header .menuBar ul li.secili:hover { }
.header .menuBar ul li ul { position: absolute; width: 217px; min-height: 0px; display: none; background: #f08300; z-index: 999999; margin-top: 0; padding: 11px 0px; box-sizing: border-box; border: solid 0px #fff; box-sizing: border-box; -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.21); -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.21); box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.21); }
.header .menuBar ul li ul ul { left: 100%; top: 0px; }
.header .menuBar ul li ul li { width: 100%; float: left; position: relative; }
.header .menuBar ul li ul li a { width: 100%; min-height: 1px; height: auto; text-align: left; font-weight: normal; text-decoration: none; color: #ffffff; display: block; font-size: 13px; padding: 8px 18px; line-height: 16px; background: none; border-right: none; margin-left: 0px; border-radius: 0px; font-family: tahoma; font-style: normal; box-sizing: border-box; font-weight: 300; }
.header .menuBar ul li ul li a:hover { background: #fff; color: #f08300 }
.header .menuBar ul li ul li:last-child a { border: none; }
.header .menuBar ul li ul .ucgn { width: 16px; height: 8px; position: absolute; left: 15px; top: -7px; background: url(../images/ucgn.png) no-repeat; display: none; }


.header.ana .menuBar ul li a { color: #1c1c1b }


.header .menuBar ul li .menuWrap { width: 100%; min-height: 50px; position: absolute; left: 0px; margin-top: 0; padding-top: 0; display: none; background: #ffffff; border-bottom: solid 7px #f08300; padding: 19px 24px 31px 10px; box-sizing: border-box; -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.21); -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.21); box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.21); opacity: 1; }
.header .menuBar ul li .menuWrap ul, .header .menuBar ul li .menuWrap ul li { display: inherit; box-sizing: border-box; padding: 0px; margin: 0px; box-shadow: none; }
.header .menuBar ul li .menuWrap ul.megam { width: 230px; float: left; position: static; display: inherit; background: none; padding: 10px 20px 0px 20px; margin: 0px; min-height: 234px; }
.header .menuBar ul li .menuWrap ul.megam > li { width: 100%; float: left; padding: 0; background: none; margin-bottom: 0; position: static; }
.header .menuBar ul li .menuWrap ul.megam > li:last-child { margin-bottom: 0 }
.header .menuBar ul li .menuWrap ul.megam > li > a { font-size: 16px; line-height: 16px; color: #000000; padding: 6px 0; }
.header .menuBar ul li .menuWrap ul.megam > li.acildi > a { color: #f08300; }
.header .menuBar ul li .menuWrap ul.megam > li ul { width: 100%; float: left; display: inherit; position: static; background: none; margin-top: 5px; }
.header .menuBar ul li .menuWrap ul.megam > li ul li { }
.header .menuBar ul li .menuWrap ul.megam > li ul li a { }
.header .menuBar ul li .menuWrap ul.megam > li ul li a:hover { }
.header .menuBar ul li .menuWrap ul.megam > li ul li.tumu a { color: #f08300; font-weight: 600; font-size: 13px; }
.header .menuBar ul li .menuWrap .rkAlani { width: 384px; float: right; }
.header .menuBar ul li .menuWrap .rkAlani img { float: left; width: calc(50% - 5px); margin-right: 10px; }
.header .menuBar ul li .menuWrap .rkAlani img:nth-child(2n) { margin-right: 0px; }
.header .menuBar ul li .menuWrap.tek ul.megam { width: calc(100% - 220px); }
.header .menuBar ul li .menuWrap.tek .rkAlani { width: 192px; }
.header .menuBar ul li .menuWrap.tek .rkAlani img { width: 100%; }
.header .menuBar ul li .menuWrap.yok ul.megam { width: 100%; }

.header .menuBar ul li .menuWrap.hActive { }
.header .menuBar ul li .menuWrap.hActive ul.megam { width: calc(100% - 290px); }
.header .menuBar ul li .menuWrap.hActive .mHover { width: 280px; float: right; text-align: center; }
.header .menuBar ul li .menuWrap.hActive .mHover .hRes { width: 100%; height: 240px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.header .menuBar ul li .menuWrap.hActive .mHover strong { width: auto; display: inline-table; margin-top: 30px; }
.header .menuBar ul li .menuWrap.hActive .mHover strong a { font-size: 14px; line-height: 14px; font-weight: 400; border: solid 1px #000; color: #000; letter-spacing: 2px; padding: 12px 14px; }

.header .menuBar ul li .menuWrap.hActive .mHover .hRes { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }


.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs { width: calc(100% - 230px); position: absolute; left: 230px; top: 0; margin: 0; display: none; box-sizing: border-box; padding: 20px 40px; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li { width: 25%; float: left; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a { text-align: center; float: left; position: relative; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a .resim { width: 100%; float: left; position: relative; padding: 0 10px; box-sizing: border-box; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a .resim img { width: 100%; float: left; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a strong { width: 100%; float: left; font-size: 12px !important; line-height: 12px; font-weight: 400; color: #000000; letter-spacing: 1px; margin-top: 4px; font-weight: 400 !important; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a:hover strong { color: #f08300 }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a .fiyat { width: 100%; float: left; position: relative; display: table; table-layout: fixed; border: solid 1px #e1e1e1; padding: 14px 7px; box-sizing: border-box; margin-top: 16px; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a .fiyat div { width: 50%; display: table-cell; vertical-align: middle; font-size: 12px; line-height: 12px; color: #000000; font-weight: bold; text-decoration: line-through; letter-spacing: 1px; font-weight: 400; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a .fiyat div:last-child { font-size: 14px; text-decoration: none; font-weight: bold; }


.header .menuBar ul li .menuWrap.acik { opacity: 1; margin-top: 0px; }